/*
--------
GENERAL
--------
 */
.opc-rootarea > [data-portlet] {
    margin: 16px 0!important;
}
[data-portlet] {
    border: 1px solid #136f63!important;

}
.opc-droptarget {
    color: rgb(122,220,180)!important;
    border: 1px dashed #136f63!important;
    background-color: rgb(122,220,180,0.2)!important;

}

/*html {
    scroll-padding-top:70px;
}*/


/*
--------
INFO LABEL <label><small>Infos here</small></label>
--------
 */


/*
--------
HR LINE
--------
 */


.dzm-hr{
    border-color: var(--primary);
    border-style: solid;
    margin: 1rem auto 1rem 0;
}
.dzm-hr.start{
    margin: 1rem auto 1rem 0!important;
}

.dzm-hr.center{
    margin: 1rem auto 1rem auto!important;
}
.dzm-hr.end{
    margin: 1rem 0 1rem auto!important;
}

.dzm-hr.full-width{
   width: 100%!important;
}

.dzm-hr.primary{
    border-color: var(--primary)!important;
}
.dzm-hr.secondary{
    border-color: var(--secondary)!important;
}
.dzm-hr.info{
    border-color: var(--info)!important;
}
.dzm-hr.danger{
    border-color: var(--danger)!important;
}
.dzm-hr.warning{
    border-color: var(--warning)!important;
}
.dzm-hr.success{
    border-color: var(--success)!important;
}
.dzm-hr.dark{
    border-color: var(--dark)!important;
}
.dzm-hr.light{
    border-color: var(--light)!important;
}




/*
--------
HEADLINE
--------
 */

.dzm-hl-wrapper.start{
    text-align: start;
}

.dzm-hl-wrapper.center{
    text-align: center;
}

.dzm-hl-wrapper.end{
    text-align: end;
}

/*
.dzm-hl-wrapper h1, .dzm-hl-wrapper h2, .dzm-hl-wrapper h3, .dzm-hl-wrapper h4, .dzm-hl-wrapper h5, .dzm-hl-wrapper h6 {
    font-weight: 800 !important;
}
*/





.dzm-divider-sm{
    width: 140px;
    border-color: var(--secondary);
    border-width: 5px;
    margin: 1rem auto 1rem 0;
    border-radius: 3px;

}
.dzm-divider-xs{
    width: 100px;
    border-color: var(--secondary);
    border-width: 2px;
    border-style: solid;
    margin: 1rem auto 1rem 0;
    border-radius: 1px;
}
.dzm-sb-content{
    z-index: 9;
}
.divider-primary{
    border-color: var(--primary)!important;
}
.divider-primary-dark{
    border-color: var(--primaryDark)!important;
}
.divider-secondary{
    border-color: var(--secondary)!important;
}


.dzm-titlebar-container{
    padding: 5px 10px;
}
.dzm-titlebar-container .feather{
    height: 13px;
    transform:translateY(-1px);
    color:var(--primary);
}


/*
--------
DZMProductStream
--------
 */
.opc-area .opc-ProductStream img {
    max-width: 100%;
}
.dzm-ps-style-card .productbox-inner .row > div.col-12:nth-child(2) {
    padding: 1rem 2rem;
}

    .dzm-ps-track{
    padding: 50px 0;
}
.dzm-ps-item-wrapper{
    display: flex;
    flex-grow: 1;
}

.dzm-ps-item-wrapper .square-image .inner img {
    width: 100%;
    height: 100%;
}

.item-slider.productbox-image.square.square-image {
    max-height: 100%;
}

.dzm-ps-style-bordered .splide__slide{
    border-left: 1px solid #e0e0e0;
}



.dzm-ps-style-bordered .is-active {
    border-left: 1px solid transparent!important;
}

.dzm-ps-style-bordered .is-active > .dzm-slider-card {
    border-left: 1px solid transparent!important;

}

.dzm-ps-style-card .dzm-ps-item-wrapper > div{
    box-shadow: 0px 10px 1rem rgb(0, 0, 0, 0.04);
}

.dzm-ps-style-card .dzm-slider-card{
    box-shadow: 0px 10px 1rem rgb(0, 0, 0, 0.04);
}


.dzm-ps-item-desc{
    flex-grow: 1;
}

.dzm-ps-item-desc:has(p:empty)  {
    display: none;
}

