/*START - Highlight*/
a.link strong,
.breadcrumbDiv a.active,
ul.navmain > li.navActive > a,
.contentLayout a:not(.btn):not(.zl-btn-collapse),
ul.navmain > li > ul > li > a:hover,
.navmainDiv ul.navmain > li.navActive > a,
a.zl_stream_tag_active,
.zl_productfilter_cats li.active > a,
.zl_object_list_item_title,
.zl_top .fa-light,
.zo_slider_objects_city,
.zl_objects_filter_more_btn,
.zl_object_detail_topspecs ul li i,
.navmainDiv ul.navmain > li > ul > li > a:hover,
.sorting a.sortingActive,
h4,
.h4,
.threecol-icon-text-div-icon,
.onecol-bgimage ul li:before,
.bg-cta .btn.btn-highlight,
.color-primary,
.fa-map-marker-alt,
.contentLayout ol li:before {
    color: #222425 !important;
}
.statements svg.quote {
    fill: #32dcd1;
}
.bg-highlight,
#zoslider_nav a.activated,
.zl-top-button,
.zl-mobile-nav-buttons-container .fal,
.zl-mobile-nav li.homeicon a,
.zl_object_list_item_state,
.zl_object_filter_pricerange .ui-slider-handle.ui-state-default,
.zl_object_filter_pricerange .ui-widget-header,
.zl_object_detail_actions .btn .fal,
.zl_object_detail_actions .btn .fas,
footer .social-media a,
.threecol-icon-text-div:not(.threecol-icon-text-div-active),
.threecol-icon-text-div-active .threecol-icon-text-div-icon,
.cta .listing ul li:before,
.bg-cta,
.zl_search_btn_search,
.circle-div,
.zl_cart_smll_amount,
.logo-nav.stick .logo {
    background-color: #404040 !important;
}
.btn.btn-highlight {
    border-color: #404040;
    background-color: #404040;
    color: #fff !important;
}
.zl_top ul li a,
.btn.btn-highlight-line,
.zl_object_filter_pricerange .ui-slider-handle.ui-state-default {
    border-color: #404040;
}

/*START - Calltoaction*/
.btn-calltoaction,
.btn-calltoaction:hover,
.btn-calltoaction:focus,
.zl-btn-scrollto,
.zl-btn-scrollto:hover,
.zl-btn-scrollto:focus {
    border-color: #4fc8ff;
    background-color: #4fc8ff;
    color: #fff;

    background: linear-gradient(-90deg,transparent 44%,rgba(255,255,255,.35) 50%,transparent 54%) #4fc8ff;
    background-blend-mode: screen;
    background-size: 300% 100%;
    animation: btnAnimation 1333ms linear .3s infinite;
}
.btn-calltoaction:hover,
.zl-btn-scrollto:hover {
    background: #4fc8ff;
}
@keyframes btnAnimation {
    0% {
        background-position: 100% 50%
    }
    to {
        background-position: 0 50%
    }
}

header.zl-mobile-nav-header {
    background-color: #fff;
    background-image: url('/templates/default/img/general/logo.png');
    background-size: 75%;
}
@media (max-width: 767px) {
    #zoslider {
        height: 65vh !important;
    }
}

/*CUSTOM*/
/*NEEDED FOR SCROLL CORRECT VAC PAGE*/
.correction-fixed {
    position: absolute;
}
h3,
.h3,
.leadpage h1,
.top-bar i.fa-map-marker-alt,
.breadcrumbDiv a.active,
.stream:hover h6, .color-primary,
.zl-counter-div .zl-counter,
.navmainDiv ul.navmain > li > ul > li > a:hover,
.cta .contentLayout ol li:before,
.contentLayout ol li:before {
    color: #6001df !important;
}
.logo-nav .navmainDiv ul.navmain li.navActive > a,
.logo-nav .navmainDiv ul.navmain li > a:hover {
    color: #4fc8ff !important;
}
.bg-cta .btn.btn-highlight {
    color: #4fc8ff !important;
    border-color: #4fc8ff !important;
}
.bg-cta,
.circle-div,
.logo-nav.stick .logo {
    background-color: #6001df !important;
}
.btn {
    padding: 0.5rem 1rem !important;
}
@media (min-width: 992px) {
    .btn {
        padding: .75rem 1.35rem;
    }
}
@media (max-width: 992px) {
    .btn {
        padding-bottom: 1em;
        padding-top: 1em;
    }
}
.slider.text-white h3 {
    color: #fff !important;
}


.flip-div-back,
.btn.btn-highlight {
    background-color: #6001df !important;
}

.logo-nav.stick {
    backdrop-filter: blur(10px);
    background-color: rgba(0, 0, 0, .5);
}
.logo-nav.stick .navmainDiv ul.navmain > li > a {
    color: #fff;
}
.top-bar {
    background: linear-gradient(315deg, rgba(96,1,223,1) 3%, rgba(140,75,228,1) 38%, rgba(170,140,209,1) 68%, rgba(72,11,152,1) 98%);
    animation: gradientAnimation 15s ease infinite;
    background-size: 400% 400%;
    background-attachment: fixed;
    color: #ffffff;
}
@keyframes gradientAnimation {
    0% {
        background-position: 0% 0%;
    }
    50% {
        background-position: 100% 100%;
    }
    100% {
        background-position: 0% 0%;
    }
}

a.review-totals-amount {
    color: #ffffff;
}
.zl_product_detail_image {
    height: 550px;
}

.contentLayout form label {
    font-size: 13px;
}
.contentLayout form input::placeholder,
.contentLayout form textarea::placeholder,
.contentLayout form select::placeholder{
    color: #000000;
    font-weight: 400;
    font-size: 13px;
}
.contentLayout ul li,
.contentLayout ol li {
    line-height: 20px;
    margin-bottom: 15px;
}
.contentLayout ol li {
    padding-left: 35px;
    font-size: 1.1rem !important;
}
@media (max-width: 992px) {
    .contentLayout p,
    .contentLayout li {
        font-size: 16px;
        line-height: 22px;
    }
    .contentLayout ol,
    .contentLayout ul {
        margin: 0;
        padding: 10px;
    }
}
@media (min-width: 992px) {
    .contentLayout p,
    .contentLayout li {
        font-size: 17px;
        line-height: 22px;
    }
    .cta-padding {
        padding: 30px;
    }
}
.leadpage .btn {
    width: 100%;
    font-size: 19px;
}

.leadpage .contentLayout ol li{
    font-weight: 400;
    font-size: 18px !important;
    margin-bottom: 10px !important;
}
.leadpage footer {
    background-color: #f4f4f4;
}
.leadpage footer img {
    max-width: 300px;
}
.leadpage footer img ~ div {
    display: none;
}
.leadpage .navfooter {
    display: none;
}

.lead-form form label {
    font-size: 14px;
    display: block;
}
.lead-form form input::placeholder{
    font-size: 16px;
}
.lead-form form label {
    display: none;
}
.lead-form form label:has(+ select) {
    display: block;
}