@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


.wf-loading {
    visibility: hidden;
}

html, body, form {
    height: 100%;
}

html {
    position: relative;
    overflow-x: hidden;
}

body {
    font-family: 'Poppins', sans-serif;
    color: #000;
}

    body:after {
        min-height: 100%;
        background-size: contain;
        background-position: center 50px;
        content: '';
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        opacity: 0.3;
    }

.content .container {
}

form {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#wrap {
    min-height: 100%;
}

h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}

h1 {
    font-size: 28px;
    font-weight: 400;
    text-transform: uppercase;
}

    h1.page {
        font-size: 28px;
        font-weight: 500;
        text-transform: uppercase;
        border-bottom: 3px solid black;
        display: inline-block;
        padding-bottom: 15px;
        margin: 0px 0 20px 0;
    }

h2 {
    text-transform: uppercase;
    font-size: 20px;
    padding-bottom: 15px;
    font-weight: 500;
}

h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    font-weight: 800;
    text-transform: none;
    margin-bottom: 20px;
}

h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    font-weight: 800;
    text-transform: none;
    margin-bottom: 20px;
}

h1.login {
    text-align: center;
    margin: 0;
    padding: 20px;
}

    h1.login .sm {
        text-align: center;
        font-size: 11px;
        font-weight: 500;
        display: block;
        margin-top: 18px;
    }

.clearfix, .clear {
    clear: both;
}

label {
    margin: 5px 0 0 0;
    font-size: 14px;
    font-weight: 300;
}

.container-fluid {
}

.container-1900 {
    max-width: 1900px;
    padding-right: 15px;
    padding-left: 15px;
}
/*.container { width: 1530px; }*/


#loader {
    height: 100%;
    width: 100%;
    position: fixed;
    background: rgba(0,0,0,0.1);
    top: 0;
    display: none;
    z-index: 9999;
    right: 0;
    left: 0;
}

    #loader img {
        margin: 0 auto;
        top: 40%;
        position: relative;
        left: 45%;
        z-index: 100;
    }

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

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

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

.form-control {
    color: #000;
}

.row {
}

.navbar-nav {
    margin: 0;
}

a.logout {
    position: absolute;
    top: 0;
    right: 0px;
    color: #FFF;
    text-transform: uppercase;
    background: rgba(102, 102, 102,0.65);
    padding: 5px 10px;
    z-index: 500;
    border-left: 1px solid rgba(255,255,255,0.65);
    border-bottom: 1px solid rgba(255,255,255,0.65);
}

    a.logout:hover {
        text-decoration: underline;
    }

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    left: 1%;
    display: none;
    z-index: 500;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: transparent;
}
/* Default buttons */
.btn {
    border: 0;
    font-size: 12px;
    font-weight: 300;
}

.btn-default {
    transition: background-color 0.5s ease, color 0.5s ease;
    background-color: #ae97a2 !important;
    border: 1px solid #ae97a2 !important;
    text-transform: uppercase;
    color: #FFF !important;
    padding: 10px 15px !important;
    cursor: pointer;
}

    .btn-default:hover, .btn-default:active, .btn-default:focus {
        background-color: #98808B !important;
        border: 1px solid #98808B !important;
        text-transform: uppercase;
        color: #fff !important;
    }

.btn-alternative {
    transition: background-color 0.5s ease, color 0.5s ease;
    background-color: #1f1f1f !important;
    border: 1px solid #1f1f1f !important;
    text-transform: uppercase;
    color: #fff !important;
    padding: 10px 15px !important;
    cursor: pointer;
}

    .btn-alternative:hover, .btn-alternative:active {
        background-color: #1f1f1f !important;
        border: 1px solid #1f1f1f !important;
        text-transform: uppercase;
        color: #FFF !important;
    }

.btn-number {
    transition: background-color 0.5s ease;
    border: 1px solid #00233c !important;
}

    .btn-number:hover {
        border: 1px solid #00233c !important;
        background-color: #00233c !important;
    }

.input-group-btn .btn-default {
    background-color: #FFF;
    border: 1px solid #00233c;
    text-transform: uppercase;
    color: #00233c !important;
    cursor: pointer;
}

    .input-group-btn .btn-default:focus { /*color: #00233c !important; border: 1px solid #00233c !important;*/
    }

.btn-default > i {
    font-size: 14px;
}

.btn.btn-filter {
    font-size: 14px;
    border: 1px solid;
    text-transform: uppercase;
    background-color: #000;
    color: #fff;
    transition: background-color 0.5s ease, color 0.5s ease;
}

/* Bootstrap overrides */
.form-control {
}

input.form-control {
}

    input.form-control:focus {
    }

select.form-control, textarea.form-control {
}

    input.form-control:focus, select.form-control:focus, textarea.form-control:focus {
    }



.bg-danger {
    background-color: #f2dede !important;
}

.bg-warning {
    background-color: #fcf8e3 !important;
}

.red {
    color: red !important;
}

.orange {
    color: orange;
}

.table tr.order-head {
    background-color: transparent;
}

    .table tr.order-head th {
        border: none;
        text-transform: uppercase;
        font-weight: 500;
    }

    .table tr.order-head a {
    }

#updateProgress .progress {
    position: fixed;
    text-align: center;
    height: 100% !important;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9999999;
    background-color: #00233c;
    opacity: 0.7;
}

    #updateProgress .progress .loading {
        padding: 10px;
        position: fixed;
        top: 45%;
        left: 50%;
        background-color: #BABABA;
    }

div.topbar {
    background-color: #A18F63;
    color: #fff;
    padding: 7px 0;
}

    div.topbar a {
        color: #fff;
    }

    div.topbar ul {
        padding-left: 0;
    }

        div.topbar ul li {
            list-style: none;
            float: left;
            margin-right: 20px;
        }

        div.topbar ul.menu-login {
            float: right;
            margin-bottom: 0;
        }

div.topbar-2 {
    background-color: #FFF;
    color: #00233c;
    padding: 15px 0px 10px 0px;
    border: 1px solid #00233c;
    border-width: 0 0 1px 0;
}

    div.topbar-2 h1.nav-bar__title {
        margin: 0 0;
        display: block;
        min-height: 94px;
    }

        div.topbar-2 h1.nav-bar__title a {
            display: table-cell;
            height: 94px;
            line-height: 94px;
            vertical-align: middle;
        }

            div.topbar-2 h1.nav-bar__title a img {
                vertical-align: middle;
            }
    /*div.topbar-2 h1.nav-bar__title img {max-width:100%; max-height:90px; }*/
    div.topbar-2 a {
        color: #fff;
    }

    div.topbar-2 .nav-bar {
        margin-top: 20px;
    }

    div.topbar-2 ul {
        padding: 0 0px 10px 0px;
    }

        div.topbar-2 ul.ins-nav-bar {
        }

            div.topbar-2 ul.ins-nav-bar li {
                margin-right: 0;
            }

                div.topbar-2 ul.ins-nav-bar li a {
                    background-color: transparent;
                    padding: 15px 11px;
                    z-index: 150;
                    position: relative;
                    color: #00233c;
                    font-weight: 500;
                }

                    div.topbar-2 ul.ins-nav-bar li a:hover {
                        text-decoration: none;
                        font-weight: 500;
                        color: #FFF;
                    }

        div.topbar-2 ul li {
            list-style: none;
            float: left;
            margin-right: 5px;
        }

            div.topbar-2 ul li.last {
                margin-right: 0px;
            }

        div.topbar-2 ul.menu-login {
            float: right;
            margin-bottom: 0;
            font-size: 11px;
            font-weight: 500;
        }

    div.topbar-2 .container {
    }

    div.topbar-2 .search input[type="text"] {
        height: 23px;
        background-color: #FFF;
        color: #00233c;
        border-radius: 2px;
        border-color: #00233c;
    }

    div.topbar-2 .search a {
        position: absolute;
        right: 20px;
        top: 2px;
    }

    div.topbar-2 .collections select {
        background: #FFF;
        border-radius: 0px;
        border-color: #00233c;
        color: #00233c;
        height: 23px;
        width: 100%;
    }

    div.topbar-2 .languages {
        margin-bottom: 5px;
        color: #000;
        display: none;
    }

        div.topbar-2 .languages a {
            font-weight: 500;
            font-size: 11px;
            color: #000;
        }

            div.topbar-2 .languages a:hover {
                rgba(48,49,51,.5) !important
            }

@media(max-width: 768px) {
    /*div.topbar-2 .userinfo { position:absolute; top:5px; right: 0px; }
    div.topbar-2 ul { padding: 0px 0px 10px 0px; }
    div.topbar-2 h1.nav-bar__title { border-right: 0; }
    ul li.ins-nav-bar__item {margin-top: 0 !important; margin-bottom: 4px !important;}*/
    body {
        margin-bottom: 395px;
    }
}

@media (max-width: 767px) {
    div.topbar-2 .userinfo {
        position: absolute;
        top: 5px;
        right: 0px;
    }

    div.topbar-2 ul {
        padding: 0px 0px 10px 0px;
    }

    div.topbar-2 h1.nav-bar__title {
        border-right: 0;
    }

    ul li.ins-nav-bar__item {
        margin-top: 0 !important;
        margin-bottom: 4px !important;
    }

    body {
        margin-bottom: 425px;
    }
}


div.topbar-3 {
    vertical-align: middle;
    color: #474747;
    background-color: rgba(255,255,255, 0.8);
}
    /*min-height:50px;*/
    /*div.topbar-3 input { height:30px; line-height:30px; border:none; padding: 5px 5px; color:#B0B0B0; }*/
    div.topbar-3 h2 {
        margin: 0;
        color: #00233c;
        font-weight: 500;
        text-transform: uppercase;
        text-align: center;
        margin-top: 15px;
        border-bottom: 0px solid black;
        margin: 15px 0px;
        padding-bottom: 15px;
    }

    div.topbar-3 h3 {
        display: block;
        margin: 0;
        font-size: 11px;
        ;
        text-transform: uppercase;
        color: #474747;
        font-weight: 500;
        text-align: center;
    }

        div.topbar-3 h3::before {
        }

    div.topbar-3 .search {
        padding: 0px 40px;
        text-align: right;
    }

    div.topbar-3 input {
        width: 85%;
        max-width: 300px;
        display: inline;
    }

    div.topbar-3 select {
        width: 90%;
        max-width: 300px;
        display: inline;
    }

.content-bg {
    background: #FFF;
    background-size: contain;
    min-height: 65%;
    background-position: center;
    background-position-y: 0px;
}

.season table label {
    padding: 0 0 0 0px;
    font-weight: 300;
    display: inline-block;
    margin: 0 10px;
}

.brands ul li label {
    padding: 0 0 0 5px;
    font-weight: 300;
}

.brands ul {
    list-style: none;
}

.error {
    color: #f00;
}

.full {
    -webkit-background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-position-y: top;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    background-position: center;
}

/* Header */
header { /*margin-bottom: 30px;*/
    background: #FFF;
}

    header img {
    }

    header #navbarHeader {
        opacity: 0.5;
        background-size: cover;
        background-position: top;
    }

    header #divHeaderTop {
        opacity: 0.5;
        background-size: cover;
        background-position: top;
        margin-top: -5px;
    }

    header .navbar {
        margin-bottom: 0;
        padding-bottom: 0px;
    }

    header .navbar-header {
        text-align: center;
    }

    header .navbar-default {
        background: none;
        border: none;
    }

        header .navbar-default > div:first-child {
            height: 121px;
        }

    header .navbar-toggle {
    }

    header a.navbar-brand {
        height: initial;
        padding: 0;
    }

    header .navbar-default .navbar-nav li.social a {
        padding: 3px 8px;
        color: #FFF;
        background: #00233c;
        border-radius: 15px;
        margin: 5px 0 0 5px;
        min-width: 25px;
    }

        header .navbar-default .navbar-nav li.social a:hover {
        }

    header .navbar-default .navbar-nav a {
        display: block;
        padding: 0px 0 1px 0;
        font-size: 14px;
        line-height: 24px;
        color: #000;
        border-width: 4px 0;
        margin-right: 40px;
    }

        header .navbar-default .navbar-nav a:hover, header .navbar-default .navbar-nav a.active { /*background-color: #e6327c; color: #fff;*/
            color: #333333;
        }

    header .navbar-default .navbar-nav li:last-child a {
        margin-right: 0px;
    }

    header .navbar-default .navbar-nav a:hover {
    }

    header .navbar-default .navbar-nav a.active {
    }

    header .navbar-default .navbar-nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    header .form-control {
        line-height: 30px;
        margin: 0;
        padding: 6px;
    }

    header .logo img {
        max-width: 215px;
    }

    header .search-box {
        white-space: nowrap;
        position: relative;
        display: inline-block;
    }

        header .search-box > input {
            font-weight: 300;
            width: 260px;
            display: inline-block;
            font-size: 11px;
            color: #000;
            text-transform: uppercase;
        }

        header .search-box a {
            display: inline-block;
            width: 28px;
            height: 28px;
            line-height: 35px;
            font-size: 18px;
            text-align: center;
            color: #000;
            border: none;
            right: 0px;
            position: absolute;
            text-align: center;
        }

            header .search-box a:hover {
                color: #000;
            }

.catalogue-search .search-box {
    white-space: nowrap;
    position: relative;
}

    .catalogue-search .search-box > input {
        width: 100%;
        display: block;
    }

    .catalogue-search .search-box a { /*display: inline-block;*/
        top: 3px;
        width: 28px;
        height: 28px;
        font-size: 20px;
        text-align: center;
        color: ³#000;
        border: none;
        right: 0px;
        position: absolute;
        text-align: center;
    }

        .catalogue-search .search-box a:hover {
            color: #00233c;
        }

header .current-collection {
    display: inline-block;
    font-weight: 500;
    text-transform: uppercase;
}