.dzm-ps-item-content-container{
    /*flex-grow:1;*/
    flex-grow: 0 !important;
    display: flex;
    flex-direction: column;
    text-align: center;
}
.dzm-ps-style-card .dzm-ps-item-content-container{
    padding: 1rem;
}

.dzm-ps-item-desc{
    flex-grow: 1;
}

.splide__slide img.product-image.img-aspect-ratio{
    display: inline-block;
}


.splide__slide .productbox-inner .row {
    margin-left:0;
    margin-right:0;
}

.splide__slide .productbox-inner .col {
    padding-left:0;
    padding-right:0;
}




/*
--------
DZMProductItemBox
--------
 */

.dzm-ps-item-wrapper > * {
    width: 100%;
}

/*

--------
DZMSupportBlock
--------
 */

.dzm-sb-wrapper{
    overflow: hidden;

}

.dzm-sb-img-container{
    background-size: cover!important;
}


.dzm-sb-logo-container{
    height: 100%;
    padding: 50px 100px 50px 50px;
}

.dzm-sb-logo-container > img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.dzm-sb-content-container > img{
    height: 100%;
    position: absolute;
    right: 0;
}

/*
--------
DZMImageButtonBox
--------
 */
.dzm-ibb-image-wrapper > img,
.dzm-tmb-wrapper > img,
.dzm-vb-thumbnail-container > img{
    width: 100%;
    object-fit: cover;
}

.dzm-ibb-wrapper > .dzm-btn-snippet-wrapper{
    transform: translateY(-50%);
    max-width: 80%;
    display: block;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box;
}

.dzm-ibb-wrapper  a {
    z-index: 1;
}

.dzm-ibb-wrapper{
    overflow: hidden;
}

.dzm-ibb-image-wrapper{
    overflow: hidden;
    position: relative;
    transition: all linear 0.2s;

}

.dzm-ibb-image{
    transition: all linear 0.2s;
}

.dzm-ibb-image-wrapper:hover > .dzm-ibb-image{
    transform: scale(1.01);
    transition: all linear 0.3s;
}

.dzm-ibb-image-wrapper::after{
    background-color: black;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0;
    transition: all linear 0.3s;
    content: "";
}

.dzm-ibb-image-wrapper:hover::after {
    opacity: 0.2;
    transition: all linear 0.3s;
}

/*
--------
DZMCategoryBox
--------
 */
.dzm-cb-wrapper{
    overflow: hidden;
    height: 300px !important;
}

.dzm-cb-img-container > img{
    height: 100%;
    width: 100%;
    mix-blend-mode: multiply;
    object-fit: contain;
}

.dzm-cb-content-container{
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 2rem;
}

/*
--------
#Characteristics
--------
 */

.dzm-character-row{
    display: flex;
    margin-top: 3px;
    min-height: 72px;
}
.dzm-character-icon-container{
    margin: 1rem 1rem 1rem 0;
    display: flex;
    align-items: center;
}
.dzm-character-icon{
    width: 40px;
    height: 40px;
    border: 3px solid #463218;
    border-radius: 50%;
    background: #A9C55F;
    overflow: hidden;
}
.dzm-character-icon > img{
    width: auto;
    height: 100%;
    object-fit: cover;
    transform: scale(1.5) translateY(3px);

}


/*
--------
DZMVideoBlock
--------
 */

.dzm-vb-wrapper{
    box-shadow: 0px 25px 40px -10px rgba(0, 0, 0, 0.25);
}
.dzm-vb-playbtn-outer{
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 120px;
    height: 120px;
    border-radius: 50%;
    display: flex;
    background-color: rgba(255,255,255,0.5);
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .3s ease;
}

.dzm-vb-playbtn-inner{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    background-color: rgba(255,255,255,0.75);
    align-items: center;
    justify-content: center;
    transition: all .3s ease;

}
.dzm-vb-playbtn-inner > svg{
    transform: translateX(3px);
    transition: all .3s ease;

}

