/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 #header{ background: red !important; }
 */
#header .header-top>.container>.row:first-of-type {
    flex-direction: column;
}

@media (min-width: 768px) {
#header .logo {
    width: 250px !important;
    height: 60px !important;
    max-width: none !important;
    max-height: none !important;
}
}

@media (max-width: 768px) {
#header .logo {
    width: 170px !important;
    height: 41px !important;
    max-height: none !important;
    max-width: none !important;

}
    #header .top-logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 50px;
        justify-content: center;
    }

}

#header .header-nav {
    max-height: none;
    border-bottom: #f6f6f6 2px solid;
}

.layout_layout1 .ets_mm_block_content ul li a::before {
    content: "";
}

#product #content {
    position: relative;
    max-width: 580px;
    margin: 0 auto;
}

.block-category {
     min-height: none;
    margin-bottom: 1.563rem;
}

.ets_mm_megamenu_content {
    padding-bottom: 10px;
}

.block-category {
    min-height: 0rem;
    margin-bottom: 1.563rem
}

.page-cms img {
    border-style: none;
    vertical-align: middle;
    max-width: 100%;
}

blockquote {
    padding: 9px 9px 9px 50px;
    margin: 0 0 18px;
    border-left: 5px solid #eeeeee;
}

.btn-comment-big {
    padding: 13px 16px;
    height: -webkit-fill-available;
    text-wrap-mode: wrap;
}

.bootstrap-touchspin .input-group-btn-vertical {
    float: left;
    width: 0;
    color: #232323;
}
@media (min-width: 400px) and (max-width: 950px) {
.cart-content .btn {
    font-size: 0.8rem;
}
}

@media (max-width: 400px) {
.cart-content .btn {
    font-size: 0.6rem;
}
}
.blockreassurance_product p {
    height: 30px;
}
.custom-checkbox p {
    display: inline;
    color: #232323;
}
.blockreassurance_product .item-product {
    height: 65px;
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    color: #004d2d;
    text-decoration: none
}
.btn-primary,.btn-primary:hover {
    color: #fff;
//    background-color: #004d2d;
    border-color: transparent
}
.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary:disabled.focus,.btn-primary:disabled:focus {
//    background-color: #004d2d;
    border-color: transparent
}
.btn-primary.disabled:hover,.btn-primary:disabled:hover {
//    background-color: #004d2d;
    border-color: transparent
}
.btn-outline-primary {
    color: #004d2d;
    background-image: none;
    background-color: transparent;
    border-color: #004d2d
}
.btn-outline-primary:hover {
    color: #fff;
//    background-color: #004d2d;
//    border-color: #004d2d
}
.btn-outline-primary.focus,.btn-outline-primary:focus {
    color: #fff;
//    background-color: #004d2d;
//    border-color: #004d2d
}

.btn-outline-primary.active,.btn-outline-primary:active,.open>.btn-outline-primary.dropdown-toggle {
    color: #fff;
//    background-color: #004d2d;
//    border-color: #004d2d
}

