@charset "UTF-8";

button{outline: none!important}

body{overflow-x:  hidden; background-color: #EDEDED}
iframe{display: block; width: 100%}

.social-media-links{margin: -5px}
.social-media-links > li{padding: 5px}

img{max-width: 100%; height: auto; max-height: 100%; width: auto}

.d-fill{
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.searchbox{position: relative}
.searchbox input[type="search"]{
    display: block;
    border: none;
    outline: none;
    width: 100%;
    background-color: #fff;
    font-size: 0.875rem;
    line-height: 1.125rem;
    padding: 1rem 4.125rem 1rem 1.25rem;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.05);
    box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.05);
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}
.searchbox button[type="submit"]{
    background-color: #A91F2E;
    border: none;
    outline: none;
    padding: 0;
    border-radius: 50%;
    width: 2.25rem;
    height: 2.25rem;
    position: absolute;
    top: 50%;
    right: 0.625rem;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
.searchbox input[type="search"]:focus{
    -webkit-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.25);
    box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.25)
}
.searchbox button[type="submit"]:hover{background-color: #323232}


#header-search{width: 370px}

.breadcrumbs > li:not(:last-child):after{content: '›'; margin-left: 10px; margin-right: 10px}
.breadcrumbs a:not(:hover){color: inherit}
.breadcrumbs + *{margin-top: 10px}

.filter-tags{margin: -5px}
.filter-tags > *{padding: 5px}
.filter-tags button{border: none; padding: 0; background: none; outline: none}

.reset,
.remove{color: #A91F2E; text-decoration: underline; font-size: 12px; line-height: 1em}

.filter-tags .ul-label{line-height: 1em; position: relative; top: 1px}
.filter-tags .tag{
    position: relative;
    font-size: 12px;
    line-height: 14px;
    border: 1px solid #DFDFDF;
    background-color: #fff;
    padding: 1px 7px 1px 18px;
    border-radius: 9px;
}
.filter-tags .tag:hover{border-color: #A91F2E}
.filter-tags .tag > svg{
    position: absolute;
    top: 50%;
    left: 6px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

/* =============================================================================
   header
   ========================================================================== */
#header a{text-decoration: none}
#header a:not(:hover){color: #393939}
#header a:hover{color: #1990E5}

#header-top{padding-top: 21px; line-height: 1rem}
#header-top .social-media-links{margin: -8px -4px -4px}
#header-top .social-media-links > *{padding: 4px}
#header-top + *{border-top: 1px solid #C9C9C9; margin-top: 19px; padding-top: 25px}

#header-top > .row > .col-auto:not(.col-lg){padding-left: 0; padding-right: 0}

#top-menu ul li.menu-regions-link {
    position: relative;
}

#top-menu ul.menu-regions-link-submenu {
    background: #ffffff;
    border: 1px solid #c9c9c9;
    display: none;
    list-style-type: none;
    padding: 0;
    position: absolute;
    width: 150px;
    z-index: 10;
}

ul.menu-regions-link-submenu li {
    padding: 5px;
}

@media (min-width: 992px){
    #top-menu > select{display: none!important}
}
@media (min-width: 1024px){
    #header-top .d-flex p + .social-media-links{margin-left: 36px}
}
@media (max-width: 1023px){
    #header-top .d-flex p + .social-media-links{margin-left: 11px}
}
@media (max-width: 991px){
    #top-menu > ul{display: none!important}
    #top-menu > select{
        display: block;
        width: 100%;
        padding: 0.3125rem 0.25rem;
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.25rem;
        color: #393939;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #E8E8E8;
        border-radius: 5px;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
        -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
        box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
        outline: none!important;
    }
}

#header-top .col-auto ul.list-unstyled.d-flex{margin: -5px -10px}
#header-top .col-auto ul.list-unstyled.d-flex > li{padding: 5px 10px}

#header .col-actions > ul{margin: -5px -18px}
#header .col-actions > ul > li{padding: 5px 18px}
#header .col-actions > ul > li > a{line-height: 19px; color: #555}
#header .col-actions > ul > li > a > .d-flex{margin-bottom: 6px}
#header .col-actions > ul > li > a:hover{color: #1990E5}

#header-top .dropdown > .dropdown-toggle{padding: 0; border: none; outline: none; background: none}
#header-top .dropdown > .dropdown-toggle:after{display: none!important}

#header-top .dropdown > .dropdown-menu{
    padding: 13px 0;
    border: 1px solid #E8E8E8;
    -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
    margin-top: -25px;
    margin-right: -1px;
    font-size: 0.875rem;
}
#header-top .dropdown-header{
    color: #393939;
    padding-top: 0;
    padding-bottom: 0;
    font-size: inherit;
    line-height: 1.25rem;
    margin-bottom: 4px
}
#header-top .dropdown-header,
#header-top .dropdown-item{padding-left: 17px; padding-right: 17px}
#header-top .dropdown-item{color: #989898!important}
#header-top .dropdown-item:active{color: #fff!important}

/* =============================================================================
   primary menu
   ========================================================================== */
#primary-menu a{color: inherit; text-decoration: none!important}
#primary-menu a:hover,
#primary-menu .current-item > a,
#primary-menu .current-parent > a,
#primary-menu .current-ancestor > a{color: #1990E5}

