/* header */


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.master-column-wrapper {
    padding-top: 0;
}

video{    max-width: 100%;}

/* coomon */


@media screen and (min-width: 992px) {

    .container {
    }
}

@media screen and (min-width: 1366px) {

    .container {
        max-width: 95%;
        width: 95%;
    }
}

@media screen and (min-width: 1440px) {

    .container {
        max-width: 90%;
        width: 90%;
    }
}




@media screen and (min-width: 1600px) {

    .container {
        max-width: 1550px;
        width: 1550px;
    }
}

@media screen and (max-width: 1600px) {

    .page.category-page .item-box .buttons {
        flex-wrap: wrap;
    }
}




::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #707070;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #707070;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #707070;
}

:-moz-placeholder { /* Firefox 18- */
    color: #707070;
}

.b-title {
    padding-bottom: 22px;
    position: relative;
    margin-bottom: 50px;
    text-align: left;
}

/* .b-title:after {
    content: "";
    border-bottom: 2px solid #8B8B8B;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    bottom: 0;
    width: 100px;
} */
.b-title h3 {
    font-size: 32px;
    text-align: left;
    color: #000;
    letter-spacing: 1.2px;
}

/* homepage category section */

.homepage-category {
    margin-top: 50px;
    margin-bottom: 50px;
}

.category-box {
    position: relative;
    display: block;
    margin-bottom: 25px;
}

.category-box-img {
    position: relative;
    text-align: center;
}

    .category-box-img img {
        max-width: 100%;
        max-width: 100%;
        width: 100%;
        height: 368px;
        object-fit: cover;
    }

.category-overlay {
    /* background: #313131; */
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    /* opacity: 0.5; */
    background: linear-gradient(170deg, #00000000, #00000060);
}

/* .category-box:hover .category-overlay  {background: linear-gradient(to top, #819b08, #008057);} */
.category-box:after{content:"";position: absolute;left: 0;right: 0;bottom: 0;top: 0;background: linear-gradient(to top, #819b08, #008057);opacity: 0.0; transition: 0.3s;}
.category-box:hover::after{content:"";position: absolute;left: 0;right: 0;bottom: 0;top: 0;background: linear-gradient(to top, #819b08, #008057);opacity: 0.6;}


.category-info {
    position: absolute;
    /* top: 50%; */
    top: 85%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 99;
    /* width: 90%; */
    width: 100%;
    text-align: center;
    color: #fff;
    z-index: 99999;
    transition: 0.3s;
    height: 60px;
}
.category-box:hover .category-info{top: 60%;}

    .category-info h3 {
        color: #fff;
        font-weight: 600;
        letter-spacing: 1.5px;
        word-break: break-word;
        max-width: 90%;
        margin: 0px auto;
    }

.category-button {
    display: inline-block;
    padding: 20px 65px;
    margin-top: 20px;
    color: #fff;
    background: transparent;
    border: 1px solid #fff;
    font-size: 16px;
}


/* indoor-category */
.section-indoor-category {
    margin: 50px 0 100px;
}

.logo-silder {
    position: relative;
}

.logo-box {
    padding: 25px;
}
.logo-box  a{
   cursor:auto;
}

    .logo-box img {
        max-width: 100%;
    }

.logo-silder .owl-dots {
    display: none;
}

.logo-silder .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
    width: 100%;
}

    .logo-silder .owl-nav span {
        font-size: 40px;
        color: #000;
        line-height: 20px;
    }

    .logo-silder .owl-nav button {
        position: absolute;
        top: 50%;
        transform: translateY(-84%);
        width: 40px;
        height: 40px;
        background: whitesmoke !important;
        border-radius: 50px !important;
    }

.logo-silder .owl-prev {
    /* left: -55px; */
    left: 0px;
}

.logo-silder .owl-next {
    right: -55px;
}


/* FOOTER CONTACT */
.section-contact {
    padding: 50px 0;
}

.line-title {
    margin-bottom: 35px;
    position: relative;
    padding-bottom: 7px;
}

    .line-title:after {
        content: "";
        width: 76px;
        height: 2px;
        background: #293133;
        position: absolute;
        bottom: 0;
    }

    .line-title h3 {
        color: #000;
        margin: 0;
        font-size: 32px;
        letter-spacing: 1.5px;
        font-weight: 600;
    }

.form-contact {
}

    .form-contact .form-group {
        margin-bottom: 25px;
        position: relative;
    }

        .form-contact .form-group .form-control {
            height: 55px;
            font-size: 13px;
            padding: 15px;
            border-color: rgb(112 112 112 / 37%);
        }

            .form-contact .form-group .form-control .field-validation-error {
                text-align: left
            }

    .form-contact .required {
        position: absolute;
        top: 0;
        right: -3px;
    }

    .form-contact .form-group textarea {
        height: 529px!important;
    }

.btn-black {
    border: 2px solid #000;
    padding: 15px 35px;
    color: #000;
    font-size: 17px;
}

.contact-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
}

.home-contact-info {
}

.home-contact-info h3 {
    color: #000;
    font-weight: 500;
    letter-spacing: 0.5px;
    font-size: 32px;
    text-align: left;
    margin-top: 0;
    margin-bottom: 24px;
}
.home-contact-info p {
    color: #000;
    margin-bottom: 5px;
    font-size: 16px;
    text-align: left;
    line-height: 24px;
}

.contact-icons {
    margin-top: 10px;
    margin-bottom: 10px;
}

.contact-icon {
}

.c-icon {
    font-size: 40px;
    color: #8B8B8B;
    text-align: center;
    margin-bottom: 7px;
}

.c-icon i {

}

.c-info {
}

.c-info p {
    text-align: center;
    font-size: 12px;
    margin-bottom: 2px;
}

.video-column{
    align-self: flex-end;
}
.office-pic {
    cursor: pointer;
}

.office-pic img {
    max-width: 100%;
    max-height: 300px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    MIN-HEIGHT: 178PX;
}

/* loginModalPopUp css start */

#loginModalPopUp .modal-content {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    padding: 10px;
    border-radius: 0%; /* height: 630px; */
}

    #loginModalPopUp .modal-content .modal-body {
        padding: 0;
    }

#loginModalPopUp .modal-footer {
    padding: 0;
    border: none;
}

#loginModalPopUp .modal-header {
    border: none;
}

    #loginModalPopUp .modal-header button {
        padding: 0;
    }

        #loginModalPopUp .modal-header button .material-icons {
            font-size: 30px;
        }

#loginModalPopUp .modal-content .login-logo {
    padding: 0 0 10px 0;
    margin: 0 auto;
    text-align: center;
}

    #loginModalPopUp .modal-content .login-logo img {
        width: 212px;
        /* height: 123px; */
        margin: 0 auto;
        text-align: center;
        object-fit: contain;
    }

#loginModalPopUp .modal-content .login-inner-form {
    display: block;
    margin: 0 auto;
    border-top: 1px solid #70707066;
    text-align: center;
    width: 346px;
}

#loginModalPopUp .login-inner-form input {
    height: 55px;
    width: 346px;
    font-size: 13px;
    padding: 15px;
    border-color: rgb(112 112 112 / 37%);
    margin: 7px auto;
}

#loginModalPopUp .login-inner-form .login-tilte {
    color: #000000;
    font-size: 17px;
    padding: 30px 0 10px 0;
    font: normal normal 500 17px/20px Blinker;
}

#loginModalPopUp .login-inner-form .login-popup-btn {
    border: 2px solid #293133;
    padding: 15px 35px;
    margin: 20px auto 5px auto;
    color: #000;
    font-size: 17px;
    width: 346px;
    background: #fff;
    font: normal normal bold 17px/20px Blinker;
    letter-spacing: var(--unnamed-character-spacing-0);
}

#loginModalPopUp .login-inner-form .login-span {
    color: #707070;
    font-size: 10px;
    font: normal normal 500 10px/13px Blinker;
    padding: 5px 0;
    display: block;
    text-align: left;
}

#loginModalPopUp .login-inner-form .remember-password {
    display: inline-block;
    margin: 0 auto;
}

    #loginModalPopUp .login-inner-form .remember-password .checkbox-css {
        width: 14px;
        height: 14px;
        float: left;
    }

    #loginModalPopUp .login-inner-form .remember-password .remember-data {
        float: left;
        line-height: 2;
        padding: 0 5px;
        font-weight: 500;
    }

/* loginModalPopUp css close */


/* html-category-page css start */
.html-category-page {
}

    .html-category-page .master-wrapper-page {
        background-color: #F5F5F5;
    }

    .html-category-page .side-2 {
        padding: 10px 0;
        max-width: 20%;
        width: 20%;
        position: relative;
    }

    .html-category-page .center-2 {
        width: 80%;
        padding: 0 15px;
    }

.page.category-page .item-box {
    width: 25%;
    clear: none;
    margin: 0;
    padding: 20px 5px;
    overflow: hidden;
}

    .page.category-page .item-box .product-title {
        min-height: 20px;
        height: 65px;
        overflow: hidden;
        max-width: 100%;
    }

        .page.category-page .item-box .product-title a {
            color: #000000;
            font-size: 14px;
            font-weight: 400;
            text-decoration: none;
            line-height: 21px;
            font-weight: 600;
            margin-bottom: 10px;
            white-space: break-spaces;
        }

    .page.category-page .item-box .product-rating-box {
        display: none;
    }

    .page.category-page .item-box .actual-price.mar,
    .item-box .actual-price.mar{font-size:11px; margin-left: 15px;}
    .page.category-page .item-box .actual-price,
    .item-box .actual-price {
        color: #000000;
        font-size: 14px;
        font-weight: bold;
        display: block;
        margin-bottom: 5px;
        display: flex;
        align-items: center;
        overflow: visible;
    }

    .page.category-page .item-box .product-box-add-to-cart-button,
    .item-box .product-box-add-to-cart-button {
        border: 2px solid #000;
        background-color: #FFFFFF;
        min-height: auto;
        height: auto;
        padding: 7px;
        width: auto;
        font-weight: bold;
        font-size: 10px;
        text-align: center;
        color: #000000;
        /* position: relative; */
        /* top: -39px; */
        margin-bottom: 10px;
        display: block;
        width: 100%;
        margin-bottom: 5px;
        margin-top: 10px;
        text-transform: capitalize;
    }

    .page.category-page .item-box .product-box-add-to-cart-button:hover,
    .item-box .product-box-add-to-cart-button:hover {
        background:black;
        color:#fff;
    }

    