.dzm-vb-playbtn-outer:hover{
    width: 125px;
    height: 125px;
}
.dzm-vb-playbtn-outer:hover > .dzm-vb-playbtn-inner{
    width: 95px;
    height: 95px;
}
.dzm-vb-playbtn-outer:hover svg{
    fill: var(--secondary);
}
.dzm-vb-video-container{
    width: 100%;

}
.dzm-vb-video-container > video,
.dzm-vb-video-container > iframe{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/*
--------
DZMImageTextBox
--------
 */
.opc-area:has(> .dzm-itb-wrapper) {
    display: flex;
    flex-direction: column;
}
.dzm-itb-wrapper{
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

a.dzm-itb-bgi-wrapper {
    text-decoration: none;
}

.dzm-itb-sqr-wrapper{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.dzm-itb-bgi-wrapper{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    position: relative;
}

.dzm-itb-overlay {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    pointer-events: none;
    z-index: 1;
    transition: opacity .2s ease-in-out;
}

.dzm-itb-bgi-wrapper:hover .dzm-itb-overlay {
    opacity: 0 !important;
    transition: opacity .3s ease-in-out;
}

.dzm-itb-bgi-headline {
    transition: all .2s ease-in-out;
}



.dzm-itb-bgi-content  {
    transition: all .2s ease-in-out;
}
.dzm-itb-bgi-content p{
    margin: 0;
}

.dzm-itb-bgi-content:has(p:empty) {
    display: none;
}

 .dzm-itb-bgi-wrapper:hover .dzm-itb-bgi-is-animated .dzm-itb-bgi-content,
 .dzm-itb-bgi-wrapper:hover .dzm-itb-bgi-is-animated .dzm-itb-bgi-headline,
 .dzm-itb-bgi-wrapper:hover .dzm-itb-bgi-is-animated .dzm-itb-content-btn{
     opacity: 0;
    transition: all .3s ease-in-out;
}

.dzm-itb-bgi-wrapper img{

    transition: transform .2s ease, filter .3s ease;
}

.dzm-itb-bgi-wrapper.hover-zoom:hover img{
    transform:scale(1.01);
    transition: transform .2s ease, filter .3s ease;
    filter: brightness(1.02);
}

.dzm-itb-sqr-image-container > img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.dzm-itb-sqr-content-container{
    flex-grow: 1;
    display: flex;
    flex-direction: column;

}
.dzm-itb-bgi-content-container  {
    z-index:1;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.justify-content-evenly {
    justify-content: space-evenly;
}

.dzm-itb-bgi-is-animated {
    transition: transform .4s ease-in-out;
}

.dzm-itb-sqr-content p:empty, .dzm-itb-sqr-content-headline:empty {
    display:none;
}

/*
--------
DZMImageTextBoxWide
--------
*/

.dzm_itb_wide--container::before {
    position: absolute;
    content: '';
    width: 33%;
    left:0;
    height: 100%;
}

.dzm_itb_wide--image-container::before {
    position: absolute;
    content: '';
    width: 50%;
    left:0;
    height: 100%;
    z-index: 1;
}

.dzm_itb_wide--image-container img {
    z-index: 2;
    position: relative;
    object-fit: contain;
    min-height: 250px;
}

@media screen and (max-width: 991px) {
    .dzm_itb_wide--container::before {
        display:none;
    }

    .dzm_itb_wide--image-container::before {
        position: absolute;
        content: '';
        width: 100%;
        top:0;
        background-color:#084B31;
        height: 50%;
        z-index: 1;
    }
}

@media screen and (min-width: 2560px) {
    .dzm_itb_wide--container::before {
        display: none;
    }

    .dzm_itb_wide--content-container {
        padding:0 55px;
    }
}

@media screen and (max-width: 2559px) {
    .dzm_itb_wide--content-container {
        padding-left:0;
    }
}

@media screen and (max-width:991px) {
    .dzm_itb_wide--content-container {
        padding-left:2rem;
    }
}


/*
--------
DZMLinkImageBox
--------
 */

.dzm-lib-headline{
    text-decoration: none;
    display: flex;
    justify-content: center;
    margin-bottom: unset;
}



/*
--------
DZMTextBox
--------
 */

/*
--------
Titlebar
--------
 */
.dzm-tb-container{
    padding: 1rem 2rem;
}

/*
--------
DZMQualityListBox
--------
 */

.dzm-qlb-wrapper{
    overflow: hidden;
}

.dzm-qlb-list-container{
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    gap:15px;
}
.dzm-qlb-list-container span{
    display: block;


}

.dzm-qlb-img-container img{
    width: 100%;
    height: auto;
    object-fit: contain;
}


.dzm-qlb-list-container i {
    min-width: max-content;
    max-width: max-content;
    padding-right: 5px;
    transform: translateY(4px) !important;
}
/*
--------
DZMLOGOSlider
--------
 */
.dzm-ls-slider img{
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.dzm-ls-is-gray .dzm-opcis-content-wrapper{
    filter: grayscale(1);
    transition: filter ease-in-out 0.4s;
    mix-blend-mode: multiply;
}

.dzm-ls-is-gray .dzm-opcis-content-wrapper img{
    mix-blend-mode: multiply;
}

.dzm-ls-is-gray .dzm-opcis-content-wrapper:hover{
    filter: unset;
}

.dzm-ls-slider .dzm-opcis-content-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
}

.dzm-ls-slider .splide__arrow {
    align-items: center;
    background: #ffffff80;
    border: 0;
    border-radius: unset;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 4em;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1em;
    z-index: 1;
}
.dzm-ls-slider .splide__arrow svg {
    color:#545454;
}
.dzm-ls-slider .splide__arrow path {
height: 100%;
}
.dzm-ls-slider .splide__arrow:hover:not(:disabled) {
    opacity: 1;
}
/*
--------
DZMImageSlider
--------
 */


.dzm-opcis-track{
    height: 100%;
}
.dzm-opcis-img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
a.dzm-opcis-link{
    height: 100%;
    display: block;
}
.dzm-opcis-content-wrapper{
    height: 100%;
    position: relative;
    background-size: cover;
}
.dzm-opcis-content-container{
    background: rgba(0,0,0,0.0);
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    /*text-align: center;*/
}
.dzm-opcis-content-container > div > p{
    margin: unset!important;
    font-weight: bold;
}

.dzm-opcis-content-container .h1 {
    font-size: clamp(24px, calc(50 * 100vw / 1200), 50px) !important;
}

.dzm-opcis-content-container .h2 {
    font-size: clamp(16px, calc(50 * 100vw / 1200), 32px) !important;
}



/*
.dzm-is-slide-text{
    color: white;
}

.splide__slide:not(.is-active)  .dzm-is-slide-text{
    opacity: 0;
}
.splide__slide.is-active  .dzm-is-slide-text{
    opacity: 1;
    transition: opacity .3s ease-in;
}*/




/*
.dzm-opcis-track .splide__slide:not(.is-active) {
    filter: brightness(60%);
    transition: filter .4s ease-in-out;
}

.dzm-opcis-track .splide__slide .is-active {
    transition: filter .4s ease-in-out;
    filter: brightness(100%);
}
*/

/*
--------
DZMUSPLine
--------
 */

.dzm-uspl-wrapper hr {
    width:100%;
    margin: 0!important;
}


.dzm-uspl-item span {
    font-weight: 600;
    z-index: 2;
    position: relative;
    white-space:nowrap;
}


.dzm-uspl-wrapper  div[class*="col"]{
    padding: 0!important;
}

/*
--------
DZMFAQ
--------
 */

.dzm-faq-wrapper{
    overflow: hidden;
}

.dzm-faq-question-container:hover{
    cursor: pointer;
}

.dzm-faq-answer-container a{
    margin-top: 1rem;
}

.dzm-faq-style-cross.dropdown-toggle::after, .dzm-faq-style-cross[data-toggle=collapse]:not(.navbar-toggler)::after {
    content: "\f067" !important;
    font-family: 'Font Awesome 5 Free'!important;
    font-weight: 900!important;
}

.dzm-faq-style-cross.dropdown-toggle[aria-expanded=true]::after, .dzm-faq-style-cross[aria-expanded=true][data-toggle=collapse]:not(.navbar-toggler)::after {
    transform: rotate(-45deg);
}
.dzm-faq-style-chevron.dropdown-toggle::after, .dzm-faq-style-chevron[data-toggle=collapse]:not(.navbar-toggler)::after {
    content: "\f078" !important;
    font-family: 'Font Awesome 5 Free'!important;
    font-weight: 900!important;
}

.dzm-faq-style-cross.dropdown-toggle[aria-expanded=true]::after, .dzm-faq-style-cross[aria-expanded=true][data-toggle=collapse]:not(.navbar-toggler)::after {
    transform: rotate(-45deg);
}
/*
--------
DZM Grid
--------
 */
.dzm-gr-track{
    padding: 0 0 0 0;
    height: 100%;
}

.dzm-grid-wrapper .dzm-ps-item-wrapper{
    padding: unset !important;
}



/*
--------
DZM Grid Item
--------
 */

.dzm-gi-card {
    height: 100%;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding: 1rem 1.5rem;
    transition: all .2s ease-in-out;
}

.dzm-gi-card:hover h2 {
    color:var(--secondary);
}

.dzm-gi-card:hover {
    transform:translateY(-5px);
    transition: all .2s ease-in-out;
}

.dzm-gi-card:hover .dzm-gi-sqr-image-container {
    transform: translateY(10px);
    transition: all .2s ease-in-out;
}

.dzm-gi-sqr-image-container {
    transition: all .2s ease-in-out;
}

.dzm-gi-card h2 {
    transition: color .4s ease-in-out;
}

.dzm-gi-card:hover h2 {
    color: var(--secondary) !important;
    transition: color .2s ease-in-out;
}

.dzm-gi-headline{
    margin-bottom: unset;
}

.dzm-gi-sqr-image-container > img {
    aspect-ratio: 1 / 1;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: contain;
}

.dzm-gi-sqr-image-container {
    flex-shrink: 1;
    min-height: 0;
}

/*
--------
DZM Icon Line
--------
 */

.dzm-il-wrapper hr {
    width:100%;
    margin: 0!important;
}



/*
--------
DZM Customer Rating Box
--------
 */

.dzm-crb-wrapper{
    overflow: hidden;
}


.dzm-crb-content-container{
    display: flex;
    flex-direction: column;
}




/*
--------
DZM Compare Slider
--------
 */
/*.icv{position:relative;overflow:hidden;cursor:row-resize}.icv__icv--vertical{cursor:row-resize}.icv__icv--horizontal{cursor:col-resize}.icv__img{pointer-events:none;-o-user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;max-width:none;width:100%;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;top:0;display:block}.icv__is--fluid .icv__img{display:none}.icv__img-a{height:auto;position:static;z-index:1;left:0px}.icv__img-b{height:100%;position:absolute;z-index:2;left:auto;right:0px;width:auto}.icv__icv--vertical .icv__img-b{width:100%;height:auto}.icv__imposter{z-index:4;position:absolute;top:0px;left:0px;width:100%;height:100%}.icv__wrapper{position:absolute;width:100%;height:100%;right:0px;top:0px;overflow:hidden;background-size:cover;background-position:center center;z-index:3}.icv__is--fluid .icv__wrapper,.icv__icv--vertical .icv__wrapper{width:100% !important}.icv__is--fluid .icv__wrapper,.icv__icv--horizontal .icv__wrapper{height:100% !important}.icv__fluidwrapper{background-size:cover;background-position:center;position:absolute;top:0;left:0;width:100%;height:100%}.icv__control{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;top:0px;z-index:5}.icv__icv--vertical .icv__control{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;left:0;width:100%}.icv__control-line{height:50%;width:2px;z-index:6}.icv__icv--vertical .icv__control-line{width:50%}.icv__theme-wrapper{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;-webkit-transition:all 0.1s ease-out 0s;transition:all 0.1s ease-out 0s;z-index:5}.icv__icv--vertical .icv__theme-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.icv__arrow-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.1s ease-out 0s;transition:all 0.1s ease-out 0s}.icv__arrow-a{-webkit-transform:scale(1.5) rotateZ(180deg);transform:scale(1.5) rotateZ(180deg);height:20px;width:20px;-webkit-filter:drop-shadow(0px 3px 5px rgba(0,0,0,0.33));filter:drop-shadow(0px -3px 5px rgba(0,0,0,0.33))}.icv__arrow-b{-webkit-transform:scale(1.5) rotateZ(0deg);transform:scale(1.5) rotateZ(0deg);height:20px;width:20px;-webkit-filter:drop-shadow(0px 3px 5px rgba(0,0,0,0.33));filter:drop-shadow(0px 3px 5px rgba(0,0,0,0.33))}.icv__circle{width:50px;height:50px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;border-radius:999px}.icv__label{position:absolute;bottom:1rem;z-index:12;background:rgba(0,0,0,0.33);color:white;border-radius:3px;padding:0.5rem 0.75rem;font-size:0.85rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.icv__label.vertical{bottom:auto;left:1rem}.icv__label.on-hover{-webkit-transform:scale(0);transform:scale(0);-webkit-transition:0.25s cubic-bezier(0.68, 0.26, 0.58, 1.22);transition:0.25s cubic-bezier(0.68, 0.26, 0.58, 1.22)}.icv:hover .icv__label.on-hover{-webkit-transform:scale(1);transform:scale(1)}.icv__label-before{left:1rem}.icv__label-after{right:1rem}.icv__label-before.vertical{top:1rem}.icv__label-after.vertical{bottom:1rem;right:auto}.icv__body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
*/

.dzm-cs-wrapper {
    overflow: hidden;
}

.dzm-cs-label-no .icv__label{
    background-color: unset;
}
.dzm-cs-label-primary .icv__label{
    background-color: var(--primary);
}
.dzm-cs-label-secondary .icv__label{
    background-color: var(--secondary);
}
.dzm-cs-label-warning .icv__label{
    background-color: var(--warning);
}
.dzm-cs-label-danger .icv__label{
    background-color: var(--danger);
}
.dzm-cs-label-info .icv__label{
    background-color: var(--info);
}
.dzm-cs-label-success .icv__label{
    background-color: var(--success);
}
.dzm-cs-label-dark .icv__label{
    background-color: var(--dark);
}
.dzm-cs-label-light .icv__label{
    background-color: var(--light);
}

/*
--------
DZMVideoHero
--------
 */

.dzm-container {
    max-width: 1218px;
    margin: 0 auto;
}

div#dzm-videoTitle-video-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 1;
}

video#dzm-videoTitle-backgroundvideo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.video-overlay {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    pointer-events: none;
    z-index: 3;
}

video#dzm-videoTitle-backgroundvideo::before{

}

div#dzm-videoTitle-textcontainer {
    top: 50%;
    position: absolute;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    color: white;
    display: flex;
    z-index: 5;
    align-items: center;
}
@media(max-width:768px){
    div#dzm-videoTitle-textcontainer{
        top: 0;
        transform: translateY(0%);
        bottom: 0;
        flex-direction: column;
        justify-content: space-evenly;
    }

    .dzm-videoTitle-text{
        gap: 1rem;
    }
}
.dzm-videoTitle-text{
    transition: all 0.5s ease-in-out;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.dzm-videoTitle-text p {
    color:var(--font-primary-light);
}

.dzm-videoTitle-play {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s ease-in-out;
}
.dzm-videoTitle-play > svg {
    margin: 10px;
    padding: 10px;
    cursor: pointer;
    width:80px;

}

/*
button.dzm-videoTitle-button {
    background-color: #C1002A;
    border: unset;
    border-radius: 5px;
    padding: 15px 25px;
    min-width: 200px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
    box-shadow: #0000003D 0 12px 24px;
}
*/

span.dzm-videoTitle-header {
    font-size: clamp(1rem, 10vw, 3.3rem);
    line-height: 1;
    font-weight: bold;
    text-transform: uppercase;
}

.dzm-videoTitle-contentText {
    font-size: clamp(0.25rem, 20vw, 1rem);
}

.dzm-videoTitle-playText {
   /* color:var(--font-primary-light);*/
    font-weight: 500;
    font-size: 1.2rem;
    cursor: pointer;
}

.dzm-videoTitle-text .dzm-btn-snippet-wrapper{
    width: unset !important;
    display: unset !important;
}


@media (max-height:1000px) {
    .dzm-videoTitle-text p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3 !important;
    }
}