header .nav-user-info, header .nav-order-info, .nav-collection-info, .nav-exchange-exit {
    float: right;
    display: inline-block;
    margin-top: 6px;
    text-transform: uppercase;
    font-size: 13px;
}

    header .nav-user-info > .fa {
        display: inline-block;
        margin-right: 5px;
        font-size: 18px;
    }

    header .nav-user-info a > .fa {
        display: inline-block;
        margin-left: 5px;
        font-size: 18px;
    }

    header .nav-user-info a::before, header .nav-collection-info > div > a::after, .nav-exchange-exit > a::after {
        content: ' ';
        font-weight: bold;
        margin: 0 10px;
    }

header .navbar-default .dropdown-menu {
    width: 100%;
    text-align: center;
    border: 1px solid #00233c;
}

    header .navbar-default .dropdown-menu > li {
        background-color: #fff;
    }

        header .navbar-default .dropdown-menu > li > a {
            display: block;
            padding: 5px 10px;
            clear: both;
            font-weight: 400;
            color: #000;
            white-space: nowrap;
            border: none;
            width: 100%;
            border-bottom: 2px solid transparent;
            text-align: left;
        }

            header .navbar-default .dropdown-menu > li > a:before {
                content: "";
                position: absolute;
                z-index: -1;
                left: 0;
                right: 105%;
                bottom: -5px;
                background: #000;
                height: 1px;
                -webkit-transition-property: right;
                transition-property: right;
                -webkit-transition-duration: 0.3s;
                transition-duration: 0.3s;
                -webkit-transition-timing-function: ease-out;
                transition-timing-function: ease-out;
            }

header .nav-order-info a {
}

header .nav-exchange-exit {
    margin-left: 10px;
    margin-top: 9px;
    height: 20px;
}

header .nav-collection-info {
}

    header .nav-collection-info .form-control {
        padding: 4px 10px;
    }

header #bs-main-navbar > ul > .menu-logo {
    background-color: transparent;
}

    header #bs-main-navbar > ul > .menu-logo > a {
        background-color: #00233c;
        padding: 0;
    }

        header #bs-main-navbar > ul > .menu-logo > a > img {
            width: 124px;
            padding: 5px;
        }

header #bs-main-navbar {
    text-align: center;
    padding: 0;
    border-top: 0px solid #00233c;
    border-bottom: 0px solid #00233c;
}

    header #bs-main-navbar > ul {
        display: inline-block;
        justify-content: space-around;
        margin: 0;
        padding: 0;
        list-style: none;
        text-transform: uppercase;
        float: none;
        padding-top: 2px;
        border: 1px solid black;
        border-width: 0px 0;
    }

        header #bs-main-navbar > ul > li { /*width: 100%;*/
            text-align: center;
            cursor: pointer;
            margin-right: 5px;
            color: #7E7D8B;
            float: none;
            display: table-cell;
            vertical-align: middle
        }
            /*header #bs-main-navbar > ul > li a:hover:before, header #bs-main-navbar > ul > li a.active:before { right: 0; }*/
            header #bs-main-navbar > ul > li a:before {
            }

            header #bs-main-navbar > ul > li:last-child {
                margin-right: 0px;
            }

            header #bs-main-navbar > ul > li > i {
                margin-bottom: 5px;
                margin-top: 15px;
            }

            header #bs-main-navbar > ul > li > a {
                letter-spacing: 1.5px;
                margin: 0;
                padding: 0;
                list-style: none;
                padding: 0px 25px 0px 25px;
                display: block;
                border-bottom: 2px solid transparent;
                font-size: 14px;
                color: #7E7D8B;
            }

            header #bs-main-navbar > ul > li:hover > a, header #bs-main-navbar > ul > li a.active {
                color: #7E7D8B;
            }

        header #bs-main-navbar > ul .navbar-brand {
        }

        header #bs-main-navbar > ul > li:first-child a:before {
            height: 0;
        }

header .login-menu {
    position: absolute;
    right: 0;
    top: 27px;
}

.header-second {
    border-width: 1px 0;
    padding: 0px 0;
}

.header-top {
    padding: 5px 0;
    position: fixed;
    width: 100%;
    z-index: 500;
    top: 0;
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0);
    background-color: #1f1f1f;
}

    .header-top a {
        color: #FFF;
    }

        .header-top a:hover {
            color: #FFF;
        }

header .nav-language-info {
    display: inline-block;
    margin-top: 5px;
    text-transform: uppercase;
    font-size: 13px;
}

    header .nav-language-info .languages {
        list-style: none;
        margin-bottom: 0;
        padding-left: 0;
    }

    header .nav-language-info ul::after {
    }

    header .nav-language-info .languages li {
        display: inline-block;
        padding-right: 5px;
    }

        header .nav-language-info .languages li:last-child {
            padding-right: 0px;
        }

        header .nav-language-info .languages li a {
            color: #fff;
        }

            header .nav-language-info .languages li a:hover {
                text-decoration: underline;
            }

            header .nav-language-info .languages li a.active {
                text-decoration: underline;
            }



.stickyNav {
    position: fixed;
    top: 0;
    z-index: 1000;
    width: 100%;
    left: 0;
    background-color: #fff;
    border-bottom: 0;
    box-shadow: 0 0 4px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.4);
    height: 53px;
}

header #menu-scroll ul .navbar-nav > .open > a {
    background-color: transparent !important;
}

footer ul.nav.navbar-nav li i, header #menu-scroll ul.nav.navbar-nav li img, header #menu-scroll ul.nav.navbar-nav li br {
    display: none;
}

@media (max-width: 1024px) {
    .popover {
        display: none !important;
    }

    header .nav-user-info .customer-info {
        max-width: 150px;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        bottom: 0;
        margin-bottom: -4px;
        text-overflow: ellipsis;
    }
}

@media (max-width: 767px) {
    #catalog {
        padding-top: 20px !important;
    }

    header .navbar-default > div:first-child {
        height: 135px;
    }

    .popover {
        display: none !important;
    }

    header {
        margin-top: -10px;
    }

    .header-top a {
        font-size: 10px;
    }

    header .customer-info {
        color: #FFF;
        text-align: right;
        font-size: 10px;
    }

    header .nav-order-info {
        text-align: right;
    }

    header .nav-user-info a > .fa {
        display: inline-block;
        margin-left: 5px;
        font-size: 12px;
    }

    .orderlist-info .orderCategory .total td.units i {
        font-size: 12px;
    }


    header .navbar-nav {
        width: 100%;
    }

    header .navbar-default .navbar-nav > li > a {
        display: block;
    }

    header .navbar-default > div {
        position: relative;
    }

    header .nav-user-info a::before, header .nav-collection-info > div > a::after, .nav-exchange-exit > a::after {
        margin: 0 2px;
    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: #fff;
    }

    .navbar-default .navbar-toggle {
        background-color: #fff;
        border-color: #00233c;
    }

    header .nav-user-info, header .nav-order-info, header .nav-search {
        margin-bottom: 5px;
    }

    header .navbar-collapse.in {
        overflow: hidden;
    }

    header .navbar-default .dropdown-menu > li > a {
        text-align: center;
    }

    header #bs-main-navbar > ul {
        display: block;
        padding-top: 15px;
    }

    header .search-box {
        text-align: right;
        width: 50%;
    }

    header .nav-language-info {
        float: right;
        padding: 0;
    }

    header .navbar-header img {
        max-height: 50px;
    }

    header .search-box > input {
        width: 100%;
    }

    header .nav-search {
        display: inline-block;
        margin-top: 5px;
    }

        header .nav-search a::after {
            content: '|';
            font-weight: bold;
            margin: 0 10px;
        }

    header a.navbar-brand img {
        margin-top: 0px;
        max-width: 150px;
    }

    header a.navbar-brand {
        padding: 10px 15px;
    }

    .header-second {
        position: fixed;
        top: 77px;
        width: 100%;
        z-index: 501;
        background: #FFF;
        border-bottom: 1px solid #00233c;
    }

        .header-second .logo {
            padding: 20px 15px 15px 30px;
        }

            .header-second .logo img {
                max-width: 190px;
            }

    header .navbar-default .header-menu {
        position: fixed;
        top: 120px;
        width: 100%;
        z-index: 500;
        background: #FFF;
        margin-top: -5px;
    }

    header #bs-main-navbar > ul > li {
        display: block;
        padding: 5px 5px;
    }
}

@media (min-width: 768px) {
    header #menu-scroll {
        position: fixed;
        top: 44px;
        width: 100%;
        background-color: #fff;
        color: #000;
        z-index: 100;
        text-transform: uppercase;
        -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.4);
    }

        header #menu-scroll.fixed {
            padding-top: 15px;
        }

        header #menu-scroll ul.nav.navbar-nav li a {
            padding: 5px 15px;
            color: #000;
            background-color: transparent !important;
            font-size: 11px;
            line-height: 30px;
            margin: 0 7.5px;
            margin-top: -5px;
        }

            header #menu-scroll ul.nav.navbar-nav li a:before {
                content: "";
                position: absolute;
                z-index: -1;
                left: 0;
                right: 105%;
                bottom: 0px;
                background: #000;
                height: 1px;
                -webkit-transition-property: right;
                transition-property: right;
                -webkit-transition-duration: 0.3s;
                transition-duration: 0.3s;
                -webkit-transition-timing-function: ease-out;
                transition-timing-function: ease-out;
            }

        header #menu-scroll ul.nav.navbar-nav li:first-child a {
            margin-left: 15px;
        }

        header #menu-scroll ul.nav.navbar-nav li:last-child a {
            margin-right: 15px;
        }

        header #menu-scroll ul.nav.navbar-nav li {
        }

            header #menu-scroll ul.nav.navbar-nav li i, header #menu-scroll ul.nav.navbar-nav li img, header #menu-scroll ul.nav.navbar-nav li br {
                display: none;
            }

        header #menu-scroll ul.nav.navbar-nav {
            margin: auto; /*width: 700px;*/
            float: none;
            margin-top: 0px;
        }

            header #menu-scroll ul.nav.navbar-nav .dropdown-menu > li {
            }

                header #menu-scroll ul.nav.navbar-nav .dropdown-menu > li > a {
                    color: #000;
                    text-transform: uppercase;
                    margin: 0;
                }

        header #menu-scroll .header-menu {
            margin-top: 15px;
            margin-bottom: 0px;
        }

            header #menu-scroll .header-menu .logo {
                margin-top: 8px
            }

        header #menu-scroll.fixed .header-menu {
            margin-top: 0px;
            margin-bottom: 0px;
        }



    header .navbar-header.main-menu { /*margin-top: 10px;*/
        float: right;
    }

    header .navbar-header {
        float: none; /*position: absolute; top: 42px;*/
        margin-top: 55px;
    }

        header .navbar-header a.navbar-brand {
            display: inline-block;
            float: none;
            z-index: 499;
            position: relative;
        }

            header .navbar-header a.navbar-brand img {
                height: 100%;
            }

    header
    header .navbar-default .navbar-nav ul {
        position: absolute;
        z-index: 100;
        background: #f9f9f9;
        display: none;
        border: 0px solid #00233c;
        border-radius: 0;
    }

    header .navbar-default .navbar-nav li:hover ul {
        display: block;
        width: auto;
    }

    header .navbar-default .navbar-nav ul li {
        width: auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    header .navbar-default .navbar-nav a {
        font-size: 18px;
    }

    header #menu-scroll ul.nav.navbar-nav li a {
        font-size: 10px;
        margin: -5px 0px 0 0px;
        padding: 5px 10px;
    }

    header .search-box > input {
        width: 150px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    header .navbar-header {
    }

        header .navbar-header img {
            max-height: 30px;
        }

    header .search-box > input {
        width: 200px;
    }
}

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

@media (min-width: 1200px) {
    header .navbar-header img {
        max-height: 75px;
        height: 100%;
    }
}


/* Header end */
#catalog {
    padding-top: 0px;
    padding-bottom: 220px;
}

    #catalog.home, #catalog.contact {
        padding-top: 0px;
    }

.group-image {
}

    .group-image img {
        width: 100%;
    }


/* Footer */
footer, .push {
    clear: both;
    min-height: 150px;
}

footer {
    position: relative;
    z-index: 100;
    color: #000;
    margin-top: -150px;
}

    footer a, footer a:link {
        display: inline-block;
        color: #7E7D8B;
    }

        footer a:hover {
            background-color: #fff;
            color: rgba(48,49,51,.5);
        }

    footer .nav.navbar-nav {
        margin: 0;
        margin: 0;
        display: inline-block;
    }

        footer .nav.navbar-nav a {
            text-transform: uppercase;
            padding: 5px 20px;
            margin-right: 5px;
        }

            footer .nav.navbar-nav a:before {
                content: "";
                position: absolute;
                z-index: -1;
                left: 0;
                right: 105%;
                bottom: -5px;
                background: #000;
                height: 1px;
                -webkit-transition-property: right;
                transition-property: right;
                -webkit-transition-duration: 0.3s;
                transition-duration: 0.3s;
                -webkit-transition-timing-function: ease-out;
                transition-timing-function: ease-out;
            }

            footer .nav.navbar-nav a:hover, footer .nav.navbar-nav a:focus {
                color: #000;
                background-color: transparent;
            }

        footer .nav.navbar-nav li.social a {
            padding: 3px 8px;
            color: #00233c;
            background: #FFF;
            border-radius: 15px;
            margin: 0px 0 0 5px;
            min-width: 25px;
        }

            footer .nav.navbar-nav li.social a:hover {
            }

    footer .dropdown-menu {
        width: 100%;
        text-align: center;
        border: 1px solid #000;
    }

        footer .dropdown-menu > li {
            background-color: #fff;
        }

            footer .dropdown-menu > li > a {
                color: #000 !important;
                display: block;
                padding: 5px 10px !important;
                clear: both;
                font-weight: 400;
                color: #000;
                white-space: nowrap;
                border: none;
                width: 100%;
                border-bottom: 2px solid transparent;
                text-align: left;
            }

                footer .dropdown-menu > li > a:hover, header .navbar-default .dropdown-menu > li > a.active {
                    font-weight: 600;
                }

    footer p {
        text-align: left;
    }

    footer .dropdown-menu > li > a:hover {
        color: #000 !important;
    }

    footer .container {
        border-top: 1px solid #ccc;
    }
