*{padding:0; margin:0;}


/* BEGIN POPUP */
#popup {
margin: 0 auto;
    display: block;
    position: reletive;
    background:#eeeeee;
    width:100%;
    height: auto;
    min-height: 300px;
    padding:0;
}
    .popup_content{
        padding: 10px 20px 20px 20px;
    }
        #popup h3{
            color:#560355;
            font-size: 18px;
            text-transform: uppercase;
            text-align: center;
        }
table.order_table {
    width:100%;
    text-align:center;
    border-collapse:collapse;
    border:0;
    margin-bottom:20px;
}
    table.order_table tr {
        border:0;
    }
        table.order_table td {
            padding:5px 7px;
            border-right: 1px solid #e7e7e7;
            background: #fff;
            border-bottom: 0;
        }
            table.order_table th {
                padding: 2px 4px;
                color: #424242;
                background: #cccccc;
                text-align: left;
                border-right: 1px solid #e7e7e7;
                font-weight: normal;
            }
                table.order_table th:nth-child(1),
                table.order_table td:nth-child(1){
                    width: 35px;
                    text-align: center;
                }
                table.order_table th:nth-child(2),
                table.order_table td:nth-child(2){
                    width: 100%;
                }
                table.order_table th:nth-child(3),
                table.order_table td:nth-child(3){
                    width: 80px;
                    text-align: center;
                }
                table.order_table th:nth-child(4),
                table.order_table td:nth-child(4){
                    width: 95px;
                    text-align: center;
                }
                table.order_table th:nth-child(5),
                table.order_table td:nth-child(5){
                    text-align: center;
                }
        #plus_order, #minus_order{
            color:#cccccc;
            font-size: 18px;
            cursor: pointer;
        }
            #qty_order{
                color: #424242;
                font-size: 16px;
            }

    .mscms_img{
        width: 200px;
        float: left;
        margin:5px 10px 5px 5px;
    }
        .mscms_header{
            color:#560355;
            font-size: 18px;
            text-transform: uppercase;
        }
        .mscms_about{
            color: #424242;
            font-size: 14px;
            float:left;
            text-align: left;
            margin-bottom: 10px;
        }

                .mscms_total{
                    display: block;
                    color:#424242;
                    font-size: 16px;
                    text-transform: uppercase;
                    width: 100%;
                    clear: both;
                    text-align: center;
                    margin-top:10px;
                    height: 35px;
                    line-height: 35px;
                }
                    .mscms_total > b{
                        color:#560355;
                    }

    .popup_header{
        background: #d7d7d7;
        height: 35px;
        line-height: 35px;
        font-size:16px;
        text-transform: uppercase;
        color:#424242;
        padding-left: 20px;
    }


    .mscms_label{
        display: block;
        color:#424242;
    }
        .radio{
            width: 205px;
            float: left;
            margin-left:30px;
        }
        .radio.second{
            width:280px;
        }
    #popup input[type=text], #popup input[type=date], #popup input[type=select] {
        text-align:left;
        width:100%;
        padding:0 10px;
        height:33px;
        display:block;
        margin:10px 0px;
        border:1px solid #eee;
        border-top-color:#ccd1d7;
        color:#000000;
        background:#ffffff;
        font-family: Arial, Tahoma, sans-serif;
        font-size: 12px;
    }
        #popup textarea {
            text-align:left;
             width:100%;
            padding:10px 10px;
            display:block;
            margin:10px 0px;
            border:1px solid #eee;
            border-top-color:#ccd1d7;
            color:#000000;
            background:#ffffff;
            font-family: Arial, Tahoma, sans-serif;
            font-size: 12px;
            height: 80px;
        }
            #popup .button {
                font-size: 20px;
                box-sizing: border-box;
                background: #00963f;
                width: 230px;
                height: 50px;
                line-height: 50px;
                display: block;
                text-align: center;
                text-decoration: none;
                color: #ffffff;
                font-weight: bold;
                text-shadow: none;
               border-radius: 5px;
            }
                #popup .button:hover {
                    background: #00ae3f;
                 }
                    #popup .button > .genericon{
                        font-size:22px;
                        line-height: 50px;
                    }

    #popup_close, #popup_video_close {
        display:block;
        position: absolute;
        top: 10px;
        right: 10px;
        width: 12px;
        height: 12px;
        background: url("../images/close.png") no-repeat center center;
        cursor: pointer;
        z-index: 2103;
    }

    #popup_close:hover , #popup_video_close:hover {
        opacity:0.7;
        transform: rotate(90deg);
        transition: all 0.5s ease-in-out 0s;
    }
#fade {
    display: none;
    background: #2c3e50;
    position: fixed; left: 0; top: 0;
    width: 100%; height: 100%;
    opacity: .50;
    z-index: 1000;
}

    *html #fade {
        position: absolute;
    }
    *html #popup  {
        position: absolute;
    }
/* end popup */



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

#popup input[type="text"], #popup input[type="date"], #popup input[type="select"] {
width: 93% !important;
height: 37px;
margin: 5px 0px;
}

#total_qty {
    padding: 0px 5px;
    margin-left: 10px;
    margin-top: 5px;
}

#popup textarea {
    width: 93%;
    height: 50px;
    margin-top: 39px;

}

}