/*
.dzm-videoTitle-playText {
    background: linear-gradient(
            0deg
            , rgba(193,0,42,1) 32%, rgba(43,45,65,0) 32%);
} */

.dzm-videoTitle-mainvideo-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    bottom: 100%;
    transition: all 0.5s ease-in-out;
    z-index:6;
}

video#dzm-videoTitle-mainvideo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dzm-videoTitle-mainvideo-controllcontainer{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: var(--font-primary-light);
    display: flex;
    justify-content: space-around;
}

.dzm-video-close{
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 2;
    color: white;
    font-size: 20px;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    opacity: 0.5;
    background-color: grey !important;
}
.dzm-video-close:hover{
    background-color: #343a40CC;
    color: white;
}

@media (min-width:789px){
    .dzm-videoTitle-text {
        max-width: 60%;
    }
}
/* Mobile */

@media (max-width:1024px) {
    .dzm-videoTitle-text {
        text-align:center;
        margin-top: 1rem;
    }

    .dzm-videoTitle-text p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
    }

    .dzm-videoTitle-playText{
        margin-right: 10px;
    }

    .dzm-videoTitle-play > svg {
        height:60px;
        width:60px;
        /*margin-left:0;*/
    }
}

/*
--------
DZMContentBreaker
--------
 */