/* Footer end */

/* Sidebar */
#sidebar {
}

    #sidebar .search {
        height: 30px;
    }

    #sidebar select {
        text-transform: uppercase;
    }

.sidebar h4 {
    position: relative;
    padding: 5px 0px;
    font-weight: 500;
    display: block;
    color: #00233c;
    font-size: 11px;
    border-bottom: 1px solid black;
}

    .sidebar h4 i.fa {
        display: none;
        position: absolute;
        top: 2.5px;
        right: 7.5px;
        padding: 0 2.5px;
        cursor: pointer;
    }

#sidebar select {
    border: none;
}

@media (max-width: 767px) {
    #sidebar h4 i.fa {
        display: block;
    }

    .filters ul li {
        width: 100%;
        float: none;
    }

    .wishlist-text {
        margin-top: 7px;
        font-size: 11px;
        font-style: normal;
        font-weight: 400
    }

    .wishlist-icon {
        margin-top: 7px;
        font-size: 16px;
    }
}

@media (min-width: 768px) {

    #categories h4 i.fa, .filters h4 i.fa {
        position: absolute;
        top: 2.5px;
        right: 7.5px;
        padding: 0 2.5px;
        cursor: pointer;
    }
    /*#nav-groups.collapse, .filters ul { display: inline-block; width: 100%; }*/
}
/* Sidebar end */

/* Login */
.login-background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0px;
    left: 0;
    background: no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    opacity: 1;
}

.login {
    background-color: #fff;
    padding-bottom: 20px;
}

    .login .logo {
        margin-bottom: 10px;
    }

    .login a:link {
        font-weight: 300;
    }

    .login .form-control {
    }

    .login.header {
        border-top: 1px solid #000;
        border-right: 1px solid #000;
        border-left: 1px solid #000;
    }

    .login.content {
        border: 1px solid #000;
        margin-top: 50px;
        padding-top: 20px;
        margin-bottom: 50px;
        float: left;
        margin-right: auto;
        margin-left: auto;
    }

        .login.content .login-text {
            padding: 0 30px;
        }

    .login .actions {
        text-align: center;
    }

        .login .actions a {
            display: block;
            width: 100%;
        }

    .login .form-group {
        margin-bottom: 0;
        float: none;
    }

    .login label, .login span {
        color: #000;
        text-transform: uppercase;
    }

    .login h1 {
        margin-top: 15px;
        padding-top: 10px;
        text-transform: uppercase;
        text-align: center;
        color: #fff;
    }

    .login h2 {
        text-transform: uppercase;
        font-size: 16px;
        color: #fff;
    }

    .login h3 {
        color: #000;
    }

.login-overview #Customers {
    padding: 0;
    max-height: 200px; /*overflow-y: scroll;*/
    text-align: left;
    min-height: 0px;
}

    .login-overview #Customers ul {
        list-style: none;
        margin: 0;
        padding: 0;
        border: 1px solid #fff;
    }

    .login-overview #Customers a {
        display: block;
        padding: 2px 5px;
        border-bottom: 1px solid #fff;
        text-transform: uppercase;
    }

        .login-overview #Customers a:hover {
            background: #fff;
            color: #000;
        }

    .login-overview #Customers li:last-child a {
        border: none;
    }

.login .btn {
    border-radius: 0;
    text-align: center;
    padding: 3px 25px;
}

.login-overview {
    color: #000;
}

    .login-overview a {
        color: #000;
    }

        .login-overview .btn-primary, .login-overview a.btn-primary {
            background-color: #fff;
            color: #000;
            text-transform: uppercase;
            border: none;
            line-height: 28px;
            padding: 0;
            width: 100%;
        }

            .login-overview .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
                background-color: #989797;
                border: none;
                color: #fff;
            }

    .login-overview .new {
        position: relative;
        padding-bottom: 50px;
        border-radius: 15px;
        margin: 15px 0;
    }

.login .forgot {
    font-size: 12px;
    text-align: left;
    color: #FFF;
}

    .login .forgot .btn {
        color: #FFF;
    }

    .login .forgot a {
        display: block;
        line-height: 24px;
        text-align: center;
        font-size: 12px;
        font-style: italic;
        color: #000;
    }

.login .suser p {
    font-weight: 300;
}

.login .suser li {
    list-style: none;
}

    .login .suser li.error {
        color: #FFF;
    }

.login input[type=checkbox] {
    display: inline-block;
    margin-right: 5px;
}

.catalogview label {
    font-weight: 300;
    margin-left: 10px;
}

h1.login a img {
    max-height: 120px;
    max-width: 250px;
}

.login .error {
    color: #f00;
    text-transform: inherit;
}

/* CATALOGUE VIEW */
.nav-catalog-view {
    float: right;
    display: inline-block;
    margin-top: 4px;
    text-transform: uppercase;
    font-size: 13px;
}

    .nav-catalog-view .catalogview label {
        font-weight: 300;
        margin-left: 10px;
        font-size: 13px;
        margin-top: 0;
        color: #fff;
    }

    .nav-catalog-view .catalogview input[type=checkbox] {
        margin-top: 5px;
    }

/* LOGIN SEARCH USER */
.dataTables_filter, .dataTables_info {
    display: none;
}

#Customers {
    display: none;
}

table#customersTable {
    min-width: 100%;
}

    table#customersTable tr {
        cursor: pointer;
        border-bottom: 1px solid #000;
    }

        table#customersTable tr:hover {
            background: #cbc8c3;
            color: #000;
        }

        table#customersTable tr td {
            padding: 5px 2px;
        }

            table#customersTable tr td:last-child {
                text-align: right;
            }

/* breadcrumbs */
#breadcrumbs {
    top: -20px;
    position: relative;
    max-width: 650px;
}

.breadcrumb {
    background: none;
    text-transform: uppercase;
    font-size: 0.8em;
}

    .breadcrumb span {
        font-weight: 500;
    }

        .breadcrumb span a {
            font-weight: 300;
        }

/* Catalog */
.catalog p {
    font-size: 14px;
}

.catalog ul.catalog-items {
    margin: 20px 0 0px 0;
    padding: 0;
}

    .catalog ul.catalog-items li {
        list-style: none;
        float: left;
        margin-bottom: 5px;
        margin-left: 15px;
        margin-right: 15px;
    }

.catalog-item {
}

    .catalog-item:hover {
    }

