:root { --color-default: #6b6b6b; --color-primary: #6b6b6b; --color-background: #ededed; }

*, a { font-family: 'Open Sans'; color: var(--color-default); font-size: 15px }
    a:focus, a:hover { color: rgba(0,0,0,.6) }

/* override bootstrap */
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { line-height: 1; }

.form-control { border-radius: 0; font-size: 0.85rem }

.nav > li > a:focus, .nav > li > a:hover { background: transparent; }
.form-group { margin-bottom: 15px; }
.btn { transition: 500ms; text-transform: uppercase; box-shadow: none; border-radius: 0 }

.not-active { opacity: 0.5 }
    .not-active:hover { opacity: 1 }

input[type="number"] { -moz-appearance: textfield; }

.btn-primary { background-color: var(--color-primary); color: #fff; border: 1px solid transparent; transition: 250ms; /* Old browsers */ background: linear-gradient(to right, #fff 50%, var(--color-primary) 50%); background-size: 200% 100%; background-position: right bottom; border-radius: 0 }
    .btn-primary:not([disabled]):not(.disabled):active,
    .btn-primary:focus, .btn-primary.focus, .btn-primary:hover, .btn-primary:active:hover, .btn-primary.active:hover,
    .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active, .btn-primary.active:focus,
    .open > .dropdown-toggle.btn-primary:focus, .btn-primary.focus:active, .btn-primary.active.focus,
    .open > .dropdown-toggle.btn-primary.focus { border-color: var(--color-primary); background-color: #fff; color: var(--color-primary); background-position: left bottom; border-radius: 0 }
    .btn-primary * { color: #fff; cursor: pointer }
    .btn-primary:not([disabled]):not(.disabled):active *,
    .btn-primary:focus *, .btn-primary.focus *, .btn-primary:hover *, .btn-primary:active:hover *, .btn-primary.active:hover *,
    .open > .dropdown-toggle.btn-primary:hover *, .btn-primary:active:focus *, .btn-primary.active *, .btn-primary.active:focus *,
    .open > .dropdown-toggle.btn-primary:focus *, .btn-primary.focus:active *, .btn-primary.active.focus *,
    .open > .dropdown-toggle.btn-primary.focus * { color: var(--color-primary); }

.btn-default { background-color: #fff; color: var(--color-primary); border: 1px solid var(--color-primary); transition: 250ms; /* Old browsers */ background: linear-gradient(to right, var(--color-primary) 50%, #fff 50%); background-size: 200% 100%; background-position: right bottom; border-radius: 0 }
    .btn-default:not([disabled]):not(.disabled):active,
    .btn-default:focus, .btn-default.focus, .btn-default:hover, .btn-default:active:hover, .btn-default.active:hover,
    .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active, .btn-default.active:focus,
    .open > .dropdown-toggle.btn-default:focus, .btn-default.focus:active, .btn-default.active.focus,
    .open > .dropdown-toggle.btn-default.focus { background-color: var(--color-primary); color: #fff; border-color: #fff; background-position: left bottom; border-radius: 0 }

    .btn-default * { color: var(--color-primary); cursor: pointer }
    .btn-default:not([disabled]):not(.disabled):active *,
    .btn-default:focus *, .btn-default.focus *, .btn-default:hover *, .btn-default:active:hover *, .btn-default.active:hover *,
    .open > .dropdown-toggle.btn-default:hover *, .btn-default:active:focus *, .btn-default.active *, .btn-default.active:focus *,
    .open > .dropdown-toggle.btn-default:focus *, .btn-default.focus:active *, .btn-default.active.focus *,
    .open > .dropdown-toggle.btn-default.focus * { color: #fff; }

.btn-small { padding: 0.125rem 0.5rem; }

.navbar-light .navbar-nav .nav-link, .navbar-nav .nav-link { color: var(--color-primary); text-transform: uppercase }

address { word-wrap: break-word; }
input[type=checkbox], input[type=radio] { margin-right: 5px; }
/* end override bootstrap */

h1 { color: var(--color-primary) }


/* general */
.background-cover { width: 100%; height: 100%; background-origin: content-box; background: no-repeat center center; background-size: cover; }

.row.small-gutters { margin-right: -7.5px; margin-left: -7.5px; }
    .row.small-gutters .col, .row.small-gutters .col-1, .row.small-gutters .col-10, .row.small-gutters .col-11, .row.small-gutters .col-12, .row.small-gutters .col-2, .row.small-gutters .col-3,
    .row.small-gutters .col-4, .row.small-gutters .col-5, .row.small-gutters .col-6, .row.small-gutters .col-7, .row.small-gutters .col-8, .row.small-gutters .col-9, .row.small-gutters .col-auto,
    .row.small-gutters .col-lg, .row.small-gutters .col-lg-1, .row.small-gutters .col-lg-10, .row.small-gutters .col-lg-11, .row.small-gutters .col-lg-12, .row.small-gutters .col-lg-2,
    .row.small-gutters .col-lg-3, .row.small-gutters .col-lg-4, .row.small-gutters .col-lg-5, .row.small-gutters .col-lg-6, .row.small-gutters .col-lg-7, .row.small-gutters .col-lg-8,
    .row.small-gutters .col-lg-9, .row.small-gutters .col-lg-auto, .row.small-gutters .col-md, .row.small-gutters .col-md-1, .row.small-gutters .col-md-10, .row.small-gutters .col-md-11,
    .row.small-gutters .col-md-12, .row.small-gutters .col-md-2, .row.small-gutters .col-md-3, .row.small-gutters .col-md-4, .row.small-gutters .col-md-5, .row.small-gutters .col-md-6,
    .row.small-gutters .col-md-7, .row.small-gutters .col-md-8, .row.small-gutters .col-md-9, .row.small-gutters .col-md-auto, .row.small-gutters .col-sm, .row.small-gutters .col-sm-1,
    .row.small-gutters .col-sm-10, .row.small-gutters .col-sm-11, .row.small-gutters .col-sm-12, .row.small-gutters .col-sm-2, .row.small-gutters .col-sm-3, .row.small-gutters .col-sm-4,
    .row.small-gutters .col-sm-5, .row.small-gutters .col-sm-6, .row.small-gutters .col-sm-7, .row.small-gutters .col-sm-8, .row.small-gutters .col-sm-9, .row.small-gutters .col-sm-auto,
    .row.small-gutters .col-xl, .row.small-gutters .col-xl-1, .row.small-gutters .col-xl-10, .row.small-gutters .col-xl-11, .row.small-gutters .col-xl-12, .row.small-gutters .col-xl-2,
    .row.small-gutters .col-xl-3, .row.small-gutters .col-xl-4, .row.small-gutters .col-xl-5, .row.small-gutters .col-xl-6, .row.small-gutters .col-xl-7, .row.small-gutters .col-xl-8,
    .row.small-gutters .col-xl-9, .row.small-gutters .col-xl-auto { padding-right: 7.5px; padding-left: 7.5px; }

.login .login-form .form-group label { display: flex; align-items: center; }

h1.title { text-align: center; margin: 25px }
h2.title { text-align: center; margin: 50px 0 25px 0 }
    h2.title + .catalogue { margin-top: -25px }

.search-parent { display: flex; align-items: baseline; position: relative }
    .search-parent .search-input { flex: 0 1 auto; }
    .search-parent .search-btn { position: absolute; right: 0; top: 0; bottom: 0; display: flex; align-items: center; border-left: 1px solid var(--color-default); padding: 0 10px; background-color: #fff; margin: 1px; }
/* end general */


.dataTables_filter, .dataTables_info { display: none; }
table#contactsTable { min-width: 100%; }
    table#contactsTable tr { cursor: pointer; border-bottom: 1px solid var(--color-default); }
        table#contactsTable tr:hover, table#contactsTable tr.active { background: var(--color-primary); color: #FFF; }
            table#contactsTable tr:hover *, table#contactsTable tr.active * { color: #FFF; }
        table#contactsTable tr td { padding: 5px 5px; }
            table#contactsTable tr td:last-child { text-align: right; border-right: 0 }


.contactDeliveryAddress-checkbox input[type='checkbox'] + label { line-height: 72px; }

/*#region numericUpDown*/
.buttons-inside .desktop { display: none; }
.numericUpDown .btnUp, .numericUpDown .btnDown { color: #898788; float: left; line-height: 26px; border: 1px solid #DADADA; text-align: center; width: 35px; height: 26px; float: left; }
.buttons-inside .btnUp { border-left-width: 0; }
.buttons-inside .btnDown { border-right-width: 0; }
    .buttons-inside .btnUp:focus, .buttons-inside .btnUp:hover, .buttons-inside .btnUp:active,
    .buttons-inside .btnDown:focus, .buttons-inside .btnDown:hover, .buttons-inside .btnDown:active { text-decoration: none; }

.numericUpDown { float: left; }
    .numericUpDown .desktop { display: none; }
    .numericUpDown input { text-align: center; float: left; }

/*lg and not touch*/
/*Disable the 'inside'-buttons*/
/*@media (hover: hover) and (min-width: 992px) {
    .buttons-inside .desktop { display: block; }
    .buttons-inside .mobile { display: none; }

    .buttons-inside { position: relative; float: left; }
        .buttons-inside .btnUp, .buttons-inside .btnDown { position: absolute; right: 5px; height: 15px; padding: 0; border: 0; width: 15px; line-height: initial; }
        .buttons-inside .btnUp { top: 5px; }
        .buttons-inside .btnDown { bottom: 5px; }
        .buttons-inside input { padding-right: 25px; }
}*/

#article-detail .numericUpDown .mobile { height: 36px; line-height: 36px; }
.article-detail .numericUpDown input { width: 70px; }
/*#endregion*/


/*#region owl-carousel*/
.owl-carousel .product_box { margin-bottom: 0; }
.owl-carousel .owl-controls { position: absolute; top: 37%; width: 100%; font-size: 2em; }
    .owl-carousel .owl-controls i.fa { color: #a1a1a1; font-size: 2rem; }
.owl-prev { position: absolute; left: -15px; }
.owl-next { position: absolute; right: -15px; }
.owl-carousel.owl-loaded { margin-left: 0; }
.owl-carousel-related .owl-item img { width: initial !important; }
/*#endregion*/


/* header */
header { margin: 15px 0; }

.navbar-brand { width: 200px; display: flex; }
    .navbar-brand .logo { max-height: 45px; margin: auto; }

header .navbar-expand-lg .navbar-nav { align-items: center; }
.navbar-expand-lg .navbar-nav li { align-items: center; display: flex }

.search-slide { width: 0; transition: width 250ms; overflow: hidden; float: left }
    .search-slide.active { width: 250px }

.search a:hover * { color: rgba(0,0,0,.6) }
/* end header */

/*breadcrumbs*/
.container-fluid.breadcrumb { background: var(--color-background); padding: 15px 10px; margin-bottom: 30px }
.breadcrumb { font-style: italic; background: transparent; color: var(--color-default); font-size: 0.9em; padding: 0; border-radius: 0; margin-bottom: 0; justify-content: center; }
    .breadcrumb a { color: var(--color-default); }
    .breadcrumb span { padding-right: 5px; }
/*end breadcrumbs*/

/* pagination */
.pagination { margin: 15px 0; min-height: 35px; justify-content: center; }
    .pagination:empty { display: none; }
    .pagination span, .pagination a { padding: 5px 15px 5px 15px; border: 1px solid var(--color-background); margin-right: -1px; }
        .pagination span, .pagination a:hover, .pagination a:focus { background-color: var(--color-background); text-decoration: none; }
/* end pagination */

.slideshow-home { margin-bottom: 30px; }

/*group*/
.overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; /*background-color: rgba(255, 255,255,0.5);*/ opacity: 0; transition: 250ms ease-in; display: flex; align-items: center; z-index: 998; }
    .overlay > * { margin: auto; }

.product_box .overlay { top: initial; bottom: 15px; }

.group .group-item:hover .overlay,
.product-item:hover .overlay { opacity: 1; color: var(--color-default) }


.group .overlay { opacity: 1 }
    .group .overlay .group-name { left: 0; right: 0; top: 0; position: absolute; border: 0; background: #fff; color: var(--color-default) }

.group .group-item .background-cover { transition: background-size 100ms ease-in; background-size: 100%; }

.group .group-item { height: 300px }
.group .group-item { float: left; position: relative; }
    .group .group-item a { position: relative; float: left; }
    .group .group-item .group-name { text-transform: uppercase; }
/*end group*/


.slider-selection, .slider-track-low, .slider-track-high { background-color: var(--color-primary); background-image: initial; }
.slider-track-low, .slider-track-high { background-color: #f1f1f1; }
.slider.slider-horizontal { margin-top: 15px; }
    .slider.slider-horizontal .slider-track { height: 2px; }
    .slider.slider-horizontal .slider-handle { margin-top: 1px; background-color: var(--color-primary); background-image: initial; width: 10px; height: 10px }

.slider-input { display: none }
.slider .tooltip.top { position: absolute; bottom: -25px; }
.slider .tooltip.tooltip-min.top { opacity: 1; display: block !important }
.slider .tooltip.tooltip-max.top { opacity: 1; display: block !important }
.slider .tooltip-inner:before { content: '\20AC'; }
.slider .tooltip-inner { background-color: transparent; color: var(--color-default); }

/*.slider .tooltip-main.top { display: none; }*/
.slider:hover .tooltip-main.top { display: block; }
.tooltip-main .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }
.tooltip-main .tooltip-arrow { bottom: -5px; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; }
.tooltip-main .tooltip-inner { max-width: 200px; padding: 3px 8px; color: var(--color-background); text-align: center; text-decoration: none; background-color: #000; border-radius: 4px; top: -25px; left: 36%; }
/* end price slider*/


/* price */
.price { font-weight: initial; font-size: 1em; color: var(--color-primary); font-weight: initial; float: left }
    .price + div { float: left; }
    .price .strike { font-size: 0.8rem; margin-right: 5px; text-decoration: line-through; color: var(--color-default); }
/* end price */


/* catalogue */
.filter-title i { transition-duration: 500ms; margin-top: 4px; }
.filter-title.collapsed i { transform: rotate(180deg); }

.filters { margin-top: 54px; padding-right: 15px; }
    .filters .filter { margin-bottom: 30px; }
        .filters .filter label, .filters .filter .filter-title { font-weight: 700; color: var(--color-primary); margin-bottom: 15px }
        .filters .filter div > ul { list-style: none; padding-left: 0; margin-bottom: 0; }
        .filters .filter ul { list-style: none; }
            .filters .filter ul ul { padding-left: 15px; }

.filter ul li > a { color: var(--color-default) }
.filter ul li.active > a { font-weight: 700; color: var(--color-primary) }

.filters .filter #bs-filter-color-collapse label { font-weight: 500; margin-bottom: 5px }

.catalogue .title h1 { float: left; margin-bottom: 0 }
.catalogue .title .pagination { float: right; margin: 0 }

.catalogue-view { position: relative }
.catalogue-layout-controls { position: absolute; top: 0; right: 0; line-height: 35px; }
    .catalogue-layout-controls a { margin-left: 10px; opacity: 0.5 }
        .catalogue-layout-controls a.active { color: #f1f1f1; opacity: 1 }
        .catalogue-layout-controls a:hover { text-decoration: none; opacity: 1; }

.grid-view .list-view { display: none; }
.list-view .grid-view { display: none; }

.grid-view .product_box .image-action { position: relative }
.grid-view .product_box .price, .grid-view .product_box .extra-price { text-align:center; color: var(--color-default); }

.grid-view .product_box .status { position: absolute; top: 0; left: 0; padding: 0 10px; z-index: 1; }
    .grid-view .product_box .status span { color: #fff; text-transform: uppercase; font-weight: 700; font-size: 0.8rem }
.grid-view .product_box .new { background: var(--color-default); left: initial; right: 0; border-radius: 50%; width: 45px; height: 45px; line-height: 45px; padding: 0; text-align: center; }
    .grid-view .product_box .new span { font-size: 1rem }
.grid-view .product_box .hot { background: #f00; }
.grid-view .product_box .preview { border-radius: 0; background: #fff; right: 0; left: 0; padding: 5px; }
    .grid-view .product_box .preview span { font-size: 1rem; color: var(--color-primary) }
.grid-view .product_box .sale { background: #f00; }


.grid-view.product-item { /*border-radius: 50px;*/ overflow: hidden; padding: 0; }
.grid-view { margin-left: -1px; margin-top: -1px }
    .grid-view .product_box { height: 100%; display: flex; flex-direction: column; /*border: 1px dotted var(--color-default)*/; padding: 25px; }
        .grid-view .product_box a:hover { text-decoration: none; }
        .grid-view .product_box .data_box { flex: 1; padding: 0; overflow: hidden; text-align: center; align-items: center; display: flex; }
            .grid-view .product_box .data_box h2 { text-transform: initial; overflow: hidden; font-weight: initial; font-size: 0.9rem; margin: 0 auto; height: 4rem; }
        .grid-view .product_box figure { height: 180px; position: relative; }
            .grid-view .product_box figure img { max-height: 100%; width: auto !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto }

        .grid-view .product_box .actions .btn { margin: 0 auto; }
            .grid-view .product_box .actions .btn:hover * { color: #fff }

        .grid-view .product_box:hover { cursor: pointer }
            .grid-view .product_box:hover .actions { opacity: 1; }

    .grid-view.product-item.item .product_box { border-bottom: 0; }

.list-view.product-item { height: initial !important; }
.list-view .product_box { border-bottom: 1px solid var(--color-background); padding: 20px 0; margin: 0; }
    .list-view .product_box h2 { font-weight: initial; text-transform: initial; }
    .list-view .product_box figure { margin-bottom: 0; text-align: center }
        .list-view .product_box figure img { max-height: 130px }
    .list-view .product_box .actions { text-align: center; margin-top: 15px }

        .list-view .product_box .actions .btn { background-color: #f1f1f1 }

.list-view .description-short * { font-style: italic; font-size: 0.9rem }
/* end catalogue */

/* shoppingcart */
.shopping-cart-messages { position: fixed; top: 0; padding: 0; z-index: 999; }
    .shopping-cart-messages .shopping-cart-message { border-radius: 0; }
        .shopping-cart-messages .shopping-cart-message .message { display: flex; align-items: center; justify-content: space-between; }

header .shopping-cart-messages { position: relative; z-index: 0 }
    header .shopping-cart-messages .message-dummy { opacity: 0; visibility: hidden }

.shopping-cart .options .form-control-inline { float: left; width: 45px; height: 23px; }
/* end shoppingcart */

/* article detail */
#article-detail h1 { text-align: left; font-size: 1.3em; }

#article-detail .description-short > * { margin-bottom: 20px }
#article-detail .price { font-size: 1.5em; }
    #article-detail .price + div { margin-left: 15px; }

#article-detail h3 { font-size: 18px; }

#article-detail .owl-carousel .owl-item:last-child { margin-right: 0 !important; }
#article-detail .product-img { justify-content: center; display: flex; }

#article-detail .description-controls { border-bottom: 1px solid var(--color-background); margin-bottom: 20px }
    #article-detail .description-controls .btn-light { margin-bottom: -1px }
#article-detail .btn-light { border-width: 0; border-bottom-width: 1px }
    #article-detail .btn-light:not(.collapsed) { border-color: transparent; border-bottom-color: #f1f1f1; color: var(--color-default); background-color: transparent; box-shadow: none }

#article-detail .extra-info { list-style: none; padding-left: 0; margin: 0 }
    #article-detail .extra-info li { color: var(--color-default) }

#article-detail #article-detail-tabs-description { margin-bottom: 1rem; }

#article-detail h1 span { color: var(--color-default); padding-left: 5px }

.numericUpDown { position: relative; float: left; margin-right: 15px; }
    .numericUpDown .numericUpDown_input { width: 40px; display: inline-block; text-align: center; margin: 0; padding: 0; }
    .numericUpDown .numericUpDown_button { padding: 5px 12px 5px 12px; border: 1px solid var(--color-background); color: var(--color-default); text-decoration: none; line-height: 1.4em; }


.color-preview { display: inline-block; border: 1px solid #000; width: 15px; height: 15px; }
#article-detail .colors { margin-top: 15px }
    #article-detail .colors .color { padding: 10px 15px; text-align: center; border: 1px solid transparent; width: 100px; float: left; margin-right: 5px }
        #article-detail .colors .color:hover, #article-detail .colors .color.active { border-color: var(--color-primary) }
        #article-detail .colors .color figure { width: 100%; overflow: hidden; height: 50px; margin: 0 }


#article-detail .configurator .fabric-color { width: 75px; height: 75px; margin-right: 5px; }

.fabrics .fabric { margin: 10px 0; }
    .fabrics .fabric input { display: none; }
        .fabrics .fabric input + label { margin-bottom: 0; display: flex; align-items: flex-end; cursor: pointer; height: 75px; overflow: hidden; text-transform: uppercase }
        .fabrics .fabric input:checked + label { background: var(--color-default); color: #fff }
        .fabrics .fabric input + label figure { margin: 0 }


.feet .foot { margin: 10px 0; }
    .feet .foot input { display: none; }
        .feet .foot input + label { margin-bottom: 0; }
            .feet .foot input + label:before { content: "\f096"; font-family: FontAwesome; padding-right: 5px }
        .feet .foot input:checked + label:before { content: "\f046"; }
        .feet .foot input:checked + label:before { content: "\f046"; }
/* end article detail */

/* read more */
.read-more { position: relative; overflow: hidden; }
a.read-more-link { cursor: pointer; position: absolute; bottom: 0; height: 41px; width: 100%; left: 0; background-color: #fff; padding-right: 0; margin-bottom: 0 }
    a.read-more-link span { color: var(--color-default); text-transform: initial; text-decoration: underline; float: right; }
/* end read more */

/* stock */
.stock { margin-right: 2px; font-size: 0.8em; }
.unknown-stock { color: #BABABA; }
.low-stock { color: #f00; }
.mid-stock { color: #f60; }
.high-stock { color: #4eb93d; }
.order-stock { color: #f6da01; }
/* end stock*/

/* faq */
.panel-group .panel { border-radius: 0; border-bottom: 1px solid var(--color-default); padding: 20px 0; }
.panel-default > .panel-heading { background-color: #fff; border-radius: 0; }
    .panel-default > .panel-heading a, .panel-default > .panel-heading a:focus { color: #f1f1f1; width: 100%; display: inline-block; }

.panel-group .col-12:first-child .panel { border-top: 1px solid var(--color-default); }
.panel-title.title1 { margin-bottom: 0; line-height: 1rem; }
.panel .accordion-toggle .indicator { transform: rotate(180deg); transition-duration: 500ms; }
.panel .accordion-toggle.collapsed .indicator { transform: rotate(0deg); }

.panel-body { margin-top: 15px; }
    .panel-body p:last-child { margin-bottom: 0; }
/* end faq */

/* history document menu */
.dropdown-menu { padding: 0; border-radius: 0 }
    .dropdown-menu li { border-bottom: 1px solid var(--color-background); }
        .dropdown-menu li a { padding: 10px; width: 100%; display: block }
        .dropdown-menu li:hover a { color: var(--color-primary); background-color: var(--color-background); text-decoration: none }
/* end history document menu*/

.documents-overview .table td { border: 0 }
.documents-overview .table tr { display: flex; align-items: center; border-top: 1px solid #dee2e6; }
    .documents-overview .table tr:first-child { border-top: 0 }

/* progress bar */
.progress { border: 1px solid #BABABA; background-color: transparent; border-left: 0; border-right: 0; border-radius: 0; height: 60px; text-transform: uppercase; font-weight: 700; box-shadow: none; -webkit-box-shadow: none; }
.progress-bar, .progress-bar a { background-color: transparent; color: var(--color-default); box-shadow: none; }
.progress-bar-info, .progress-bar-info a { background-color: var(--color-background); color: var(--color-primary); box-shadow: none; -webkit-box-shadow: none; }
/* end progress bar */

/* choose address */
.choose-address { margin: 20px 0; padding: 0; float: left }
    .choose-address li { float: left; border: 1px solid var(--color-default); margin: 0 15px; list-style: none; transition: 500ms; }
        .choose-address li:first-child { margin-left: 0; }
        .choose-address li.active, .choose-address li:hover { background-color: #f1f1f1; border-color: #f1f1f1; }
        .choose-address li label { padding: 15px; height: 138px; display: table-cell; vertical-align: middle; min-width: 160px; cursor: pointer; }
        .choose-address li input { display: none; }
/* end choose address */

/* my account menu */
.my-account-menu { flex-direction: row }
    .my-account-menu li a.active, .my-account-menu li a:hover { color: var(--color-primary); background-color: var(--color-background); text-decoration: none }

.ajax__calendar_container * { font-size: 11px !important; }
/* end my account menu*/

/* footer */
footer { border-top: 1px solid grey; padding: 15px 0; margin-top: 25px; }
    footer p, footer p span { color: var(--color-default) !important; }
    footer .logo { max-width: 100px; }
    footer .social-media h4 { margin-top: 20px; }
    footer .social-media ul { display: flex; flex-direction: row; }
    footer .social-media a { font-size: 1.3em; float: left; padding: 0 10px 0 0; }
        footer .social-media a i:hover { color: #f1f1f1; }
    footer h4 { text-transform: uppercase; font-size: 1em; font-weight: 700; }
/* end footer */


@-webkit-keyframes changed {
    0% { background-color: #BABABA; }
    100% { background-color: initial; }
}

.changed { -webkit-animation-name: changed; -webkit-animation-duration: 900ms; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease-in-out; }

@-webkit-keyframes rotating /* Safari and Chrome */ {
    from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes rotating {
    from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}

.rotating, .loading i { display: inline-block !important; -webkit-animation: rotating 2s linear infinite; -moz-animation: rotating 2s linear infinite; -ms-animation: rotating 2s linear infinite; -o-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite; }

    /*.loading::before { content: '\f1ce'; animation: rotation 2s infinite linear; transform: rotate(34deg); }*/
    .loading i::before { content: '\f1ce'; }




@media (max-width: 767px) {
    .navbar-expand-lg .navbar-nav li { margin: 5px 0; }

    .group .group-item { height: 116px }
}

@media (max-width: 992px) {
    .filters { margin-top: 15px; }
        .filters .filter { margin-bottom: 15px; }
            .filters .filter .filter-title { margin-bottom: 0; }
                .filters .filter .filter-title.w-100 { border: 1px solid var(--color-background); padding: 5px 10px; }
    .navbar-expand-lg .navbar-nav li { margin: 5px 0; }

    .group .group-item { height: 170px }
}

@media (min-width: 993px) {
    .filter-title i { display: none }
    #bs-filter-groups-collapse { display: block; }
    #bs-filter-colors-collapse { display: block; }
}


.extra-price-detail { margin-bottom: 10px; }
.is-vat { font-size: 12px; }