.btn-link {
    font-weight: 400;
    color: #004d2d;
    border-radius: 0
}
.dropdown-item.active,.dropdown-item.active:focus,.dropdown-item.active:hover {
    color: #fff;
    text-decoration: none;
    background-color: #004d2d;
    outline: 0
}
.nav-pills .nav-item.open .nav-link,.nav-pills .nav-item.open .nav-link:focus,.nav-pills .nav-item.open .nav-link:hover,.nav-pills .nav-link.active,.nav-pills .nav-link.active:focus,.nav-pills .nav-link.active:hover {
    color: #fff;
    cursor: default;
    background-color: #004d2d
}
.card-primary {
    background-color: #004d2d;
    border-color: #004d2d
}
.card-outline-primary,.card-outline-secondary {
    background-color: transparent;
    border-color: #004d2d
}
.page-item.active .page-link,.page-item.active .page-link:focus,.page-item.active .page-link:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #004d2d;
    border-color: #004d2d
}
.page-link {
    position: relative;
    float: left;
    padding: .5rem .75rem;
    margin-left: -1px;
    color: #004d2d;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}
.tag-primary {
    background-color: #004d2d
}
.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    text-decoration: none;
    background-color: #004d2d;
    border-color: #004d2d
}
.bg-primary {
    background-color: #004d2d!important
}
.text-primary {
    color: #004d2d!important
}
#header .top-menu a[data-depth="0"]:hover,a:hover {
    color: #004d2d;
    text-decoration: none
}
.block_newsletter form input[type=text]:focus+button .search,.btn-unstyle:focus .expand-more,.search-widget form input[type=text]:focus+button .search {
    color: #004d2d
}
.form-control:focus {
    color: #232323;
    background-color: #fff;
    outline: .1875rem solid #004d2d
}
.input-group.focus {
    outline: .1875rem solid #004d2d
}
.bootstrap-touchspin .group-span-filestyle .btn-touchspin,.group-span-filestyle .bootstrap-touchspin .btn-touchspin,.group-span-filestyle .btn-default {
    padding: .5rem 1rem;
    font-size: .875rem;
    color: #fff;
    text-transform: uppercase;
    background: #004d2d;
    border-radius: 0
}
.custom-radio input[type=radio]:checked+span {
    position: absolute;
    top: .125rem;
    left: .125rem;
    display: block;
    width: 12px;
    height: 12px;
    background-color: #004d2d;
    border-radius: 50%
}
.carousel .carousel-control .icon-next:hover i,.carousel .carousel-control .icon-prev:hover i,.dropdown:hover .expand-more,.page-my-account #content .links a:hover i,.search-widget form button[type=submit] .search:hover,.top-menu .sub-menu a:hover {
    color: #004d2d
}
.dropdown-item:focus,.dropdown-item:hover {
    color: #004d2d;
    text-decoration: none;
    background: 0 0
}
.search-widget form input[type=text]:focus {
    color: #232323;
    background: #fff;
    outline: 3px #004d2d solid
}
body#checkout section.checkout-step .address-item.selected {
    background: #fff;
    border: #004d2d 3px solid
}
.product-miniature .highlighted-informations .quick-view:hover {
    color: #004d2d
}
.brands-sort .select-list:hover,.products-sort-order .select-list:hover,.suppliers-sort .select-list:hover {
    color: #fff;
    text-decoration: none;
    background: #004d2d
}
.facet-dropdown.open>.select-title {
    background: #f6f6f6;
    border: 3px solid #004d2d
}
.facet-dropdown .select-list:hover {
    color: #fff;
    text-decoration: none;
    background: #004d2d
}
.pagination .current a {
    font-size: 1.25rem;
    color: #004d2d;
    text-decoration: none
}
#subcategories ul li .subcategory-name:hover,.block-categories .arrows .arrow-down:hover,.block-categories .arrows .arrow-right:hover,.block-categories .collapse-icons .add:hover,.block-categories .collapse-icons .remove:hover,.cart-grid-body a.label:hover {
    color: #004d2d
}
#subcategories ul li:hover .subcategory-image a {
    padding: 5px;
    border: 5px solid #004d2d
}
.product-price {
    display: inline-block;
    max-width: 100%;
    color: #004d2d
}
.tabs .nav-tabs .nav-link.active {
    color: #004d2d
}
.tabs .nav-tabs .nav-link.active,.tabs .nav-tabs .nav-link:hover {
    border: 0;
    border-bottom: #004d2d 3px solid
}
#product-modal .modal-content .modal-body .product-images img:hover {
    border: #004d2d 3px solid
}
#blockcart-modal .product-name {
    font-size: 1.125rem;
    color: #004d2d
}
.product-images>li.thumb-container .thumb.selected,.product-images>li.thumb-container .thumb:hover {
    border: #004d2d 3px solid
}
.product-flags li.product-flag {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: .3125rem .4375rem;
    margin-top: .625rem;
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    word-break: break-word;
    pointer-events: auto;
    background: #004d2d
}
.product-customization .product-message:focus {
    background-color: #fff;
    outline: .1875rem solid #004d2d
}
.block-promo .promo-input+button {
    margin-top: -4px;
    margin-left: -1px;
    text-transform: capitalize;
    border: 2px solid #004d2d
}
.block-promo .promo-code-button.cancel-promo {
    margin-bottom: 0;
    color: #004d2d
}
.account-list a:hover,.block_newsletter form button[type=submit] .search:hover,.footer-container li a:hover {
    color: #004d2d
}
.block-social ul li:hover {
    background-color: #004d2d
}
.block_newsletter form input[type=text]:focus {
    color: #232323;
    background: #fff;
    outline: 3px #004d2d solid
}
.block_newsletter form input[type=email]:focus {
    padding: 8px 8px 9px;
    border: 3px #004d2d solid;
    outline: 0
}
#header a:hover {
    color: #004d2d;
    text-decoration: none
}
#header .header-nav .cart-preview.active {
    background: #004d2d
}
#header .header-nav .blockcart a:hover {
    color: #004d2d
}