.catalogArticle {
    width: 100%;
    height: 100%;
    float: left;
    cursor: pointer;
    margin: 10px 0px;
    background: initial;
    position: relative;
    border: 0px solid lightgray;
}

    .catalogArticle .sale {
        position: absolute;
        top: 10px;
        left: 0px;
        padding: 9px 0px;
        text-align: center;
        width: 37px;
        height: 37px;
        border-radius: 50%;
        color: #fff;
        z-index: 51;
        letter-spacing: 1.5px;
        border: 2px solid #000;
        font-size: 11px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 20px 0 rgba(0, 0, 0, 0.19);
        background: #000;
        text-transform: uppercase;
    }

    .catalogArticle .info {
        width: 100%;
        border-top: 0px solid #666;
        background-color: initial;
        margin-top: 5px;
        height: 66px;
    }

        .catalogArticle .info a {
            display: block;
        }

            .catalogArticle .info a:hover {
                text-decoration: none;
                font-weight: normal;
                color: #00233c;
            }

        .catalogArticle .info .left {
            float: left;
            width: 50%;
            text-align: left;
        }

            .catalogArticle .info .left span.ref {
                font-size: 10px;
            }

            .catalogArticle .info .left span.title {
                font-size: 11px;
                font-weight: bold;
            }

            .catalogArticle .info .left span.color {
                font-size: 11px;
            }

        .catalogArticle .info .right {
            float: left;
            width: 50%;
        }

            .catalogArticle .info .right span.price {
                text-align: right;
                color: #474747;
                font-size: 11px;
                font-weight: 500;
            }

        .catalogArticle .info .article-detail span {
            display: inline;
            float: left;
            font-size: 11px;
            color: #474747;
            text-transform: uppercase;
        }

            .catalogArticle .info .article-detail span.price {
                width: 110px;
                text-align: right;
            }

            .catalogArticle .info .article-detail span.red {
                color: #e2231e;
                float: initial;
                margin: initial;
                display: inline;
            }

            .catalogArticle .info .article-detail span.description {
                width: 120px;
                text-align: left;
                color: #A18F63;
            }

        .catalogArticle .info a:hover {
            font-weight: normal;
        }

        .catalogArticle .info table {
            margin: 3px 0;
            min-width: 100%;
        }

            .catalogArticle .info table.prices tr td {
                font-size: 11px;
                padding: 0 15px;
            }

        .catalogArticle .info td.price {
            width: 50%;
            font-weight: 300;
            font-size: 11px;
            white-space: nowrap;
            color: #00233c;
            padding: 5px 0;
        }

            .catalogArticle .info td.price s {
                color: #777;
            }

        .catalogArticle .info .small {
            font-size: 60%;
        }

        .catalogArticle .info td.title {
            text-align: center;
            font-size: 11px;
            height: 40px;
            vertical-align: top;
            text-transform: uppercase;
            border-bottom: 0px solid lightgray;
        }

        .catalogArticle .info td.reference {
            font-size: 11px;
            font-weight: 300;
            text-transform: lowercase;
            color: #8a8a8a;
            margin-bottom: 5px;
            text-align: center;
        }

        .catalogArticle .info span.reference {
            font-size: 10px;
            margin-top: 5px;
            display: block;
        }

        .catalogArticle .info .text-danger {
            font-weight: 300;
            color: #00233c;
        }

            .catalogArticle .info .text-danger.promo {
                color: #cc0000;
                font-weight: 500;
            }

        .catalogArticle .info .sizes {
            display: block;
            font-size: 10px;
        }

    .catalogArticle .img {
        position: relative;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .catalogArticle .img .selected {
            position: absolute;
            top: 0px;
            z-index: 60;
            right: 0;
            display: inline-block;
            width: 50px;
            text-align: right;
            padding: 5px 5px;
            opacity: 1;
            color: #000;
        }

        .catalogArticle .img .catalogImage {
            background-color: rgba(255, 255, 255, 1);
            vertical-align: middle;
            text-align: center;
            z-index: 50;
            text-align: center;
            font: 0/0 a;
        }

            .catalogArticle .img .catalogImage:hover {
                opacity: 0;
            }

            .catalogArticle .img .catalogImage span.brand {
                font-weight: 300;
                font-size: 12pt;
                color: #00233c;
            }

            .catalogArticle .img .catalogImage span.description {
                font-weight: 900;
                font-size: 14pt;
                color: #00233c;
                text-transform: uppercase;
            }

            .catalogArticle .img .catalogImage > .daImg {
                max-width: 100%;
                max-height: 388px;
            }

            .catalogArticle .img .catalogImage img {
            }

        .catalogArticle .img .catalogImageHover .actions {
            width: 100%;
            position: absolute;
            top: 80px;
            left: 0px;
            color: #00233c;
            line-height: 25px;
            font-size: 11px;
        }

    .catalogArticle:hover .catalogImage {
        display: none !important;
        visibility: hidden;
    }

    .catalogArticle:hover .catalogImageHover {
        display: block !important;
        visibility: visible;
    }
    /* hover */
    /*.catalogArticle .img .catalogImageHover { display: table-cell; width: 100%; height: 220px; vertical-align: middle; text-align: center; position: absolute;top: 0;bottom: 0;left: 0;right: 0;text-align:center; }*/
    .catalogArticle .img .catalogImageHover {
        display: none;
        background-color: rgba(255, 255, 255, 1);
        vertical-align: middle;
        text-align: center;
        z-index: 50;
        text-align: center;
        font: 0/0 a;
    }

        .catalogArticle .img .catalogImageHover img {
        }

        .catalogArticle .img .catalogImageHover:before {
        }

        .catalogArticle .img .catalogImageHover > .daImg {
            max-width: 100%;
            max-height: 388px;
        }

        .catalogArticle .img .catalogImageHover .info {
            height: 100px;
            width: 100%;
            position: absolute;
            top: 80px;
            right: 20px;
            left: 20px;
            color: #FFF;
            font-size: 1em;
            text-transform: uppercase;
        }

            .catalogArticle .img .catalogImageHover .info .brand {
                font-size: 1.3em;
                border-bottom: 1px solid white;
            }

            .catalogArticle .img .catalogImageHover .info .title {
                font-size: 0.9em;
                padding: 10px;
                margin-top: 10px;
            }

/*.catalogArticle .show .img span.info-banner { position: absolute; background-color: #DAE09F; right: 0; top: 10%; z-index: 99; padding: 2px 5px; opacity: 0.7; }
        .catalogArticle .show .img span.info-banner.pink { background-color: #e75480; }
        .catalogArticle .show .img span.info-banner.alt-pink { background-color: #DF88B7; }
        .catalogArticle .show .img span.info-banner.blue { background-color: #4040ff; color: #fff; }*/

.lay-over {
    position: absolute;
    z-index: 50;
    right: 0;
    top: 10px;
}

    .lay-over > div {
        margin-bottom: 5px;
        padding: 2px 5px;
        opacity: 0.7;
        display: table;
        margin-left: auto;
    }

        .lay-over > div.info-banner {
            background-color: #DAE09F
        }

.catalogArticle .lay-over {
    top: 10%;
}



.img img.overlay {
    position: absolute;
    width: 25px;
    right: 0px;
    top: 5px;
}

@media (hover: none) {
    .catalogArticle .img .catalogImageHover {
        display: none;
    }
}

@media (max-width: 767px) {
    .catalogArticle .img {
        height: auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .catalogArticle .img {
        height: 378px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .catalogArticle .img {
        height: 320px;
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .catalogArticle .img {
        height: 395px;
    }
}

@media (min-width: 1600px) {
    .catalogArticle .img {
        height: 388px;
    }
}

/*.catalogArticle .img { height:220px; position: relative; width: 100%; }
.catalogArticle .img .selected { position:absolute; top:0px;z-index:60;right:0;display:inline-block; width:200px;text-align:right;padding:5px 5px; opacity:1;}
.catalogArticle .img .catalogImage { display: table-cell; background-color: rgba(255, 255, 255, 1); width: 100%; height: 220px; vertical-align: middle; text-align: center; 
                                     position: absolute; z-index: 50;top: 0;bottom: 0;left: 0;right: 0;text-align:center; }
.catalogArticle .img .catalogImage span.brand { font-size: 12pt; color: #00233c; }
.catalogArticle .img .catalogImage span.description { font-size: 14pt; color: #00233c; text-transform: uppercase; }
.catalogArticle .img .catalogImage > .daImg { max-width: 100%; max-height: 216px; vertical-align: middle; display:inline;  }*/

/* Detail page */
.details {
}

    .details h1.detail {
        font-size: 24px;
        line-height: 24px;
        font-weight: 500;
        color: #000;
    }

    .details .size {
        padding: 0;
    }

    .details .tab-content {
        border: 1px solid #ddd;
        border-width: 0 1px 1px 1px;
        padding: 15px;
    }

table.detailOrder {
    color: #474747;
    font-size: 0.8em;
    text-align: left;
    width: 100%;
}

    table.detailOrder tr {
        background-color: transparent;
        color: #FFF;
        border-bottom: 0px solid white;
    }

        table.detailOrder tr.alternate {
            background-color: transparent;
        }

        table.detailOrder tr td {
            text-align: left;
            margin: 0;
            padding: 3px;
            color: #00233c;
        }

            table.detailOrder tr td:first-child {
                font-weight: 500;
                font-size: 11px;
            }

            table.detailOrder tr td INPUT[type=number] {
                width: 50px;
                padding: 0 0px 0 5px;
                margin: 3px 0 3px 0;
                text-align: right;
                border: 0;
                border: 1px solid #00233c;
            }

#productdetail {
}

    #productdetail table tr th {
        font-weight: 500;
    }

table.detailOrder span.stock.amount, table.detailOrder span.stockcolor.color,
.sizes-multi-color .sizes-overview span.stock.amount, .sizes-multi-color .sizes-overview span.stockcolor.color {
    display: inline-block;
}

table.detailOrder .stockoverview, .sizes-multi-color .sizes-overview .stockoverview {
    padding: 5px;
}

table.detailOrder span.stock.color, table.detailOrder span.stockcolor.amount,
.sizes-multi-color .sizes-overview span.stock.color, .sizes-multi-color .sizes-overview span.stockcolor.amount {
    display: none;
}

table.detailOrder span.stockcolor, .sizes-multi-color .sizes-overview span.stockcolor {
    width: 8px;
    height: 8px;
    line-height: 8px;
    border-radius: 8px;
}

.sizes-overview .text-warning .stock, .sizes-overview .text-danger .stock {
    font-weight: bold;
}

.sizes-multi-color .sizes-overview input[type=text] {
    border: 0;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    margin: 0;
    float: none;
    width: 35px;
    text-align: center;
    z-index: 0;
    height: 30px !important;
}

.details .size table.detailOrder tr th {
    color: #474747;
    text-align: left;
    width: 50px;
    padding-left: 3px;
    font-weight: 600;
    font-size: 1.4em;
    text-transform: uppercase;
}

.details .size .actions-sizes {
    margin: 0 15px 0 0;
}

.sizes-multi-color .sizes-overview {
    width: 100%;
    min-width: 400px;
}

    .sizes-multi-color .sizes-overview td {
        border: 0;
        vertical-align: middle;
    }
        /*.sizes-multi-color .sizes-overview tr.sizes-row { border-bottom: 1px solid #eee; }*/
        .sizes-multi-color .sizes-overview td:first-child {
        }

    .sizes-multi-color .sizes-overview .image {
        width: 100px;
    }

        .sizes-multi-color .sizes-overview .image img {
            max-width: 130px;
            max-height: 130px;
        }

    .sizes-multi-color .sizes-overview th {
        color: #000;
        text-transform: uppercase;
        font-weight: normal;
        vertical-align: middle;
        border: none;
    }

.amt .sizes-overview input[type=text] {
    width: 28px;
    text-align: center;
    z-index: 0;
    height: 28px !important;
    border: 1px solid #00233c;
}

.sizes-multi-color .sizes-overview input[type=text].size-pack-input {
    margin: 0;
    float: none;
    width: 30px;
    text-align: center;
    z-index: 0;
    border: 0;
    padding: 3px;
    margin: 0;
    background: #FFF;
}

.sizes-multi-color .sizes-overview .input-group-btn {
    z-index: 0;
    display: block;
}

    .sizes-multi-color .sizes-overview .input-group-btn .btn {
        margin: 0;
        outline: none;
    }

    .sizes-multi-color .sizes-overview .input-group-btn:first-child > .btn {
        border-radius: 4px 4px 0px 0px
    }

    .sizes-multi-color .sizes-overview .input-group-btn:last-child > .btn {
        border-radius: 0px 0px 4px 4px
    }

.sizes-multi-color .sizes-overview span.color {
    display: block;
    margin-bottom: -10px;
    font-weight: bold;
    text-transform: uppercase;
}

.sizes-multi-color .sizes-overview span.length {
    font-weight: bold;
    text-transform: uppercase;
}

.sizes-multi-color .table-responsive {
    overflow-y: auto;
    max-height: 500px;
    margin-bottom: 15px;
}

/*.sizes-multi-color .sizes-overview tr:first-child { border-bottom: none !important; border-left: none !important; }*/
/*.sizes-multi-color .sizes-overview tr th { border-right: 1px solid #00233c; border-bottom: 1px solid #00233c; border-top: 1px solid #00233c; }
        .sizes-multi-color .sizes-overview tr th:first-child, .sizes-multi-color .sizes-overview tr td:first-child { border-left: 1px solid #00233c; }*/
/*.sizes-multi-color .sizes-overview tr { border-right: 1px solid #00233c; border-bottom: 1px solid #00233c; }*/
.sizes-multi-color .sizes-overview tr td:first-child {
}

.sizes-multi-color .sizes-overview tr th {
}

    .sizes-multi-color .sizes-overview tr th:first-child, .sizes-multi-color .sizes-overview tr td:first-child {
    }

.sizes-multi-color .sizes-overview tr td {
}


.amt input, .input-group .amt-sizepack input {
    padding: 0;
    width: 30px;
}

.amt .btn, .amt-sizepack .btn {
    padding: 3px 6px !important;
    background-color: #fff !important;
    color: #000 !important;
    border-color: #ccc !important;
    font-weight: bold;
    width: 35px;
    height: 35px;
}


.owl-carousel .owl-stage-outer {
    width: 100%;
}

.owl-item .item .caption {
    left: 5%;
    top: 30%;
    transform: translateY(-50%);
    z-index: 51;
    position: absolute;
    font-size: 26px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: rgba(255,255,255,0.5);
    padding: 10px 15px;
}

@media (max-width: 767px) {
    .sizes-multi-color .sizes-actions a {
        display: block;
    }

    .owl-item .item .caption {
        left: 0%;
        top: 30%;
        transform: translateY(-50%);
        width: 100%;
        z-index: 51;
        position: absolute;
        font-size: 16px;
        font-weight: 500;
        text-transform: uppercase;
        background-color: rgba(255,255,255,0.5);
        padding: 10px 15px;
    }
}

/* Slideshow */
.slideshow .slick-prev, .slideshow .slick-next {
    line-height: normal;
    font-size: 0px;
    padding: 0;
    border: 0;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 4;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 5px;
    text-align: center;
    background-color: rgba(255,255,255,0.1);
    -ms-transition: all ease-out 0.2s;
    -webkit-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
    outline: none;
}

.slideshow:hover .slick-prev, .slideshow:hover .slick-next {
    opacity: 0.75;
    visibility: visible;
    opacity: 0.7;
    background-color: rgba(255,255,255,0.7);
    box-shadow: 0 0 4px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.4);
}

.slideshow .slick-prev {
    left: 10px;
}

.slideshow .slick-next {
    right: 10px;
}

    .slideshow .slick-next:before {
        content: "\f054";
        font-family: 'FontAwesome';
        color: #000;
    }

.slideshow .slick-prev:before {
    content: "\f053";
    font-family: 'FontAwesome';
    color: #000;
}

.slideshow .slick-prev:before, .slideshow .slick-next:before {
    font-size: 20px;
    line-height: 20px;
}


/*.details .size .actions-sizes .btnAddToCart2 { border-right: 5px solid #fff; }
.details .size .actions-sizes .btnDelFromCart2 { border-left: 5px solid #fff; }*/

.details .color {
    font-weight: 600;
    font-size: 1em;
    text-transform: uppercase;
    padding: 0;
}

    .details .color select {
        background-color: #ECECEC;
        border: none;
        padding: 3px;
        margin-top: 5px;
    }

.details .link-continue {
    display: inline-block;
    background-color: #00233c;
    border: 1px solid #fff;
    color: #FFF;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 1em;
    cursor: pointer;
}

    .details .link-continue:hover {
        background-color: #00233c;
        color: #FFF;
    }

.details .product-id {
    color: #bbb;
    font-size: 11px;
}

.details .colour {
    color: #00233c;
    font-size: 11px;
}

.details .delivery-date {
    color: #00233c;
    font-size: 11px;
    border-bottom: 2px solid #00233c;
    padding: 10px 0;
}

.details .description {
    color: #00233c;
    font-size: 11px;
    margin: 0;
    padding: 0;
}

.details .price {
    color: #00233c;
    font-size: 30px;
    line-height: 30px;
}

    .details .price .small {
        font-size: 25px;
        color: #00233c;
    }

    .details .price .rrp {
        display: block;
        font-size: 40%;
        font-weight: normal;
    }

.details .title {
    display: block;
    color: #00233c;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

.text-font {
    line-height: 150%;
}

.details hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #00233c;
}

.details #download-images {
    font-size: 11px;
}

.details .specs {
    font-size: 11px;
    ;
}

    .details .specs th {
        padding-bottom: 3px;
        font-weight: bold;
    }

    .details .specs td {
        padding-bottom: 3px;
        font-weight: normal;
        font-size: 11px;
    }

.details .colors {
    min-height: 20px;
    padding-top: 5px;
}

    .details .colors a {
        width: 20px;
        height: 20px;
        display: block;
        float: left;
        margin: 0px 10px 5px 0;
        cursor: pointer;
        border: 1px solid black;
    }

.details .purchase-stock-message > span {
    background-color: #CB9374;
    font-size: 12px;
    color: #fff;
    padding: 0px 2px;
}

.nav-tabs > li > a {
    border-color: #ddd;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background-color: #CB9374;
    color: #fff;
}

#imagesContainer {
    margin-top: 20px;
    min-height: 500px;
}

    #imagesContainer .main-image {
        border: 0px solid #00233c;
        background-color: transparent;
    }

    #imagesContainer #imgBig {
        text-align: center;
    }

        #imagesContainer #imgBig .zoomWrapper {
        }

            #imagesContainer #imgBig .zoomWrapper img {
                position: relative;
            }

        #imagesContainer #imgBig img {
            max-width: 100%;
        }
    /*#imagesContainer #thumb-images { padding-top:10px; display:inline-block !important; z-index: 500; }*/
    /*#imagesContainer #thumb-images a { opacity:0.8; }
#imagesContainer #thumb-images a.active { opacity:1;  }*/
    /*#imagesContainer #thumb-images .item{margin: 3px; }
#imagesContainer #thumb-images .item img{ max-height: 110px;max-width: 110px; border:0px solid #00233c; }*/
    #imagesContainer .thumb-images > div {
        margin-top: 5px;
        margin-bottom: 5px;
        margin-left: -2.5px;
        margin-right: -2.5px;
        text-align: center;
    }

        #imagesContainer .thumb-images > div > div {
            padding: 0;
            margin-bottom: 5px;
        }

    #imagesContainer .thumb-images a {
        display: block;
        height: 100%;
        border: 1px solid #ddd;
        background-color: #fff;
        margin-right: 2.5px;
        margin-left: 2.5px;
    }

    #imagesContainer .thumb-images img {
        display: inline-block;
    }

    #imagesContainer #imgThumbs {
    }

        #imagesContainer #imgThumbs ul li {
            width: 165px;
            height: 198px;
            cursor: pointer;
            float: left;
            list-style: none;
            margin: 5px 5px 5px 5px;
            border: 1px solid #A18F63;
        }

    #imagesContainer #imgThumbsRight {
    }

        #imagesContainer #imgThumbsRight ul {
            padding: 0;
            margin-top: 10px;
        }

            #imagesContainer #imgThumbsRight ul li {
                list-style: none;
                margin-right: 10px;
                text-align: center;
                width: 25%;
                margin-top: 10px;
                display: inline;
            }

    #imagesContainer #right-thumbs {
        width: 165px;
        float: left;
        margin-left: 0px;
        min-height: 450px;
    }

.details.row #imagesContainer span.info-banner {
    position: absolute;
    background-color: #DAE09F;
    right: 0;
    top: 2%;
    z-index: 99;
    padding: 2px 5px;
    opacity: 0.7;
}


INPUT[type=text].disabled, INPUT[type=password].disabled {
    background: #E8E8E8;
}