.dzm-cbr {
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 35px 0;
    background-color:var(--primary);
    margin: 50px 0;
}

section.dzm-cbr {
    /* max-width: 1920px; */
    margin: 0 auto;
}

.dzm-cbr-content > *{
    color:#fff !important;
}

.dzm-cbr .h6 {
    font-weight: 500;
    font-style: italic;
}

.dzm-cbr a {
    text-decoration: none;
}

.dzm-cbr .h2 {
    margin:0 0 10px 0;
    line-height: 30px;
}

.dzm-cbr .small {
    margin-top: 10px;

}

@media screen and (min-width:2400px) {
    .dzm-cbr {
        max-width: 1408px;
        filter: drop-shadow(0px 10px 40px rgba(0, 0, 0, 0.079));
        margin: 0 1rem;
        border-radius: 5px;
        padding-left:50px;
    }
}

@media screen and (max-width:992px) {
    .dzm-cbr {
        background-image:none !important;
    }
}


/**
-------
DZM ICON BOX
-------
**/
.dzm-ib-boxshadow,
.dzm-pfl-boxshadow,
.dzm-itb-boxshadow
{
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
}

.dzm-circled-number {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 58px;
    height: 58px;
    margin-bottom: 15px;
}
.dzm-circled-number > p{
    font-weight: 800;
    margin: 0;
    padding: 0;
    font-size: 30px;
}