.page.category-page .item-box .product-box-add-to-cart-button:hover,
.item-box .product-box-add-to-cart-button:hover{text-decoration:none}
    .page.category-page .item-box .picture,
    .item-box .picture {
        position: relative;
        transition: 0.3s;
        z-index: 0;
        border: 1px solid #dfdfdf;
        cursor: crosshair;
    }

        .page.category-page .item-box .picture .product-button-div,
        .item-box .picture .product-button-div {
            transition: 0.3s;
            background-color: #27272794;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            display: none;
            padding: 10px 0px;
            align-items: center;
            justify-content: space-evenly;
        }

            .page.category-page .item-box .picture .product-button-div .button-2,
            .item-box .picture .product-button-div .button-2 {
                background-color: transparent;
                background-image: none;
                border-style: none;
                outline: 0;
                text-align: center;
                border: none;
                width: 50%;
                padding: 0px;
                color: #fff;
            }
            .page.category-page .item-box .picture .product-button-div .button-2.alone,
            .item-box .picture .product-button-div .button-2.alone{border:none !important}

                .page.category-page .item-box .picture .product-button-div .button-2:focus,
                .item-box .picture .product-button-div .button-2:focus {
                    outline: 0;
                    border: 0;
                }

                .page.category-page .item-box .picture .product-button-div .button-2:first-child,
                .item-box .picture .product-button-div .button-2:first-child {
                    border-right: 1px solid #d9d9d9;
                    color: #fff;
                    border-left: none !important;
                }

    .page.category-page .item-box:hover .picture .product-button-div
    ,.item-box:hover .picture .product-button-div {
        display: flex;
        z-index: 999999;
    }

    .page.category-page .item-box .buttons,
    .item-box .buttons {
        display: block;
        display: flex;
        align-items: flex-end;
        height: 120px;
    }

    .page.category-page .item-box .quantity-div,
    .item-box .quantity-div {
        width: 100%;
        min-width: 160px;
    }

    .page.category-page .item-box .cart-btn-div,
    .item-box .cart-btn-div {
        float: unset;
        width: 100%;
        display: block;
        text-align: right;
        padding: 0;
    }

    /* .page.category-page .item-box .quantity-div .quantity-div-btn:first-child {
        margin-right: 3px;
    }

    .page.category-page .item-box .quantity-div .quantity-div-btn {
        padding: 2px 4px;
        border: 0;
        border-radius: 100%;
        background-color: #8B8B8B;
        color: #fff;
        font-size: 14px;
        height: 20px;
        width: 20px;
        line-height: 10px;
        padding: 0;
        min-width: 20px;
        min-height: 20px;
    }

        .page.category-page .item-box .quantity-div .quantity-div-btn i {
            font-size: 13px;
            line-height: 20px;
        } */

    /* .page.category-page .item-box .quantity-div div {
        width: 100%;
        margin: 5px auto;
        display: flex;
    } */

    .page.category-page .item-box .quantity-div label {
        color: #000000;
        font-size: 10px;
        padding: 0px 5px 0px 7px;
        width: 81px;
    }

    .page.category-page .item-box .quantity-div input {
        float: right;
        border: none;
        min-width: 25px;
        padding: 0 5px;
        text-align: center;
    }
/* html-category-page css close */

.side-2 .order-subtotal .cart-total-left label {
    font-size: 14px;
    font-weight: 600;
    color: #000;
}

.side-2 .order-subtotal .cart-total-right span {
    font-size: 14px;
    color: #000 !important;
    font-weight: 600;
}

    .side-2 .order-subtotal .cart-total-right span strong {
        font-size: 18px;
        color: #000 !important;
        font-weight: 600;
    }

.side-2 .order-subtotal {
}

    .side-2 .order-subtotal td {
        padding-top: 0px !important;
        padding: 0;
        width: 50%;
    }

.banner-top {
    position: relative;
}

.banner-top-img {
    min-height: 150px; height: 150px;
    background: #f5f5f5;
}

    .banner-top-img img {max-width: 100%;margin: auto;display: table;height: 200px;object-fit: cover;width: 100%;}
   .html-category-page .banner-top-img img{   min-height: 150px; height: 150px;}
   .html-wishlist-page .banner-top-img img{   min-height: 150px; height: 150px;width: 100%;}
   /* .supply-page  .banner-top{display:none} */

.banner-info {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 999;
    min-width: 300px;
}

.banner-title {
}

    .banner-title h3 {
        text-align: center;
        color: #000;
        font-size: 38px;
        margin: 0;
        text-transform: capitalize;
    }

.banner-info .breadcrumb {
    margin: 0;
    color: #000;
    text-align: center;
    background: transparent;
}

    .banner-info .breadcrumb ul {
        margin: 0;
        display: flex;
        justify-content: center;
        width: 100%;
    }

        .banner-info .breadcrumb ul li {
            font-weight: 500;
            display: block;
            display: flex;
            align-items: center;
        }

    .banner-info .breadcrumb strong {
        font-weight: 500;
    }

    .banner-info .breadcrumb ul li .delimiter {
        font-size: 0;
        width: 15px;
        height: 20px;
        /* background: red; */
        text-align: center;
    }

        .banner-info .breadcrumb ul li .delimiter:after {
            content: "\f054";
            font: normal normal normal 14px/1 FontAwesome;
        }

    .banner-info .breadcrumb ul li a {
        color: #000;
        font-weight: 500;
    }

.top-fillters {
    /* height: 100px; */
    background: #ffff;
    position: relative;
}

.left-fillter {
}

.right-fillter {
    display: flex !important;
    justify-content: right;
    float: right;
    align-items: center;
}

.center-fillter {
}

.two-col-wrap {
    padding-top: 50px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.plant-total-info {
}

    .plant-total-info h1 {
        font-size: 14px;
        font-weight: 600;
    }

    .plant-total-info .cart-total {
    }

    .plant-total-info .cart-total {
        border-bottom: 1px solid #70707066;
        padding-bottom: 10px;
        margin-bottom: 10px;
        display: block;
    }

        .plant-total-info .cart-total:last-child {
            border: none;
            border-bottom: 1px solid #ddd;
        }

    .plant-total-info h1 {
    margin-bottom: 5px;
    }

    .plant-total-info tr {
    }

    .plant-total-info td {
        padding: 0px 0 3px !important;
    }

    .plant-total-info label {
        margin: 0;
    }

.product-spec-group {
    margin: 0 !important;
}

    .product-spec-group .title {
        position: relative;
        margin-bottom: 11px;
    }

        .product-spec-group .title:after {
            content: "";
            width: 100%;
            height: 2px;
            background: #eaeaea;
            z-index: 8;
            right: 15px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 0;
        }

        .product-spec-group .title:before {
            content: "";
            height: 30px;
            width: 3px;
            position: absolute;
            left: 0;
            z-index: 99;
            background: #000;
            top: 50%;
            transform: translateY(-50%);
            z-index: 99;
        }

        .product-spec-group .title strong {
            font-size: 14px;
            position: relative;
            z-index: 9;
            background: whitesmoke;
            padding: 0 15px 0 15px !important;
            color: #000;
        }

    .product-spec-group .item {
    font-size: 12px;
    }

        .product-spec-group .item label {
            margin: 0;
            color: #000;
            font-weight: 500;
            margin-left: 5px;
        }

        .product-spec-group .item input {
        /* position: relative; */
        /* top: 3px; */
        }

.price-input {
    display: flex;
    margin-bottom: 14px;
}

.p-input { /* width: 50px; */
    margin-right: 15px;
}

    .p-input input {
        width: 50px;
        border: none !important;
        pointer-events: none;
    }

.abc-fiilter {
}

    .abc-fiilter table {
    }

    .abc-fiilter tr {
    }

        .abc-fiilter tr td {
            text-align: center;
            border: 2px solid #000;
        }

            .abc-fiilter tr td a {
                display: block;
                padding: 5px 12px;
                transition: 0.3s;
                width: 15px;
                height: 30px;
                color: #000;
                font-weight: 500;
                font-size: 11px;
                margin: auto;
                text-align: center;
                padding: 0;
                line-height: 30px;
            }

                .abc-fiilter tr td a:hover {
                    text-decoration: none;
                    font-weight: 700;
                    color: #000;
                }

.ui-widget.ui-widget-content {
    border: none;
    /* height: 7px; */
    background: #ffffff;
    border-radius: 0;
    display: block;
    box-shadow: 0 3px 3px #ddd;
    border-top: 1px solid #666666;
    right: 0;
    width: 100% !important;
    left: 0 !important;
    top: 40px !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    background: #8B8B8B;
    border: none;
    border-radius: 100%;
    width: 16px;
    height: 16px;
}

.ui-slider .ui-slider-range {
    background: #293133;
    border: none;
    height: 6px;
}

.pro-head-wrap {
    display: flex;
    justify-content: space-between;
}

.pro-col {width: 100%;max-width: 45%;overflow: visible;}

.pro-col-2 {max-width: 55%;text-align: right;height: 150px;}

.pro-col .product-title {
}

    .pro-col .product-title a {
    }

.pro-info {
    text-align: right;
}

    .pro-info ul {
    }

        .pro-info ul li {
        white-space: nowrap;
        display: flex;
        justify-content: space-between;
        margin-bottom: 5px;
        }

            .pro-info ul li label {
                margin: 0;
                font-weight: 600;
                color: #707070;
                margin-right: 3px;
                /* width: 120px; */
                text-align: right;
                font-size: 12px;
                flex: 0 0 50%;
                white-space: break-spaces;
            }

            .pro-info ul li span {
                color: #707070;
                font-size: 11px;
                white-space: normal;
                flex: 0 0 50%;
            }
            .pro-info ul li span b{
    display: block;
    font-weight: 400;
}

.actual-price b {
    font-size: 9px;
    color: #707070;
    /* white-space: nowrap; */
    overflow: visible;
    font-weight:400;
}
.actual-price i{
    font-style: normal;
    white-space: nowrap;
    margin-right: 6px;
}
.advies-price-margin {
    font-weight: 400;
} 
/* cart page */

.table-header {
    display: flex;
    justify-content: space-between;
    margin: 70px 0 20px;
}

.th-left {
}

.th-box {
}

    .th-box label {
        color: #000;
        font-weight: 500;
        margin: 0 15px 0 0;
    }

    .th-box input {
    }

    .th-box select {
        width: 329px;
        border: 1px solid #000;
        color: #000;
        height: 35px;
        padding: 0 15px;
        max-width: 100%;
    }

.th-right {
}

.th-box-2 {
}

    .th-box-2 label {
        color: #000;
        margin: 0;
        margin-right: 15px;
    }

    .th-box-2 input {
        border: none !important;
        background: #F5F5F5;
        height: 34px;
        padding-left: 15px;
    }

    .table-scroll-wrap{overflow: auto;}
    .table-scroll-wrap::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.table-scroll-wrap::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
    height:8px
}

.table-scroll-wrap::-webkit-scrollbar-thumb
{
	background-color: #666666;
	border: 2px solid #666666;
}

.flex-table {
    margin-bottom: 16px;
    border-bottom: 1px solid #ddd;
    min-width: 1440px;
    padding-top: 50px;
}

.flex-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.row-body-head {
    border-left: 1px solid #ddd;
    padding-left: 15px;
    border-right: 1px solid #ddd;
    padding-right: 15px;
    padding: 20px 15px;
    border-bottom: 1px solid #ddd;
    position: relative;
}