/*.zoomContainer { max-width: 1px; }*/

#related-articles h3 {
    text-align: center;
}

#owl-lookarticles .item {
    text-align: center;
    font-size: 8pt;
    text-transform: uppercase;
}

    #owl-lookarticles .item img {
        max-height: 180px;
        max-width: 180px;
        display: inline-block;
        margin-bottom: 10px;
    }

.catalogArticle .colors {
    min-height: 27px;
    max-height: 45px;
    overflow: hidden;
    border-top: 0px solid black;
    padding-top: 5px;
    text-align: center;
}

    .catalogArticle .colors a {
        width: 20px;
        height: 20px;
        display: inline-block;
        vertical-align: bottom;
        margin-right: 5px;
        margin-top: 1px;
    }

/* Filters */
#categories h4, .filters h4 {
    position: relative;
    padding: 5px 0px;
    font-weight: 500;
    display: block;
    color: #000;
    font-size: 15px;
    border-bottom: 1px solid black;
}
/*#categories h4 > i, .filters h4 > i { visibility: hidden }*/

/*@media (max-width: 767px) {
    #categories h4 > i, .filters h4 > i { visibility: visible; }
}*/


.filters {
    margin-top: 0px;
    padding: 0 0 0px 0;
    text-transform: uppercase;
}

    .filters div {
        width: 100%;
        height: 100%;
        display: inline-block;
        margin-top: 15px;
    }

        .filters div input[type=text] {
            width: 90%;
            float: left;
        }

        .filters div a {
            float: left;
            line-height: 34px;
            padding: 0 0 0 5px;
        }

    .filters table {
        width: 100%;
    }

        .filters table tr {
        }

        .filters table td {
        }

    .filters label {
        font-weight: 300;
        padding: 0 0 0 5px;
        font-size: 11px;
    }

    .filters span {
        display: block;
        position: relative;
    }

        .filters span:hover {
            color: #000;
        }

        .filters span.selected {
            font-weight: 500;
        }

    .filters ul {
    }

        .filters ul:hover {
        }

.catalog .filters .search {
    margin-top: 0;
    display: block;
}

    .catalog .filters .search input[type="text"] {
        height: 34px;
        background-color: #FFF;
        color: #00233c;
        border-radius: 2px;
        border-color: #00233c;
        float: left;
    }

    .catalog .filters .search a {
        position: absolute;
        right: 55px;
        top: 15px;
    }

.filter-color, .filter-size, .filter-season, .filter-sale, .filter-brand {
    margin-bottom: 15px;
    width: 100%;
}

    .filter-color li, .filter-size li, .filter-season ul li {
        width: 100%;
    }

.filters input[type='checkbox'] {
    display: none;
    z-index: -1;
}

    .filters input[type='checkbox'] + label {
        margin-left: 25px;
        cursor: pointer;
    }

        .filters input[type='checkbox'] + label:before {
            content: '';
            border: 1px solid #000;
            transition: 0.25s ease border;
            position: absolute; /*left: 15px;*/
            margin-left: -30px;
            text-indent: 0;
            width: 14px;
            height: 14px;
        }

    .filters input[type='checkbox']:checked + label:before {
        border: 7px solid #000;
    }


/* ONLY NECESSARY WHEN THE COLORS WILL BE VISUALISED */
/*.filter-color li, .filter-color span { width: 15px; height: 15px; display: inline-block; vertical-align: bottom; margin: 1px 5px 4px 0; }
.filter-color input[type=checkbox] { width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.filter-color span.selected { width: 16px; height: 16px; margin-right: 4px; margin-top: 0px; border: 1px solid #fff; box-shadow: 1px 1px 5px #888; }*/

/* Side menu */
.side-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-transform: uppercase;
    list-style: none;
    padding-left: 0;
    margin-bottom: 5px;
}

    .side-menu ul:hover {
    }

    .side-menu ul > li > ul a {
        text-transform: uppercase;
        padding-left: 10px !important;
    }

    .side-menu ul > li > ul li {
        padding-left: 5px !important;
        margin: 5px 0;
        border-left: 0;
    }

        .side-menu ul > li > ul li:hover {
            border-left: 0;
        }

.side-menu li {
    position: relative;
    position: relative;
    padding: 3px 0 3px 15px;
    border-left: 3px solid #ececec;
}

.side-menu a {
    display: block;
    padding: 0 10px 0px 0 !important;
    width: 100%;
    line-height: initial !important;
    line-height: 12px;
    font-size: 11px;
}

.side-menu i.fa {
    position: absolute;
    top: 2.5px;
    right: 7.5px;
    padding: 0 2.5px;
    cursor: pointer;
}

.side-menu ul li.active, .side-menu ul li:hover {
    border-left: 3px solid #1f1f1f;
}

.side-menu ul li ul li.active, .side-menu ul li ul li:hover {
    border-left: 0px solid #00233c;
}

.side-menu li.active > a, .side-menu li:hover > a, .side-menu li ul li.active > a, .side-menu li ul li:hover > a {
    color: #00233c;
    font-weight: 500 !important;
}

.side-menu li.active ul li a, .side-menu li:hover ul li a {
    color: inherit;
    font-weight: inherit;
}

/*.side-menu { width:100%; height:100%; margin-top:5px; }
.side-menu ul { margin:0 0 10px 0; padding:0; list-style:none; display:inline-block; width:100%; }
.side-menu ul li { margin:0; padding:0; list-style:none; display:inline-block; width:100%; }
.side-menu ul li.active { background-color: transparent !important; }
.side-menu ul li.active > ul { display:block; }
.side-menu ul li a { line-height:initial; padding:3px 5px; width:100%; color:#00233c !important; }
.side-menu ul li.active a { line-height:initial; padding: 3px 5px; width:100%; color:#00233c !important;  } 
.side-menu ul li:hover a { color:#00233c !important;  }
.side-menu ul li ul { padding: 0; display:inline-block; width:100%; display:none; }
.side-menu ul li:hover > ul { display: block; }
.side-menu ul li:hover > ul li a { background-color:transparent; color:#00233c !important; }
.side-menu ul li:hover > ul li a:hover {  color:#00233c !important;}
.side-menu ul li ul li { display:inline-block; width:100%; padding: 0 0 0 15px;}
.side-menu ul li ul li a { background-color:#FFF;}
.side-menu ul li.active ul li a { background-color:transparent; color:#00233c !important;}
.side-menu ul li.active ul li.active a { background-color:#FFF; color:#00233c !important; font-weight:bold; }
.side-menu ul li.active ul li:last-child { border-bottom:0; }*/

.catalog .link-shopping-cart {
    margin: 15px;
    text-transform: uppercase;
}

.pagination {
    text-align: right;
    width: 100%;
    margin: 0;
}

    .pagination .data-pager {
        display: block;
        height: 40px;
    }

    .pagination a {
        display: inline-block;
        text-align: center;
        padding: 5px 12px;
        color: #00233c;
        border: 1px solid transparent; /*border: 4px solid #e5e5e5; border-width: 4px 0;*/
    }

        .pagination a:hover {
            border: 1px solid #00233c;
        }

        .pagination a.next, .pagination a.prev {
        }

            .pagination a.next:hover, .pagination a.prev:hover {
            }

    .pagination span.active-page {
        display: inline-block;
        color: #00233c;
        padding: 5px 12px;
        margin: 0 3px 0 3px;
        border: 1px solid #00233c;
    }

/*.pagination  { text-align:center; margin:0; border:0; }
.pagination table { width:300px; border:0; }
.pagination table tr td { border-bottom:0; padding:0; margin:0; display:inline-block; }
.pagination td { border-bottom:0 !important; }
.pagination a { border: 1px solid #00233c; padding: 5px 12px; margin:0 2px; font-size:16px;}
.pagination a:hover { color:#FFF; background-color:#888989;}
.pagination a.next, .pagination a.prev { border: 1px solid #FFF; }
.pagination a.next:hover, .pagination a.prev:hover { border: 1px solid #00233c; }
.pagination span { border: 1px solid #00233c; color:#FFF; background-color:#888989; padding: 5px 12px; margin:0 2px; font-size:16px;}*/

/* Order */
div#order-list {
}

    div#order-list .shoppingcart-list {
        width: 100%;
    }

    div#order-list h3 {
        color: #474747;
    }

    div#order-list table {
        font-size: 11px;
        margin-bottom: 10px;
    }

    div#order-list td div.info { /*font-size: 10px;*/
    }

    div#order-list td.total span {
        line-height: normal;
        text-align: center;
        display: block;
    }

    div#order-list td table {
        font-size: 10pt;
        font-weight: 300;
        margin: 0 auto;
        border: none;
    }

        div#order-list td table tr td {
            text-align: center;
            margin: 0;
            padding: 5px;
            border: 0;
            vertical-align: middle;
        }

        div#order-list td table.size-packs tr td:first-child {
            width: 300px;
        }

        div#order-list td table tr td div.input {
            display: inline-block;
            margin: 0;
        }

        div#order-list td table.size-packs tr td {
            padding: 0;
        }

        div#order-list td table tr td .input-number {
            max-width: 40px;
        }

        div#order-list td table tr td .input-group-btn {
            display: block;
            width: 35px;
        }

            div#order-list td table tr td .input-group-btn .btn {
                margin: 0;
                outline: none;
            }

            div#order-list td table tr td .input-group-btn:first-child > .btn {
                border-radius: 4px 4px 0px 0px
            }

            div#order-list td table tr td .input-group-btn:last-child > .btn {
                border-radius: 0px 0px 4px 4px
            }



        div#order-list td table tr td INPUT[type=number], div#order-list td table tr td INPUT[type=text] {
            border: 0;
            border-left: 1px solid #ccc;
            border-right: 1px solid #ccc;
            display: block;
            float: none;
            text-align: center;
            height: 30px;
            width: 35px;
        }

            div#order-list td table tr td INPUT[type=text].size-pack-input {
                border: 0;
                padding: 3px;
                margin: 0;
                background: #FFF;
            }

            div#order-list td table tr td INPUT[type=number].size-pack-input {
                border: 0;
                padding: 3px 3px 3px 15px;
                margin: 0;
                background: #FFF;
            }

        div#order-list td table tr th {
            color: #000;
            text-align: center;
            width: 50px;
            font-size: 1em;
            border: 0;
            padding: 3px;
            font-weight: 500;
        }

        div#order-list td table td INPUT[type=text].stock {
            border: 0px solid black;
            display: block;
            height: 20px;
            width: 35px;
            background: #ebebeb;
            color: #666;
            margin-top: 3px;
        }

        div#order-list td table td div.reservation-amt i {
            display: block;
            width: 20px;
            padding-top: 3px;
        }

        div#order-list td table td div.reservation-amt {
            padding: 5px;
            display: inline-block;
            background: orange;
            color: #00233c;
            font-size: 11px;
            margin: 0px 0 0px 0;
            height: 30px;
            float: left;
        }

        div#order-list td table td span.delivery {
            display: inline-block;
            width: 100%;
            background: #ebebeb;
            color: #00233c;
        }

    div#order-list tr.alternate > td {
        border-bottom: 1px solid #BABABA;
    }

    div#order-list th {
        font-size: 1.2em;
        line-height: 1.2em;
        color: #000;
        text-transform: uppercase;
        border-bottom: 1px solid #bababa;
    }

    div#order-list th {
        width: 45px;
    }

        div#order-list th.check {
            text-align: center;
        }

        div#order-list th.article {
            width: 120px;
            text-align: center;
        }

        div#order-list th.description {
            width: 220px;
            text-align: left;
        }

        div#order-list th.sizes {
            width: 180px;
            text-align: center;
        }

        div#order-list th.summary {
            width: 100px;
            text-align: center;
        }

        div#order-list th.options {
            width: 80px;
        }

    div#order-list .btn-group-vertical .btn-delete, div#order-list .btn-group-vertical .btn-copy {
        margin-bottom: 7px;
        border-radius: 4px;
    }

    div#order-list tr.price th, div#order-list tr.stock th {
        width: 150px;
        padding-right: 5px;
        font-size: 11px;
        font-weight: bold;
        color: #474747;
        background-color: inherit;
        text-align: right;
    }

    div#order-list tr.price td.total, div#order-list tr.stock td.total {
        text-align: center;
        border-collapse: collapse;
    }

    div#order-list tr td.total span {
        display: block;
    }

    div#order-list td {
        border-bottom: 1px solid #bababa;
        color: #000;
        text-transform: uppercase;
    }

    div#order-list .sizes td:nth-child(2) {
        text-align: center;
    }

    div#order-list td.check {
        vertical-align: middle;
    }

    div#order-list td.image {
        text-align: center;
        vertical-align: middle;
        display: table-cell;
        width: 13%;
        height: 170px;
        line-height: 170px;
    }

        div#order-list td.image div.image {
            height: 150px;
            line-height: 150px;
            max-width: 130px;
            margin: 10px;
            overflow: hidden;
        }

            div#order-list td.image div.image img {
                max-height: 95%;
                max-width: 95%;
            }

        div#order-list td.image > img {
            max-width: 150px;
            max-height: 150px;
            vertical-align: middle;
        }

    div#order-list td.description {
        width: 10%;
        height: 116px;
        text-align: left;
    }

    div#order-list td.sizes {
        width: 70%; /*width: 300px;*/
    }

    div#order-list td.total {
        min-width: 120px;
        font-size: 1.1em;
    }

    div#order-list td.options {
        width: 12%;
        text-align: right;
        padding-left: 3%;
        padding-right: 10px;
    }

    div#order-list table input[type=text] {
        display: block;
        width: 40px;
        text-align: center;
        float: none;
        padding: 1px 3px;
    }

    div#order-list td.options td {
        vertical-align: middle;
    }

    div#order-list .table td {
        border-top: none;
        vertical-align: middle;
    }