.dzm-circled-number > i {
    margin: 0;
    padding: 0;
    font-size: 25px;
}

/*
--------
DZMButton
--------
 */

.btn-plain-primary{
    color: var(--primary);
}
.btn-plain-secondary{
    color: var(--secondary);
}
.btn-plain-warning{
    color: var(--warning);
}
.btn-plain-danger{
    color: var(--danger);
}
.btn-plain-info{
    color: var(--info);
}
.btn-plain-success{
    color: var(--success);
}
.btn-plain-dark{
    color: var(--dark);
}
.btn-plain-light{
    color: var(--light);
}


/*
--------
DZMPriceFeatureList
--------
 */

#dzm-best-option {
    overflow: hidden;
    z-index: 3;
    background-color:#fff;
    border-radius: 5px;
}

.dzm-pfl-best-option{
    display: inline-block;
    width: 150px;
    text-align: center;
    transform: rotateZ(-45deg);
    color: #fff;
    position: absolute;
    top: 27px;
    left: -32px;
    padding: 3px 9px;
    font-size: .8rem;
    text-transform: uppercase;
    font-weight: 700;
}

@media screen and (max-width:768px) {
    #dzm-best-option {
        overflow: hidden;
        transform: scale(1);
        z-index: 3;
        background-color:#fff;
    }

}


