<style>
            body {
				 background-color: #fff;
				 font-weight:normal;
            }
			h2{font-size:20px;}
            .header {
                text-align: center;
            }
             .card {
                border: none;
            }
            .product {
                background-color: #eee;
            }
            .brand {
                font-size: 13px;
            }
            .act-price {
                color: red;
                font-weight: 700;
            }
            .dis-price {
                text-decoration: line-through;
            }
            .about {
                font-size: 14px;
            }
            .color {
                margin-bottom: 10px;
            }
            label.radio {
                cursor: pointer;
            }
            label.radio input {
                position: absolute;
                top: 0;
                left: 0;
                visibility: hidden;
                pointer-events: none;
            }
            label.radio span {
                padding: 2px 9px;
                border: 1px solid #ffcc00;
                display: inline-block;
                color: #ff0000;
                border-radius: 3px;
                text-transform: uppercase;
            }
            label.radio input:checked + span {
                border-color: #000;
                background-color: #000;
                color: #fff;
            }
            .btn-danger {
                background-color: #ff0000 !important;
                border-color: #ff0000 !important;
            }
            .btn-danger:hover {
                background-color: #da0606 !important;
                border-color: #da0606 !important;
            }
            .btn-danger:focus {
                box-shadow: none;
            }
            .cart i {
                margin-right: 10px;
            }
            img {
                padding: 2px 2px 2px 2px;
            }
            .zoom {
            }
            .zoom:hover {
                transform: scale(1.4);
            }
            ul {
                list-style-type: none;
                margin: 0;
                padding: 0;
                overflow: hidden;
                background-color: #333;
            }
            li {
                float: left;
                border-right: 1px solid #bbb;
            }

            li:last-child {
                border-right: none;
            }
            li a {
                display: block;
                color: white;
                text-align: center;
                padding: 14px 16px;
                text-decoration: none;
            }
            li a:hover:not(.active) {
                background-color: red;
            }
            .active {
                background-color: #0000ff;
            }
            .footer {
                padding: 10px 10px 10px 10px;
                left: 0;
                bottom: 0;
                width: 100%;
                background-color: blue;
                color: white;
                text-align: center;
            }
            .fa {
                padding: 2px 2px 2px 2px;
                font-size: 20px;
                width: 50px;
                text-align: center;
                text-decoration: none;
            }
            .fa:hover {
                opacity: 0.7;
            }
            .fa-facebook {
                background: #3b5998;
                color: white;
            }
            .fa-twitter {
                background: #55acee;
                color: white;
            }
            .fa-google {
                background: #dd4b39;
                color: white;
            }
            .fa-linkedin {
                background: #007bb5;
                color: white;
            }
            .fa-youtube {
                background: #bb0000;
                color: white;
            }
            .fa-instagram {
                background: #125688;
                color: white;
            }
            .fa-pinterest {
                background: #cb2027;
                color: white;
            }
            .fa-snapchat-ghost {
                background: #fffc00;
                color: white;
                text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
            }
            .fa-skype {
                background: #00aff0;
                color: white;
            }
            .fa-android {
                background: #a4c639;
                color: white;
            }
            .fa-dribbble {
                background: #ea4c89;
                color: white;
            }
            .fa-vimeo {
                background: #45bbff;
                color: white;
            }
            .fa-tumblr {
                background: #2c4762;
                color: white;
            }

            .fa-vine {
                background: #00b489;
                color: white;
            }
            .fa-foursquare {
                background: #45bbff;
                color: white;
            }
            .fa-stumbleupon {
                background: #eb4924;
                color: white;
            }
            .fa-flickr {
                background: #f40083;
                color: white;
            }
            .fa-yahoo {
                background: #430297;
                color: white;
            }

            .fa-soundcloud {
                background: #ff5500;
                color: white;
            }

            .fa-reddit {
                background: #ff5700;
                color: white;
            }
            .fa-rss {
                background: #ff6600;
                color: white;
            }
            .star {
                font-size: x-large;
                width: 20px;
                display: inline-block;
                color: gray;
            }
            .star:last-child {
                margin-right: 0;
            }
            .star:before {
                content: "\2605";
            }
            .star.on {
                color: gold;
            }
            .star.half:after {
                content: "\2605";
                color: gold;
                position: absolute;
                margin-left: -20px;
                width: 10px;
                overflow: hidden;
            }
        .responsive {  width: 100%;  max-width: 400px;  height: auto;}        </style>