.address {
}

    .address .delivery { /*font-size: 11px;*/
    }

        .address .delivery ul {
            margin: 0;
            padding: 0;
        }

            .address .delivery ul li {
                list-style: none;
            }

        .address .delivery table {
            margin-bottom: 10px;
        }

            .address .delivery table tr td label {
                padding-left: 10px;
                font-weight: normal;
                padding-right: 10px;
            }

    .address textarea {
        width: 50%;
    }

    .address .delivery .delivery-link {
        text-transform: uppercase;
    }

    .address .delivery table {
        margin: 10px 0;
    }

        .address .delivery table tr th {
            text-align: left;
            font-size: 11px;
            color: #474747;
            display: none;
        }

        .address .delivery table tr td {
            text-align: left;
            font-size: 11px;
            line-height: 12px;
            color: #474747;
            text-transform: uppercase;
            border-bottom: 1px solid #BABABA;
            padding: 10px 5px;
            vertical-align: middle !important;
        }

            .address .delivery table tr td label {
                font-weight: 300;
            }

    .address input[type='checkbox'] {
        cursor: pointer;
    }

        .address input[type='checkbox']:after {
            content: '';
            border: 1px solid #000;
            transition: 0.25s ease border;
            position: absolute;
            text-indent: 0;
            width: 16px;
            height: 16px;
            background-color: #fff;
        }

        .address input[type='checkbox']:checked:after {
            border: 8px solid #000;
        }

    .address #chckDisclaimer {
        margin-right: 5px;
    }

/* Progress bar */
.progress {
    height: 40px;
    background-color: #FFF;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
}

.progress-bar {
    border-bottom: 2px solid transparent;
    background-color: #FFF;
    color: #fff;
    line-height: 37px;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 14px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #fff;
}

    .progress-bar a {
        color: #666;
    }

.progress-bar-info {
    border: 1px solid #000;
    background-color: #1f1f1f;
    font-weight: 500;
}

    .progress-bar-info a {
        color: #fff;
    }

/* Brands*/
/*.brands .brand { text-align: center; position: relative; cursor: pointer; margin-bottom: 15px; height: 135px; }
    .brands .brand span.name { position: absolute; top: 75px; left: 0; right: 0; font-weight: 600; color: #FFF; text-transform: uppercase; font-size: 20px; }
    .brands .brand:hover span.name { color: #00233c; top: 40px; }
.brands img { display: block; text-align: center; top: 50%; left: 0; right: 0; margin: 0 auto; position: absolute; transform: translateY(-50%); max-height: 135px; max-width: 95%; }
.brands .brand:hover img { opacity: 0.4; background-color: transparent; }
.brands .brand span.shop { display: none; position: absolute; top: 60px; right: 20px; left: 20px; color: #FFF; font-weight: 400; color: #00233c; font-size: 11px;; text-transform: uppercase; }
.brands .brand:hover span.shop { display: block; }*/

/* Brands*/
.brand-selector > div {
    margin-bottom: 45px;
}

.brand-selector a, .brand-selector figure {
    height: 100%;
}

.brand-selector figure {
    position: relative;
    padding: 15px;
    border: 1px dotted #000;
    border-radius: 5px;
}

.brand-selector img {
    display: block;
    text-align: center;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
    margin: 0 auto;
    max-height: 100%;
}

.brand-selector figcaption {
    position: absolute;
    right: 0;
    bottom: -20px;
    left: 0;
}

.brand-selector a:hover figure {
    border-style: solid;
}

.modal-dialog {
    border: 5px solid #666;
    border-radius: 10px 10px;
    color: #666;
}

.modal-title {
    color: #666;
}

.modal .btn-close {
    float: right;
    font-weight: 500;
    color: #666;
}

/* Search */
.catalog .search {
}

    .catalog .search input[type="text"] {
        height: 34px;
        background-color: #FFF;
        float: left;
    }

    .catalog .search a {
        position: absolute;
        right: 20px;
        top: 6px;
    }

/* Customer */
.customers table {
    width: 100%;
}

    .customers table tr th {
        text-align: left;
        font-size: 1em;
        color: #000;
        text-transform: uppercase;
        border-bottom: 1px solid #ccc;
        padding: 10px 5px;
    }

    .customers table tr td {
        text-align: left;
        font-size: 1em;
        color: #000;
        text-transform: uppercase;
        border-bottom: 1px solid #ccc;
        padding: 10px 5px;
        vertical-align: middle !important;
        background-color: #FFF;
    }

.customers .btn-copy {
    text-transform: uppercase;
    cursor: pointer;
}

.customers .customer-form table {
    margin: 10px 0;
}

    .customers .customer-form table tr th {
        text-align: left;
        font-size: 11px;
        color: #474747;
        display: none;
    }

    .customers .customer-form table tr td {
        text-align: left;
        font-size: 11px;
        font-weight: 300;
        color: #000;
        text-transform: uppercase;
        border-bottom: 1px solid #BABABA;
        padding: 10px 5px;
        vertical-align: middle !important;
    }

        .customers .customer-form table tr td label {
            font-weight: 300;
        }

        .customers .customer-form table tr td input {
            display: none;
        }

.customers .customer-form input[type="checkbox"] {
    margin-right: 3px;
}

.customers #form span.err {
    font-size: 20px;
}


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

    .orderhistory table tr th {
        text-align: left;
        font-size: 1.2em;
        line-height: 1.2em;
        color: #474747;
        text-transform: uppercase;
        border-bottom: 1px solid #BABABA;
        padding: 10px 5px;
    }

    .orderhistory table tr td {
        text-align: left;
        font-size: 1.2em;
        line-height: 1.2em;
        color: #474747;
        text-transform: uppercase;
        border-bottom: 1px solid #BABABA;
        padding: 10px 5px;
    }

#order-list .confirm {
    float: none;
    display: block;
    width: auto;
    height: auto;
    text-transform: uppercase;
}

#order-list .btn-std {
    background-color: #00233c !important;
    color: #fff;
    padding: 5px 15px !important;
}

    #order-list .btn-std:hover {
        background-color: #8f9dc0 !important;
    }

.gridpager .data-pager {
    display: block;
}

.gridpager a {
    display: inline-block;
    text-align: center;
    padding: 5px 12px;
    color: #00233c;
    border: 1px solid transparent; /*border: 4px solid #e5e5e5; border-width: 4px 0;*/
}

    .gridpager a:hover {
        border: 1px solid #00233c;
    }

    .gridpager a.next, .pagination a.prev {
    }

        .gridpager a.next:hover, .pagination a.prev:hover {
            border: 1px solid #FFF;
        }

.gridpager span {
    display: inline-block;
    color: #000;
    padding: 5px 12px;
    border: 1px solid #000;
}

/* Contact */
.contact a.send {
    background-color: #00233c;
    border: none;
    color: #FFF;
    width: 100%;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    padding: 5px 10px;
    text-transform: uppercase;
    cursor: pointer;
    text-transform: uppercase;
}

    .contact a.send:hover {
        background-color: #00233c;
        border: none;
        color: #FFF;
    }

.contact p {
    text-align: initial;
}

/* CREDENTIALS */
div#credentials {
    color: #fff;
    float: right;
}

    div#credentials a {
        margin: 0;
        padding: 0 10px;
        float: left;
    }

        div#credentials a > img {
            margin-top: 7px;
        }

        div#credentials a > img, div#credentials > span {
            float: left;
        }

        div#credentials a span img {
            margin-top: 3px;
            display: initial;
        }

        div#credentials a span {
            display: block;
            overflow: hidden;
            float: left;
            text-indent: -70px;
            -webkit-transition: all 300ms ease-out;
            -moz-transition: all 300ms ease-out;
            -o-transition: all 300ms ease-out;
            -ms-transition: all 300ms ease-out;
            transition: all 300ms ease-out;
        }

        div#credentials a:hover span {
            padding-left: 5px;
            display: block;
            -webkit-transition: all 300ms ease-out;
            -moz-transition: all 300ms ease-out;
            -o-transition: all 300ms ease-out;
            -ms-transition: all 300ms ease-out;
            transition: all 300ms ease-out;
            text-indent: 0;
        }
/* END CREDENTIALS */

/* Signature */
.signature-pad {
    border: 1px solid #00233c;
    -webkit-border-radius: 0;
    border-radius: 0;
    outline: 0;
    background-color: #FFF;
    box-shadow: none; /*width: 500px; height: 200px;*/
}
/*#signature-pad { width: 380px; height: 200px; }*/
/*#signature-pad { width: 500px; height: 200px; }*/


/* Menu */
/*ul.ins-nav-bar { padding-left: 0;}
ul.ins-nav-bar li { list-style: none; float: left; margin: 0 30px 0 0; text-transform: uppercase; margin-top: 10px; padding:0;}
ul.ins-nav-bar li a { color: #fff; padding:0;}
ul.ins-nav-bar li a.active {color: #A18F63;}
nav.nav-bar ul.ins-nav-bar li.ins-nav-bar__item{position: relative;}
nav.nav-bar ul.ins-nav-bar li.ins-nav-bar__item nav.sub-nav-bar { display:none; position: absolute; width: 150px; top: 0; padding-top: 18px; }
nav.nav-bar ul.ins-nav-bar li.ins-nav-bar__item:hover nav.sub-nav-bar, nav.nav-bar ul.ins-nav-bar li.ins-nav-bar__item nav.sub-nav-bar:hover { display: block; z-index: 100; float:none; }
nav.nav-bar ul.ins-nav-bar li.ins-nav-bar__item nav.sub-nav-bar ul {padding-left:0px;}
nav.nav-bar ul.ins-nav-bar li.ins-nav-bar__item nav.sub-nav-bar ul li { background-color: #00233c; margin: 0; padding: 0;float:none; margin:0; border-bottom:1px solid #00233c; min-width:200px; }
nav.nav-bar ul.ins-nav-bar li.ins-nav-bar__item nav.sub-nav-bar ul li a { font-size:0.8em; display:block; padding:8px 10px;}
nav.nav-bar ul ul li ul {position: absolute; left: 100%; top: 0;  display: none; width:100%;padding:0; }
nav ul ul { position: absolute; top: 100%;  }
nav ul ul li { float: none; position: relative; }
nav ul ul ul { }
nav ul ul li:hover > ul { display: block; }*/

/* End Menu*/

/*shoppingbag*/
.orderlist-info {
    padding-top: 4px;
    color: #7E7D8B;
}

    .orderlist-info tr.total td.brand b {
        display: none;
    }

    .orderlist-info .orderCategory {
        clear: both;
    }

        .orderlist-info .orderCategory .total td.units i {
            margin-right: 5px;
            font-size: 18px;
        }

#order-list .totals {
    min-width: 300px;
}

@media (max-width: 991px) {
    header .nav-order-info .orderlist-info {
        color: #fff;
        padding-top: 0;
    }
}

@media (max-width: 767px) {
    header .nav-order-info {
        float: left;
    }

        header .nav-order-info .orderlist-info {
            padding-top: 3px;
            color: #fff;
            float: left;
        }

            header .nav-order-info .orderlist-info .orderCategory .total td.units i {
                font-size: 12px;
            }
}


.popover {
    width: 300px;
    border-radius: 0px;
}

.popover-title {
    border-radius: 0;
    background-color: #eee;
    border: 0;
}

.popover h3 {
    background-color: #28263E;
    text-align: center;
    color: #fff;
    font-weight: 300;
    font-size: 12px;
    border: 0;
}

.popover.bottom {
}

.popover-content {
    font-size: 11px;
}
/*end shoppingbag*/

/* Packs */
.pack-items {
    margin: 0;
    padding: 0;
    border-top: 1px solid black;
}

    .pack-items li.pack-item {
        width: 100%;
        list-style: none;
        padding: 20px 0px;
        border-bottom: 1px solid black;
        height: 100%;
        display: inline-block;
    }

        .pack-items li.pack-item .descriptions {
        }

            .pack-items li.pack-item .descriptions a {
                font-weight: 500;
                font-size: 11px;
                text-transform: uppercase;
                display: block;
            }

            .pack-items li.pack-item .descriptions .referention {
                font-weight: 500;
                font-size: 11px;
                text-transform: uppercase;
            }

        .pack-items li.pack-item .price {
            font-weight: 500;
            font-size: 11px;
            ;
            text-transform: uppercase;
            margin-bottom: 20px;
        }

        .pack-items li.pack-item .selected {
            vertical-align: middle;
        }