.dzm-pfl-img > img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

ul.dzm-pfl-list-container {
    list-style-type: none;
    padding-inline-start: 0;
    margin-top: 2rem;
}

.dzm-pfl-content {
    background-color:#fff;
    padding: 2rem 0;
}

.dzm-pfl-img{
    overflow:hidden;
}



@media (min-width:991px) {

    #dzm-pfl-optionA {
        margin-right:-25px;
    }

    #dzm-pfl-optionB {
        transform:scale(1.1);
        z-index:3;
    }

    #dzm-pfl-optionC {
        margin-left:-25px;
    }

}




/*
--------
DZMCustomerRatingSlider
--------
 */
.dzm-crs-img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 1rem;
}
.dzm-crs-link{
    height: 100%;
    display: block;
    text-decoration: none;
}
.dzm-crs-content-container{
    max-width: 300px;
    margin: auto;
}

.dzm-crs-content-container img {
    aspect-ratio: 1/1;
    object-fit: cover;
    box-shadow: 0px 4px 10px 0px #00000015;
}
.dzm-crs-content{
    display: flex;
    flex-direction: column;
}

/*
--------
DZMTableOfContent
--------
 */
.dzm-toc-H1{
    text-decoration: none;
}
.dzm-toc-H2{
    text-decoration: none;
    margin-left: 10px;
}
.dzm-toc-H3{
    text-decoration: none;
    margin-left: 20px;
}
.dzm-toc-H4{
    text-decoration: none;
    margin-left: 30px;
}
.dzm-toc-H5{
    text-decoration: none;
    margin-left: 40px;
}
.dzm-toc-H6{
    text-decoration: none;
    margin-left: 50px;
}