#primary-menu > ul > li > a{
    display: block;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.125rem;
    line-height: 1.25rem
}

.mobile-nav-wrapper {
    height: 60px;
    width: 100%;
}
.mobile-nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    z-index: 100;
    top:0;
    left:0;
    height: 60px;
    width: 100%;
    background-color: #ffffff;
    border-bottom: 1px solid #C9C9C9;
}

.mobile-nav-banner {
    background-image: url("../images/banner-product-groups.png");
    background-size: 300px;
    background-repeat: no-repeat;
    background-position: center;
    height: 80px;
    width: 300px;
}

#menu-toggle{
    position: relative;
    transition:.8s ease;
    height:50px;
    width:50px;
    border:2px solid #A91F2E;
    border-radius:50%;
    background:#A91F2E;
    margin-right: 20px;
}
#menu-toggle .menui{
    display:block;
    position:absolute;
    width:26px;
    top:50%;
    left:50%;
    margin:-1px 0 0 -13px;
    height:2px;
    background:#fff;
    transition:all .35s ease-in-out;
    border-radius:1px
}
#menu-toggle:not(.toggled) .menui.top-menu{
    margin-top:-6px
}
#menu-toggle:not(.toggled) .menui.bot-menu{
    margin-top:4px
}
#menu-toggle.toggled .menui.top-menu{
    top:23px;
    transform:rotate(45deg)
}
#menu-toggle.toggled .menui.mid-menu{
    opacity:0
}
#menu-toggle.toggled .menui.bot-menu{
    top:23px;
    transform:rotate(-225deg)
}

@media (min-width: 1200px){
    #menu-toggle{display: none!important}

    #primary-menu{
        margin-top: 25px;
        padding: 30px 15px;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    #primary-menu > ul{
        margin: -15px;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    #primary-menu > ul > li{padding: 15px; max-width: 140px}
    .mobile-nav-wrapper, .mobile-nav {
        display:none;
    }
}
@media (max-width: 1199px){
    #header{margin-bottom: 15px}

    body.toggled{overflow: hidden}

    #menu-toggle{display:block!important}

    #primary-menu{
        z-index: 50;
        position: fixed;
        padding-top: 70px;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -ms-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out
    }
    #primary-menu:not(.toggled){left: -100%}
    #primary-menu.toggled{left: 0}
    #primary-menu > ul{
        padding: 15px;
        height: 100%;
        position: relative;
        overflow-x: hidden;
        overflow-y: auto
    }
    #primary-menu > ul > li + li{margin-top: 1rem}

    #footer{padding-bottom: 30px}
}
@media (min-width: 992px){
    #header .col-search{padding-left: 0; padding-right: 0}
}
@media (max-width: 991px){
    #header-top + *{margin-top: 14px; padding-top: 15px}

    #header .col-search{padding-top: 15px}
    #header-search{width: 100%}

    #header .col-actions > ul{margin: -5px -10px}
    #header .col-actions > ul > li{padding: 5px 10px}
}
@media (max-width: 767px){
    #header-top{padding-top: .5rem}

    #header-top > .row > .col.d-flex{
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    #header-top > .row > .col.d-flex + .col-auto{
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    #header-top > .row > .col.d-flex > .d-flex{
        -ms-flex-direction: column!important;
        flex-direction: column!important;
    }
    #header-top > .row > .col.d-flex > .d-flex > *{width: 100%}
    #header-top .d-flex p + .social-media-links{margin-left: -8px; margin-top: 4px}
}

/* =============================================================================
   entry body
   ========================================================================== */
.body-component + .body-component{margin-top: 40px}
.body-component > .c-header + *{margin-top: 15px}
.body-component > .c-header.inc-marg + *{margin-top: 30px}