.pack-details {
}

    .pack-details tr.price th, div#order-list tr.stock th {
        width: 150px;
        padding-right: 5px;
        font-size: 11px;
        font-weight: bold;
        color: #474747;
        background-color: inherit;
        text-align: right;
    }

    .pack-details tr.price td.total, div#order-list tr.stock td.total {
        text-align: center;
        border-collapse: collapse;
    }

    .pack-details tr td.total span {
        display: block;
    }

    .pack-details td {
        border-bottom: 1px solid #BABABA;
        color: #00233c;
    }

        .pack-details td.image {
            text-align: center;
            vertical-align: middle;
            display: table-cell;
            width: 10%;
            height: 170px;
            line-height: 170px;
        }

            .pack-details td.image div.image {
                height: 150px;
                line-height: 150px;
                max-width: 130px;
                margin: 10px;
                overflow: hidden;
            }

                .pack-details td.image div.image img {
                    max-height: 95%;
                    max-width: 95%;
                }

            .pack-details td.image > img {
                max-width: 150px;
                max-height: 150px;
                vertical-align: middle;
            }

        .pack-details td.article {
            width: 20%;
            height: 116px;
            text-align: left;
        }

            .pack-details td.article span {
                line-height: 24px;
                display: block;
                text-align: left;
            }

                .pack-details td.article span.name a {
                    display: inline-block;
                    background: url(images/div.jpg) no-repeat left center;
                    text-align: left;
                    font-weight: 500;
                    font-size: 10pt;
                    color: #00233c;
                    text-decoration: none;
                    text-transform: uppercase;
                }

                    .pack-details td.article span.name a:hover {
                        text-decoration: underline;
                    }

                .pack-details td.article span.color {
                }

        .pack-details td.sizes {
            width: 30%; /*width: 300px;*/
        }

        .pack-details td.total {
            width: 10%;
            font-size: 1.1em;
        }

        .pack-details td.options {
            width: 12%;
            text-align: left;
            padding-left: 3%;
        }

    .pack-details table input[type=text] {
        display: block;
        width: 40px;
        text-align: center;
        float: none;
        padding: 1px 3px;
        margin: 0 auto;
    }

    .pack-details td.options td {
        vertical-align: middle;
    }

    .pack-details table {
        width: 100%;
        font-size: 11px;
        margin-bottom: 10px;
    }

    .pack-details td span {
        line-height: normal;
        text-align: center;
        display: block;
    }

    .pack-details td table {
        font-size: 10pt;
        font-weight: 300;
        margin: 0 auto;
        border: none;
    }

        .pack-details td table tr td {
            text-align: center;
            margin: 0;
            padding: 0;
            border: 0;
            vertical-align: top;
        }

            .pack-details td table tr td INPUT[type=number] {
                width: 50px;
                padding: 0 0 0 0px;
                margin: 3px 0 3px 0;
                text-align: right;
            }

            .pack-details td table tr td INPUT[type=text] {
                width: 30px;
                padding: 0 0 0 0px;
                margin: 3px 0 3px 0;
                text-align: right;
            }

        .pack-details td table tr th {
            background-color: transparent;
            color: #00233c;
            text-align: center;
            width: 50px;
            padding-left: 3px;
            font-weight: 500;
            font-size: 11px;
            border: 0;
            padding: 1px;
        }

        .pack-details td table td span {
            font-size: 0.9em;
        }

/* Component collection */
.component-collection {
    margin: 0 7.5px;
}

    .component-collection div[class^="col-"] {
        padding: 7.5px;
        padding-top: 0 !important;
    }

    .component-collection img.unvisible {
        width: 100%;
    }

    .component-collection img {
        max-width: 100%;
    }

.modal-dialog {
    border: 5px solid #7E7D8B;
    border-radius: 10px 10px;
    margin-top: 45px;
}

.modal .btn-close {
    float: right;
    font-weight: 500;
    font-size: 18px;
}

    .modal .btn-close:hover {
        color: #ccc;
    }


/* Newsletter */
.newsletter {
    background-color: #00233c;
    margin-top: 15px;
    padding: 15px;
    line-height: 16px;
    color: #fff;
    font-size: 11px;
    ;
    line-height: 32px;
}

    .newsletter a {
        text-align: center;
        text-decoration: none;
        padding: 5px 10px;
        cursor: pointer;
        text-transform: uppercase;
        background-color: #00233c;
        border: 1px solid #fff;
        color: #fff;
        font-size: 11px;
        line-height: 19px;
    }

        .newsletter a:hover {
            background-color: #00233c;
        }

div.topbar-3 .newsletter input {
    width: 100%;
    max-width: 100%;
}

/* RETOUR */
.retour * {
    box-sizing: border-box;
}

.retour .retourinfo {
    border-right: 1px dotted black;
    display: block;
}

.retour input[type="text"], .retour input[type="number"], .retour select {
    width: 100%;
    margin: 0 0 10px 0;
    padding: 3px 5px;
    text-align: left;
    text-transform: uppercase;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
}

.retour .modal-footer .btn-default {
    display: inline-block;
    margin-bottom: 5px;
}

.retour .modal-header .btn-close {
    display: inline;
}

.retour .modal .btn-default.search {
    display: inline-block;
    padding: 7px 12px !important;
}

.retour table tr td a {
    text-decoration: none;
    font-weight: bold;
    color: #00233c;
}

.retour .address table tr th {
    text-align: left;
    font-size: 11px;
    color: #474747;
    display: none;
}

.retour .address table tr td label {
    padding-left: 10px;
}

.retour .address table tr td a {
    font-size: 18px;
}

.retour .sizes-multi-color .sizes-overview tr th, .retour .sizes-multi-color .sizes-overview tr td {
    background-color: transparent !important;
}

    .retour .sizes-multi-color .sizes-overview tr td .input-group {
        margin: 0 auto;
    }

.retour p {
    text-align: left;
}

.retour .validation-summary {
    font-weight: bold;
    color: #FF0000;
}

/* Group overview data */
.order-history input[type=checkbox] {
    margin-right: 4px;
}

.group-overview-data {
    margin-top: 10px;
}

    .group-overview-data .row {
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom: 1px solid #ccc;
    }