.flex-row.row-head {
}

    .flex-row.row-head .flex-col {
        border: 1px solid rgb(112 112 112 / 0.3);
        text-align: center;
        align-items: stretch;
        width: 25%;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        border-right: 0;
        flex-direction: column;
    }

        .flex-row.row-head .flex-col:first-child {
            width: 300px;
            min-width: 300px;
        }

        .flex-row.row-head .flex-col:last-child {
            border-right: 1px solid rgb(112 112 112 / 0.3);
        }

        .flex-row.row-head .flex-col h1 {
            font-size: 23px;
            margin: 0;
        }

        .flex-row.row-head .flex-col h2 {
            font-size: 14px;
            text-align: center;
            margin: 2px 0;
            width: 100%;
        }

.flex-row .row-body-head {
}

.flex-row .row-body-head {
}

.row-body-head .flex-col.name {
    display: block
}

.flex-name-box {
    display: flex;
    width: 300px;
    max-width: 300px;
    align-items: center;
}

.f-name {
}

    .f-name h3 {
        font-size: 14px;
        font-weight: 600;
        margin: 0;
        text-align: left;
    }

.flex-btn {
    margin-right: 15px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    color: #fff;
    background: #8B8B8B;
    border: none;
    transition: 0.3s;
}

    .flex-btn:focus {
        outline: none;
    }

.flex-col.name img {
    max-width: 80px;
}

    .flex-col.name img h1 {
    }

.flex-col {
}

.f-pic {
    display: none
}

.row-body-head .flex-col.last {
    display: flex;
    width: 230px;
    justify-content: space-between;
    text-align: right;
    align-items: center;
}

.fcl {
}

.fcl-box {
    align-items: center;
    display: flex;
}

    .fcl-box span {
        background: #f5f5f5;
        width: 50px;
        text-align: center;
        margin-right: 11px;
        height: 30px;
        line-height: 30px;
        color: #000;
    }

    .fcl-box label {
        margin: 0;
    }

.fcl label {
    margin: 0;
    color: #000;
}

.fcl h3 {
    margin: 0;
    font-size: 17px;
}


.open-row .flex-btn {
    /* transform: rotate(180deg); */
    min-width: 30px;
    height: 30px;
    line-height: 46px;
    background: transparent;
    color: #890000;
    width: 100%;
}
.open-row .flex-btn.flex-update-btn{color: #8b8b8b;}
.open-row .flex-btn.flex-update-btn.update-green{color: #fff;background: #63c544;width: 25px;margin: 0;height: 31px;animation: glowing 1300ms infinite;}


.open-row .f-pic {
    display: block;
    position: relative;
    top: -14px;
} 
.html-wishlist-page .f-pic{   top: 0;}

    .open-row .f-pic img {
        display: block;
    }

.open-row .f-name {
    max-width: 150px;
    margin-left: 10px;
    position: relative;
    top: -10px;
}
.html-wishlist-page .f-name{top: 0px;}

.open-row .flex-col.last {
    display: none;
}

.row-body-head .flex-col {
    display: none;
}

.open-row .flex-col {
    display: block;
    width: 25%;
    text-align: center;
    position: relative;
    padding: 5px;
}

.flex-saprator {
    width: 50px;
    display: table;
    margin: auto;
    margin: 5px auto;
    height: 1px;
    background: #ddd;
}

.flex-col h3 {
    font-size: 14px;
    margin: 0;
}

.flex-col h4 {
    background: #f5f5f5;
    font-size: 12px;
    display: block;
    width: fit-content;
    margin: 0;
    margin: auto;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    margin: 0 5px;
    min-width: 70px;
}

.flex-col select {
    background: #f5f5f5;
    border: none;
    color: #000;
    width: 100px;
    display: table;
    margin: auto;
}

.det-btn {
    border: 2px solid #000;
    background-color: #FFFFFF;
    min-height: auto;
    height: auto;
    padding: 7px;
    width: auto;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
    color: #000000;
    /* position: relative; */
    /* top: -39px; */
    display: block;
    margin-bottom: 4px;
    width: 100%;
}
.det-btn i{display:none}
.det-btn:hover{text-decoration:none;color:#000}

.flex-col.qty {
    width: 230px !important;
    min-width: 230px;
}



.flex-qty-wrap {
    float: unset;
    width: 100%;
    display: inline-block;
    min-width: 180px;
    display: flex;
    align-items: center;
    margin-bottom: 3px;
}

    /* .flex-qty-wrap .quantity-div-btn:first-child {
        margin-right: 7px;
    }

    .flex-qty-wrap .quantity-div-btn {
        padding: 2px 4px;
        border: 0;
        border-radius: 100%;
        background-color: #8B8B8B;
        color: #fff;
        font-size: 16px;
        height: 25px;
        width: 25px;
        line-height: 29px;
        padding: 0;
        min-width: 25px;
        min-height: 25px;
    }

        .flex-qty-wrap .quantity-div-btn i {
            font-size: 16px;
            line-height: 1.2;
        } */

    /* .flex-qty-wrap div {
        width: 100%;
        margin: 5px auto;
        display: flex;
    } */

    .flex-qty-wrap label {
        color: #000000;
        font-size: 10px;
        padding: 3px 5px 0px 7px;
        width: 81px;
    }

    .flex-qty-wrap input { /* float:right; */ /* border: none; */
        width: 50px;
        border: none !important;
        background: #f5f5f5;
        text-align: center;
        padding: 0 !important;
        height: 30px !important;
    }


.cart-det-wrap {
    display: flex;
    justify-content: space-between;
    /* margin: 0 -15px; */
}

.left-cat-det {
    width: 60%;
    text-align: left;
    padding: 0 15px;
    padding: 0;
}

.right-cat-det {
}

    .right-cat-det .totals {
    }

.plant-total-info {
    /* border-right: 1px solid #ddd; */
}

.right-cat-det .total-info {
    text-align: right;
    background: #f5f5f5;
    padding: 20px 35px;
    width: 300px;
    float: right;
    margin-bottom: 15px;
}

    .right-cat-det .total-info .cart-total {
    }

    .right-cat-det .total-info .cart-total-left {
    }

    .right-cat-det .total-info .cart-total-right table {
    }

    .right-cat-det .total-info .cart-total-left label {
    }

    .right-cat-det .total-info .cart-total-right span {
    }

    .right-cat-det .total-info .cart-total-right {
    }

.right-cat-det .plant-total-info {
    display: flex;
    BACKGROUND: whitesmoke;
    padding: 30px 15px;
    justify-content: space-between;
    /* margin: 0 -15px; */
    align-items: stretch;
    width: 530px;
    float: right;
    margin-bottom: 18px;
    border: none;
}

    .right-cat-det .plant-total-info .in-out-box {
        width: 48%;
        /* border-right: 1px solid #ddd; */
        padding: 0 15px;
    }

        .right-cat-det .plant-total-info .in-out-box:last-child {
            border: none;
        }

        .right-cat-det .plant-total-info .in-out-box h1 {
            margin-bottom: 15px;
        }

.in-out-saprator {
    width: 1px;
    background: #ddd;
    display: block;
}

.right-cat-det .plant-total-info .in-out-box table {
    padding: 0;
    padding-left: 10px;
    border: none;
}

.checkout-attributes textarea {
    width: 100%;
    display: block;
    height: 180px;
    max-width: 450px;
}

.checkout-attributes {
    width: 100%
}

.plant-total-info .in-out-box .order-subtotal {
}

    .plant-total-info .in-out-box .order-subtotal .cart-total-left {
        font-size: 16px;
        font-weight: 700;
        padding-top: 15px !important;
        padding-bottom: 0 !important;
    }

    .plant-total-info .in-out-box .order-subtotal .cart-total-right {
        font-size: 16px;
        font-weight: 700;
        padding-top: 15px !important;
        padding-bottom: 0 !important;
    }

    .plant-total-info .in-out-box .order-subtotal .order-subtotal {
    }

    .plant-total-info .in-out-box .order-subtotal .cart-total-left label {
    }

    .plant-total-info .in-out-box .order-subtotal .cart-total-right span {
    }

.order-total .cart-total-left label {
    font-size: 18px;
    font-weight: 600;
    color: #000;
}

.order-total .cart-total-right span {
    font-size: 18px;
    color: #000 !important;
    font-weight: 600;
}

    .order-total .cart-total-right span strong {
        font-size: 18px;
        color: #000 !important;
        font-weight: 600;
    }


.order-total .cart-total-left label {
    font-size: 18px;
    font-weight: 600;
    color: #000;
}

.checkout-buttons {
    clear: both;
    text-align: right;
}

.checkout-button {
    background: transparent;
    width: 160px;
    height: 45px;
    font-weight: 600;
    color: #000;
    letter-spacing: 1px;
    border: 2px solid #000;
}

.print-button {
    background: transparent;
    width: 160px;
    height: 45px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 1px;
    background: #8b8b8b;
    border: 1px solid #8b8b8b;
}
.print-button-new{width: 160px;height: 45px;font-weight: 600;color: #fff;letter-spacing: 1px;background: #8b8b8b;border: 1px solid #8b8b8b;}

#cartPop {}

    #cartPop .close {
        position: absolute;
        right: 15px;
        font-size: 49px;
        color: #8B8B8B;
        z-index: 99;
    }

    #cartPop .modal-content {
        width: 1000px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    #cartPop .modal-body {
    }

    #cartPop .cart-pop-wrap {
        display: flex;
        flex-wrap: wrap;
    }



    #cartPop .cart-pop-img {
        width: 50%;
        max-width: 50%;
        min-width: 50%;
        padding: 0;
        max-height: 480px;
    }

        #cartPop .cart-pop-img img {
            max-width: 100%;
            width: 100%;
            MAX-HEIGHT: 500PX;
            OBJECT-FIT: contain;
        }

.cart-pop-info {
    width: 50%;
    max-width: 50%;
    padding: 10px 15px;
}
.my-account a{text-decoration: underline;}

 #easy_zoom{width:600px;height:400px;	border:5px solid #eee;background:#fff;color:#333;position:absolute;top:60px;left:400px;overflow:hidden;-moz-box-shadow:0 0 10px #777;-webkit-box-shadow:0 0 10px #777;box-shadow:0 0 10px #777;line-height:400px;text-align:center;} 
 .item-box .picture a img.zoomImg{max-width: 350px !important; max-height: 350px !important; object-fit: contain;} 


.cart-pop-price-wrap{display: flex;justify-content: space-between;}
.cart-pop-b2-box{}

.cart-pop-title {
    margin-bottom: 7px;
}

    .cart-pop-title h3 {
        font-size: 16px;
        font-weight: 700;
        margin: 0;
    }

        .cart-pop-title h3 b {
        }

        .cart-pop-title h3 span {
        }

.cart-pop-details {
}

    .cart-pop-details p {
        color: #707070;
        font-weight: 500;
        font-size: 13px;
        line-height: 20px;
    }

.cart-pop-list {
    margin-top: 10px;
}


    .cart-pop-list ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -15px 5px;
    }

        .cart-pop-list ul li {
            width: 100%;
            padding: 0 15px;
            max-width: 100%;
            min-width: 100%;
            color: #707070;
            font-size: 13px;
            margin-bottom: 3px;
        }

            .cart-pop-list ul li b {
                font-weight: 600;
                display: inline-block;
                margin-right: 5px;
                word-break: break-all;
            }

            .cart-pop-list ul li span {
                font-weight: 600;
            }