.cb-banners{overflow: hidden}
.cb-banners > .d-flex{margin: -15px}
.cb-banners > .d-flex > *{padding: 15px; flex: 0 0 auto\0}
.cb-banners.per-row-2 > .d-flex > *{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}
.cb-banners.per-row-3 > .d-flex > *{
    -ms-flex: 0 0 33.33334%;
    flex: 0 0 33.33334%;
    max-width: 33.33334%
}
.cb-banners.per-row-4 > .d-flex > *{
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}
.cb-banners.per-row-5 > .d-flex > *{
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

@media (max-width: 767px){
    .cb-banners > .d-flex > *{text-align: center}
    .cb-banners.per-row-2 > .d-flex > *,
    .cb-banners.per-row-3 > .d-flex > *,
    .cb-banners.per-row-4 > .d-flex > *{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .cb-banners.per-row-5 > .d-flex > *{
        -ms-flex: 0 0 33.3334%;
        flex: 0 0 33.3334%;
        max-width: 33.3334%
    }
}
@media (max-width: 587px){
    .cb-banners.per-row-5 > .d-flex > *{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}
@media (max-width: 380px){
    .cb-banners.per-row-2 > .d-flex > *,
    .cb-banners.per-row-3 > .d-flex > *,
    .cb-banners.per-row-4 > .d-flex > *,
    .cb-banners.per-row-5 > .d-flex > *{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.swiper-wrapper {
    padding-bottom: 20px;
}
.d-slider-content{position: relative; padding-left: 40px; padding-right: 40px}
.d-slider-content > .swiper-button-prev, .d-slider-content > .swiper-button-next{width: 40px; height: 100%}
.d-slider-content > .swiper-button-prev{border-right: 1px solid #DFE3E6}
.d-slider-content > .swiper-button-next{border-left: 1px solid #DFE3E6}

.d-slider-content .swiper-slide{width: 11.12%; border-right: 1px solid #DFE3E6}
.d-slider-banner + .d-slider-content .swiper-slide{width: 14.3%}

.d-slider-banner{width: 21%}
.d-slider-banner + .d-slider-content{width: 79%}

@media (max-width: 1560px){
    .d-slider-content .swiper-slide{width: 12.511%}
    .d-slider-banner + .d-slider-content .swiper-slide{width: 16.68%}
}
@media (max-width: 1340px){
    .d-slider-content .swiper-slide{width: 14.293%}
    .d-slider-banner + .d-slider-content .swiper-slide{width: 20.1%}
}
@media (max-width: 1199px){
    .d-slider-banner{text-align: center}
    .d-slider-banner,
    .d-slider-banner + .d-slider-content{width: 100%}
    .d-slider-content .swiper-slide,
    .d-slider-banner + .d-slider-content .swiper-slide{width: 20%}
}
@media (max-width: 991px){
    .d-slider-content .swiper-slide,
    .d-slider-banner + .d-slider-content .swiper-slide{width: 25%}
}
@media (max-width: 767px){
    .d-slider-content .swiper-slide,
    .d-slider-banner + .d-slider-content .swiper-slide{width: 33.33334%}
}
@media (max-width: 567px){
    .d-slider-content .swiper-slide,
    .d-slider-banner + .d-slider-content .swiper-slide{width: 50%}
}
@media (max-width: 420px){
    .d-slider-content .swiper-slide,
    .d-slider-banner + .d-slider-content .swiper-slide{width: 100%; border: none!important}
}

.product-item{
    background-color: #fff;
    width: 100%;
    padding: 25px 14px;
    min-height: 259px;
    color: #1C355E
}
.product-item > .pi-price{
    padding-top: 5px;
    font-size: 1.125rem;
    line-height: 1.222222222222222em;
    color: #A91F2E;
}

.d-slider-content{border: 1px solid #DFE3E6}
.d-slider-content .product-item{min-height: 268px; padding: 24px 14px}

.pi-content > .pi-thumb{height: 90px}
.pi-content > * + .pi-meta{margin-top: 20px}
.pi-meta > .pi-title{margin-top: 15px; line-height: 1em}

.rating{margin: 0 auto; position: relative; overflow: hidden}

.rating > div{white-space: nowrap; position: absolute; top: 0; left: 0; height: 100%}

/* =============================================================================
   primary content
   ========================================================================== */
.component-primary .cb-content > * + *:not(.cbc-content){border-top: 1px solid #DFE3E6}

.cb-content > .cbc-header{padding: 20px}
.cb-content > .cbc-filters{padding: 0 5px}
.cb-content > .cbc-filters > *{padding: 15px}

.cbc-header > h1 + *:not(.filter-tags){margin-top: 10px}
.cbc-header > h1 + .filter-tags{margin-top: 5px}

.component-primary > .c-body > .cb-sidebar{width: 245px}
.cbsw-header{padding: 27px 20px 27px 20px; line-height: 1em;}

.cbwsb-item{padding: 10px 20px}
.cbsw-header + *,
.cbwsb-item + .cbwsb-item{border-top: 1px solid #DFE3E6}

.component-primary{border: 1px solid #DFE3E6}

.cbc-products.cbc-products__hide {
    display: none;
}

.cbc-products .descriptions {
    display: none;
}

.cbc-products-list .descriptions {
    display: block;
    text-align: left;
}

.cbc-products-suppliers {
    padding: 10px;
    display: none;
}
.cbc-products-suppliers__show {
    display: block;
}

.cbc-products-grid{
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 1px
}
.cbc-products-grid > *{outline: 1px solid #DFE3E6}

.cbc-products-list .product-item{
    text-decoration: none;
    padding: 12px 14px;
    -ms-flex-direction: row!important;
    flex-direction: row!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    min-height: unset
}
.cbc-products-list .product-item:hover .pi-title{text-decoration: underline}
.cbc-products-list .product-item + .product-item{border-top: 1px solid #DFE3E6}

.cbc-products-list .product-item > .pi-content{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.cbc-products-list .pi-content > .pi-thumb{width: 45px; height: 45px}
.cbc-products-list .product-item > .pi-content > * + .pi-meta{padding-left: 15px; margin-top: 0}
.cbc-products-list .pi-rating{
    -ms-flex-pack: start!important;
    justify-content: flex-start!important;
}
.cbc-products-list .pi-meta{
    text-align: left!important;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}
.cbc-products-list .pi-meta{max-width: 200px; width: 100%}
.cbc-products-list .pi-meta + .descriptions{
    padding-left: 15px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
@media (max-width: 767px){
    .cbc-products-list .pi-price{
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
        height: 45px;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .cbc-products-list .pi-meta,
    .cbc-products-list .pi-meta + .descriptions{
        width: 100%;
        flex-basis: 100%;
        flex-grow: 0
    }
    .cbc-products-list .pi-meta + .descriptions{padding-left: 60px}
}

.cbc-products-list .pi-meta > .pi-title{margin-top: 5px}
.cbc-products-list .rating{margin: 0}
.cbc-products-list .product-item > .pi-price{padding-top: 0; padding-left: 15px}

.cbwsbi-header{padding-right: 80px}
.cbwsbi-header .h-actions{
    top: 50%;
    right: 0;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.reset + button[data-toggle="collapse"]{margin-left: 10px}

.cbwsbi-header + .cbwsbi-body > .collapse-inner{padding-top: 9px}

.cbwsbi-body .form-control{font-size: 12px; line-height: 1rem}
.cbwsbi-content > * + *{margin-top: 12px}

.filters-list > ul > li + li{margin-top: 10px}
label.styled-input{position: relative; margin: 0!important; cursor: pointer}
label.styled-input > input{position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden}
label.styled-input > span{
    padding-top: 1px;
    display: block;
    position: relative;
    line-height: 17px;
    padding-left: 28px
}
label.styled-input > span > .qty{color: #989898}
label.styled-input > span:before,
label.styled-input > span:after{
    content: '';
    border: 1px solid #1990E5;
    width: 18px;
    height: 18px;
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0
}
label.styled-input > input[type="checkbox"] + span:after{background: url(../images/icons/confirm.svg) #1990E5 center no-repeat}
label.styled-input > input:not(:checked) + span:after{opacity: 0}

.filters-list{overflow-x: hidden; overflow-y: auto; max-height: 246px}

.pagination{color: #989898}
.pagination li a, .pagination a{color: inherit; text-decoration: none}
.pagination li a:hover, .pagination a:hover
.pagination li.current a, .pagination a.active{color: #1990E5}
.pagination li + li, .pagination a.page-item{margin-left: 15px}

button[data-toggle="collapse"]:not(.cbsw-header),
.pagination .pagi-prev a,
.pagination .pagi-next a{
    width: 16px;
    height: 16px;
    border: 1px solid #BBB;
    outline: none;
    background-color: #fff;
    border-radius: 5px;
    padding: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1)
}
button[data-toggle="collapse"]:hover,
.pagination .pagi-prev a:hover,
.pagination .pagi-next a:hover{border-color: #1990E5; background-color: #1990E5}

button[data-toggle="collapse"]:hover svg path,
.pagination .pagi-prev a:hover svg path,
.pagination .pagi-next a:hover svg path{fill: #fff}

.list-layout li + li{margin-left: 20px}
.list-layout button{
    border: none;
    outline: none;
    padding: 0;
    background: none
}
.list-layout button svg + span{margin-left: 5px}

.list-layout button.current-layout,
.list-layout button:hover{color: #1990E5}
.list-layout button.current-layout svg path,
.list-layout button.current-layout svg rect,
.list-layout button:hover.fill svg path,
.list-layout button:hover.fill svg rect{fill: #1990E5}

.list-layout button.active,
.list-layout button:hover{color: #1990E5}
.list-layout button.active svg path.fill,
.list-layout button.active svg rect.fill,
.list-layout button:hover svg path.fill,
.list-layout button:hover svg rect.fill{fill: #1990E5}

.results-per-page{color: #989898}
.results-per-page > .ul-label{margin-right: 14px}
.results-per-page > li:not(.ul-label):not(:last-child):after{content: '·'; margin-left: 7px; margin-right: 7px}
.results-per-page a{color: inherit}
.results-per-page .current > a,
.results-per-page a:hover{color: #1990E5}

.cb-sidebar-widget{position: sticky; top: 0; left: 0}

button[data-toggle="collapse"].cbsw-header{
    border: none;
    outline: none;
    text-align: left;
    background: none;
    display: block;
    width: 100%
}

.cbc-entry-content{padding: 20px}

@media (min-width: 1200px){
    button[data-toggle="collapse"].cbsw-header{cursor: default}
    button[data-toggle="collapse"].cbsw-header > span{display: none!important}
    button[data-toggle="collapse"].cbsw-header + .cbsw-body{
        height: auto!important;
        display: block!important
    }
    .component-primary > .c-body > .cb-content{width: 100%}
    .component-primary > .c-body > .cb-sidebar + .cb-content{
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        border-left: 1px solid #DFE3E6
    }
    .cbwsb-item:last-child{border-bottom: 1px solid #DFE3E6}
}
@media (max-width: 1360px){
    .cbc-products-grid{
        grid-template-columns: repeat(6, 1fr);
    }
}
@media (max-width: 1199px){
    .component-primary > .c-body > .cb-sidebar{
        width: 100%;
        border-bottom: 1px solid #DFE3E6
    }
    .component-primary > .c-body > .cb-sidebar + *{width: 100%}
    button[data-toggle="collapse"].cbsw-header{padding-right: 60px; position: relative}
    button[data-toggle="collapse"].cbsw-header > span{
        position: absolute;
        top: 50%;
        right: 20px;
        width: 16px;
        height: 16px;
        border: 1px solid #BBB;
        outline: none;
        background-color: #fff;
        border-radius: 5px;
        padding: 0;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);
        -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);
        box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    button[data-toggle="collapse"].cbsw-header:hover > span{
        border-color: #1990E5;
        background-color: #1990E5
    }
}
@media (max-width: 1100px){
    .col-filter-layout,
    .col-filter-results-per-page,
    .col-filter-sorting{
        -ms-flex: 0 0 33.3334%;
        flex: 0 0 33.3334%;
        width: 33.3334%;
        max-width: 100%;
    }
    .col-filter-results-per-page{text-align: center}
    .col-filter-sorting{text-align: right}

    .cb-content > .cbc-filters{padding: 10px 5px}
    .cb-content > .cbc-filters > *{padding: 5px 15px}

    .col-filter-pagination{
        text-align: left!important
    }

    .cbc-products-grid{
        grid-template-columns: repeat(4, 1fr);
    }
}
@media (max-width: 767px){
    .col-filter-layout,
    .col-filter-results-per-page{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        width: 50%;
    }
    .col-filter-sorting,
    .col-filter-pagination,
    .col-filter-buttons{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%
    }
    .col-filter-results-per-page{text-align: right}
    .col-filter-sorting{text-align: left}
    .col-filter-sorting select{width: 100%}

    .cbc-products-grid{
        grid-template-columns: repeat(3, 1fr);
    }
    .col-filter-pagination,
    .col-filter-buttons{text-align: left!important}
}
@media (max-width: 600px){
    .cbc-products-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 520px){
    .col-filter-layout,
    .col-filter-results-per-page{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        text-align: left
    }
}
@media (max-width: 380px){
    .cbc-products-grid{
        grid-template-columns: repeat(1, 1fr);
    }
}


.cbc-content{padding: 50px 50px 70px 50px}
* + .cbc-content{padding-top: 15px!important}

.price-tag{font-size: 2rem; line-height: 1em}
.price-tag > small{font-size: 14px; font-weight: inherit}

.cbcc-single-product > .sp-thumb{
    -ms-flex: 0 0 23.85%;
    flex: 0 0 23.85%;
    max-width: 100%;
    flex: 0 0 auto\0
}
.cbcc-single-product > .sp-thumb + .sp-content{
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    padding-left: 8%
}

.sp-content__h4 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.sp-content > .spc-title{
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}
.sp-content > .spc-title > * + *{padding-top: 30px}

.sp-content > .spc-meta{
    -ms-flex: 0 0 60.73%;
    flex: 0 0 60.73%;
    flex: 0 0 auto\0
}
.sp-content > * + .spc-meta{padding-left: 30px}
.sp-content > .spc-tabs{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    flex: 0 0 auto\0
}
.sp-content > * + .spc-tabs{
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #DFE3E6
}

.spc-meta > ul.list-unstyled{
    border-top: 1px solid #DFE3E6;
    border-bottom: 1px solid #DFE3E6;
    padding: 15px 0
}
.spc-meta > ul.list-unstyled > li:not(:last-child):after {
    content: '·';
    margin-left: 7px;
    margin-right: 7px;
}
.spc-meta > * + *{margin-top: 20px}

.nav-tabs{
    font-size: 1.125rem;
    line-height: 1.25rem;
    font-weight: 700;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}
.nav-tabs > *:not(:last-child){margin-right: 30px}
.nav-tabs .nav-link{
    padding-bottom: 8px;
    position: relative;
    height: 100%;
    color: #393939;
    text-decoration: none!important;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.nav-tabs .nav-link:after{
    content: '';
    display: block;
    height: 2px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #1990E5;
    opacity: 0;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover{color: #1990E5}
.nav-tabs .nav-link.active:after{opacity: 1}

* + .tab-content{margin-top: 25px}

.editor-content > * + *{margin-top: 15px}
.editor-content > h1 + *,
.editor-content > h2 + *,
.editor-content > h3 + *,
.editor-content > h4 + *,
.editor-content > h5 + *,
.editor-content > h6 + *{margin-top: 5px}

.editor-content ul:not([class]){padding-left: 0; list-style: none}
.editor-content ul:not([class]) > li{position: relative; padding-left: 20px}
.editor-content ul:not([class]) > li + li{margin-top: 5px}
.editor-content ul:not([class]) > li:before{
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border: 1px solid #1990E5;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 7px
}


input.qty::-webkit-outer-spin-button,
input.qty::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0}
input.qty{-moz-appearance: textfield}

.quantity{
    width: 144px;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.quantity .minus,
.quantity .qty,
.quantity .plus{
    width: 48px;
    height: 48px;
    border: none;
    background: #fff;
    text-align: center;
    outline: none!important
}
.quantity .minus,
.quantity .plus{border: 1px solid #E8E8E8}
.quantity .qty{font-size: 24px; font-weight: 700; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8}

.quantity .minus{
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}
.quantity .plus{
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.quantity .minus:hover,
.quantity .plus:hover{
    background: rgb(169,31,46);
    background: -moz-linear-gradient(top, rgba(169,31,46,1) 0%, rgba(117,22,32,1) 100%);
    background: -webkit-linear-gradient(top, rgba(169,31,46,1) 0%,rgba(117,22,32,1) 100%);
    background: linear-gradient(to bottom, rgba(169,31,46,1) 0%,rgba(117,22,32,1) 100%);
}
.quantity .minus:hover svg path,
.quantity .plus:hover svg path{fill: #fff}

.quantity-sm{width: 96px}
    .quantity-sm .minus,
    .quantity-sm .qty,
    .quantity-sm .plus{width: 32px; height: 32px}
    .quantity-sm .minus svg,
    .quantity-sm .plus svg{width: 14px; height: 14px}
    .quantity-sm .qty{font-size: 18px}

.addtocart > * + *{margin-left: 20px}


@media (max-width: 1199px){
    .cbc-content{
        padding: 25px 20px 35px 20px
    }
}
@media (max-width: 991px){
    .cbcc-single-product > .sp-thumb{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        text-align: center
    }
    .cbcc-single-product > .sp-thumb + .sp-content{padding-left: 0; padding-top: 30px; flex-basis: 100%}
}
@media (max-width: 767px){
    .sp-content > .spc-meta{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
    .sp-content > * + .spc-meta{padding-left: 0; padding-top: 30px}
}
@media (max-width: 380px){
    .addtocart > .btn > svg + span{display: none!important}
}
@media (max-width: 360px){
    .price-tag{text-align: center}
    .price-tag > span{display: block; font-size: 1rem}
    .btn-lg{margin-left: 10px; padding-left: .5rem; padding-right: .5rem; min-width: 48px}
}

/* =============================================================================
   footer
   ========================================================================== */
#footer{margin-top: 40px}

#footer a{color: inherit}
#footer a[href^="tel:"]{text-decoration: underline}
#footer a:hover{color: #1990E5}


#footer .social-media-links{margin: -10px}
#footer .social-media-links > *{padding: 10px}

#footer > .bg-gray-gradient{padding: 31px 0}
#footer > .bg-blue-gradient{padding: 31px 0}

@media (max-width: 1199px){
    #footer > .bg-blue-gradient{padding: 30px 0 45px}
}

#footer > .bg-blue-gradient a{text-decoration: none}

#footer-copyright{padding: 30px 0 41px}

#footer-copyright ul.d-flex > li + li{margin-left: 5px; padding-left: 5px}
#footer-copyright ul.d-flex > li:not(:last-child):after{content: '/'; margin-left: 10px}

#footer .bg-gray-gradient p.display-2 + *{margin-top: 10px}
#footer .bg-gray-gradient p.display-2 + .social-media-links{margin-top: 0}

.footer-col-contact,
.footer-col-newsletter{position: relative}
.footer-col-contact:before,
.footer-col-newsletter:before{
    content: '';
    display: block;
    position: absolute;
    top: 25px;
    right: 100%;
    margin-right: 15px;
    background-position: right center;
    background-repeat: no-repeat;
}

.footer-col-contact:before{
    width: 64px;
    height: 64px;
    background-image: url(../images/icons/telephone.svg);
}
.footer-col-newsletter:before{
    width: 64px;
    height: 64px;
    background-image: url(../images/icons/email-marketing.svg);
}


#footer * + .form-row{margin-top: -3px}

/* new */
.styled-row{margin: -15px -30px}
.styled-row > *{padding: 15px 30px}
.styled-row > *:not(:last-child):after{
    content: '';
    display: block;
    width: 2px;
    position: absolute;
    top: 15px;
    bottom: 15px;
    left: 100%;
    margin-left: -1px;
    background-color: #1990E5;
}

.accordion > .card > .card-header{padding: 0; box-shadow: none; border: none; background: none}
.accordion *:not(.accordion) button[data-toggle="collapse"]{
    text-align: left;
    position: relative;
    font-size: 1.15rem;
    line-height: 1em;
    font-weight: 700;
    width: 100%;
    height: unset;
    border-radius: 0;
    border: none;
    padding: 0.75rem 1.25rem;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    box-shadow: none;
    background: rgba(238,238,238,1)
}
.accordion *:not(.accordion) button[data-toggle="collapse"] > .accordion-arrow{
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 1.25rem;
}
.accordion *:not(.accordion) button[data-toggle="collapse"] > .accordion-arrow > svg{display: block; width: 12px; height: 12px}
.accordion *:not(.accordion) button[data-toggle="collapse"][aria-expanded="true"] > .accordion-arrow > svg{
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.accordion *:not(.accordion) button[data-toggle="collapse"] > .accordion-arrow > svg path{fill: #000!important}

.cbc-entry-content > * + *,
.accordion .card-body > * + *,
.faq-item__body > * + *,
.cbc-entry-content .col-12 > * + *{margin-top: 20px}

.cbc-entry-content > * + h1,
.cbc-entry-content > * + h2,
.cbc-entry-content > * + h3,
.cbc-entry-content > * + h4,
.cbc-entry-content > * + h5,
.cbc-entry-content > * + h6,
.accordion > * + h1,
.accordion > * + h2,
.accordion > * + h3,
.accordion > * + h4,
.accordion > * + h5,
.accordion > * + h6{margin-top: 40px}

.faq-item{background-color: #f4f4f4}
.faq-item + .faq-item{margin-top: 20px}

.faq-item__heading > h6{font-size: 1.15rem; padding: 1rem 1rem 1rem 0}
.faq-item__body{padding: 1rem 0; border-left: 2px solid rgba(0,0,0,0.1)}

.faq-item__heading,
.faq-item__body{padding-left: 2.5rem; position: relative}

.faq-item__heading{border-left: 2px solid #1990E5; color: #1990E5; background-color: rgba(0,0,0,0.05)}

.faq-item__heading:before,
.faq-item__body:before{
    font-size: 1.25rem;
    content: '';
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    position: absolute;
    left: 0;
    font-weight: 700
}
.faq-item__heading:before{content: 'Q'; top: .5rem}
.faq-item__body:before{content: 'A'; top: .65rem}

.testimonial-item{
    position: relative;
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.testimonial-item__content{
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.5rem;
    background-color: #fff;
    position: relative;
}
.testimonial-item__content > * + *{margin-top: 15px}
.testimonial-item__content:after {
    top: 100%;
    left: 2.5rem;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 12px;
    margin-left: -12px;
}
.testimonial-item__author{padding: 1.5rem; font-weight: 700}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{background-color: #A91F2E; width: 12px; height: 12px; margin-top: .5rem}

.file-list .col-lg-3 > ul{
    list-style: none;
    padding: 0;
    position: sticky;
    top: 20px;
    left: 0;
    width: 100%;
}
.file-list .col-lg-3 > ul li + li{margin-top: 1px}
.file-list .col-lg-3 > ul a{display: block; padding: 10px 15px; text-transform: uppercase; background-color: #f4f4f4; font-size: 1rem; font-weight: 700; text-decoration: none!important}
.file-list .col-lg-3 > ul a:hover{background-color: #efefef}

.file-list-section > * + *{margin-top: 1rem}
.file-list-section ul{padding: 0; list-style: none}
.file-list-section ul > li + li{border-top: 1px solid #f4f4f4}
.file-list-section ul > li > a{display: block; padding: 5px 0}


/* added later */
.cbc-text-content {
    padding: 25px 25px 35px 25px
}

.cbc-text-content .cbc-text-content-title {
    margin-bottom: 10px;
}


.cart-details {
    padding: 40px 20px
}

.cart-details h1 {
    margin-bottom: 30px
}

.cart-details .cart-details-header h2 {
    margin-bottom: 20px
}

.cart-details .cart-details-header .cart-header {
    max-height: 45px;
    margin-bottom: 20px;
    padding-bottom: 20px !important;
    border-bottom: 2px solid #e5e5e5
}

.cart-details .cart-details-header .cart-header > h3 {
    font-size: 16px;
    font-weight: 600
}

.cart-details .cart-content {
    padding: 0
}

.cart-details .cart-content .product-quantity .quantity {
    float: left
}

.cart-details .cart-content .product-quantity .quantity label {
    display: none !important
}

.cart-details .cart-content .cart-item-list > .row {
    margin-bottom: 40px
}

.cart-details .cart-content .cart-item-list > .row:last-child {
    padding-bottom: 20px;
    border-bottom: 2px solid #e5e5e5
}

.cart-details .cart-content .cart-item-list .product-image-container {
    padding: 0;
    max-width: 110px;
    max-height: 110px
}

.cart-details .cart-content .cart-item-list .wishlist-icon {
    margin: 0;
    display: inline
}

.cart-details .cart-content .product-details-content {
    padding-left: 20px
}

.cart-details .cart-content .product-details-content .row {
    font-size: 16px
}

.cart-details .cart-content .product-details-content .row .card-current-price {
    font-size: 18px
}

.cart-details .cart-content .product-details-content .row > a {
    line-height: 20px
}

.cart-details .continue-shopping-btn {
    max-width: 156px;
    margin-top: 20px;
    margin-left: 15px
}

.cart-details .coupon-container {
    margin-top: 20px
}

.cart-details .coupon-container .control-error {
    padding: 10px 0
}

.order-summary-container {
    top: 50px;
    padding-top: 25px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    position: -webkit-sticky !important;
    position: sticky !important;
    max-width: 500px !important
}

.order-summary-container > div {
    width: 100%
}

.order-summary-container .order-summary {
    padding: 25px 30px;
    border: 1px solid #e5e5e5
}

.order-summary-container .order-summary > h3 {
    margin-bottom: 20px
}

.order-summary-container .order-summary > .row:not(:last-child) {
    margin-bottom: 10px
}

.order-summary-container .order-summary #grand-total-detail {
    margin-top: 15px;
    padding-top: 15px;
    margin-bottom: 25px;
    border-top: 1px solid #e5e5e5
}

/* form input errors */

.form-group .control-error {
    display: none;
    color: #ff5656;
    margin-top: 5px;
    font-weight: bold;
}

.form-group.has-error .control-error {
    display: block
}

/* header alerts */

#alert-container {
    top: 50px;
    right: 15px;
    z-index: 100;
    position: fixed;
    font-size: 16px
}

#alert-container .alert {
    max-width: 400px !important;
    min-height: 45px !important;
    max-height: 100px !important
}

#alert-container .alert.alert-dismissible .close {
    font-size: 23px;
    padding: .3rem 1.25rem
}

.account-head {
    margin-bottom: 5px;
}

.account-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

h4.account-block-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.mt-10 {
    margin-top: 10px;
}

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


.radio-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    top: 0;
    left: 0
}

.radio-container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border: 2px solid #ff6472;
    border-radius: 50%
}

.radio-container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ff6472
}

.radio-container input:checked ~ .checkmark:after {
    display: block
}

.radio-container input:disabled ~ .checkmark {
    display: block;
    border: 2px solid rgba(255, 100, 113, .4)
}

.checkout-process .order-summary-container .theme-btn, .checkout-process .order-summary-container .cart-details .continue-shopping-btn, .cart-details .checkout-process .order-summary-container .continue-shopping-btn, .checkout-process .order-summary-container .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.btn, .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .checkout-process .order-summary-container button.btn, .checkout-process .order-summary-container .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .quantity button, .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .quantity .checkout-process .order-summary-container button, .checkout-process .order-summary-container .quantity .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button, .quantity .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .checkout-process .order-summary-container button, .checkout-process .order-summary-container .account-content .account-layout .bottom-toolbar .pagination .page-item, .account-content .account-layout .bottom-toolbar .pagination .checkout-process .order-summary-container .page-item {
    display: none;
}


.form-container .col-12{padding-left: 0; padding-right: 0}
.form-container .form-field + *{margin-top: 1rem}

.form-container .form-field{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.form-container .form-field > label{display: block; margin: 0; width: 130px; padding-right: 15px}
.form-container .form-field > .control{
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.checkout-process > h1 + *{margin-top: 2rem}
.accordian-header + *{padding-top: 1rem}

/* cart */

.cart-block {
    margin-bottom: 20px;
}

h3.cart-header {
    margin-bottom: 10px;
}

.cart-address-card ul {
    padding: 0;
}

.cart-address-card + .cart-address-card {
    margin-top: 10px;
}

/* order */

.order-sub-title {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* brand-list page */

.brand-group + .brand-group{
    margin-top: 10px;
}

.brand-group-items {
    margin-top:0;
}

.brand-group-item {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* quick order */

.qo-tab-description {
    margin-top: 10px;
    margin-bottom: 10px;
}

.qo-tab-description p {
    margin-bottom: 10px;
}

.alert-danger.qo-product-alert {
    margin-top: .45rem;
    padding: .45rem .45rem;
    margin-bottom: 0;
}

#qo-lbl-form .qo-product-alert,
#qo-copy-paste-form .qo-product-alert,
#qo-file-form .qo-product-alert {
    display: none;
}

#qo-cart-table {
    margin-top: 10px;
}

.qo-cart-image {
    width: 100px;
}

.qo-search-item {
    max-width: 400px;
}

.qo-search-item:hover {
    background-color: #E8E8E8;
}

.qo-search-image {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    max-width: 60px;
    flex: 0 0 auto\0;
    overflow: hidden
}
    .qo-search-image:before{content: ''; padding-top: 100%}
    .qo-search-image img{
        object-fit: cover;
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }

.qo-search-info {
    padding: 5px 0 5px 10px;
    -ms-flex-item-align: center !important;
    align-self: center !important;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    font-size: 95%
}

.qo-search-info span {
    color: #a0a0a0;
}

.ui-menu.ui-autocomplete{max-width: 453px}
.qo-search-item{max-width: unset}
.qo-search-item .ui-menu-item-wrapper{padding: 5px}

#qo-lbl-table th, #qo-lbl-table td {
    border-top: none;
    padding:5px;
}

#qo-lbl-table .mui-textfield {
    padding-top:0;
}

#add-to-list-form input.mui--is-invalid:focus,
#qo-lbl-table input.mui--is-invalid:focus {
    border-color: red;
}

/* end quick order */

/* start my list */

#search-result-reset {
    display: none;
}

#list-items-btn-row {
    display: none;
}

/* end my list */

.address-card {
    margin-bottom: 10px;
}

.address-card ul {
    padding: 0;
}

.cb-sidebar #product-filter-form{
    position: sticky;
    top: 0;
    left: 0;
}
.cb-sidebar #product-filter-form .filters-list{max-height: 100%}

.flip-card {
    background-color: white;
    width: 100%;
    height: 100px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-transition: -webkit-transform 0.8s;
    transition: -webkit-transform 0.8s;
    -o-transition: transform 0.8s;
    transition: transform 0.8s;
    transition: transform 0.8s, -webkit-transform 0.8s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center
}

.flip-card-front {
    background-color: white;
    color: black;
}
.flip-card-front > a,
.cbc-products-suppliers .card,
.cbc-products-suppliers .card > a{
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center
}

.flip-card-back {
    background-color: white;
    color: black;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.cbc-products-suppliers .card{overflow: hidden; min-height: 100%}
.cbc-products-suppliers .card img {
    display: block;
    width:auto;
    height: auto;
    max-width: 90%;
    max-height: 110px;
}
.cbc-products-suppliers .card__no-flip{
    -webkit-transition: box-shadow .25s linear;
    -o-transition: box-shadow .25s linear;
    -webkit-transition: -webkit-box-shadow .25s linear;
    transition: -webkit-box-shadow .25s linear;
    transition: box-shadow .25s linear;
    transition: box-shadow .25s linear, -webkit-box-shadow .25s linear;
}
.cbc-products-suppliers .card__no-flip:hover{
    -webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,0.25);
    box-shadow: 0 0 25px 0 rgba(0,0,0,0.25)
}

.card.with-description {
    padding-bottom: 20px;
}