@media (min-width: 768px) {
    .newsletter {
        height: 62px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .newsletter {
        line-height: 16px;
    }
}

/*Exchange*/
.exchange-totals {
    position: fixed;
    bottom: 20px;
    right: 4%;
    z-index: 999;
    background-color: #fff;
    border: 1px solid;
    border-right: 0;
    opacity: .5;
    transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
}

    .exchange-totals:hover {
        opacity: 1;
    }

    .exchange-totals table tr {
    }

        .exchange-totals table tr th, .exchange-totals table tr td {
            padding: 5px;
            border-right: 1px solid
        }

        .exchange-totals table tr th {
            border-bottom: 1px solid;
        }

        .exchange-totals table tr td {
            text-align: center;
        }


/* Validation summary */
.validation-summary ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.validation-summary li {
    text-transform: uppercase;
    text-align: center;
}

/* Generic classses */
.m-t-0 {
    margin-top: 0px !important;
}

.m-t-5 {
    margin-top: 5px !important;
}

.m-t-10 {
    margin-top: 10px !important;
}

.m-t-15 {
    margin-top: 15px !important;
}

.m-t-20 {
    margin-top: 20px !important;
}

.m-t-23 {
    margin-top: 23px !important;
}

.m-t-25 {
    margin-top: 25px !important;
}

.m-t-28 {
    margin-top: 28px !important;
}

.m-t-30 {
    margin-top: 30px !important;
}

.m-t-45 {
    margin-top: 45px !important;
}

.m-t-60 {
    margin-top: 60px !important;
}

.m-t-100 {
    margin-top: 100px !important;
}

.m-r-5 {
    margin-right: 5px !important;
}

.m-r-10 {
    margin-right: 10px !important;
}

.m-r-15 {
    margin-right: 15px !important;
}

.m-r-30 {
    margin-right: 30px !important;
}

.m-r-45 {
    margin-right: 45px !important;
}

.m-r-60 {
    margin-right: 60px !important;
}

.m-b-5 {
    margin-bottom: 5px !important;
}

.m-b-10 {
    margin-bottom: 10px !important;
}

.m-b-15 {
    margin-bottom: 15px !important;
}

.m-b-20 {
    margin-bottom: 20px !important;
}

.m-b-30 {
    margin-bottom: 30px !important;
}

.m-b-45 {
    margin-bottom: 45px !important;
}

.m-b-60 {
    margin-bottom: 60px !important;
}

.m-l-5 {
    margin-left: 5px !important;
}

.m-l-10 {
    margin-left: 10px !important;
}

.m-l-15 {
    margin-left: 15px !important;
}

.m-l-30 {
    margin-left: 30px !important;
}

.m-l-45 {
    margin-left: 45px !important;
}

.m-l-60 {
    margin-left: 60px !important;
}

.p-t-5 {
    padding-top: 5px !important;
}

.p-t-10 {
    padding-top: 10px !important;
}

.p-t-15 {
    padding-top: 15px !important;
}

.p-t-30 {
    padding-top: 30px !important;
}

.p-t-45 {
    padding-top: 45px !important;
}

.p-t-60 {
    padding-top: 60px !important;
}

.p-r-5 {
    padding-right: 5px !important;
}

.p-r-10 {
    padding-right: 10px !important;
}

.p-r-15 {
    padding-right: 15px !important;
}

.p-r-30 {
    padding-right: 30px !important;
}

.p-r-45 {
    padding-right: 45px !important;
}

.p-r-60 {
    padding-right: 60px !important;
}

.p-b-5 {
    padding-bottom: 5px !important;
}

.p-b-10 {
    padding-bottom: 10px !important;
}

.p-b-15 {
    padding-bottom: 15px !important;
}

.p-b-30 {
    padding-bottom: 30px !important;
}

.p-b-45 {
    padding-bottom: 45px !important;
}

.p-b-60 {
    padding-bottom: 60px !important;
}

.p-l-5 {
    padding-left: 5px !important;
}

.p-l-10 {
    padding-left: 10px !important;
}

.p-l-15 {
    padding-left: 15px !important;
}

.p-l-30 {
    padding-left: 30px !important;
}

.p-l-45 {
    padding-left: 45px !important;
}

.p-l-60 {
    padding-left: 60px !important;
}

.p-0 {
    padding: 0 !important;
}

.m-0 {
    margin: 0 !important;
}

.m-5 {
    margin: 5px !important;
}

.m-10 {
    margin: 5px !important;
}

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.flt-right {
    float: right;
}

.flt-left {
    float: left;
}

.flt-none {
    float: none !important;
}

.h-50 {
    height: 50%;
}

.h-100 {
    height: 100%;
}

.w-50 {
    width: 50%;
}

.w-100 {
    width: 100%;
}

.nowrap {
    white-space: nowrap;
}

.background-cover {
    width: 100%;
    height: 100%;
    background: no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.d-inline-block {
    display: inline-block !important;
}

.btnAddToWishlistCatalogue {
    background-color: #CB9374;
    border-radius: 5px;
    max-width: 60%;
    margin: auto; /*    margin-top: 85%;
*/
    color: white;
    z-index: 100;
}

    .btnAddToWishlistCatalogue:hover {
        background-color: black;
        color: white;
    }

.img .actions {
    display: none;
    position: absolute;
    z-index: 99;
    bottom: 10%;
    width: auto;
    width: 100%;
}

.img:hover .actions {
    display: block;
}

.left-border-black {
    border-left: 3px solid #1f1f1f !important;
}

.w-30per {
    width: 30% !important;
}

.w-33per {
    width: 33% !important;
}

.btn-wishlist {
    background-color: #CB9374 !important;
    border: none !important;
    margin: 0 !important;
}

#ucCategoryOrderListUpdatePanel {
    margin-bottom: 2%;
}

.font-poppins {
    font-family: 'Poppins', sans-serif;
}

.m-b-5per {
    margin-bottom: 5% !important;
}

.m-t-10per {
    margin-top: 10% !important;
}

.m-b-10per {
    margin-bottom: 10% !important;
}

/* Sumoselect overrides */
.SumoSelect {
    width: 100%;
}

    .SumoSelect > .CaptionCont > span {
        text-align: left;
    }

        .SumoSelect > .CaptionCont > span.placeholder {
            text-align: left;
            font-style: normal;
            color: #000;
            opacity: 0.5;
        }

    .SumoSelect > .CaptionCont > label {
        margin: 0;
    }

    .SumoSelect .select-all {
        height: auto;
        text-align: left;
        padding-top: 3px;
    }

        .SumoSelect .select-all > label {
            margin: 0;
        }

    .SumoSelect > .optWrapper > .options li label {
        margin: 0;
    }

    .SumoSelect > .CaptionCont {
        border-color: #ccc;
        border-radius: 4px;
    }

    .SumoSelect > .optWrapper.multiple > .options li.opt.selected span i, .SumoSelect .select-all.selected > span i {
        background-color: #0d6efd;
    }

/*Lookbook*/
.lookbook { margin-top: -1rem; }
    .lookbook .lookbooks-overview-title { font-size: 32px; color: #505162; font-weight: 500; text-align: center; padding: 1rem; }
    .lookbook .lookbooks-overview { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: row; gap: 3rem 7rem; margin: 3rem 0rem; }
        .lookbook .lookbooks-overview .lookbook-cover { transition: all 0.15s ease-in-out; position: relative; width: 50rem; height: 36rem; }
            .lookbook .lookbooks-overview .lookbook-cover .lookbook-cover-photo { position: absolute; right: 0px; top: 0px; height: 100%; }
            .lookbook .lookbooks-overview .lookbook-cover .lookbook-cover-title { transition: all 0.15s ease-in-out; position: absolute; background-color: #ffffff; text-align: right; bottom: 0; left: 0; padding: 1.2rem; padding-top: 0.8rem; margin-left: -5rem; /*margin-bottom: -1.45rem;*/ font-size: 24px; /*line-height: 48px;*/ /*font-weight: 300;*/ /*word-spacing: 100vw;*/ }
            .lookbook .lookbooks-overview .lookbook-cover:hover { transition: all 0.15s ease-in-out; filter: brightness(103%); transform: scale(103%); }
                .lookbook .lookbooks-overview .lookbook-cover:hover .lookbook-cover-title { transition: all 0.15s ease-in-out; font-weight: 400; letter-spacing: 2px; }
    .lookbook .nav { width: 100%; border: none !important; display: flex; justify-content: center; align-items: center; gap: 1rem; margin-top: 2rem; }
        .lookbook .nav .nav-item { border: none !important; }
            .lookbook .nav .nav-item .nav-link { transition: all 0.15s ease-in-out; font-size: 24px; color: #505162; font-weight: 300; border: none !important; border-radius: 6px; }
                .lookbook .nav .nav-item .nav-link:hover { transition: all 0.15s ease-in-out; background-color: #f6f6f7 !important; cursor: pointer; }
                .lookbook .nav .nav-item .nav-link.active { font-weight: 500; background-color: #ececef !important; }
    .lookbook .lookbook-fullscreen-button-container { z-index: 1; position: fixed; top: 150px; right: 0; height: 50px; width: 150px; }
        .lookbook .lookbook-fullscreen-button-container button { margin-right: 1rem; margin-top: 0.39rem; float: right; }
            .lookbook .lookbook-fullscreen-button-container button i { margin-right: 0; font-size: 18px; }
    .lookbook .lookbook-collapser-free { z-index: 1; position: fixed; right: 1rem; bottom: 0; width: 100vw; /*width: 178px;*/ height: 68px; }
    .lookbook .lookbook-slider { z-index: 0; }
    .lookbook .lookbook-toolbar { z-index: 1; position: fixed; height: 70px; background-color: #fff; box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); bottom: 10px; width: 800px; border-radius: 9px; left: calc(50vw - 400px); }

@media (max-width: 800px) {
    .lookbook .lookbook-toolbar { bottom: 0; left: 0; right: 0; width: 100vw; }
}

.lookbook .lookbook-toolbar .lookbook-title-container { display: flex; justify-content: start; align-items: center; height: 100%; }
    .lookbook .lookbook-toolbar .lookbook-title-container .lookbook-title { margin-left: 1rem; font-size: 20px; font-weight: 400; color: #505162; line-height: 1.2; }
.lookbook .lookbook-toolbar .lookbook-collapser-container { display: flex; justify-content: end; align-items: center; height: 100%; }
.lookbook .lookbook-toolbar .lookbook-controls { display: flex; justify-content: center; align-items: center; }
    .lookbook .lookbook-toolbar .lookbook-controls .lookbook-control { transition: all 0.15s ease-in-out; display: block; width: 200px; height: 100%; padding: 13px 0px 13px 0px; background-color: transparent; }

@media (max-width: 425px) {
    .lookbook .lookbook-toolbar .lookbook-controls .lookbook-control { padding: 20px 0px 0px 0px; }
}

.lookbook .lookbook-toolbar .lookbook-controls .lookbook-control i, .lookbook .lookbook-toolbar .lookbook-controls .lookbook-control span { transition: all 0.15s ease-in-out; color: #505162; text-align: center; }
.lookbook .lookbook-toolbar .lookbook-controls .lookbook-control i { width: 100%; font-size: 28px; font-weight: 200; }

@media (max-width: 1024px) {
    .lookbook .lookbook-toolbar .lookbook-controls .lookbook-control i { font-size: 28px; }
}

@media (max-width: 768px) {
    .lookbook .lookbook-toolbar .lookbook-controls .lookbook-control i { font-size: 20px; }
}

@media (max-width: 425px) {
    .lookbook .lookbook-toolbar .lookbook-controls .lookbook-control i { font-size: 28px; }
}

.lookbook .lookbook-toolbar .lookbook-controls .lookbook-control span { display: block; font-size: 10px; overflow: hidden; line-height: 1.2; }

@media (max-width: 1024px) {
    .lookbook .lookbook-toolbar .lookbook-controls .lookbook-control span { font-size: 10px; }
}

@media (max-width: 768px) {
    .lookbook .lookbook-toolbar .lookbook-controls .lookbook-control span { font-size: 11px; }
}

@media (max-width: 425px) {
    .lookbook .lookbook-toolbar .lookbook-controls .lookbook-control span { display: none; }
}

.lookbook .lookbook-toolbar .lookbook-controls .lookbook-control:has(i):hover { transition: all 0.15s ease-in-out; cursor: pointer; background-color: #f6f6f7; }
    .lookbook .lookbook-toolbar .lookbook-controls .lookbook-control:has(i):hover:last-child { border-top-right-radius: 9px; border-bottom-right-radius: 9px; }
.lookbook .lookbook-toolbar .lookbook-collapser button { margin-right: 1rem; float: right; }
.lookbook .lookbook-slider img { margin-left: auto; margin-right: auto; width: auto; max-height: calc(100vh - 100px - 150px); }
.lookbook .slick-slide:focus-visible { outline: none !important; border: none !important; }

@media (max-width: 768x) {
    .lookbook .lookbook-control { width: 160px; height: 180px; padding: 8px; }
        .lookbook .lookbook-control i, .lookbook .lookbook-control span { transition: all 0.15s ease-in-out; color: #505162; text-align: center; }
        .lookbook .lookbook-control i { width: 100%; font-size: 44px; font-weight: 100; }
        .lookbook .lookbook-control span { display: block; font-size: 16px; overflow: hidden; }
}

.lookbook #lookbooks-detail-shop.modal { padding: 0; width: 100%; background-color: transparent !important; box-shadow: 0px 0.25rem 0.75rem rgba(0, 0, 0, 0.3); }
    .lookbook #lookbooks-detail-shop.modal .modal-dialog { margin: 0; position: fixed; right: 0; max-width: 500px; border: none; background-color: #ffffff; height: 100%; border-radius: 0; }
        .lookbook #lookbooks-detail-shop.modal .modal-dialog .modal-content { min-height: 100vh; }
            .lookbook #lookbooks-detail-shop.modal .modal-dialog .modal-content .lookbooks-detail-shop-container { position: relative; padding: 1rem; height: calc(100vh - 70px); overflow-y: auto; }
                .lookbook #lookbooks-detail-shop.modal .modal-dialog .modal-content .lookbooks-detail-shop-container .lookbooks-detail-shop-container-garment { margin: 0.5rem; }
                    .lookbook #lookbooks-detail-shop.modal .modal-dialog .modal-content .lookbooks-detail-shop-container .lookbooks-detail-shop-container-garment:not(:first-child) { border-top: 1px solid #c5c6d4; padding-top: 20px; }
                    .lookbook #lookbooks-detail-shop.modal .modal-dialog .modal-content .lookbooks-detail-shop-container .lookbooks-detail-shop-container-garment .lookbooks-detail-shop-container-garment-info { background-color: #ffffff; }
                        .lookbook #lookbooks-detail-shop.modal .modal-dialog .modal-content .lookbooks-detail-shop-container .lookbooks-detail-shop-container-garment .lookbooks-detail-shop-container-garment-info .lookbooks-detail-shop-container-garment-info-header .row.title { font-size: 20px; font-weight: 400; color: #32323c; }
                        .lookbook #lookbooks-detail-shop.modal .modal-dialog .modal-content .lookbooks-detail-shop-container .lookbooks-detail-shop-container-garment .lookbooks-detail-shop-container-garment-info .lookbooks-detail-shop-container-garment-info-header .row.price { font-weight: 400; color: #505162; }
                        .lookbook #lookbooks-detail-shop.modal .modal-dialog .modal-content .lookbooks-detail-shop-container .lookbooks-detail-shop-container-garment .lookbooks-detail-shop-container-garment-info .lookbooks-detail-shop-container-garment-info-sizes { background-color: #ffffff; border: none; }
                            .lookbook #lookbooks-detail-shop.modal .modal-dialog .modal-content .lookbooks-detail-shop-container .lookbooks-detail-shop-container-garment .lookbooks-detail-shop-container-garment-info .lookbooks-detail-shop-container-garment-info-sizes table.sizes-overview { overflow-y: hidden; }
                                .lookbook #lookbooks-detail-shop.modal .modal-dialog .modal-content .lookbooks-detail-shop-container .lookbooks-detail-shop-container-garment .lookbooks-detail-shop-container-garment-info .lookbooks-detail-shop-container-garment-info-sizes table.sizes-overview td.size { color: #9092a2; }
                                .lookbook #lookbooks-detail-shop.modal .modal-dialog .modal-content .lookbooks-detail-shop-container .lookbooks-detail-shop-container-garment .lookbooks-detail-shop-container-garment-info .lookbooks-detail-shop-container-garment-info-sizes table.sizes-overview .input-group .input-group-append button.btn { color: #4b5389; border: none; transition: all 0.15s ease-in-out; }
                                    .lookbook #lookbooks-detail-shop.modal .modal-dialog .modal-content .lookbooks-detail-shop-container .lookbooks-detail-shop-container-garment .lookbooks-detail-shop-container-garment-info .lookbooks-detail-shop-container-garment-info-sizes table.sizes-overview .input-group .input-group-append button.btn i { transition: all 0.15s ease-in-out; }
                                    .lookbook #lookbooks-detail-shop.modal .modal-dialog .modal-content .lookbooks-detail-shop-container .lookbooks-detail-shop-container-garment .lookbooks-detail-shop-container-garment-info .lookbooks-detail-shop-container-garment-info-sizes table.sizes-overview .input-group .input-group-append button.btn:not(.disabled):not(:disabled):hover { background-color: rgba(75, 83, 137, 0.2); }
                                        .lookbook #lookbooks-detail-shop.modal .modal-dialog .modal-content .lookbooks-detail-shop-container .lookbooks-detail-shop-container-garment .lookbooks-detail-shop-container-garment-info .lookbooks-detail-shop-container-garment-info-sizes table.sizes-overview .input-group .input-group-append button.btn:not(.disabled):not(:disabled):hover i { transition: all 0.15s ease-in-out; transform: scale(130%); }
                                    .lookbook #lookbooks-detail-shop.modal .modal-dialog .modal-content .lookbooks-detail-shop-container .lookbooks-detail-shop-container-garment .lookbooks-detail-shop-container-garment-info .lookbooks-detail-shop-container-garment-info-sizes table.sizes-overview .input-group .input-group-append button.btn:focus { outline: none; box-shadow: none; }
                                    .lookbook #lookbooks-detail-shop.modal .modal-dialog .modal-content .lookbooks-detail-shop-container .lookbooks-detail-shop-container-garment .lookbooks-detail-shop-container-garment-info .lookbooks-detail-shop-container-garment-info-sizes table.sizes-overview .input-group .input-group-append button.btn[disabled=disabled] { background-color: transparent !important; }
                                        .lookbook #lookbooks-detail-shop.modal .modal-dialog .modal-content .lookbooks-detail-shop-container .lookbooks-detail-shop-container-garment .lookbooks-detail-shop-container-garment-info .lookbooks-detail-shop-container-garment-info-sizes table.sizes-overview .input-group .input-group-append button.btn[disabled=disabled] i { }
                                /*.lookbook #lookbooks-detail-shop.modal .modal-dialog .modal-content .lookbooks-detail-shop-container .lookbooks-detail-shop-container-garment .lookbooks-detail-shop-container-garment-info .lookbooks-detail-shop-container-garment-info-sizes table.sizes-overview .input-group input { width: 100%; text-align: center; border: 1px solid #c5c6d4; font-size: 20px; color: #505162; transform: translate(0) !important; }*/
                                .lookbook #lookbooks-detail-shop.modal .modal-dialog .modal-content .lookbooks-detail-shop-container .lookbooks-detail-shop-container-garment .lookbooks-detail-shop-container-garment-info .lookbooks-detail-shop-container-garment-info-sizes table.sizes-overview .input-group input[disabled=disabled]:hover { background-color: transparent !important; }
                                .lookbook #lookbooks-detail-shop.modal .modal-dialog .modal-content .lookbooks-detail-shop-container .lookbooks-detail-shop-container-garment .lookbooks-detail-shop-container-garment-info .lookbooks-detail-shop-container-garment-info-sizes table.sizes-overview td.amt input.stock { text-align: center; font-weight: 500; background-color: transparent !important; color: #9092a2 !important; font-size: 18px; }
                                    .lookbook #lookbooks-detail-shop.modal .modal-dialog .modal-content .lookbooks-detail-shop-container .lookbooks-detail-shop-container-garment .lookbooks-detail-shop-container-garment-info .lookbooks-detail-shop-container-garment-info-sizes table.sizes-overview td.amt input.stock.stock-empty { font-weight: 300; color: #c73456 !important; }
                                    .lookbook #lookbooks-detail-shop.modal .modal-dialog .modal-content .lookbooks-detail-shop-container .lookbooks-detail-shop-container-garment .lookbooks-detail-shop-container-garment-info .lookbooks-detail-shop-container-garment-info-sizes table.sizes-overview td.amt input.stock:hover { background-color: transparent !important; cursor: default !important; }
                                .lookbook #lookbooks-detail-shop.modal .modal-dialog .modal-content .lookbooks-detail-shop-container .lookbooks-detail-shop-container-garment .lookbooks-detail-shop-container-garment-info .lookbooks-detail-shop-container-garment-info-sizes table.sizes-overview td.amt.stock-empty { background-color: rgba(199, 52, 86, 0.1); }
            .lookbook #lookbooks-detail-shop.modal .modal-dialog .modal-content .lookbooks-detail-shop-bottom-row { bottom: 0; position: sticky; background-color: #ffffff; padding: 1rem; width: 100%; height: 70px; z-index: 900; }

/*Details modal overrides*/
.lookbook .details .nav { border-bottom: 1px solid #ddd !important; justify-content: flex-start; gap: inherit; }
/* Dropzone */
.dz-progress {
    visibility: hidden;
}

.dz-remove {
    display: inline-block !important;
    width: 1.2em;
    height: 1.2em;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1000;
    font-size: 1.2em !important;
    line-height: 1em;
    text-align: center;
    font-weight: bold;
    border: 1px solid #ccc !important;
    border-radius: 1.2em;
    color: #ccc;
    background-color: #fff;
    opacity: .8;
}

    .dz-remove:hover {
        text-decoration: none !important;
        opacity: 1;
    }
/*Page builder*/
.page-builder-frame {
    height: 1400px;
    border: none;
}

@media (max-width: 1199px) {
    .page-builder-frame {
        height: 1200px;
    }
}

@media (max-width: 991px) {
    .page-builder-frame {
        height: 900px;
    }
}

@media (max-width: 767px) {
    .page-builder-frame {
        height: 1500px;
    }
}

@media (max-width: 426px) {
    .page-builder-frame {
        height: 2000px;
    }
}

/* Countdown */
.countdown {
    text-align: center;
    padding-bottom: 10px;
    font-size: 18px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

@media (min-width: 991px) and (max-width: 1199px) {
    .countdown {
        padding-top: 5px;
    }
}

@media (max-width: 991px) {
    .countdown {
        padding-top: 0px;
        padding-bottom: 15px;
    }
}


/* Forecast */