.cart-pop-footer {
    display: flex;
    margin: 0 -15px;
}

.cp-foot-box-1 {
    padding: 0 15px;
    width: 60%;
    max-width: 50%;
}

.cp-foot-box-2 {
    padding: 0;
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 18px;
}

    .cp-foot-box-2 .cp-foot-btn-1 {
        width: 100%;
        margin-bottom: 5px;
        padding: 10px 0;
        background: #8B8B8B;
        color: #fff;
        border: none;
        max-width: 100%;
        transition:0.3s;
        margin-bottom: 5px;
        margin-right: 3px;
        text-transform: capitalize;
        width: 100%;
    }
    .cp-foot-box-2 .cp-foot-btn-1:hover{
        background:#000
    }

    .cp-foot-box-2 .cp-foot-btn-2 {
        width: 100%;
        background: transparent;
        color: #000;
        border: none;
        padding: 10px 0;
        border: 2px solid #000;
        font-weight: 600;
        max-width: 100%;
        display: block;
        margin: 0px 0;
        text-align: center;
        transition:0.3s;
        margin-bottom: 5px;
        margin-top: 0;
        margin-right: 3px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
    }
.cp-foot-box-2 .cp-foot-btn-2:hover{background:#000;color:#fff;text-decoration:none}

.cart-pop-price {margin-bottom: 15px;}
.cart-pop-price h3.mar{ font-size: 13px;margin-left: 16px;}

.cart-pop-price h3 {font-size: 15px;font-weight: 600;margin: 5px 0;}

.cart-pop-price h3 span {font-size: 11px;color: #70707083;}

.cart-pop-footer .flex-col {
    margin-bottom: 5px;
    /* width: 50% !important; */
    /* max-width: 50%; */
    /* min-width: 50% !important; */
}


.zoom {
    display: inline-block;
    position: relative;
}

    /* magnifying glass icon */
    .zoom:after {
        content: '';
        display: block;
        width: 33px;
        height: 33px;
        position: absolute;
        top: 0;
        right: 0;
        background: url(icon.png);
    }

    .zoom img {
        display: block;
    }

        .zoom img::selection {
            background-color: transparent;
        }

#ex2 img:hover {
    cursor: url(grab.cur), default;
}

#ex2 img:active {
    cursor: url(grabbed.cur), default;
}