/*
--------
DZMSocialShare
--------
 */

.dzm-soshare-item-wrapper {
   gap: 1.2rem;
}

.dzm-soshare-trigger::after {
    display: none !important;
}

/*
.dzm-soshare-trigger-link i {
    transform:translateY(2px);
}
*/

.dzm-soshare-trigger-link i span {
    font-style: normal;

}


.dzm-soshare-trigger-link {
    font-size: .85rem;
}

.dzm-soshare-item-wrapper a[data-url-copy-btn] {
    cursor: pointer;
}

.dzm-soshare-trigger-text {
    font-family: var(--font-family-sans-serif);
    font-weight: 500;
    margin-left:7px;
    transform:translateY(-1px);
    display: inline-flex;
}



/* DZM CUSTOMER SERVICE PORTLET */

div[data-niu-sidebar-customer-service-content-wrapper] {
    padding:15px 35px;
}

.dzm-csup-wrapper picture {
    max-width:100px;
    display: block;
    margin:0 auto;
}

.dzm-csup-wrapper picture img {
    border-radius: 50%;
    aspect-ratio: 1;
    object-fit: cover;
}

.dzm-csup-wrapper .card, .card-body, .card-header {
    background-color: #fff;
    border:none;
}

.dzm-csup-wrapper .card-header {
    border-top: 1px solid #f5f5f5;
    padding:15px 0;
}

.dzm-csup-wrapper .modal-dialog {
    max-width:450px;
}

.dzm-csup-wrapper .modal-content {
    padding:2rem;
}

.dzm-csup-wrapper .dzm-csup-icon {
    padding:10px;
    height:50px;
    aspect-ratio: 1;
    border-radius: 50%;
    box-shadow: 0 0 20px 0 rgba(59, 59, 59, 0.08);
}

.dzm-csup-wrapper .dzm-csup-icon i {
    transform:translateY(3px);
}

.dzm-csup-wrapper [data-toggle="collapse"]::after {
    content: '\f00d' !important;
    font-family: 'Font Awesome 5 Free' !important;
    transform: rotate(45deg);
}

.dzm-csup-wrapper [data-toggle="collapse"][aria-expanded="true"]::after {
    transform: rotate(0deg);
}

.dzm-csup-trigger-wrapper {
    width: fit-content;
    box-shadow: 0 2px 20px rgba(0,0,0,0.15);
    transition:box-shadow .3s ease, transform .2s ease;
}

.dzm-csup-trigger-wrapper:hover {
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    transition:box-shadow .4s ease, transform .4s ease;
    transform:scale(0.99);
}

.dzm-csup-online-status {
    height:15px;
    width:15px;
    border-radius: 50%;
    background-color: var(--success);
    box-shadow: 0 0 18px 0  var(--success);
    display: inline-block;
    position:absolute;
    top:-3px;
    right:-3px;
}

.dzm-csup-trigger-trigger-avatar {


}

.dzm-csup-trigger-trigger-avatar img {
    object-fit: contain;
    max-height: 40px;
   
}

.dzm-csup-avatar img {
    border: 4px solid #f4f4f4;
}


/* DZM MARQUEE PORTLET */

.dzm-marquee-wrapper {
    background-color:#EA4636;
    color:white;
    font-size:14px;
    padding: 7px 0;
}

.dzm-marquee {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;

}

.dzm-marquee-inner {
    display: flex;
    white-space: nowrap;
    will-change: transform;
}

.dzm-marquee-inner:hover .dzm-marquee-content {
    animation-play-state: paused; /* Pause the animation on hover */
}

.dzm-marquee-content, .dzm-marquee-separator {
    display: inline-block;
    white-space: nowrap;
}

@keyframes dzm-marquee {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-100%, 0, 0);
    }
}

.dzm-marquee-content {
    animation: dzm-marquee linear infinite;

}



/*
--------
DZMCategorySlider & DZMCategoryGrid
--------
 */
.dzm-category-card:hover picture > img,
.dzm-category-card-image-overlay:hover {
    transform: scale(1.03);
    transition: transform .3s ease;
}

.dzm-category-card picture > img,
.dzm-category-card-image-overlay {
    transition: transform .1s ease;
}