/* 1.1  - Google fonts
/* ========================================================================== */

@font-face { font-family: 'Avenir'; font-style: normal; font-weight: normal; src: local('fonts/Avenir/Avenir Next LT Pro Regular'), url('fonts/Avenir/AvenirNextLTPro-Regular.woff') format('woff'); }

.wf-loading { visibility: hidden; }

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

html { position: relative; overflow-x: hidden; font-family: "Avenir"; font-weight: 300; }

body { font-family: Avenir !important; font-weight: 300 !important; color: #000; }

h1, h2, h3, h4, h5, h6 { font-family: Avenir; text-transform: uppercase; }

h2 { font-size: 26px; }

h3 { font-size: 20px; }

form.custombg { background-color: #F6F5F6; }

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

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

.clearfix, .clear { clear: both; }

label { margin: 5px 0 0 0; }

.strike { text-decoration: line-through; font-size: 70%; }

.red { color: #e2231e; }

.container-fluid { padding-right: 0 !important; padding-left: 0 !important; }

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

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

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

.form-control { border-radius: 0; }

.btn { border-radius: 0; font-family: Avenir; background-color: #000; border-radius: 0 !important; color: #FFF !important; }

    .btn:hover, .btn.active { background-color: #555; }

.btn-primary { background-color: #FFF; border: 1px solid #000; color: #000; text-transform: uppercase; }

    .btn-primary:hover, .btn-primary:active, .btn-primary:focus { background-color: #fff !important; border-color: #000 !important; color: #000 !important; }
/*.row { }*/

/* Bootstrap overrides */
.form-control { border-radius: 0 !important; }

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

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


/* Progress bar */
.progress { height: 26px; background-color: #aaa !important; box-shadow: none; -webkit-box-shadow: none; border-radius: 0; }

.progress-bar { background-color: transparent !important; color: #fff; line-height: 25px; text-transform: uppercase; font-weight: normal; font-size: 13px; box-shadow: none; -webkit-box-shadow: none; border: 1px solid #fff; }

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

.progress-bar-info { background-color: #000 !important; }


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: #000; padding: 15px 0px 10px 0px; border: 1px solid #000; 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: #000; font-weight: 500; }

                div.topbar-2 ul.ins-nav-bar li a:hover { text-decoration: none; font-weight: 700; 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: 12px; font-weight: 700; }
    /*div.topbar-2 .container { }*/
    div.topbar-2 .search input[type="text"] { height: 23px; background-color: #FFF; color: #000; border-radius: 2px; border-color: #000; }

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

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

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

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

            div.topbar-2 .languages a:hover { color: #FFF; }

/*div.topbar-2 .modal-dialog { border:5px solid #000; border-radius:10px 10px;color:#000; }
div.topbar-2 .modal-title { color:#000; }
div.topbar-2 .modal .btn-close { float:right; font-weight:700;color:#000; }
div.topbar-2 .modal .actions a { background-color: #000; border:1px solid black; text-decoration:none; font-family: "Montserrat"; font-weight:700; padding: 5px 10px;color:#FFF; text-transform:uppercase;  }
div.topbar-2 .modal .actions a:hover { background-color: #000; border:1px solid black; color:#FFF; }
div.topbar-2 .modal .actions a.confirm { padding:5px 10px; text-transform:uppercase;cursor:pointer;text-transform:uppercase; }*/

@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); max-height: 20px; }

    div.topbar-3 div.col-xs-12 { height: 20px; }

    /*div.topbar-3 input { height:30px; line-height:30px; border:none; padding: 5px 5px; color:#B0B0B0; }*/
    div.topbar-3 h2 { margin: 0; color: #000; font-weight: 700; text-transform: uppercase; text-align: center; border-bottom: 0px solid black; }

    div.topbar-3 h3 { display: block; margin: 0; font-size: 16px; text-transform: uppercase; color: #474747; font-weight: 700; text-align: center; }
    /*div.topbar-3 h3::before { }*/
    div.topbar-3 .search { padding: 0px 40px; text-align: right; }

    div.topbar-3 input { 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: 100%; 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 .top-bar { background-color: #000; color: #fff; font-weight: 100; position: fixed; width: 100%; height: 23px; z-index: 9999; }

    header .top-bar a { color: #fff !important; font-weight: 100; }

header { color: #000; }

    header a:link { color: #000; }

    /*header img {
    }*/

    header .navbar { margin-bottom: 2px; }
    /*header .navbar-header { min-height: 80px; }*/
    header .navbar-default { background: #000; border: none; }

    header .navbar-toggle { margin-top: 24px; }

    header a.navbar-brand { height: 50px; margin-top: 15px; padding: 0 15px; }

    header #imgLogo { margin-left: auto; margin-right: auto; }

    header .navbar-default .navbar-nav > li > a { color: #FFF; padding: 10px 12px 10px 0; font-weight: 300; font-size: 13px; }

        header .navbar-default .navbar-nav > li > a.active { text-decoration: underline; color: #eee; }

        header .navbar-default .navbar-nav > li > a:focus, header .navbar-default .navbar-nav > li > a:hover { color: #eee; text-decoration: underline; }

    header .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background-color: #000; color: #eee; }

    header .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background-color: #000 !important; color: #eee !important; }

    header .form-control { height: 30px; margin-bottom: 3px; border: 0; background: #000; color: #FFF; padding: 6px 0px; font-family: Arial, Helvetica, sans-serif; display: inline-block; width: inherit; max-width: 150px; }

    header .main-bar { padding-top: 23px; }

/*.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #FFF !important;
    background-color: #000 !important;
    text-decoration: underline !important;
}

.dropdown-menu > li > a {
    color: #FFF !important;
    background-color: #000;
    font-size: 13px;
}*/
/*.dropdown-menu > li {
    border-bottom: 1px solid #FFF;
}*/
.dropdown-menu { padding: 0 !important; }

header .main-bar .form-control { background-color: #fff; border: 1px solid #000; font-weight: 700; }

header .search-box { position: relative; width: 250px; float: right; margin-top: 10px; }

    header .search-box input { padding-left: 25px; max-width: 100%; color: #000; }

    header .search-box a { position: absolute; width: 28px; height: 28px; top: 0; left: 0; padding-top: 3px; text-align: center; z-index: 25; color: #000; }

header .nav-user-info { padding: 4px 0; color: #FFF; text-align: right; font-size: 13px; }

    header .nav-user-info a { color: #FFF; }

header .nav-order-info { padding: 5px 0 4px 0; text-align: right; font-size: 13px; }

header #bs-main-navbar { text-align: left; }

    header #bs-main-navbar ul { float: none; text-transform: uppercase; }


.languages { display: inline-block; list-style: none; margin-bottom: 3px; }
    .languages li { display: inline-block; }
        .languages li a { }
            .languages li a.active { text-decoration: underline; }

@media (max-width: 767px) {
    header .nav-order-info { text-align: right; }

    header .main-bar { padding-top: 0px; }
}

/* Header end */

/* Footer */
.wrapper { min-height: 100%; height: auto !important; height: 100%; }

footer, .push { clear: both; min-height: 100px; }

.push-small { clear: both; min-height: 40px; }

footer { position: relative; padding: 15px 0 15px; color: #fff; border: 1px solid #000; border-width: 1px 0 20px 0; background: #000; }

    footer h1 { font-weight: 900; font-size: 24px; margin: 20px 0; }

    footer a { color: #fff; }

        footer a:link { color: #fff !important; }

    footer p { font-family: Arial, Helvetica, sans-serif; color: #fff; line-height: 15px; }

    footer a.social-link { background: #fff; color: #000 !important; display: block; height: 25px; line-height: 27px; text-align: center; width: 25px; float: left; margin-right: 5px; font-size: 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transition: all 0.25s ease-out 0s; -moz-transition: all 0.25s ease-out 0s; -webkit-transition: all 0.25s ease-out 0s; -o-transition: all 0.25s ease-out 0s; }
/* Footer end */

/* Sidebar */
#sidebar { position: sticky; top: 90px; overflow-y: auto; overflow: auto; }
    #sidebar select { text-transform: uppercase; }
    #sidebar h4 { position: relative; }
        #sidebar h4 i.fa { display: none; position: absolute; top: 2.5px; right: 7.5px; padding: 0 2.5px; cursor: pointer; }

    /**Custom scroll bar */
    /* width */
    #sidebar::-webkit-scrollbar { width: 5px; }
    /* Track */
    #sidebar::-webkit-scrollbar-track { background: #f1f1f1; }
    /* Handle */
    #sidebar::-webkit-scrollbar-thumb { background: #BABABA; }
        /* Handle on hover */
        #sidebar::-webkit-scrollbar-thumb:hover { background: #555; }

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

    header .nav-user-info { text-align: left; }

    header .info { margin-top: 0; }

    #sidebar { position: relative; top: 0; overflow-y: auto; overflow: auto; }
}

@media (min-width: 768px) {
    #nav-groups.collapse { display: block; }
}
/* Sidebar end */

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

.login img { padding: 15px; }

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

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

    .login input { border: 1px solid #000; }

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

    .login.content { border: 2px solid #000; margin-top: 50px; padding-top: 20px; color: #000; margin-bottom: 50px; background-color: #FFF; }

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

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

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

    .login label, .login span { font-family: Avenir; color: #000; text-transform: uppercase; padding-bottom: 5px; }

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

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

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

    .login-overview #Customers ul li { list-style: square; }

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

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

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

.login-overview .new { position: relative; padding-bottom: 50px; }

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

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

    .login .forgot a { font-size: 14px; color: #000; font-weight: 900; font-style: italic; margin-top: 10px; display: block; text-align: center; }

.login .suser { color: #000; }

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

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

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

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

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

/* breadcrumbs */
#breadcrumbs { position: relative; z-index: 50; margin-bottom: 5px; }

.breadcrumb { background: #FFF !important; text-transform: uppercase; font-size: 0.8em; padding: initial !important; }

    .breadcrumb span { font-weight: 300; font-family: Arial; }

        .breadcrumb span a { font-weight: 300; /*text-decoration: underline;*/ }

/* Catalog */
.catalog { min-height: 531px; height: 100%; background-color: rgba(255,255,255, 0.8); padding-bottom: 20px; }

    .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 .showroom-video { position: relative; padding-top: 56%; margin-bottom: 10px; }
        .catalog .showroom-video iframe { position: absolute; }
    .catalog .showroom-slideshow { padding-left: 0; padding-right: 0 }
        .catalog .showroom-slideshow img { width: 100%; }

.catalogArticle { width: 100%; float: left; text-align: center; margin-bottom: 40px; }
    .catalogArticle .sale { position: absolute; top: 0; left: 0; padding: 3px 8px; background: #000; color: #FFF; z-index: 100; text-transform: uppercase; font-size: 11px; }
    .catalogArticle .pre-order { position: absolute; top: 0; left: 0; padding: 3px 8px; background: #259218; color: #FFF; z-index: 100; text-transform: uppercase; font-size: 11px; }
    .catalogArticle .info { width: 100%; border-top: 0px solid black; padding-top: 5px; background-color: transparent; }

        .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: 12px; font-weight: bold; }

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

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

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

        .catalogArticle .info .article-detail span { /*display: inline;*/ float: left; font-family: Avenir; font-weight: 700; font-size: 12px; 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; /*display: inline;*/ }

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

        .catalogArticle .info .price { display: block; font-weight: bold; font-size: 16px; margin-top: 10px; }

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

        .catalogArticle .info .title { text-transform: uppercase; font-weight: bold; height: 50px; display: block; }

        .catalogArticle .info .reference { font-style: italic; }

    .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; font: 0/0 a; }

            .catalogArticle .img .catalogImage:before { content: ' '; display: inline-block; vertical-align: middle; height: 100%; }

            .catalogArticle .img .catalogImage span.brand { font-family: Avenir; font-weight: 300; font-size: 12pt; color: #000; }

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

            .catalogArticle .img .catalogImage > .daImg { max-width: 100%; max-height: 216px; vertical-align: middle; display: inline; }

            .catalogArticle .img .catalogImage:hover { display: none; }

        .catalogArticle .img .dummy { padding-top: 100%; /* forces 1:1 aspect ratio */ }


/* Detail page */
.details h1.detail { font-family: Avenir; text-transform: uppercase; color: #000; font-size: 20px; font-weight: 700; }
.details .pre-order { padding: 3px 8px; background: #259218; display: inline-block; color: #FFF; text-transform: uppercase; font-size: 11px; margin-bottom: 15px; }
.details .size { padding: 0; }

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

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

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

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

                .details .size table.detailOrder tr td:first-child { font-weight: 700; font-size: 14px; }

.detail .size table.detailOrder tr td label { border: 1px solid #000; }

.details .size table.detailOrder tr td INPUT[type=number] { width: 40px; padding: 0 0px 0 5px; margin: 3px 0 3px 0; text-align: right; border: 0; font-family: Avenir; border: 1px solid #DADADA !important; line-height: 35px; text-align: center; font-size: 14px; }

.details .size table.detailOrder tr td span.stock.amount, .details .size table.detailOrder tr td span.stockcolor.color { display: inline-block; }

.details .size table.detailOrder tr td .stockoverview { padding: 5px; line-height: 35px; color: #a5a5a5; }
.details .size table.detailOrder tr td.amt a { padding: 3px; background: #000; color: #FFF; display: inline-block; }

.details tr td.amt .btn-number { color: #000 !important; }
.details tr td.amt .form-control { width: 35px; padding: 5px 2px; text-align: center; }

.details .size table.detailOrder tr td span.stock.color, .size table.detailOrder tr td span.stockcolor.amount { display: none; }

.details .size table.detailOrder tr td span.stockcolor.green { background-color: green; width: 8px; height: 8px; line-height: 8px; border-radius: 8px; }

.details .size table.detailOrder tr td span.stockcolor.orange { background-color: orange; width: 8px; height: 8px; line-height: 8px; border-radius: 8px; }

.details .size table.detailOrder tr td span.stockcolor.red { background-color: red; width: 8px; height: 8px; line-height: 8px; border-radius: 8px; }

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

.itemsize label { border: 1px solid #DADADA; text-align: center; width: 40px; line-height: 35px; }

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

    .details .btnAddToCart2,
    .details .btnDelFromCart2 {  display: inline-block; background-color: #000; color: #FFF; padding: 5px 0; width: 100%;  text-transform: uppercase; font-size: 1em; cursor: pointer; font-weight: 900; font-family: Avenir; text-align: center; margin-bottom: 10px; letter-spacing: 0.25em; }



.details .btnAddToCart2:hover, .details .btnDelFromCart2:hover { background-color: #DADADA; color: #FFF; }

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

    .details .color select { background-color: #ECECEC; border: none; padding: 3px; font-family: Avenir; font-size: 0.9em; font-family: Avenir; margin-top: 5px; }

.details .link-continue { display: inline-block; background-color: #000; border: 1px solid #000; color: #FFF; padding: 5px 10px; text-transform: uppercase; font-size: 1em; cursor: pointer; font-weight: 500; font-family: Avenir; }

    .details .link-continue:hover { background-color: #DADADA; border: 1px solid black; color: #FFF; }

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

.details .colour { color: #000; font-size: 11px; /*border-top: 2px solid #000;
    border-bottom: 2px solid #000;*/ padding: 10px 0; }

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

.details .status { color: #000; font-size: 11px; /*border-bottom: 2px solid #000;*/ padding: 10px 0; font-weight: bold; }

.details .description { color: #000; font-size: 12px; margin: 0; padding: 0; }

.details .price { color: #000; font-size: 36px; font-weight: bold; margin: 5px 0; }

    .details .price .small { font-size: 60%; }

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

.text-font { font-family: Arial, Helvetica, sans-serif; line-height: 150%; }

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

.details .item-thumb a.video { width: 169px; height: 220px; display: table-cell; vertical-align: middle; text-align: center; cursor: pointer; }

.details #download-images { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

.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 th.image-color { vertical-align: middle; width: 150px; text-align: center; }
.details th.image-color a.block { width: 80px; height: 80px; border: 2px solid #FFF; display: inline-block; box-shadow: 0 0 0 1px #000; text-align: center; }
.details th.image-color a.name { font-weight: bold; font-size: 12px; padding-bottom: 5px; display: block; text-align: center; }

.details table { border-collapse: separate; border-spacing: 0 5px; }
.details table tr td { vertical-align: middle; border: 0 !important; }
.details table tr.sizes-row td { vertical-align: middle; border: 0; }

#imagesContainer { min-height: 250px; }

    #imagesContainer #imgBig { padding-bottom: 10px; text-align: center; }

        /*#imagesContainer #imgBig .zoomWrapper {
        }*/

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

        #imagesContainer #imgBig img { max-width: 100%; max-height: 500px; }

    #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; display: inline-block; }

            #imagesContainer #thumb-images .item img { max-height: 100px; max-width: 100px; border: 0px solid #000; }

    /*#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; }

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

#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; }

/* hover */
/*.catalogArticle .img .catalogImageHover {
}

    .catalogArticle .img .catalogImageHover img {
    }*/

.catalogArticle .img .catalogImageHover { display: table-cell; background-color: #FFF; width: 100%; height: 220px; vertical-align: middle; text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; font: 0/0 a; }

    .catalogArticle .img .catalogImageHover:before { content: ' '; display: inline-block; vertical-align: middle; height: 100%; }

    .catalogArticle .img .catalogImageHover:hover { display: table-cell; z-index: 50; }

    .catalogArticle .img .catalogImageHover > .daImg { max-width: 100%; max-height: 216px; vertical-align: middle; display: inline; }

    .catalogArticle .img .catalogImageHover .info { height: 100px; width: 100%; position: absolute; top: 80px; right: 20px; left: 20px; color: #FFF; font-family: Avenir; 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 .img .catalogImageHover .actions { width: 100%; /* background-color: #000; */ position: absolute; top: 50%; left: 0px; color: #000; line-height: 40px; font-family: Avenir; font-size: 12px; transform: translateY(-50%); }

        .catalogArticle .img .catalogImageHover .actions .btnAddToCart1, .catalogArticle .img .catalogImageHover .actions .btnDelFromCart1 { width: 100%; color: #000; font-size: 1em; text-transform: uppercase; font-weight: 900; border: 1px solid black; background-color: #fff; min-width: 100px; line-height: 35px; display: inline-block; height: 35px; max-width: 200px; }

            .catalogArticle .img .catalogImageHover .actions .btnAddToCart1:hover, .catalogArticle .img .catalogImageHover .actions .btnDelFromCart1:hover { color: #DADADA; }

        .catalogArticle .img .catalogImageHover .actions .details { width: 100%; color: #000; font-size: 1em; text-transform: uppercase; font-weight: 300; border: 1px solid black; background-color: #fff; min-width: 100px; line-height: 35px; display: inline-block; height: 35px; max-width: 200px; }

            .catalogArticle .img .catalogImageHover .actions .details:hover { color: #bbb; }

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

.catalogArticle .colors { min-height: 65px; border-top: 1px solid black; padding-top: 5px; text-align: center; }

    .catalogArticle .colors a { width: 18px; height: 18px; display: inline-block; margin: 0px 10px 5px 0; }

/* Filters */
.filters { margin-top: 0px; padding: 0 10px 0px 0; font-family: Arial, Helvetica, sans-serif; }

    .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 h4 { font-weight: 500; border-bottom: 1px solid #eee; padding: 0 0 20px 0; }

    .filters table { width: 100%; }

    /*.filters table tr {
        }

        .filters table td {
        }*/

    .filters label { font-weight: 300; padding: 0 0 0 5px; width: 90%; }

    .filters span { padding: 0px 5px; display: block; }

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

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

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

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

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

.filter-color li, .filter-color span { float: left; width: 25px; height: 25px; margin-right: 5px; padding: 0; margin-bottom: 5px; }

.filter-color input[type=checkbox] { width: 100%; height: 100%; opacity: 0; cursor: pointer; }

.filter-color span.selected { border: 2px solid #000; }


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

    .side-menu ul > li > ul a { padding-left: 30px !important; text-transform: initial; font-family: Arial, Helvetica, sans-serif; }

.side-menu li { position: relative; }

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

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

.side-menu li.active > a { font-weight: bold; background-color: none; }

/*.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:#000 !important; }
.side-menu ul li.active a { line-height:initial; padding: 3px 5px; width:100%; color:#000 !important;  } 
.side-menu ul li:hover a { color:#000 !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:#000 !important; }
.side-menu ul li:hover > ul li a:hover {  color:#000 !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:#000 !important;}
.side-menu ul li.active ul li.active a { background-color:#FFF; color:#000 !important; font-weight:bold; }
.side-menu ul li.active ul li:last-child { border-bottom:0; }*/

/* LOGIN SEARCH USER */
.dataTables_filter, .dataTables_info { display: none; }
.login-overview #Customers { padding: 0; max-height: 200px; text-align: left; min-height: 0px; }
#Customers { display: none; }
table#customersTable { min-width: 100%; }
    table#customersTable tr { cursor: pointer; border-bottom: 1px solid #FFF; }
        table#customersTable tr:hover { background: #cbc8c3; color: #FFF; }
        table#customersTable tr td { padding: 0px 2px; }
            table#customersTable tr td:last-child { text-align: right; }

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

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

    .pagination a { padding: 5px 12px; color: #000; font-weight: 700; border: 1px solid #000; margin: 0 2px; }

        .pagination a:hover { color: #FFF; background-color: #888989; }

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

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

    .pagination span.active-page { color: #FFF; padding: 5px 12px; margin: 0 2px; font-weight: 700; border: 1px solid #000; background-color: #888989; }

/*.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 #000; 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 #000; }
.pagination span { border: 1px solid #000; color:#FFF; background-color:#888989; padding: 5px 12px; margin:0 2px; font-size:16px;}*/

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

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

div#order-list table { width: 100%; font-size: 12px; margin-bottom: 10px; }

div#order-list td 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 !important; margin: 0; padding: 0; border: 0; vertical-align: top; }

        div#order-list td table tr td INPUT[type=number], div#order-list td table tr td INPUT[type=text] { width: 50px; padding: 0 0 0 0px; margin: 3px 0 3px 0; text-align: right; }

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

    div#order-list td table td span { font-size: 0.9em; }

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

div#order-list th { text-align: left; font-size: 1.2em; line-height: 1.2em; color: #000; text-transform: uppercase; border-bottom: 1px solid #BABABA; padding: 10px 0; }

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

    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: left; }

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

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

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; vertical-align: middle; }

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

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

    div#order-list td.image { text-align: center; vertical-align: middle; display: table-cell; width: 10%; 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.article { width: 20%; height: 116px; text-align: left; }

        div#order-list td.article span { line-height: 24px; display: block; text-align: left; }

            div#order-list td.article span.name a, div#order-list td.article a span.name { display: inline-block; text-align: left; font-weight: 700; font-size: 10pt; color: #000; text-decoration: none; text-transform: uppercase; }

                div#order-list td.article span.name a:hover, div#order-list td.article a:hover span.name { text-decoration: underline; }

    /*div#order-list td.article span.color {
                }*/

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

    div#order-list td.total { width: 10%; font-size: 1.1em; }

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

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

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

div#order-list td.options a { float: none; display: block; width: auto; height: auto; text-transform: uppercase; color: #000; }

    div#order-list td.options a:hover { color: #000; }

.order-list { margin-top: 20px; }

    .order-list .actions { text-align: right; }

        .order-list .actions a { background-color: #000; border: 1px solid black; color: #FFF; text-decoration: none; font-family: Avenir; font-weight: 500; }

            .order-list .actions a:hover { background-color: #000; border: 1px solid black; color: #FFF; }

            .order-list .actions a.back { padding: 5px 10px; text-transform: uppercase; cursor: pointer; margin-right: 20px; text-transform: uppercase; border: none; background: none; color: #000; }

            .order-list .actions a.confirm { padding: 5px 10px; text-transform: uppercase; cursor: pointer; text-transform: uppercase; }

    .order-list .terms { font-weight: normal; }

/*.address {
}*/

.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 .actions { margin-top: 20px; }

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

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

    .address .delivery table tr td { text-align: left; font-size: 12px; 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; }

/* Brands*/
/*.brands {
}*/

.brands-wrapper { margin: 0 auto; width: 89%; margin-top: 150px; }

.brands ul li { float: left; width: 300px; text-align: center; padding: 0; position: relative; }

/*.brands .brandimage:nth-child(odd) {
}

.brands .brandimage:nth-child(even) {
}*/

.brands .brandimage { height: 250px; float: left; width: 250px; text-align: center; padding: 0; position: relative; }

.brands input[type="image"] { width: 240px; border: 0px solid #000; opacity: 1; }

    .brands input[type="image"]:hover { opacity: 1; }

.brands .brandimage a { display: none; }

.brands .brandimage:hover a { display: inline-block; padding: 10px 5px; border: 1px solid black; background: rgba(255,255,255, 0.6); border-radius: 10px; position: absolute; top: 100px; right: 20px; left: 20px; color: #FFF; z-index: 50; font-weight: 700; color: #000; text-transform: uppercase; }

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

.modal-title { color: #000; }

.modal .btn-close { float: right; font-weight: 700; color: #000; }

.modal .actions a { background-color: #000; border: 1px solid black; text-decoration: none; font-family: Avenir; font-weight: 500; padding: 5px 10px; color: #FFF; text-transform: uppercase; }

    .modal .actions a:hover { background-color: #000; border: 1px solid black; color: #FFF; }

    .modal .actions a.confirm { padding: 5px 10px; text-transform: uppercase; cursor: pointer; text-transform: uppercase; }

/* Search */
/*.catalog .search {
}*/

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

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

/* Customer */
.customers .actions a { background-color: #000; border: 1px solid white; color: #FFF; text-decoration: none; font-family: Avenir; font-weight: 500; }

/*.customers .actions a:hover {
    }*/

.customers .actions .new { padding: 5px 10px; text-transform: uppercase; cursor: pointer; text-transform: uppercase; }

.customers .actions .confirm { padding: 5px 10px; text-transform: uppercase; cursor: pointer; text-transform: uppercase; }

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

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

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

.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: 14px; color: #474747; display: none; }

    .customers .customer-form table tr td { text-align: left; font-size: 12px; font-weight: 300; color: #474747; 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 #form span.err { font-size: 20px; }

.customers .actions { margin-top: 20px; }

    .customers .actions .back { padding: 5px 10px; text-transform: uppercase; font-size: 0.9em; cursor: pointer; margin-right: 20px; text-transform: uppercase; }

    .customers .actions .confirm { padding: 5px 10px; text-transform: uppercase; font-size: 0.9em; cursor: pointer; text-transform: uppercase; }

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

    .order-history table tr th { text-align: left; color: #474747; text-transform: uppercase; border-bottom: 1px solid #BABABA; padding: 10px 5px; text-transform: uppercase; }

    .order-history table tr td { text-align: left; color: #474747; text-transform: uppercase; border-bottom: 1px solid #BABABA; padding: 10px 5px; }

#order-list .actions a { background-color: #000; border: 1px solid black; color: #FFF; text-decoration: none; font-family: Avenir; font-weight: 500; }

    #order-list .actions a:hover { background-color: #000; border: 1px solid black; color: #FFF; }

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

#order-list .actions .back { padding: 5px 10px; text-transform: uppercase; cursor: pointer; margin-right: 20px; text-transform: uppercase; }

.gridpager { text-align: center; margin: 0; border: 0; }

    .gridpager table { /*width: 300px;*/ border: 0; }

        .gridpager table tr td { border-bottom: 0; padding: 0; margin: 0; display: inline-block; }

    .gridpager td { border-bottom: 0 !important; }

    .gridpager a { border: 1px solid #000; padding: 5px 12px; margin: 0 2px; font-size: 16px; }

        .gridpager a:hover { color: #FFF; background-color: #888989; }

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

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

    .gridpager span { border: 1px solid #000; color: #FFF; background-color: #888989; padding: 5px 12px; margin: 0 2px; font-size: 16px; }


/* Contact */
.contact a.send { background-color: #000; border: 1px solid black; 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: #000; border: 1px solid black; color: #FFF; }

/* 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 */


/* 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: #000; margin: 0; padding: 0; float: none; margin: 0; border-bottom: 1px solid #000; 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*/
#ucCategoryOrderListUpdatePanel { display: inline-block; }

.orderlist-info { color: #FFF; font-weight: 700; display: inline-block !important; margin-bottom: -5px; }

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

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

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

.popover { width: 300px; text-transform: uppercase; font-family: Avenir; }

    .popover h3 { background-color: #000; text-align: center; color: #FFF; font-weight: 700; font-size: 12px; }

/*.popover.bottom {
    }*/

.popover-content { font-size: 12px; }
/*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: 700; font-size: 16px; text-transform: uppercase; display: block; }

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

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

        /*.pack-items li.pack-item .actions {
        }*/

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

        .pack-items li.pack-item .actions input[type="number"] { width: 75px; padding: 3px 10px; }

        .pack-items li.pack-item .actions a { background-color: #000; border: 1px solid black; color: #FFF; text-decoration: none; font-family: Avenir; font-weight: 500; padding: 5px 10px; text-transform: uppercase; cursor: pointer; text-transform: uppercase; }

            .pack-items li.pack-item .actions a:hover { background-color: #000; border: 1px solid black; color: #FFF; }

/*.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: #000; }

    .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-family: Avenir; font-weight: 700; font-size: 10pt; color: #000; 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 td.options a { float: none; display: block; width: auto; height: auto; text-transform: uppercase; color: #000; }

    .pack-details td.options a:hover { color: #000; }

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

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

.pack-details td table { font-size: 10pt; font-family: Avenir; 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], div#order-list td table tr td INPUT[type=text] { width: 50px; padding: 0 0 0 0px; margin: 3px 0 3px 0; text-align: right; }

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

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

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

.modal .btn-close { float: right; font-weight: 700; }

.modal .actions a { padding: 5px 10px; }

.nopadding { padding: 0 !important; margin: 0 !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-b-15 { margin-bottom: 15px; }
.m-b-20 { margin-bottom: 20px; }
.m-b-25 { margin-bottom: 25px; }
.m-b-30 { margin-bottom: 30px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p-r-0 { padding-right: 0px !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; }

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

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

.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; }

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

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

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

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

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

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

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

#catalog:before { height: 1px; margin: -5px 0 20px 0; background-color: #555; width: 100%; }

#catalog.home::before { background-color: #fff; margin: 0; }

#catalog h1 { text-transform: uppercase; font-weight: 700; font-size: 18px; margin: 20px 0 20px 0; }

header a.btn-retour { padding: 6px 0 !important; margin-bottom: 3px; height: 30px; line-height: 30px; font-size: 16px; }

.navbar-nav > li > a { text-transform: lowercase; }

.bold { font-weight: bold; }

/* Large Devices, Wide Screens */
@media only screen and (min-width : 768px) {
    .navbar-header { width: 100%; text-align: center; height: 40px; position: relative; min-height: 30px !important; }

        .navbar-header .navbar-brand { position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 30px; }

        .navbar-header .search-box { font-size: 12px; }

            .navbar-header .search-box input.form-control { width: 450px; font-size: 13px; height: 20px; max-width: 100%; }

    header { height: 120px; }

        header #bs-main-navbar .navbar-nav { display: table; float: none; vertical-align: top; padding: 20px; margin-left: auto; margin-right: auto; }

        header #bs-main-navbar .navbar .navbar-collapse { text-align: center; }

        header #bs-main-navbar .navbar-nav > li > a { padding: 15px 25px !important; }
}

@media only screen and (min-width : 992px) {
    header #bs-main-navbar .navbar-nav > li > a { padding: 15px 25px !important; }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .navbar-header .navbar-brand { top: 20px; }

    header #bs-main-navbar .navbar-nav > li > a { padding: 15px 20px !important; }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {

    #imgLogoInverse { padding-top: 10px !important; }

    .navbar-header { margin: -15px; }

        .navbar-header .navbar-brand { top: 0; margin: 0; height: 38px; position: absolute; left: 50%; transform: translateX(-50%); }

    header { background-color: #000; height: 40px; }

    .navbar-toggle { background-color: #000 !important; z-index: 99; position: absolute !important; margin: 0 !important; top: 3px; left: 5px; color: #fff !important; }

        .navbar-toggle .icon-bar { background-color: #fff !important; z-index: 99 !important; }

    .navbar-header { height: 40px; background-color: #000; }

    .navbar-toggle span { color: #fff !important; }

    .navbar-header .navbar-brand { height: 25px !important; }

    .navbar-header .btn-retour { position: absolute; right: 60px; top: 0px; color: #fff !important; padding: 0px 8px; font-size: 20px; width: 40px; height: 30px; line-height: 30px; }


    .navbar-header .btn-shopbag { position: absolute; right: 5px; top: 6px; color: #fff !important; padding: 0px 8px; font-size: 20px; width: 40px; height: 30px; line-height: 30px; }


    .mobile-search-box { width: 40px; height: 30px; position: absolute; top: 7px; left: 60px; }

        .mobile-search-box a { color: #fff !important; width: 30px; height: 30px; font-size: 20px; padding: 4px 8px; }

    #mobileSearchModal { z-index: 500; }

        #mobileSearchModal .modal-dialog { z-index: 1050; position: absolute; border-radius: 0; border: none; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; margin: 0; }

            #mobileSearchModal .modal-dialog .modal-content { border-radius: 0; }

        #mobileSearchModal input.form-control { max-width: 100%; width: 100%; }

    .modal-backdrop { position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 900 !important; }
}

@media only screen and (min-width : 480px) {
    #imgLogoMini { display: none; }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    header { position: fixed; top: 0; left: 0; right: 0; z-index: 999; }

    #contentbg { margin-top: 30px; z-index: 400 !important; background-color: #fff; }

    .home img { z-index: 10; }

    #imgLogoInverse { display: none !important; }

    .navbar-nav { background-color: #000; z-index: 999 !important; color: #fff !important; margin-top: 33px !important; }

        .navbar-nav a { color: #fff !important; }

    ul.navbar-nav li { border-top: 1px solid #fff !important; }

        ul.navbar-nav li:first-child { border-top: none !important; }

    /*#imgLogoMini {
    }*/
}

@media only screen and (min-width : 320px) {
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
}


.btn-action { background-color: #000; font-size: 14px; color: #fff; font-family: Avenir; font-weight: 900; letter-spacing: 0.2em; padding: 15px; text-transform: uppercase; }

    .btn-action:hover { background-color: #DADADA; color: #fff; }


#photos .thumbs .thumb .image-info { border: 1px solid #000; padding-left: 0 !important; padding-right: 0 !important; max-width: 150px; margin-left: auto; margin-right: auto; }

.image-info .imgThumb { max-height: 110px !important; margin-left: auto; margin-right: auto; }


/* Retour */

div.retour-options { text-align: center; }

    div.retour-options div.option-box { position: relative; height: 60px; }

        div.retour-options div.option-box a { background-color: #000; color: #fff; border: 2px solid #000; font-weight: 900; font-size: 20px; position: absolute; top: 50%; left: 0; right: 0; margin: 15px; height: 50px; line-height: 50px; }

            div.retour-options div.option-box a:hover,
            div.retour-options div.option-box a:focus { background-color: #fff; color: #000; }

.retour a.btn-action { padding: 10px 20px; color: #fff !important; position: relative; margin: 15px 0; }

.btn-search-article { background-color: #000; padding: 7px 20px; color: #fff !important; text-transform: uppercase; position: absolute; }

.modal .modal-footer { background-color: #fff; }

.modal { background-color: rgba(255,255,255,0.75); }

#login-new-customer .customers { background-color: #fff !important; }

#loader { height: 100%; width: 100%; position: fixed; background: rgba(255,255,255,0.8); top: 0; display: none; z-index: 100; left: 0; }
    #loader img { margin: 0 auto; top: 40%; position: relative; left: 50%; z-index: 100; }

#landing { position: relative; }
#landing .minionpro { font-family: minion-pro, serif !important; font-size: 24px; text-transform: uppercase; letter-spacing: 2px; }
#landing .title { font-family: minion-pro, serif !important; font-size: 24px; text-transform: uppercase; letter-spacing: 2px; border-top: 1px solid black; border-bottom: 1px solid black;padding: 7px 0 0px 0; }
#landing #logintext { position: absolute; text-align: right; font-weight: bold; font-size: 22px; text-decoration: underline; padding: 15px; top: -60px; right: 30px;}

.no-background { background: none !important; }

@media only screen and (max-width : 480px) {
    #landing { margin-top: 150px; padding: 15px; }
    #landing #logintext { position: absolute; text-align: right; font-weight: bold; font-size: 22px; text-decoration: underline; padding: 15px; top: -60px; right: 10px; }
    .login-overview { margin-top:125px; }
}