.lock-row {
    pointer-events: none;
    opacity: 0.5;
    cursor: crosshair;
}
.Grid_item.lock-row {background: #ddd;pointer-events: all;}
.lock-row:after {content: "";position: absolute;}
.lock-box {opacity: 0.5;}

.order-popup.lock-row ,.locktrue {    background: #e0e0e0;
    pointer-events: none;
    opacity: 0.5;
    cursor: crosshair;
    color: #000;
}

.lock-box.item-box{ opacity: 1; }
.lock-box.item-box .add-info{ cursor: auto; }
.lock-box.item-box .buttons{ pointer-events: auto; }
.lock-box.item-box .buttons .quantity-row.lock-row{ pointer-events: none; }

.add-to-cart-popup-btn{border: 2px solid #000;background-color: #FFFFFF;min-height: auto;height: auto;padding: 7px;width: auto;font-weight: bold;font-size: 10px;text-align: center;color: #000000; margin-bottom: 10px;display: block;width: 100%;margin-bottom: 5px;margin-top: 10px;text-transform: capitalize;}

.lock-box .buttons {pointer-events: none;cursor: crosshair;}
.lock-box .add-info {cursor: not-allowed;}
.cart-total.big {border: none !important;}
.cart-total.big tbody {display: block;width: 100%;}
.big-total {display: flex;width: 100%;justify-content: space-between;}
.big-cart-total-left {font-size: 16px !important;font-weight: 700 !important;letter-spacing: 1px;}

.big-cart-total-right {
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 1px;
    width: 75% !important;
}

.lock-pop .cart-pop-footer {
    cursor: not-allowed;
}

.lock-pop .cp-foot-box-1 {
    opacity: 0.5;
    pointer-events: none;
}
.lock-pop .quantity-div{
    opacity: 0.5;
    pointer-events: none;
}

.lock-pop .cp-foot-box-2 {
    opacity: 0.5;
    pointer-events: none;
}

.plant-total-info.supp-total .in-out-box .total-4 {
    border: none
}

.theme-custom .nivo-controlNav a {
}

.order-table-wrapper {
    margin-top: 40px;
    margin-bottom: 150px;
}

.order-table-header {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 15px;
    justify-content: space-between;
}

.date-selector {
}

    .date-selector select {
        color: #000;
        border: 1px solid #000;
        height: 40px;
        width: 90px;
        margin-right: 15px;
    }

.order-table {
}

.order-table-row {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid #70707038;
    align-items: center;
    flex-wrap: wrap;
}

.order-table-col {
    display: flex;
    align-items: center;
    width: 220px;
}
.order-table-col.last{
    text-align: right;
    justify-content: flex-end;
}

    .order-table-col label {
        font-size: 14px;
        color: #000;
        font-weight: 700;
        margin-right: 10px;
    }

    .order-table-col span {
        color: #707070;
        font-size: 14px;
    }

.ot-btn {
    margin-right: 15px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    color: #fff;
    background: #8B8B8B;
    border: none;
    transition: 0.3s;
}

.ot-info-wrapper {
    width: 100%;
}

.ot-info-box {position: relative;}

.ot-info-wrapper {
    display: none;
}

.open-row .ot-btn {
    transform: rotate(180deg);
    min-width: 30px;
}

.open-row .ot-info-wrapper {
    display: block;
}

.flex-l {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ot-info-wrapper .row-body-head {
    border: none;
    padding: 0;
}

.pdp-wrapper {
}

    .pdp-wrapper .quantity-div {
        margin: 25px 0;
    }

    .pdp-wrapper .pdp-box {
        max-width: 320px;
    }

        .pdp-wrapper .pdp-box td {
            /* padding: 6px 0px; */
            align-items: center;
            vertical-align: middle;
        }

        .pdp-wrapper .pdp-box label {
            color: #000;
            font-weight: 600;
            padding: 5px 0;
        }

        .pdp-wrapper .pdp-box span {
            color: #000;
        }

.title-td b {
    font-size: 16px;
    text-transform: capitalize;
}

.pop-error {
}

    .pop-error p {
        color: #872121;
        background: #ffe2e2;
        padding: 10px 15px;
        margin: 10px 0;
    }

.html-category-page .master-column-wrapper {
    background-color: #f5f5f5;
}

.row-checkbox {
    display: flex;
    flex-wrap: wrap;
}

    .row-checkbox li {
        width: fit-content;
        padding: 0 15px;
    }

@media screen and (max-width: 992px) {
    .form-contact {
        margin-bottom: 30px;
    }

    .contact-info h3 {
        text-align: left;
    }

    .contact-info p {
        text-align: left;
    }

    .container {
        width: 95% !important;
        max-width: 95% !important;
    }

    .theme-custom {
        max-width: 100% !important;
        margin: 0 !important
    }

    .logo-silder .owl-prev {
        left: 0
    }

    .logo-silder .owl-next {
        right: 0
    }
}

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 480px) {
}

span.delimiter font {
    display: none;
}

.side-2 span.close {
    width: 100%;
    text-align: right;
    cursor: pointer;
    display:none;
}

.fliter-menu {
    display: none;
}
#home-banner-slider{
    position: relative;
}
.owl-nav {
    display: flex;
    align-items: center;
    margin-top: 0 !important;
    position: absolute;
    right: 50px;
    transform: translate(-50px, 50px);
    bottom: 80px;
}
button.owl-prev, button.owl-next{
    width: 45px;
    border: 2px solid #fff !important;
    border-radius: 50px !important;
    width: 50px;
    height: 50px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
button.owl-prev span, button.owl-next span{
    font-size: 32px;
    color: #fff;
    line-height: 0;
    font-size: 48px;
    padding-bottom: 9px;
}



.banner-slider-wrapper {
    position: relative;
    margin-bottom: 70px;
}

.banner-slider {
}

    .banner-slider .item {
    }

.banner-hero--box {
    height: 500px;
    background-size: cover;
    background-position: center center;
}

.banner-info-wapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 9999999;
    width: 880px;
}

.banner-s-info {
    color: #fff;
    text-align: center;
}

    .banner-s-info h1 {
        color: #fff;
        font-size: 66px;
        font-weight: 800;
    }

    .banner-s-info p {
    font-size: 26px;
    font-weight: 600;
    font-style: italic;
    }

    .banner-s-info a {
        color: #fff !important;
        background: #000;
        display: block;
        width: 150px;
        margin: auto;
        height: 50px;
        line-height: 50px;
        font-size: 18px;
    }
        .banner-s-info a:hover {
        color: #fff !important;
        background: #000;
       text-decoration:none;
    }

.banner-slider-wrapper .owl-dots {
    /* display: none; */
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.banner-slider-wrapper .owl-nav {
    position: static;
    /* top: 50%; */
    /* transform: translateY(-50%); */
    /* z-index: 999; */
    /* width: 100%; */
    /* display: flex; */
    /* justify-content: space-between; */
    /* max-width: 97%; */
    /* margin: auto; */
    /* left: 50%; */
    /* width: 97%; */
    /* transform: translateX(-50%); */
    /* z-index: 0; */
    display: block;
}

    .banner-slider-wrapper .owl-nav span {
        font-size: 44px;
        color: #000;
        line-height: 20px;
    }

    .banner-slider-wrapper .owl-nav button {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        background: whitesmoke !important;
        border-radius: 0;
        border: none;
        top: 50%;
        z-index: 999999;
        opacity: 1;
    }

.banner-slider-wrapper .owl-prev {
    left: 50px;
}

.banner-slider-wrapper .owl-next {
    right: 50px;
}
.banner-slider-wrapper  .owl-theme .owl-dots .owl-dot span{color: #fff !important;background: #fff !important;}
.banner-slider-wrapper  .owl-theme .owl-dots .owl-dot.active span, .banner-slider-wrapper  .owl-theme .owl-dots .owl-dot:hover span{
    color: #000 !important;
    background: #000 !important;
    border: 2px solid #fff;
}

.quick-view-btn{
    position: absolute;
    top: 0;
    left: 0;
    /* transform: translate(-50% ,-50%); */
    z-index: 999;
    right: 0;
    bottom: 0;
    background: rgb(255 252 252 / 54%);
    transform: scale(0);
    opacity: 0;
    transition: 0.3s;
    cursor: pointer;
}
.quick-view-btn .btn{}
.qv-btn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 999999;
    /* background: #000; */
    color: #fff;
    font-size: 28px;
    background: #16151554;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 70px;
    border-radius: 100%;
}
.ban-icon{max-width: 500px;margin: auto;}
.bsi-wrap{display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}
.bsi-right{text-align: center;}
.bsi-left{text-align: left;margin-right: 20px;width: 100%;text-align: center;}
.qv-btn i{font-size: 31px;}
.item-home:hover .quick-view-btn{transform: scale(1);
    opacity: 1;}

    .dropdown {
        position: relative;
        font-size: 14px;
        color: #333;
      }
      .dropdown .dropdown-list {
        padding: 12px;
        background: #fff;
        position: absolute;
        top: 30px;
        left: 2px;
        right: 2px;
        box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.15);
        transform-origin: 50% 0;
        transform: scale(1, 0);
        transition: transform .15s ease-in-out .15s;
        max-height: 66vh;
        overflow-y: scroll;
        z-index: 9999;
      }
      .dropdown .dropdown-option {
        display: block;
        padding: 8px 12px;
        opacity: 0;
        transition: opacity .15s ease-in-out;
      }
      .dropdown .dropdown-label {
        display: block;
        height: 32px;
        background: #fff;
        /* border: 1px solid #ccc; */
        padding: 11px 12px;
        line-height: 1;
        cursor: pointer;
        font-size: 11px;
      }
      .dropdown .dropdown-label:before {
        content: "\f078";
       
        float: right;
        font: normal normal normal 14px/1 FontAwesome;
      }
      .dropdown.on .dropdown-list {
        transform: scale(1, 1);
        transition-delay: 0s;
      }
      .dropdown.on .dropdown-list .dropdown-option {
        opacity: 1;
        transition-delay: .2s;
      }
      .dropdown.on .dropdown-label:before {
        content: "\f077";
        font: normal normal normal 14px/1 FontAwesome;
      }
      .dropdown [type="checkbox"] {
        position: relative;
        top: -1px;
        margin-right: 4px;
      }
      

      .html-category-page .modal-backdrop{/* display: none; */}

.pop-image-wrapper{
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    display: none;
    max-width: 300px;
}
.pop-image{}
.pop-image img{max-width: 100%;}

.product-table-wrapper{}
.product-table-wrapper {
    position: relative;
    /* overflow: auto; */
}
.pt-box{
    /* overflow: auto; */
    width: 1200px;
    margin: auto;
    padding-bottom: 250px;
}
.ProductLijst{/* table-layout: fixed; */}
.ProductLijst thead{}
.ProductLijst thead tr{}
.ProductLijst thead tr th{
    font-weight: 400;
    font-size: 12px;
    border-top: 0px;
    text-align: left;
    text-transform: capitalize;
    padding: 10px 5px;
}

.ProductLijst tbody{}
.ProductLijst tbody tr{
    position: relative;
    overflow: visible;
}
.ProductLijst .text-control{
    display: block;
    width: 110px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ProductLijst tbody tr td{padding: 5px;font-size: 12px;max-width: 100px;overflow: visible;white-space: normal;position: relative;vertical-align: middle;transition: 0.3s;}
.ProductLijst tbody tr:hover td{background: #666666;color: #fff;}
.ProductLijst tbody tr td .popup-link img{transition: 0.3s;}
.ProductLijst tbody tr:hover td .popup-link img{transform: scale(1.9);position: relative;z-index: 9999;}
.hidden-img-pop{
    position: absolute;
    width: 250px;
    height: 250px;
    right: 0;
    display: none;
    top: -48px;
    z-index: 9999;
}

.hip-box{
    background: transparent;
    padding: 2px;
}
.hip-box img{
    max-width: 100%;
    border: 1px solid #ddd;
    max-height: 130px;
    object-fit: contain;
    border: 7px solid #fff;
    outline: 4px solid #dddd;
    box-shadow: 0 0 3px #ddd;
}


.ProductLijst tbody tr:hover .hidden-img-pop{/* display: block; */}
.html-order-details-page .flex-col h3{text-align: center;}
.html-order-details-page .flex-qty-wrap p{margin: 0;margin-right: 15px;    }
.home-icon{max-width: 50px;}
.cart-bar{
    background: #ff7a7a;
    padding: 10px 15px;
    text-align: center;
    display: table;
    margin: auto;
    margin-top: 20px;
}
.cart-bar p{
    margin: 0;
    color: #fff;
}
.has-broder{
    margin-bottom: 20px;
}
.has-broder td{border-bottom: 1px solid #ddd;padding-bottom: 10px !important;}
.pad-top td{padding-top: 10px !important;}
.li-dropdown{
}
.li-dropdown-box{
    background: #fff;
    padding: 0 10px;
    margin-left: -5px;
    height: 32px;
    line-height: 30px;
    position: relative;
    margin-left: 5px;
    cursor: pointer;
}
.li-dropdown-box h3{
    font-size: 13px;
    margin: 0;
    line-height: 32px;
    font-weight: 400;
    font-size: 11px;
    font-weight: 600;
}
.li-dropdown-box:after{content: "\f078";float: right;font: normal normal normal 14px/1 FontAwesome;position: absolute;top: 50%;right: 15\px;transform: translateY(-50%);color: #000;}
.block-category-navigation{}
.block-category-navigation .list{
    background: #fff;
    padding: 15px;
    border-top: 1px solid #ddd;
    margin-left: -5px;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
}

.block-category-navigation .list li{}

.open-dropdown .list{
    opacity: 1;
    max-height: 400px;
    overflow: auto;
    visibility: visible;
    }

/*  
   
.scroll-style::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.scroll-style::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.scroll-style::-webkit-scrollbar-thumb
{
	background-color: #000000;
	border: 2px solid #555555;
} 

*/

.item-box .product-item .picture:hover{/* transform: scale(1.2); *//* z-index: 9; *//* overflow: visible; */}
.zoomImg{z-index: 99999;}
/* .flex-row:hover .cart-img-zoom{transform: scale(1.8);} */

.SearchProductName{}
.search-history{position: relative;}
.search-history button{position: absolute;right: 6px;background: transparent;color: #000;border: none;top: 55%;transform: translateY(-50%);}

.search-history button{}
.search-history button span{font-size: 27px;}
.search-history input{border: 1px solid  #000 !important;height: 42px !important;}
.login-pop-link{display: block;color: #000;margin-bottom: 6px;}

#forgetRequestModalPopUp{}
#forgetRequestModalPopUp .form-group{text-align: left;}
#forgetRequestModalPopUp .form-group label{margin-bottom: 5px;color: #000;}
#forgetRequestModalPopUp .form-group input{}
#forgetRequestModalPopUp .form-group textarea{}
#forgetRequestModalPopUp .form-group button{background: #000;color: #fff;border: none;width: 150px;height: 50px;line-height: 50px;display: table;margin: auto;}

.order-input-wrapper{display: table;margin: 0 auto 30px;width: 500px;text-align: center;}
.order-input-wrapper .order-input-box{}
.order-input-wrapper .order-input-box label{
    margin-right: 7px;
}
.order-input-wrapper .order-input-box input{}
.order-input-wrapper .order-input-button button{background: #666666;color: #fff;border: none;padding: 10px 15px;margin: 31px 5px 0;width: 200px;}

.order-input-wrapper .order-input-button a{background: #666666;color: #fff;border: none;padding: 10px 15px;margin: 31px 5px 0;display: inline-block;width: 200px;}
.order-input-wrapper .order-input-button a:hover{text-decoration:none}
.qty-input.flex-qty-wrap{width: 50px;border: none !important;background: #f5f5f5;text-align: center;padding: 0 !important;height: 30px !important;max-width: 50px !important;display: table;min-width: 100px;margin: auto;}
#infoModal{}
#infoModal p{color: #ffff;}
#infoModal .btn-secondary{margin: auto;display: table;}
#infoModal .modal-body{background: #ff8c8c;border: none;}
#infoModal .modal-dialog{top: 33%;}

.read-only{pointer-events: none;}
.excil-btn{border: none;}
.other-bttons .print-button{border: none;margin-left: 15px;height: 30px;font-size: 25px;background: transparent;color: #000;padding: 0;width: 25px;display: inline-block;}
.other-bttons{display: flex;align-items: center;}
.ger-text{color:#2ba805}
.blue-active{background-color: #c7c7f4;}
.blue-active  .qty-input.flex-qty-wrap {background-color: #e6e6ff;}

.left-info-box{
    background: #cef0ce;
    padding: 10px 15px;
    margin-bottom: 30px;
    border: 1px solid #2cd12c;
}
.left-info-title{
    font-size: 16px;
}
.left-info-title h5{
    font-size: 14px;
}
.left-info-title h5 strong{}
.left-info-info{}
.left-info-info p{
    font-size: 12px;
    margin: 0;
    color: black;
}
.Editable-button{width: 40px;margin-right: 15px;}

.cart-pop-info .checkout-attributes{
    margin-top: 3px;
}

.cart-pop-info .checkout-attributes textarea{
    max-width: 100%;
    height: 40px;
    width: 100%;
    margin-top: 3px;
    min-height: 94px;
}
.red-fill{background-color: #f7c4c4 !IMPORTANT;}
.green-tick-btn{background: transparent;border: none;margin-left: 5px;color: #89b964;display: none;position: absolute;z-index: 999;right: 0;}
.product-box-add-to-cart-button i{display: none;}

.html-wishlist-page .flex-table{margin-top: 45px;}
.order-input-button{text-align: center;display: flex;align-items: center;justify-content: center;}

.btn-mob-pop{display: none;}
.mob-text-info{display: block;min-height: 10px;position: absolute;bottom: -16px;height: 34px;left: 75px;}

.mob-wishlist-btn{display: none;}
.mob-text-box{display: none;}

.button-cart-pop{background: transparent;border: none;font-size: 21px;}

    @keyframes glowing {
        0% {
          background-color: #2ba805;
          box-shadow: 0 0 5px #2ba805;
        }
        50% {
          background-color: #49e819;
          box-shadow: 0 0 20px #49e819;
        }
        100% {
          background-color: #2ba805;
          box-shadow: 0 0 5px #2ba805;
        }
      }

@media screen and (min-width: 1200px) {

    .flex-row:hover .hidden-img-pop{display: block;}
    .freez-left-wrapper.stuck {position:fixed;top:0;height: 100vh;overflow-y: auto;padding-top: 170px;max-width: 290px;width: 100%;}
    .freez-left-wrapper {}
    .freez-box{padding-right: 15px;}
    .freez-left-wrapper.stuck-disabled{position: absolute;bottom: 50px; top: auto;}
    /* .html-search-page  .freez-left-wrapper.stuck-disabled{position: absolute;bottom: 50px; top: auto; position: static;} */
    .is-ready:hover .pro-pic:after {content:"";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #ffffff;}
    /* .html-search-page    .freez-left-wrapper.stuck{padding-top: 200px;} */
}

@media only screen and (min-width: 1200px) and (max-width: 1440px) {
    .freez-left-wrapper.stuck{    max-width: 230px;}
}

.modal-dialog{top: 25%;}

.html-category-page  .page.category-page .sub-category-grid .item-box {font-size: 14px;padding: 0;text-align: left;}
.html-category-page .sub-category-grid .sub-category-item h2.title a{text-align: left;background: transparent;font-size: 14px;padding: 0 10px;font-weight: 600;}
/* .html-category-page.c11 .sub-category-grid , .html-category-page.c4 .sub-category-grid{min-height: 600px;} */
.html-category-page.c11 .freez-left-wrapper, .html-category-page.c4 .freez-left-wrapper  {/* position: static !important; *//* height: auto; *//* padding-top: 0; *//* max-width: 100%; */}


.contact-wrap .pop-error{}
.contact-wrap .pop-error p{position: fixed;left: 0;right: 0;z-index: 999;bottom: -10px;}
.contact-wrap .pop-error{}

.contact-wrap .pop-green{}
.contact-wrap .pop-green p{position: fixed;left: 0;right: 0;z-index: 999;bottom: -10px;background-color: #94ca56;padding: 15px 15px;color: #fff;}
.contact-wrap .pop-green{}

#forgetRequestModalPopUp .modal-title{font-size: 24px;font-weight: 600;}
tr.order-popup:hover td{background-color: #f9f9f9; cursor: pointer;}

#forgetRequestModalPopUp{}
#forgetRequestModalPopUp .modal-dialog{    width: 800px;max-width: 800px;}
#forgetRequestModalPopUp .form-group{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
#forgetRequestModalPopUp .form-group label{
    width: 170px;
    text-align: right;
    padding-right: 15px;
}
#forgetRequestModalPopUp .form-group .form-control{
    width: 65%;
}
#forgetRequestModalPopUp .modal-body{background-color: #f9f9f9;}

.easyzoom-notice{display: none;}
.team-grid-title{}
.team-grid-title h3{font-size: 26px;margin-top: 29px;text-align: left;margin-bottom: 10px;}
.team-info {}
.team-info  ul{padding: 0 !important;list-style: none !important;text-align: left;height: auto;}
.team-info  ul li{color:#000;line-height: 26px;font-size: 18px;font-weight: 500;}
.team-info  ul li h5{font-weight: 600;}
.team-info ul li a{color:#89b963;font-weight: 600;letter-spacing: 1px;text-decoration: none;display: flex;align-items: center;font-size: 13px;background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='envelope' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-envelope fa-w-16 fa-3x'%3E%3Cpath fill='%2389b963' d='M464 64H48C21.5 64 0 85.5 0 112v288c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM48 96h416c8.8 0 16 7.2 16 16v41.4c-21.9 18.5-53.2 44-150.6 121.3-16.9 13.4-50.2 45.7-73.4 45.3-23.2.4-56.6-31.9-73.4-45.3C85.2 197.4 53.9 171.9 32 153.4V112c0-8.8 7.2-16 16-16zm416 320H48c-8.8 0-16-7.2-16-16V195c22.8 18.7 58.8 47.6 130.7 104.7 20.5 16.4 56.7 52.5 93.3 52.3 36.4.3 72.3-35.5 93.3-52.3 71.9-57.1 107.9-86 130.7-104.7v205c0 8.8-7.2 16-16 16z' class=''%3E%3C/path%3E%3C/svg%3E");background-repeat: no-repeat;padding-left: 30px;background-size: 20px;background-position: center left;}
.team-info ul li a.t-phone{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMiA1MTIuMDAwMTEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZD0ibTIzMi40ODQzNzUgMzkwLjMyNDIxOWMtMy45MDIzNDQgMy44OTg0MzctMy45MDIzNDQgMTAuMjMwNDY5IDAgMTQuMTM2NzE5IDMuOTEwMTU2IDMuOTAyMzQzIDEwLjIzODI4MSAzLjkwMjM0MyAxNC4xMzY3MTkgMCAzLjkxMDE1Ni0zLjkwNjI1IDMuOTEwMTU2LTEwLjIzODI4MiAwLTE0LjEzNjcxOS0zLjg5ODQzOC0zLjkxMDE1Ny0xMC4yMjY1NjMtMy45MTAxNTctMTQuMTM2NzE5IDB6bTAgMCIgZmlsbD0iIzg5Yjk2MyIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiIgY2xhc3M9IiI+PC9wYXRoPjxwYXRoIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZD0ibTQ4OC45MTc5NjkgMzcyLjk1NzAzMS03NS45MjE4NzUtNjQuNTU4NTkzYy0uMzUxNTYzLS4yOTY4NzYtLjcyMjY1Ni0uNTcwMzEzLTEuMTA5Mzc1LS44MTY0MDctMTkuOTE3OTY5LTEyLjY3OTY4Ny00NS40OTIxODgtOS44NzEwOTMtNjIuMTkxNDA3IDYuODI0MjE5bC00MS4zOTQ1MzEgNDEuMzkwNjI1Yy0yLjg2NzE4NyAyLjg3MTA5NC03LjE0NDUzMSAzLjcxODc1LTEwLjg5NDUzMSAyLjE3MTg3NS00Ni43NDIxODgtMTkuMzM1OTM4LTg1LjE0MDYyNS00OC40NDUzMTItMTE0LjEyODkwNi04Ni41MTE3MTktMjIuMTA1NDY5LTI5LjAyNzM0My0zMC4wNzQyMTktNTIuMDkzNzUtMzEuMTI1LTU1LjM0Mzc1LS4xMjUtLjY5NTMxMi0uMzI0MjE5LTEuMzg2NzE5LS42MDU0NjktMi4wNjI1LTEuNTUwNzgxLTMuNzUtLjcwMzEyNS04LjAxOTUzMSAyLjE3MTg3NS0xMC44ODY3MTlsNDEuMzkwNjI1LTQxLjQwMjM0M2MxNi42OTkyMTktMTYuNjk5MjE5IDE5LjUwMzkwNi00Mi4yNzM0MzggNi44MjQyMTktNjIuMTkxNDA3LS4xMDE1NjMtLjE2MDE1Ni0uMjA3MDMyLS4zMTY0MDYtLjMxNjQwNi0uNDcyNjU2bC01NC44MjgxMjYtNzYuMTkxNDA2Yy0xNy4yNS0yNi43NjE3MTktNTQuODI0MjE4LTMwLjgwNDY4OC03Ny4zNzUtOC4yNTc4MTJsLTguMjg5MDYyIDguMjg5MDYyYy0uMDAzOTA2LjAwNzgxMi0uMDExNzE5LjAxNTYyNS0uMDE5NTMxLjAxOTUzMWwtMjkuNTkzNzUgMjkuNTkzNzVjLTM1LjI4OTA2MyAzNS4yOTI5NjktNDEuMDYyNSA4OC4zMjQyMTktMTYuNjkxNDA3IDE1My4zNzEwOTQgMjAuODc1IDU1LjcxODc1IDYyLjY2NDA2MyAxMTYuNjk5MjE5IDExNy42Njc5NjkgMTcxLjcwMzEyNSA1Ni4zMDQ2ODggNTYuMzA0Njg4IDExOC45MzM1OTQgOTguODY3MTg4IDE3Ni4zNDc2NTcgMTE5Ljg0NzY1NiA1Ni44MjgxMjQgMjAuNzYxNzE5IDExNy4yNzczNDMgMjMuMzIwMzEzIDE2MC4wNjI1LTE5LjQ2ODc1bDI3LjkxMDE1Ni0yNy45MDYyNWMyMi40NDkyMTgtMjIuNDUzMTI1IDE4LjUzMTI1LTU5Ljc4MTI1LTcuODkwNjI1LTc3LjE0MDYyNXptLTg4LjMxMjUtNDguODQ3NjU2IDc1Ljg1NTQ2OSA2NC41MDM5MDZjLjM0NzY1Ni4yOTY4NzUuNzE4NzUuNTcwMzEzIDEuMTA1NDY4LjgxNjQwNyAxNi4yMDMxMjUgMTAuMzE2NDA2IDE4LjY1NjI1IDMyLjk3MjY1NiA1LjA5NzY1NiA0Ni41MjczNDNsLTIuMDcwMzEyIDIuMDc0MjE5LTEyOS4zNzg5MDYtOTYuODY3MTg4IDEyLjYyMTA5NC0xMi42MTcxODdjOS44NjMyODEtOS44NjcxODcgMjQuODk0NTMxLTExLjY1MjM0NCAzNi43Njk1MzEtNC40Mzc1em0tMjcwLjUyMzQzOC0yOTAuMjE0ODQ0Yy4xMDE1NjMuMTYwMTU3LjIwNzAzMS4zMjAzMTMuMzE2NDA3LjQ3MjY1N2w1NC44MDQ2ODcgNzYuMTY0MDYyYzcuNDQ1MzEzIDExLjkxNzk2OSA1LjcyMjY1NiAyNy4xMzI4MTItNC4yMzQzNzUgMzcuMDg5ODQ0bC0xMi4yMzA0NjkgMTIuMjM0Mzc1LTg3LjUzMTI1LTEyOC43MTg3NSAyLjM0NzY1Ny0yLjM0NzY1N2MxMy42MTMyODEtMTMuNjEzMjgxIDM2LjI1LTExLjAzOTA2MiA0Ni41MjczNDMgNS4xMDU0Njl6bTE4NS42MTMyODEgNDQ0Ljc5Mjk2OWMtNTQuNzM0Mzc0LTIwLTExNC43NzczNDMtNjAuOTE0MDYyLTE2OS4wNjY0MDYtMTE1LjIwMzEyNS01My4wMzEyNS01My4wMjczNDQtOTMuMTkxNDA2LTExMS40NzY1NjMtMTEzLjA4NTkzNy0xNjQuNTc4MTI1LTE0LjkzMzU5NC0zOS44NTkzNzUtMjQuOTUzMTI1LTk1LjE1MjM0NCAxMi4xMDkzNzUtMTMyLjIxMDkzOGwyMS4xNjAxNTYtMjEuMTY0MDYyIDg3LjUzMTI1IDEyOC43MTg3NS0xNC43NjE3MTkgMTQuNzY5NTMxYy04LjM5ODQzNyA4LjM4MjgxMy0xMS4wMzkwNjIgMjAuNzg5MDYzLTYuODQ3NjU2IDMxLjgzNTkzOCAzLjE1NjI1IDEyLjk1MzEyNSAxNy42Nzk2ODcgMzkuODM5ODQzIDMyLjMzMjAzMSA1OS42NTIzNDMgMjEuNTYyNSAyOS4xNTYyNSA2MC42OTkyMTkgNjkuNDY0ODQ0IDEyNC42OTUzMTMgOTUuOTQxNDA3IDExLjI0NjA5MyA0LjY1MjM0MyAyNC4wNzAzMTIgMi4wOTc2NTYgMzIuNjc5Njg3LTYuNTA3ODEzbDE0LjQ4ODI4Mi0xNC40OTIxODcgMTI5LjM3ODkwNiA5Ni44NjcxODctMTEuNTUwNzgyIDExLjU0Njg3NWMtMzkuNzMwNDY4IDM5LjczNDM3NS05Ny41NTA3ODEgMjkuOTkyMTg4LTEzOS4wNjI1IDE0LjgyNDIxOXptMCAwIiBmaWxsPSIjODliOTYzIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIiBjbGFzcz0iIj48L3BhdGg+PHBhdGggeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBkPSJtMjEzLjcxODc1IDM2Ni40NDkyMTljLTEwLjU2MjUtOS4yNjE3MTktMjguODMyMDMxLTI1LjE5MTQwNy0zOC40NTMxMjUtMzUuMDg5ODQ0LTIzLjU5Mzc1LTI0LjI0NjA5NC00OC4zNDc2NTYtNTMuNjM2NzE5LTYzLjA2NjQwNi03NC44NzEwOTQtMy4xNDQ1MzEtNC41MzkwNjItOS4zNzUtNS42NzE4NzUtMTMuOTE0MDYzLTIuNTIzNDM3LTQuNTM5MDYyIDMuMTQ0NTMxLTUuNjY3OTY4IDkuMzc1LTIuNTIzNDM3IDEzLjkxNDA2MiAxOC41NjI1IDI2Ljc4MTI1IDQ1LjgzNTkzNyA1Ny41NTQ2ODggNjUuMTY3OTY5IDc3LjQyMTg3NSAxMC4xNTYyNSAxMC40NTMxMjUgMjguNTgyMDMxIDI2LjUyMzQzOCAzOS42MDE1NjIgMzYuMTgzNTk0IDQuMTQ0NTMxIDMuNjMyODEzIDEwLjQ2MDkzOCAzLjIzNDM3NSAxNC4xMTMyODEtLjkyNTc4MSAzLjY0MDYyNS00LjE0ODQzOCAzLjIyNjU2My0xMC40Njg3NS0uOTI1NzgxLTE0LjEwOTM3NXptMCAwIiBmaWxsPSIjODliOTYzIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIiBjbGFzcz0iIj48L3BhdGg+PC9nPjwvc3ZnPg==")}
.team-info ul li a svg{
    width: 20px;
    margin-right: 7px;
}
.team-info ul li a svg *{fill:#89b963 ;}
.team-grid .card {
    border: none;
}
.team-grid .card-body{
    padding: 0;
}
.team-grid .card-img-top{
    height: 300px;
    object-fit: cover;
    border: none;
    border-radius: 0;
}

.team-grid .card:after{    content: "";
    background: linear-gradient(to top, #819b08, #008057);
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    height: 300px;
    opacity: 0.0;
    transition: 0.3s;
}


    .team-grid .card:hover::after{
        opacity: 0.6;
    }

   
.team-grid  .team-phone{color: #999999;font-weight: 600;font-size: 13px;}
/* .team-grid-wrapper{max-width: 1200px;margin: auto;} */
.is-deleted{background: #f7c4c4 !important;}


#VideoModal{}
#VideoModal .custom-close{position: absolute;top: 0;right: -30px;background: #fd6868;border: none;padding: 10px;font-size: 24px;width: 30px;height: 30px;line-height: 30px;padding: 0;text-align: center;color: #fff;}
#VideoModal .modal-dialog{max-width: 100%;width: 800px;}
#VideoModal .modal-content{border-radius: 0;}
#VideoModal video{max-width: 100%;}
.office-pic video{max-width: 100%;width: 100%;}


/*****----Footer_CSS---*****/

.plant-custom-footer{}
.custom-footer-upper{}
.footer-login-detail{
    position: relative;
}
.footer-login-image{
    position: relative;
}
.footer-login-image img{}
.footer-login-overlay{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /* z-index: 99999; */
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background: #1F1F1F;
}
.footer-login-info{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    text-align: center;
    /* z-index: 99999; */
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer-inner-img-heading{}

.footer-login-info .footer-inner-img-heading{
    text-align: left;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.footer-login-info .footer-inner-img-heading h2{
    color: #fff;
    font-size: 50px;
    text-align: left;
    line-height: 65px;
    margin: 0;
}

.footer-login-info .footer-inner-img-text{
    text-align: left;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.footer-login-info .footer-inner-img-text p{
    color: #fff;
    font-size: 16px;
    text-align: left;
    line-height: 28px;
    margin: 0;
}

.footer-icon-section{
    background: #666666 !important;
    padding: 20px 0;
}
.header-menu.custom-header-menu{background: #666666 !important;}
.c-info p{
    color: #fff !important;
    font-size: 14px !important;
}

.footer-login-detail{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    min-height: 290px;
    background-repeat: no-repeat !important;
    max-width: 100% !important; 
   	/* background-size: 100%  100% !important; */
   	background-size: cover;
    background-position:center;
 }
.footer-login-info{
     position: relative;
     transform: unset;
     left:0px;top:0px;
     }


.ft-first-box.footer-links-box {
    display: flex;
    flex-direction: column;
}

.first-box-title {
    text-align: left;
    margin-bottom: 22px;
}

.first-box-text {
    text-align: left;
    margin-bottom: 37px;
    max-width: 368px;
}

ul.second-box-list {
    text-align: left;
    margin: 0;
}

.footer-other-bio {
    display: flex;
    justify-content: end;
}

.footer-other-bio-txt {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    /* margin-right: 50px; */
    width: 100%;
}

.footer-other-bio-txt img {
    height: 77px;
    object-fit: contain;
}

.footer-other-bio-image img {
    max-width: 100%;
    height: 257px;
    /* width: 100%; */
    object-fit: cover;
}

.footer-links-section {
    padding: 77px 0;
}

.second-box-list li {
    padding: 29px 0;
    padding-top: 0;
}

.second-box-list li a {
    border-bottom: 1px solid #000000;
    padding-bottom: 5px;
    color: #000 !important;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none !important;
}

.first-box-text p {
    font-size: 16px;
    margin: 0;
    color: #000;
    font-weight: 400;
    line-height: 28px;
}

.first-box-title h3 {
    margin: 0;
    font-size: 24px;
    font-weight: bold;
}

.footer-other-bio-txt a {
    font-size: 16px;
    color: #000;
    font-weight: 400;
    border-bottom: 1px solid #000000;
    padding-bottom: 5px;
    text-decoration: none !important;
    text-align: left !important;
}
.footer-other-bio-image{
    margin-top: -30px;
    width: 100%;
}

.first-box-social-links .custom-networks{
    display: flex;
    align-items: center;
    column-gap: 22px;
    margin: 0;
}
.networks.custom-networks li a img{
    max-height: 100% !important;
}


/********* ----HOME_PAGE-SLIDER-CSS---- *********/

.banner-slider-list li .row .custom-slider-info{
    background: #EAEAE7;
}
.banner-slider-list{
    /* background: #EAEAE7; */
}
.banner-slider-info .homepage-slider-heading{
    padding-bottom: 32px;
}
.banner-slider-info .homepage-slider-heading h1{
    font-size: 50px;
    color: #000;
    margin: 0;
}
.homepage-slider-text{
    padding-bottom: 46px;
}
.homepage-slider-text p{
    font-size: 16px;
    color: #000;
    margin: 0;
    line-height: 24px;
}
.banner-slider-info{
    height: 100%;
    width: 63%;
    margin: 0 auto;
    /* padding: 50px 0; */
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}
.homepage-slider-button{}
.homepage-slider-button .home-slider-btn{
    width: 259px;
    height: 59px;
    background: #91C154;
    border: none;
    color: #fff !important;
    font-size: 16px;
    display: block;
    text-align: center;
    line-height: 59px;
}
.homepage-slider-button .home-slider-btn:hover{
    text-decoration: none;
}
.homepage-slider-wrapper{
    height: 100%;
}

.homepage-slider-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
}
.banner-slider-list li .row .col-md-4{padding-right: 0px;}
.banner-slider-list li .row .col-md-8{padding-left: 0px;}





.suppilier-info-text-wrapper{
    padding: 100px 0;
}
.suppilier-info-text{
    width: 986px;
    margin: 0 auto;
}
.suppilier-info-text .supplier-heading h3{
    margin: 0;
    font-size: 32px;
    color: #000;
    padding-bottom: 26px;
    font-weight: 500;
}
.suppilier-info-text .supplier-heading p{
    margin: 0;
    font-size: 16px;
    color: #000;
    line-height: 24px;
    font-weight: 400;
}
.topic-banner-slider-list{
    margin: 0px !important;
    padding: 0px !important;
}
.topic-cust-banner-slider ul{
    margin: 0px !important;
    padding: 0px !important;
}
.topic-cust-banner-slider li{
    display: flex;
    align-items: center;
    align-items: stretch;
}
.topic-banner-slider-info{
    width: 50%;
    margin: 0 auto;
}
.topic-slider-heading{
    padding-bottom: 40px;
    text-align: left;
}
.topic-slider-heading h3{
    margin: 0;
    font-size: 50px;
    color: #000;
    font-weight: 600;
    line-height: 65px;
}
.topic-slider-text p{
    text-align: left !important;
    font-size: 16px;
    color: #000 !important;
    line-height: 24px;
    margin: 0 !important;
}
.topic-custom-slider-info{
    -ms-flex: 0 0 90%;
    flex: 0 0 35%;
    max-width: 35%;
    width: 35%;
    background: #EAEAE7;
    /* height: 100%; */
    display: flex;
    align-items: center;
    justify-content: center;
}
.topic-custom-slider-info::before{
    /* content: ""; */
    width: 100%;
    height: 385px;
    background: #EAEAE7;
    position: absolute;
    top: -10px;
    left: 0;
    z-index: -1;
    transform: translateY(-50px);
}
.topic-custom-slider-image-col{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90%;
    flex: 0 0 65%;
    max-width: 65%;
    width: 65%;
}
.topic-slider-image{
    max-width: 100%;
    /* height: 385px; */
    height: 488px;
}
.topic-slider-image .mobile-plantbeeb-image{
    display: none;
}
.topic-slider-image img{
    max-width: 100% !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}
.team-main-heading{
    text-align: left;
}
.team-main-heading h3{
    line-height: 45px;
    text-align: left !important;
    margin: 0 !important;
    font-size: 32px;
    color: #000;
    padding-bottom: 21px;
}
.team-main-heading p{
    text-align: left !important;
    margin: 0 !important;
    font-size: 16px;
    color: #000;
    line-height: 24px;
}
.power-plant-section .power-plant-info .power-plant-box .power-plant-list ul{
    padding: 0 !important;
    margin: 0 !important;
}
.power-plant-section .power-plant-info .power-plant-box .power-plant-list ul li{
    list-style: none;
}
.power-plant-section .power-plant-info .power-plant-box{
    text-align: left;
}
.power-plant-section .power-plant-info .power-plant-box .power-plant-heading{}
.power-plant-section .power-plant-info .power-plant-box .power-plant-heading h3{
    font-size: 32px;
    line-height: 65px;
    color: #000;
    padding-bottom: 23px;
    margin: 0;
}
.power-plant-section .power-plant-info .power-plant-box .power-plant-text{
    padding-bottom: 43px;
}

.contact-form .inputs input[type="number"]{
    width: 100%;
    border: 1px solid #ADADAD;
    min-height: 50px;
    padding-left: 20px;
}
.power-plant-section .power-plant-info .power-plant-box .power-plant-text p{
    margin: 0;
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    color: #000;
}
.power-plant-section .power-plant-info .power-plant-box .power-plant-list ul li .power-plant-inner-li{
    display: flex;
    align-items: center;
    padding-bottom: 20px;
}
.power-plant-section .power-plant-info .power-plant-box .power-plant-list ul li .power-plant-inner-li strong{
    color: #000;
    font-size: 20px;
    font-weight: 500;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #EAEAE7;
    border-radius: 50px;
}
.power-plant-section .power-plant-info .power-plant-box .power-plant-list ul li .power-plant-inner-li p{
    margin: 0 !important;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    line-height: 24px;
    padding-left: 20px;
    width: 100%;
    text-align: left;
}
.power-plant-section{
    padding-bottom: 100px;
}

.innovation-persona-contact{
    padding-bottom: 100px;
}

.innovation-persona-contact .power-plant-box{
    padding-left: 100px;
}
.innovation-persona-contact .power-plant-text{
    padding: 0px !important;
}
.innovation-persona-contact .power-plant-text p{}

.team-grid-wrapper{
    padding-top: 100px;
}


.finding-section{
    background-color: #EAEAE7;
    padding: 100px 0;
}
.find-imp-right-text .fnd-imp-box .fnd-imp-heading{
    height: 88px;
}
.fnd-imp-box .fnd-imp-heading{
    text-align: left !important;
}
.fnd-imp-box .fnd-imp-heading h3{
    margin: 0 !important;
    font-size: 32px;
    line-height: 65px;
    color: #000;
    padding-bottom: 23px;
    text-align: left !important;
} 
.fnd-imp-box .fnd-imp-text{
    text-align: left !important;
}
.fnd-imp-box .fnd-imp-text p{
    margin: 0 !important;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    text-align: left !important;
}




.footer-bottom-text p{
    font-size: 14px;
    line-height: 14px;
    color: #000;
    text-align: left !important;
    margin: 0;
}
.footer-botoom-links{}
.footer-botoom-links ul{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 30px;
    margin:0px !important;
    padding: 0 !important;
}
.footer-botoom-links ul li{
    text-align: left !important;
}
.footer-botoom-links ul li a{
    font-size: 14px;
    line-height: 14px;
    color: #000;
    margin: 0;
    text-align: left;
}
.custom-footer-lower{
    padding: 20px 0;
    border-top: 1px solid rgb(150 150 150 / 20%);
}


.footer-login-image img{
    max-width: 100%;
}

.footer-search-box{
    display: flex;
    align-items: center;
    position: relative;
}
.footer-search-box #small-search-box-form{
    background: #f9f9f9;
    width: 100%;
    max-width: 300px;
    position: relative;
}
.footer-search-box .search-box-text{
    border: none;
    background: transparent;
}
.footer-search-box .search-box-button{
    border: none;
    background: transparent;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}
.footer-search-box .search-box-button i{}
.lock-green {pointer-events: none; background: #c5c5c5;}
.lock-green select{background: #c5c5c5;}

.modal-backdrop{    pointer-events: none;}
#BlockText p{font-size: 18px; padding-top: 30px;}
#BlockText .btn {    float: none;
    margin: auto;}


    .Flipped, .Flipped .flex-table
    {
        transform:rotateX(180deg);
        -ms-transform:rotateX(180deg); /* IE 9 */
        -webkit-transform:rotateX(180deg); /* Safari and Chrome */
        margin-bottom: 15px;
    }
    .flex-row:nth-last-child(-n+2) .hidden-img-pop{top: -78px;}

  
    /* loginModalPopUp css start */

    .l-login-wrapper{
    padding: 50px 0;
}

    .l-login-wrapper .modal-body {
        padding: 0;
        -webkit-box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
        box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
        width: 500px;
        margin: auto;
        max-width: 100%;
        padding: 20px 15px;
    }

    .l-login-wrapper modal-footer {
    padding: 0;
    border: none;
}

.l-login-wrapper  .modal-header {
    border: none;
}

.l-login-wrapper .modal-header button {
        padding: 0;
    }

    .l-login-wrapper .modal-header button .material-icons {
            font-size: 30px;
        }

    .l-login-wrapper .login-logo {padding: 0 0 10px 0;margin: 0 auto;text-align: center;}

    .l-login-wrapper .login-logo img {
        width: 212px;
        /* height: 123px; */
        margin: 0 auto;
        text-align: center;
        object-fit: contain;
    }

    .l-login-wrapper .login-inner-form {
    display: block;
    margin: 0 auto;
    border-top: 1px solid #70707066;
    text-align: center;
    width: 346px;
    max-width: 100%;
}

.l-login-wrapper .login-inner-form input {
    height: 55px;
    width: 346px;
    font-size: 13px;
    padding: 15px;
    border-color: rgb(112 112 112 / 37%);
    margin: 7px auto;
    max-width: 100%;
}

.l-login-wrapper  .login-inner-form .login-tilte {
    color: #000000;
    font-size: 17px;
    padding: 30px 0 10px 0;
    font: normal normal 500 17px/20px Blinker;
}

.l-login-wrapper .login-inner-form .login-popup-btn {
    border: 2px solid #293133;
    padding: 15px 35px;
    margin: 20px auto 5px auto;
    color: #000;
    font-size: 17px;
    width: 346px;
    background: #fff;
    font: normal normal bold 17px/20px Blinker;
    letter-spacing: var(--unnamed-character-spacing-0);
    max-width: 100%;
}

.l-login-wrapper .login-inner-form .login-span {
    color: #707070;
    font-size: 10px;
    font: normal normal 500 10px/13px Blinker;
    padding: 5px 0;
    display: block;
    text-align: left;
}

.l-login-wrapper .login-inner-form .remember-password {
    display: inline-block;
    margin: 0 auto;
}

.l-login-wrapper .login-inner-form .remember-password .checkbox-css {
        width: 14px;
        height: 14px;
        float: left;
    }

    .l-login-wrapper .login-inner-form .remember-password .remember-data {
        float: left;
        line-height: 2;
        padding: 0 5px;
        font-weight: 500;
    }
    .search-page .search-input{display: none ;}

/* loginModalPopUp css close */
.contact-page .inputs {display: flex;}
.contact-page .inputs label{    padding-top: 10px;}
.contact-page textarea{padding-top: 12px;}


.section-contact  .line-title:after{display: none;}

.custom-slider-image-col{padding-left: 0px !important;}
.topic-banner-slider .topic-custom-slider-image-col{ width: 100%; max-width: 100%; }
.power-plant-image img{ position: relative;max-width: 100%;width: 100%;display: block; }

.suppilier-info-text{ width: 100%; max-width: 950px; }

.topic-page .actueel-boxes ul{ margin: 0 auto; padding: 0px; }

/* .home-section-contact{display: none;} */
.c-info p a:hover{color: #fff !important;}
.c-icon img{height: 60px !important;width: 60px !important;border-radius: 50px;border: 1px solid #fff;padding: 12px;}


.contact-box .topic-block{flex: 0 0 48%;max-width: 48%;margin: 0 !important;}
.contact-box .topic-block .contact-info{flex: 0 0 100%;max-width: 100%;}
.contact-info ul{padding: 0 !important;margin:0px !important;}
.contact-info ul li{list-style: none !important;}


.custom-header .header-logo a{display: flex !important;align-items: center !important;}
.header-logo img.pcoll-new-logo{height: 100%;width: 60px;object-fit: contain;}
.custom-header .header-logo{width: 45% !important;margin-right: 15px !important;}
.responsive-header-links{width: 55% !important;}
.custom-header .header-logo a{padding: 5px 0 !important;}

#loginModalPopUp .modal-content .login-logo img.pcoll-new-logo{height: 100%;width: 100px;}
.first-box-social-links{display: flex;align-items: center;column-gap: 50px;}
.first-box-social-links img.pcoll-new-logo{height: 100%;width: 100px;object-fit: cover;}
.topic-page li{font-size: 16px;color: #000;}
.l-login-wrapper .login-logo .pcoll-new-logo{height: 100%;width: 100px;}


.homepage-slider-image{height: 537px;}


.popup-model-content .custom-model-header{padding: 25px 40px !important;}
.popup-model-content .custom-model-header button.close{opacity: 1;}
.popup-model-content .custom-model-header button.close span{color: #000;opacity: 1;}
.popup-model-content .main-popup-body{display: flex;align-items: center;justify-content: space-between;padding: 0 15px;}
.popup-model-content .main-popup-body p{padding-top: 0px !important;color: #000;line-height: 45px;text-align: left;margin: 0 !important;font-size: 24px !important;}
.popup-model-content .main-popup-body .modal-footer .cust-popup-close-btn{background-color: #91c154 !important;width: 220px;height: 45px;font-size: 18px;border-radius: 0px;font-weight: 600;}
.popup-model-content .main-popup-body .model-text-body-wrapper .modal-footer{border-top: 0px !important;}
.popup-model-content .main-popup-body .model-beeb-image{height: 400px;/*width: 370px;*/min-width: 236px;}
.popup-model-content .main-popup-body .model-beeb-image img{height: 100%;width: 100%;object-fit: cover;margin: 0 !important;max-width: 100%;}
.custom-popup-dialog{max-width: 800px !important;width: 800px !important;}
.popup-model-content .main-popup-body .modal-footer .cust-popup-close-btn:hover{color: #fff !important;border: 0px;}
.mob-img{display: none !important;}
.actueel-img.owl-theme .owl-dots .owl-dot span{width: 30px !important;height: 5px !important;background: #b8b8b8 !important;}
.actueel-img.owl-theme .owl-dots .owl-dot.active span, 
.actueel-img.owl-theme .owl-dots .owl-dot:hover span{background: #91c154 !important;}


.actueel-box{position: relative;}
.actueel-box:after{
    content: "";
    background: linear-gradient(to top, #819b08, #008057);
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    height: 280px;
    opacity: 0;
    transition: 0.3s;
}

.actueel-box:hover::after{
   
    opacity: 0.6;
  
}
.actueel-box:hover{
    background-color: #222;
    transition: 0.3s;
}
.actueel-box:hover .actueel-info p{color: #fff;     transition: 0.3s;}



.actueel-slider .owl-nav{right: -20px;bottom: 65px;}
.actueel-slider .owl-prev,
.actueel-slider .owl-next{width: 40px;height: 40px;}
.actueel-slider .owl-prev span,
.actueel-slider .owl-next span{font-size: 30px;}
.actueel-slider .owl-dots{display: none;}

/* 

.download-app{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #91c154;
    display: none;
}
.dp-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 30px;
}
.dp-left{
    flex: 1;
    padding-right: 15px;
}
.dp-left h3{
    margin: 0;
    color: #fff;
    margin-bottom: 5px;
}
.dp-left p{
    line-height: 15px;
    margin: 0;
    color: #fff;
}
.dp-right{
    flex: 0 0 200px;
}
.dp-right a{
    display: block;
    padding: 15px 30px;
    background: #000;
    color: #ffff;
    font-size: 16px;
}


 */

.video-footer{margin: 20px 0px 0;}