﻿.content-loader .loading-post { display: block !important; position: absolute; top: 50%; margin-top: -25px; margin-left: -25px; left: 50%; }
.content-loader { background-color: rgba(0, 0, 0,0.7); width: 100%; height: 100%; position: absolute !important; top: 0; left: 0; z-index: 9999; }
#divLoading.content-loader { position: fixed !important }
.relative { position: relative }

@-webkit-keyframes rotate-forever {
    0% { -webkit-transform: rotate(0); transform: rotate(0); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes rotate-forever {
    0% { -webkit-transform: rotate(0); transform: rotate(0); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
.menu-group .menu-link {color: black }
.loading-spinner { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: rotate-forever; animation-name: rotate-forever; -webkit-animation-timing-function: linear; animation-timing-function: linear; height: 40px; width: 40px; border: 4px solid #d2ac67; border-right-color: transparent; border-radius: 50%; display: inline-block; }

.radiobox .checkbox-hidden-box:checked + input[type=hidden] + .checkbox-label .checkbox-box:after,
.checkbox .checkbox-hidden-box:checked + input[type=hidden] + .checkbox-label .checkbox-box:after { content: ''; display: block; position: absolute; top: 1px; left: 6px; width: 6px; height: 12px; border: solid #ed4a67; border-width: 0 2px 2px 0; -webkit-transform: rotate(40deg); transform: rotate(40deg); }
.radiobox .checkbox-hidden-box:checked + input[type=hidden] + .checkbox-label .checkbox-text,
.radiobox .checkbox-hidden-box:checked + input[type=hidden] + .checkbox-label small,
.radiobox .checkbox-hidden-box:checked + input[type=hidden] + .checkbox-label .checkbox-price { color: black; }
.radiobox .checkbox-hidden-box:checked + input[type=hidden] + .checkbox-label .checkbox-box { border: 2px solid #ed4a67; }
.radiobox .checkbox-hidden-box:checked + input[type=hidden] + .checkbox-label .checkbox-box:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; -wekbit-border-radius: 100%; border-radius: 100%; margin-top: -3px; margin-left: -3px; width: 6px; height: 6px; border: solid #ed4a67; }
.action-group .action-item-basket .basket-empty-text { display: block }
.main-headline { background:white!important}
/*.menu-group .menu-link {font-size:18px }
.main-slider .main-headline {width:auto!important }
.main-slider .main-headline-title { color: black;padding-right:150px;font-weight:bold }
.main-slider .main-headline-title span { color: #ed4a67; display: block; margin: 10px 0; font-size: 1.5em !important; }
.main-slider .main-headline-title { font-size: 1.3em!important }
.main-headline .main-headline-btn { margin-right: 150px }
.main-slider .btn-primary-outline.bg-white { color: #ed4a67; border-color: #ed4a67; font-size: 1em !important }

.breadcrumbs-list .breadcrumbs-list-item { padding-left:5px}
.breadcrumbs-list .breadcrumbs-list-item:first-child { padding-left: 0px }
.submenu-list2 { position:fixed; background:white;display:none}
.navigation-scroll .submenu-list2 { position:relative}
.submenu-list2 .submenu-item { display: block; text-align: left; border-top: 1px solid rgba(0, 0, 0, 0.1); }
.menu-item:hover .submenu-list2 { display:block}
.submenu-list2 .submenu-item:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.submenu-list2 .submenu-link { display: block; color: rgba(0, 0, 0, 0.4); font-size: 14px; line-height: 1.2; padding: 10px 10px; border: 2px solid transparent; padding: 10px 10px 10px 30px; }*/
/*.tag-list .tag-item { display:block!important}
.tag-list { display:none}
.tag-list.active { display:block}
.js-brand { cursor:pointer}
.js-brand.active .category-icon:before { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); transition: -webkit-transform 350ms ease; transition: transform 350ms ease; }*/
/*.partners-item { float:left!important}*/
.partners-group .partners-image { max-width: 150px }
.color-group {display:block }
.breadcrumbs-list .breadcrumbs-list-link:after {right: -6px }
.breadcrumbs-list .breadcrumbs-list-link { margin-right:10px}
.link-accordion-style { padding: 14px 0!important; }
a.active .category-icon:before { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); -webkit-transition: transform 350ms ease; -webkit-transition: -webkit-transform 350ms ease; transition: -webkit-transform 350ms ease; transition: transform 350ms ease; transition: transform 350ms ease, -webkit-transform 350ms ease; }
.padding-left-15 { padding-left:15px!important}
.basket-content .product-list .product-text { overflow:hidden}
.js-gallery-item span { width: 100%; text-align: center; color: #3c3c3c;display:block }
.detail-info-list-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; }
.detail-info-list-icon { display: inline-block; vertical-align: middle; color: #000000; width: 30px; max-width: 30px; -webkit-box-flex: 0; -webkit-flex: 0 0 30px; -ms-flex: 0 0 30px; flex: 0 0 30px; margin-right: 10px; font-size: 20px; font-size: 1.25rem; }
.detail-info-list-text { color: #000000; font-size: 12px; font-size: 0.75rem; }
.detail-list-columns { margin-bottom: 20px; }
.detail-list-columns-black .detail-list-columns-text { color: #000000; font-size: 14px; font-size: 0.875rem; }
.detail-list-columns-black .detail-list-columns-text-bold { color: #7f7f7f; font-size: 12px; font-size: 0.75rem; }
.detail-list-columns-item { display: block; margin-bottom: 5px; clear: both; width: 100%; overflow: hidden; }
.detail-list-columns-text { display: block; color: #7f7f7f; font-size: 12px; font-size: 0.75rem; float: left; line-height: 1.4; text-align: left; }
.detail-list-columns-text:first-child { width: 65%; padding-right: 15px; }
.detail-list-columns-text:last-child { width: 35%; }
.detail-list-columns-text-bold { color: #000000; }
.wsw .detail-list-columns li:before { content: none; font-family: inherit; color: inherit; font-size: inherit; line-height: inherit; position: inherit; left: inherit; top: inherit; text-align: inherit; }
.info-box { margin-bottom: 20px; }
.info-content { border: 1px solid rgba(0, 0, 0, 0.2); padding: 50px 60px;margin-bottom:20px }
@media (max-width: 769px) {
    .info-content { padding: 50px 20px; }
}
.main-slider .main-slider-image { display: block; width: auto; max-height: 400px; max-width: 100%; }
.js-item .title { font-size: 1.8rem; }
.main-headline {  background: rgba(255,255,255,0.8);padding:10px }
@media (min-width: 993px) {
    .submenu-list { padding: 0 !important; max-height: 300px; overflow-y: auto!important; }
}
.js-hidden-content input { display: none }
.js-hidden-content.active input{display:block }
.logo-mobile { display:none}
@media (max-width: 992px) {
    .logo-mobile { display: block; }
    .logo-full { display:none}
}

.product-group .product-title { padding:0 15px!important}
.input-validation-error { border: 1px solid #d9534f!important }
.checkbox .checkbox-text { padding-left:30px}
.status-text a { color: #0A1E2D }
.besteron-button { margin:0 15px}

/* changing color to #5da500 */
header.header-style-1 .navigation .category-group {
    background-color: #0a1e2d;
}

.logo {
    background-color: transparent;
}

header.header-style-1 .navigation .category-group .menu-link::after {
    background-color:  #fff;
}

.btn-primary-fill.bg-brown {
    background-color: #fff;
    border: 1px solid #0a1e2d;
    color: #0A1E2D;
    border-radius: 5px;
}

    .btn-primary-fill.bg-brown:hover {
        color: #fff;
        background-color: #0a1e2d;
        border-color: #0a1e2d;
    }

.btn-primary-fill .btn-icon {
    color: #0a1e2d;
}

.btn-primary-fill:hover .btn-icon {
    color: #fff;
}

.btn-primary-fill.bg-shopping-cart {
    -webkit-box-shadow: 0 5px 10px rgba(1, 1, 1, 0.15);
    box-shadow: 0 5px 10px rgba(1, 1, 1, 0.15);
    color: #0A1E2D;
    background-color: #fff;
    border: 1px solid #0a1e2d;
    border-radius: 5px;
}

    .btn-primary-fill.bg-shopping-cart:hover {
        background-color: #0a1e2d;
        color: #fff;
        border-color: #0a1e2d;
    }

    .btn-primary-fill.bg-shopping-cart:hover .btn-icon {
        color: #fff;
    }

    .btn-primary-fill.bg-shopping-cart .btn-icon {
        color: #0a1e2d;
    }

    ul.menu-list {
        width: 70% !important;
    }

    .submenu-subcategory{
        display:none;
    }

.main-category-tile {
    position: relative;
    width: 100%;
    padding: 25px 0;
    overflow: hidden;
    z-index: 1;
}

.category-tyle a:hover, .category-tyle a:focus,
.category-tyle-sm a:hover, .category-tyle-sm a:focus {
    text-decoration: none;
    box-shadow: 1px 2px 8px rgb(0 0 0 / 20%);
    text-shadow: 1px 1px 5px rgb(0 0 0 / 20%);
}
.category-tyle,
.category-tyle-sm {
    padding: 0 10px 20px;
}

    .category-tyle a,
    .category-tyle-sm a {
        position: relative;
        display: block;
        padding: 0 50px 0 130px;
        height: 100px;
        line-height: 100px;
        border: 1px solid #0a1e2d;
        border-radius: 5px;
        transition: 0.3s;
    }

    .category-tyle-sm a {
        padding: 0 5px 0 125px;
    }


.category-tyle-img,
.category-tyle-sm-img {
    display: block;
    width: 120px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    line-height: 1.3em;
    overflow: hidden;
}
    .category-tyle-sm-img img,
    .category-tyle-img img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        max-width: 90%;
        max-height: 90%;
    }

.category-tyle-caption,
.category-tyle-sm-caption {
    display: inline-block;
    vertical-align: middle;
    margin-top: -6px;
    line-height: 23px;
    font-weight: 500;
    max-height: 92px;
    overflow: hidden;
    color: #0a1e2d;
    font-size: 21px;
}

.category-tyle-sm-caption {
    font-size: 18px;
}

.category-tyle-img-ico {
    font-size: 26px;
    position: absolute;
    top: 50%;
    right: 15px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 28px;
    height: 28px;
    line-height: 26px;
    color: #0a1e2d;
    text-align: center;
    transition: 0.3s;
    color: #0a1e2d;
}

.product-price-dph {
    color: #7f7f7f;
    font-size: smaller;
    margin-left: 10px;
}

.hrpb {
    margin: 6px 0 6px 0;
}

.poductBox-stockstatus {
    font-weight: bold;
    font-size:12px;
}

    .poductBox-stockstatus.in-stock {
        color: #0a1e2d;
    }

    .poductBox-stockstatus.out-of-stock {
        color: #db4242;
    }



    .poductBox-productID {
        color: #7f7f7f;
        font-size: 12px;
    }


.filter-form {
    margin: 0;
    padding: 0;
    background-color: transparent;
}

    .filter-form .js-accordion-content {
        margin: 0;
        padding: 0;
    }

    .filter-form .filter-item {
        margin-top: 0;
    }
    .filter-form .filter-range-text {
        margin-bottom: -15px;
    }

.disabledBX.bg-shopping-cart:hover {
    background-color: #e0e0e0;
    border-color: #afafaf;
}

.disabledBX.quantity-up:hover, .disabledBX.quantity-down:hover {
    background-color: #e0e0e0;
}

.disabledBX:hover {
    cursor: not-allowed;
}


.margin-top-16 {
    margin-top: 16px !important;
}

@media (max-width: 1200px) {
    .main-category-tile {
        display: inline-flex;
    }

    .category-tyle-img-ico{
        right: 0px;
    }

    .category-tyle a {
        padding: 0 20px 0 120px;
    }
}

@media (max-width: 991px) {
    .main-category-tile {
        display: block;
    }

    .category-tyle-img-ico {
        right: 15px;
    }

    .category-tyle a {
        padding: 0 50px 0 130px;
    }
}

.faq-question,
.faq-answer {
    display: none;
}

.faq-item-holder {
    border-bottom: 1px solid rgba(216, 216, 216, 0.40);
    margin-bottom: 20px;
    padding: 5px 0 10px 0;
}

.faq-question-holder {
    cursor: pointer;
    position: relative;
}

.faq-question-holder:hover span {
    border-bottom: 1px solid rgb(0,120,255);
}

.faq-question-holder:hover .faq-img-arrow {
    transform: scale(1.1) !important;
}

.faq-question-holder:active .faq-img-arrow {
    transform: scale(.99) !important;
}

.faq-question-holder-active {
    font-weight: bold;
}

.faq-answer-holder {
    padding-left: 15px;
    padding-right: 40px;
    margin-top: 5px;
    animation: openAnswerAnimation .05s;
}

.faq-question-holder span {
    font-size: 130%;
    color: rgb(0,120,255);
    /*padding: 0 5px;*/
    border-bottom: 1px solid transparent;
    margin-right: 50px;
}

.faq-answer-holder span {
    font-size: 110%;
}

.faq-img-arrow {
    width: 35px;
    margin: 6px 5px 0 0;
    position: absolute;
    top: 0px;
    right: 5px;
    transition: .1s;
}


@keyframes openAnswerAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.home-rotator-holder {
    height: 400px;
}

.home-rotator-header-holder {
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    width: 500px;
    pointer-events: none !important;
}

.home-rotator-image-holder{
    display: flex !important;
    align-content: center;
    justify-content: center;
}

.home-rotator-header-text-holder{
    height: 300px;
    display: flex;
    align-items: flex-end;
}

.home-rotator-header-text {
    background: rgba(255,255,255,0.8);
}

.home-rotator-header-text .text {
    padding: 5px;
}
.home-rotator-header-text .title {
    padding:0 10px;
}

.slick-dots {
    pointer-events: all !important;
}

@media (max-width: 991px) {
    .home-rotator-holder {
        height: 350px;
    }

    .main-slider .main-slider-image {
        max-height: 350px;
    }

    .home-rotator-header-holder {
        width: 100%;
        bottom: 20px;
    }

    .home-rotator-header-text .text {
        font-size: 0.8rem;
    }

    .home-rotator-header-text .title {
        font-size: 1.4rem;
    }

    .home-rotator-header-text-holder {
        height: unset;
        display: flex;
        align-items: flex-end;
    }
    .slick-dots {
        background-color: rgba(232, 232, 232, 0.80);
        padding: 0 10px;
    }
}

@media (max-width: 515px) {
    .home-rotator-holder {
        height: 250px;
    }

    .main-slider .main-slider-image {
        max-height: 250px;
    }

    .home-rotator-header-holder {
        bottom: 10px;
    }

}