body {
    background-color: #f5f7fa;
}

.qr_outer{position:fixed; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5); z-index:1009;}
.qr_inner{width:60%; margin:80px auto; background-color:#fff; border-radius:10px; padding:10px;}
.qr_head{text-align:center;font-size:22px;font-weight:bold;}
.flex{display:flex; align-items: center;width:100%;height:100%;}
.qr_imgouter{width:40%;}
.qr_co{font-size:15px;font-weight:bold;text-align:center;padding-bottom:5px;}
.or{width:20%;font-size:15px;text-align:center;color:grey;}
.qr_button{width:30%;margin-left:20px;}
.qr_catelog {  width: 90%;color: #fff;background-color: #009933; padding: 7px 20px;cursor: pointer;
   border-radius: 5px;font-size: 15px;text-align:center; }
.qr_arrow{position:absolute;top:10px;right:10px;width:30px;cursor:pointer;}
.display_no{display:none;}

/*-----------------------------------------product top design ------------------*/
div-product-card {
    background-color: #f5f7fa;
    position: relative;
    margin: 0 auto;
    list-style: none;
    text-align: center;
}

.div-product-card figure {
    position: relative;
}

    .div-product-card figure img {
        position: relative;
        display: block;
        min-height: 100%;
        max-width: 100%;
        -webkit-filter: brightness(30%);
    }

.center-cropped {
    width: 510px;
    height: 310px;
    background-position: center center;
    background-repeat: no-repeat;
}

.div-product-effect-sadies {
    background: rgba(0,0,0,0.6);
}

.product-main-card {
    top: 50%;
    width: 100%;
    height: auto;
    background-color: transparent;
}

.product-sub-card {
    position: absolute;
    top: 20%;
    text-align: center;
    width: 100%;
    margin: auto;
}

.product-sub-card-sub-padding {
    padding-top: 50px;
}

.product-sub-card-h1 {
    text-align: center;
    color: #fff;
    font-size: 60px;
    font-weight: bold;
    text-transform: capitalize;
}


/*-----------------------------------------product top design complete ------------------*/

/*-----------------------------------------footer  design  ------------------*/
.footer {
    text-align: center;
    background-color: #009933;
    padding: 10px;
    overflow: hidden;
    position: relative;
    /*border: 3px solid green;*/
}

    .footer img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .footer p {
        display: block;
        margin-left: auto;
        margin-right: auto;
        color: white;
    }


    .footer > ul li {
        position: relative;
        top: 15px;
        display: inline-block;
        margin: 0 2px;
    }
/*-----------------------------------------footer  design  completer------------------*/

/*-------------------------------------------------------------------video banner-----------------------------------------------*/
.video-container {
    z-index: -100;
    width: 100%;
    height: 350px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

#video-bg {
    width: 100%;
}

/*-------------------------------------------------------------------product card design-----------------------------------------------*/
.product-tumb {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 450px;
    background-color: #fff;
    border: 1px solid #808080;
    display:inline-block;
}

    .product-tumb img {
        max-width: 435px;
        max-height: 445px;
        min-width: 435px;
        min-height: 445px;
        overflow: hidden;
    }


/*---------------------------------------------------dropdown----------------------------------------------------*/

/* Reset Select */
.select-dropdown,
.select-dropdown * {
    margin: 0;
    padding: 0;
    position: relative;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0.6);
}

.select-dropdown {
    position: relative;
    background-color: #f5f7fa;
    border-radius: 4px;
}

    .select-dropdown select {
        font-size: 1rem;
        font-weight: normal;
        max-width: 100%;
        min-width: 100%;
        padding: 8px 24px 8px 10px;
        border: none;
        background-color: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

        .select-dropdown select:active, .select-dropdown select:focus {
            outline: none;
            box-shadow: none;
        }

    .select-dropdown:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 8px;
        width: 0;
        height: 0;
        margin-top: -2px;
        border-top: 5px solid #aaa;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
    }
/*-----------------------------------------Button top design ------------------*/

button {
    border-radius: 0.5em;
    /*padding: 1em 0.2em;*/
    width: 100%;
}

.button {
    background-color: #009933;
    border: 0.1em solid #009933;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    transition: all 300ms ease;
    width: 150px;
    height: 43px;
    float: right;
    margin-right: 15px;
}

    .button:focus {
        border: 0.1em solid #02521c;
        outline: none;
    }

    .button:hover {
        background-color: #02521c;
    }

.detail {
    /*position: relative;*/
    width: 100%;
    margin-left: 5%;
    float: left;
       display: flex;
  justify-content: center;
  flex-direction: column;
  display:inline-table;
  overflow:hidden;
}



@media (max-width: 610px) {
    .detail, .demo-trigger {
        /*float: none;*/
    }



    /*.detail {
        margin: 0;
        width: auto;
    }*/

    p {
        margin: 0 auto 1em;
    }

    .responsive-hint {
        display: none;
    }

    h3 {
        margin-top: 20px;
    }
}

p #description-header {
    font-weight: bold;
    font-size: 15px;
    margin-left: 300px;
}

.specifications ul, ol {
    color: #000000;
    margin-bottom: 1em;
}

    .specifications ul li, ol li {
        margin-bottom: 0.5em;
    }

        .specifications ul li:last-child, ol li:last-child {
            margin-bottom: 0;
        }




/*--------------------------------------------------------------------------------------------------*/


.tv-content_ {
    display: none;
}

.tv-radio_ {
    display: none;
}

    .tv-radio_:checked + .tv-content_ {
        display: block;
    }




.tv-content {
    display: none;
}

.tv-radio {
    display: none;
}

    .tv-radio:checked + .tv-content {
        display: block;
    }

.tv-tab {
    display: inline-block;
    cursor: pointer;
    padding: 8px;
    text-transform: uppercase;
    font-size: 14px;
}

    .tv-tab:hover {
        /*opacity: 0.9;*/
    }


.tv-tabs {
    color: #ecf0f1;
}

    .tv-tabs :nth-child(odd) {
        background-color: #009933;
    }

    .tv-tabs :nth-child(even) {
        background-color: #009933;
    }

.tv-content {
    border-top: 1px solid rgba(0,0,0,0.6);
    padding: 10px;
    max-width: 100%;
}

#tv-tab-1 + .tv-content {
    background-color: #fff;
    color: #808080;
}

#tv-tab-2 + .tv-content {
    background-color: #fff;
    color: #808080;
}

#tv-tab-3 + .tv-content {
    background-color: #fff;
    color: #ecf0f1;
}