.logo {
			margin-top: 10px;
			margin-right: 10px;
			font-family: Lucida handwriting;
			font-size: 18px;
			color: white;
			
		}
	
		
		.topnavigation {
			overflow: hidden;
		}
		
		.topnavigation ul {
			display: inline-flex;
			list-style: none;
			background-color: #000099;
			width: 100%;
			margin-top: 0px;
			z-index: 2;
		}
		
		.topnavigation ul li {
			margin: 0px;
			padding: 0px;
			line-height: 50px;
			
		}
		
		.topnavigation ul li a {
			text-decoration: none;
			font-family: Arial;
			color: white;
			padding: 10px 20px;
			display: block;
			text-align: left;
			height: 58px;
		}
		
		
		.topnavigation ul li a:hover {
			position: relative;
			background-color: red;
			height: 58px;
		}
		
		
		.topnavigation ul li .dropdown {
			display: none;
			margin: 0px;
			
		}
		
		
		.topnavigation ul li .dropdown ul li{
			margin: 0px;
			
		}
		  
		.topnavigation ul li:hover .dropdown {
			display: block;
			
		}
		
		
		.topnavigation ul li:hover .dropdown ul {
			display: block;
			position: absolute;
			background-color: #000099;
			overflow: hidden;
			width: 111px;
			
		}
		
		.topnavigation ul li:hover .dropdown ul li {
			margin-left: -40px;
		
		}
		
		.banner {
			position: relative;
            background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("images/banner/image-banner.jpg");
            background-size: cover;
            background-position: center;
            width: 100%;
            height: 500px;
			margin-top: -16px;
				
		}
		
		.banner_text {
			position: relative;
			font-family: Arial;
			float: left;
			margin: 30px;
			margin-top: 100px;
			animation: movingtext 3s 1;
		}
		
		@keyframes movingtext {
			from {top:200px;}
			to {top: 0px;}
		}
		
		.headingtext {
			font-family: Arial;
			font-size: 30px;
			font-weight: bold;
			background: linear-gradient(45deg, #00ffff, #8080ff);
			background-clip: text;
			color: transparent;
		}
		
		.paratext {
			font-family: Arial;
			font-size: 15px;
			font-weight: bold;
			color: white;
		}
		
		.btnOffer {
			background-color: transparent;
			border: 1px solid white;
			font-family: Arial, sans serif;
			font-weight: bold;
			font-size: 16px;
			color:white;
			text-decoration: none;
			padding: 15px;
			margin: 20px;
		}
		
		.btnOffer:hover {
			background: linear-gradient(45deg, #00ffff, #8080ff, purple);
			color: white;
		}
		
	    .home_header {
	        font-family: Arial;
	        color: #000099;
			text-align: center;
	    }
	 
	    .home_container {
	        display: flex;
	        position: relative;
	        color: #000099;
	    }
	 
	    .home_box {
	        box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
	        font-family: Arial, sans serif;
	        font-size: 16px;
	        padding: 10px;
	        margin: 40px;
	        width: 350px;     
	        line-height: 40px;
	        height: 300px;
	    }
		
		.video_position {
			background-color: #000099;
			text-align: center;
			padding: 20px;
		}
		
		.video_detail {
			font-family: Arial, sans serif;
			font-size: 30px;
			font-weight: bold;
			color: white;
		}
		
		/* Callout box - fixed position at the bottom of the page */
        .callout {
           position: fixed;
           bottom: 35px;
           right: 20px;
           margin-left: 20px;
           max-width: 300px;
		   margin-bottom: 456px;
        }

        /* Callout header */
        .callout-header {
           padding: 25px 15px;
           background: #ff0000;
		   font-family: Arial,sans serif;
		   font-weight: bold;
           font-size: 30px;
           color: white;
        }

        /* Callout container/body */
        .callout-container {
           padding: 15px;
           background-color: #000000;
		   font-family: Arial,sans serif;
		   font-size: 14px;
           color: white;
        }

        /* Close button */
        .closebtn {
           position: absolute;
           top: 5px;
           right: 15px;
           color: white;
           font-size: 30px;
           cursor: pointer;
        }

        /* Change color on mouse-over */
        .closebtn:hover {
           color: lightgrey;
        }
		
		.hbheading {
			font-family: Arial;
			font-size: 30px;
			font-weight: bold;
			color: #000099;
			text-align: center;
		}
		
		.hbboldtext {
			font-family: Arial;
			font-size: 15px;
			font-weight: bold;
			color: #000099;
		}
		
		.hbtext {
			font-family: Arial;
			font-size: 15px;
			color: #000099;
			line-height: 30px;
		}
		
		.container_box {
			background-color: #000099; 
			padding: 30px;
			text-align: center;
		}
		
		.containerheadtext {
			font-family: Arial;
			font-size: 30px;
			font-weight: bold;
			color: white;
		}
		
		.containertext {
			font-family: Arial;
			font-size: 15px;
			font-weight: bold;
			color: white;
		}
		
		.container-block {
            position: relative;
            margin-left: 530px;
        }

        .container-block input {
            font-family: Arial, sans serif;
            font-size: 16px;
            width: 50%;
            height: 30px;
            border: 1px solid #000099;
            border-radius: 50px;
            padding: 10px;
            outline: none;
        }

        .container-block .placeholder {
            position: absolute;
            font-family: Arial, sans serif;
            white-space: nowrap;
            left: 15px;
            top: 50%;
            transform: translateY(-50%);
            color: #999;
            font-size: 16px;
            pointer-events: none;
            overflow: hidden;
            border-right: 2px solid black;
            animation: typewriter 3s steps(20) infinite alternate, blink steps(20) infinite normal;
        }

        @keyframes typewriter {
            from {
                width: 0%;
            }
 
            to {
                width: 16%;
            }
        }
 
        @keyframes blink {
            from {
                width: 0%;
            }
 
            to {
                width: 90%
            }
        }

        .container-block input:focus + .placeholder,
        .container-block input:valid + .placeholder {
            display: none;
        }
		
		.searchicon {
		   position: absolute;
		   width: 15px;
		   height: 15px;
		   border: 1px solid #000099;
		   border-radius: 50%;
		   transform: rotate(-45deg);
		   margin: 15px;
		   margin-left: -40px;
		}
		
		.searchicon:after {
			position: absolute;
			content: '';
			height: 10px;
			width: 0px;
			border: 1px solid #000099;
			margin: 8px;
			margin-top: 15px;
		}
		
		.marquee {
			overflow: hidden;
			white-space: nowrap;
		    background-color: red;
		    height: 20px;
			padding: 10px;
		}
		
		.marquee_text {
			display: inline-block;
			font-family: Arial, sans serif;
            font-size: 16px;
            font-weight: normal;
            color: white;
			padding-left: 100%;
			animation: marquee 15s linear infinite;
        }
		
		@keyframes marquee {
			0% {transform: translate(0,0);}
			100% {transform: translate(-100%,0); }
			
		}
		
		#cart {
            display: none;
        }

        #totalPrice {
		    display: flex;
			flex-wrap: wrap;
			justify-content: left;
			box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
			padding: 10px;
			font-family: Arial, sans serif;
            font-weight: bold;
			color: black;
        }
		
		.card-img-top {
			width: 100%;
			height: 500px;
		}
		
		.rdlbasket {
			font-family: Arial, sans serif;
			font-size: 30px;
			font-weight: bold;
			color: #000099;
			margin: 10px;
		}
		
		.row {
			display: flex;
			flex-wrap:wrap;
			justify-content: center;
			margin-top: 100px;
			
		}
		
	    .card {
			width: 400px;
			line-height: 30px;
			background-color: white;
			border-radius: 8px;
			overflow: hidden;
			box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
			margin: 20px;
		}
		
		.container_total {
			display: flex;
			flex-wrap:wrap;
			justify-content: center;
			box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
			padding: 10px;
		}
		
		.h2cart {
			font-family: Arial, sans serif;
			color: black;
		}
		
		.list-group {
			font-family: Arial, sans serif;
			list-style-type: none;
		}

        .card {
            margin-bottom: 20px;
        }
		
        .add-to-cart-1 {
            width: 95%;
			height: 50px;
			background-color: transparent;
			color: #000099;
			border: 1px solid #000099;
			margin: 10px;
        }
		
		.add-to-cart-1:hover {
			background-color: #000099;
			color: white;
		}
		
		.add-to-cart-2 {
            width: 95%;
			height: 50px;
			background-color: transparent;
			color: #000099;
			border: 1px solid #000099;
			margin: 10px;
        }
		
		.add-to-cart-2:hover {
			background-color: #000099;
			color: white;
		}
		
		.add-to-cart-3 {
            width: 95%;
			height: 50px;
			background-color: transparent;
			color: #000099;
			border: 1px solid #000099;
			margin: 10px;
        }
		
		.add-to-cart-3:hover {
			background-color: #000099;
			color: white;
		}
		
		.add-to-cart-4 {
            width: 95%;
			height: 50px;
			background-color: transparent;
			color: #000099;
			border: 1px solid #000099;
			margin: 10px;
        }
		
		.add-to-cart-4:hover {
			background-color: #000099;
			color: white;
		}
		
		.add-to-cart-5 {
            width: 95%;
			height: 50px;
			background-color: transparent;
			color: #000099;
			border: 1px solid #000099;
			margin: 10px;
        }
		
		.add-to-cart-5:hover {
			background-color: #000099;
			color: white;
		}
		
		.add-to-cart-6 {
            width: 95%;
			height: 50px;
			background-color: transparent;
			color: #000099;
			border: 1px solid #000099;
			margin: 10px;
        }
		
		.add-to-cart-6:hover {
			background-color: #000099;
			color: white;
		}
		
	    .add-to-cart-7 {
            width: 95%;
			height: 50px;
			background-color: transparent;
			color: #000099;
			border: 1px solid #000099;
			margin: 10px;
        }
		
		.add-to-cart-7:hover {
			background-color: #000099;
			color: white;
		}
		
		.add-to-cart-8 {
            width: 95%;
			height: 50px;
			background-color: transparent;
			color: #000099;
			border: 1px solid #000099;
			margin: 10px;
        }
		
		.add-to-cart-8:hover {
			background-color: #000099;
			color: white;
		}
		
		.add-to-cart-9 {
            width: 95%;
			height: 50px;
			background-color: transparent;
			color: #000099;
			border: 1px solid #000099;
			margin: 10px;
        }
		
		.add-to-cart-9:hover {
			background-color: #000099;
			color: white;
		}
		
		.add-to-cart-10 {
            width: 95%;
			height: 50px;
			background-color: transparent;
			color: #000099;
			border: 1px solid #000099;
			margin: 10px;
        }
		
		.add-to-cart-10:hover {
			background-color: #000099;
			color: white;
		}
		
		.add-to-cart-11 {
            width: 95%;
			height: 50px;
			background-color: transparent;
			color: #000099;
			border: 1px solid #000099;
			margin: 10px;
        }
		
		.add-to-cart-11:hover {
			background-color: #000099;
			color: white;
		}
		
		.add-to-cart-12 {
            width: 95%;
			height: 50px;
			background-color: transparent;
			color: #000099;
			border: 1px solid #000099;
			margin: 10px;
        }
		
		.add-to-cart-12:hover {
			background-color: #000099;
			color: white;
		}
		
		.add-to-cart-13 {
			width: 95%;
			height: 50px;
			background-color: transparent;
			color: #000099;
			border: 1px solid #000099;
			margin: 10px;
		}
		
		.add-to-cart-13:hover {
			background-color: #000099;
			color: white;
		}
		
		.add-to-cart-14 {
			width: 95%;
			height: 50px;
			background-color: transparent;
			color: #000099;
			border: 1px solid #000099;
			margin: 10px;
		}
		
		.add-to-cart-14:hover {
			background-color: #000099;
			color: white;
		}
		
		.add-to-cart-15 {
			width: 95%;
			height: 50px;
			background-color: transparent;
			color: #000099;
			border: 1px solid #000099;
			margin: 10px;
		}
		
		.add-to-cart-15:hover {
			background-color: #000099;
			color: white;
		}
		
		.add-to-cart-16 {
			width: 95%;
			height: 50px;
			background-color: transparent;
			color: #000099;
			border: 1px solid #000099;
			margin: 10px;
		}
		
		.add-to-cart-16:hover {
			background-color: #000099;
			color: white;
		}
		
		.add-to-cart-17 {
			width: 95%;
			height: 50px;
			background-color: transparent;
			color: #000099;
			border: 1px solid #000099;
			margin: 10px;
		}
		
		.add-to-cart-17:hover {
			background-color: #000099;
			color: white;
		}
		
		.add-to-cart-18 {
			width: 95%;
			height: 50px;
			background-color: transparent;
			color: #000099;
			border: 1px solid #000099;
			margin: 10px;
		}
		
		.add-to-cart-18:hover {
			background-color: #000099;
			color: white;
		}
		
		.add-to-cart-19 {
			width: 95%;
			height: 50px;
			background-color: transparent;
			color: #000099;
			border: 1px solid #000099;
			margin: 10px;
		}
		
		.add-to-cart-19:hover {
			background-color: #000099;
			color: white;
		}
		
		.add-to-cart-20 {
			width: 95%;
			height: 50px;
			background-color: transparent;
			color: #000099;
			border: 1px solid #000099;
			margin: 10px;
		}
		
		.add-to-cart-20:hover {
			background-color: #000099;
			color: white;
		}
		
		.add-to-cart-21 {
			width: 95%;
			height: 50px;
			background-color: transparent;
			color: #000099;
			border: 1px solid #000099;
			margin: 10px;
		}
		
		.add-to-cart-21:hover {
			background-color: #000099;
			color: white;
		}
		
		.add-to-cart-22 {
			width: 95%;
			height: 50px;
			background-color: transparent;
			color: #000099;
			border: 1px solid #000099;
			margin: 10px;
		}
		
		.add-to-cart-22:hover {
			background-color: #000099;
			color: white;
		}
		
		.add-to-cart-23 {
			width: 95%;
			height: 50px;
			background-color: transparent;
			color: #000099;
			border: 1px solid #000099;
			margin: 10px;
		}
		
		.add-to-cart-23:hover {
			background-color: #000099;
			color: white;
		}
		
		.add-to-cart-24 {
			width: 95%;
			height: 50px;
			background-color: transparent;
			color: #000099;
			border: 1px solid #000099;
			margin: 10px;
		}
		
		.add-to-cart-24:hover {
			background-color: #000099;
			color: white;
		}
		
		.add-to-cart-25 {
			width: 95%;
			height: 50px;
			background-color: transparent;
			color: #000099;
			border: 1px solid #000099;
			margin: 10px;
		}
		
		.add-to-cart-25:hover {
			background-color: #000099;
			color: white;
		}
		
		.add-to-cart-26 {
			width: 95%;
			height: 50px;
			background-color: transparent;
			color: #000099;
			border: 1px solid #000099;
			margin: 10px;
		}
		
		.add-to-cart-26:hover {
			background-color: #000099;
			color: white;
		}
		
		.add-to-cart-27 {
			width: 95%;
			height: 50px;
			background-color: transparent;
			color: #000099;
			border: 1px solid #000099;
			margin: 10px;
		}
		
		.add-to-cart-27:hover {
			background-color: #000099;
			color: white;
		}
		
		.add-to-cart-28 {
			width: 95%;
			height: 50px;
			background-color: transparent;
			color: #000099;
			border: 1px solid #000099;
			margin: 10px;
		}
		
		.add-to-cart-28:hover {
			background-color: #000099;
			color: white;
		}
		
		.add-to-cart-29 {
			width: 95%;
			height: 50px;
			background-color: transparent;
			color: #000099;
			border: 1px solid #000099;
			margin: 10px;
		}
		
		.add-to-cart-29:hover {
			background-color: #000099;
			color: white;
		}
		
		.add-to-cart-30 {
			width: 95%;
			height: 50px;
			background-color: transparent;
			color: #000099;
			border: 1px solid #000099;
			margin: 10px;
		}
		
		.add-to-cart-30:hover {
			background-color: #000099;
			color: white;
		}
		
		.card-title {
			margin: 10px;
			font-family: Arial, sans serif;
			font-size: 15px;
			font-weight: bold;
			color: #000099;
		}
		
		.card-text {
			margin: 10px;
			font-family: Arial, sans serif;
			font-size: 14px;
			color: #000099;
		}
		
		.cut_price {
			margin: 10px;
			font-family: Arial, sans serif;
			font-size: 14px;
			color: #000099;
		}
		
		.discount_price {
			margin: 10px;
			font-family: Arial, sans serif;
			font-size: 18px;
			font-weight: bold;
			color: #000099;
		}
		
		.discount_percentage {
			margin: 10px;
			text-align: center;
			font-family: Arial, sans serif;
			font-size: 12px;
			font-weight: bold;
			background-color: red;
			color: white;
			width: 55px;
		}
		
		.rdheader {
			font-family: Arial, sans serif;
			font-size: 30px;
			font-weight: bold;
			color: #000099;
			margin: 10px;
		}
		
	    .img_page {
	        display: flex;
	        flex-wrap: wrap;
	        margin: 20px;
	 
	    }
	 
	    .card_layout {
	       width: 400px;
	       height: 650px;
	       box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
	       margin: 25px;
	    }
	 
	    .img_content {
	       width: 100%;
	       height: 70%;
	    }
	 
	    .card_layout:hover {
	       width: 425px;
	       height: 900px;
		   transition: 1s;
	    }
		
	    .cardcontainer {
	       margin: 130px;
	       margin-top: 50px;
	    }
	
	    .cardletter {
	       display: inline-block;
	       font-family: Arial, sans serif;
	       font-size: 14px;
	       color: #000099;
	       margin: 10px;
	       padding: 10px;
	    }
	
        .prodlink {
	       font-family: Arial, sans serif;
		   font-size: 16px;
		   color: blue;
		   border: 1px solid #000099;
		   background-color: transparent;
		   text-decoration: none;
		   padding: 10px;
		}
		
		.prodlink:hover {
		   color: white;
		   background-color: #000099;
		}
		
		.contactform {
			border: none;
			box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
			display: flex;
			flex-direction: column;
			background-color: white;
            width: 500px;
			height: 600px;
			align-items: center;
			margin: 10px;
		}
		
		.fnamebox {
			border: none;
			border-bottom: 5px solid green;
			width: 300px;
			height: 30px;
			padding: 5px;
			
		}
		
		.lnamebox {
			border:none;
			border-bottom: 5px solid green;
			width: 300px;
			height: 30px;
			padding: 5px;
	
		}
		
		.emailbox {
		    border:none;
			border-bottom: 5px solid green;
			width: 300px;
			height: 30px;
			padding: 5px;
		
		}
		
		.descriptionbox {
			border: none;
			border-bottom: 5px solid green;
			width: 300px;
			height: 100px;
			padding: 5px;
		}
			
		.submitbtn {
			background-color: white;
			color: #000099;
			font-family: Arial, sans serif;
			font-weight: bold;
			font-size: 16px;
			text-align: center;
			border: 1px solid #000099;
			width: 100px;
			line-height:50px;
			text-decoration: none;
			
		}
		
		.submitbtn:hover {
			background-color: #000099;
			color: white;
			transition: 0.5s;
		}
		
		.contactinfo {
			float: right;
			margin-top: -550px;
			margin-right: 20%;
			font-family: Arial;
			font-size: 30px;
			font-weight: bold;
			color: #000099;
		}
		
		.contactdescription {
			float: right;
			padding-right: 300px;
			margin-top: -480px;
			
		}
		
		.phonedirect {
			display: flex;
			flex-direction: row;
			margin: 10px;
		}
		
		.phoneicon {
			border-radius: 100%;
			background-color: #000099;
			padding: 10px;
		}
		
		.locationdirect {
			display: flex;
			flex-direction: row;
			margin: 10px;
		}
		
		.locationicon {
			border-radius: 100%;
			background-color: #000099;
			padding: 10px;
		}
		
		.emaildirect {
			display: flex;
			flex-direction: row;
			margin: 10px;
		}
		
		.emailicon {
			border-radius: 100%;
			background-color: #000099;
			padding: 10px;
		}
		
		.contactheadtext {
			font-family: Arial;
			font-size: 35px;
			font-weight: bold;
			color: #000099;
			text-align: center;
		}
		
		.contactform_text {
			font-family: Arial;
			font-size: 20px;
			font-weight: bold;
			color: #000099;
			text-align: center;
		}
		
		.contacttext {
			font-family: Arial;
			font-size: 14px;
			color: #000099;
			margin-bottom: 100px;
			text-align: center;
		}
		
		.descriptiontext {
			margin: 10px;
			font-family: Arial;
			font-size: 16px;
			font-weight: bold;
			color: #000099;
		}
		
		.footerdown {
			position: relative;
			background-color: black;
			color: white;
			font-family: Arial;
			font-size: 12px;
			margin-top: 0rem;
			line-height: 10px;
			width: 100%;
			
		}
		.socialmedias {
			float: right;
			padding-top: 20px;
		}
		
		.smediades {
			font-family: Arial;
			font-size: 14px;
			font-weight: bold;
			color: white;
			margin-left: 10px;
		}
		
		.facebook_icon {
			filter: brightness(50%);
			margin: 10px;
		}
		
		.facebook_icon:hover {
			filter: brightness(100%);
			
		}
		
		.instagram_icon {
			filter: brightness(50%);
			margin: 10px;
		}
		
		.instagram_icon:hover {
			filter: brightness(100%);
		}
		
		.whatsapp_icon {
			filter: brightness(50%);
			margin: 10px;
		}
		
		.whatsapp_icon:hover {
			filter: brightness(100%);
		}
		
		.footercontent1 {
		display: inline-block;
		font-family: Arial, sans serif;
		font-size: 14px;
		margin: 30px;
		}
		
		.footercontent2 {
		display: inline-block;
		font-family: Arial, sans serif;
		font-size: 14px;
        padding: 30px;
		}
		
		.footercontent3 {
		display: inline-block;
		font-family: Arial, sans serif;
		font-size: 14px;
		margin: 30px;
		}
		
		.footercontent4 {
		display: inline-block;
		font-family: Arial, sans serif;
		font-size: 14px;
		margin: 30px;
		}
		
		.footercontent5 {
		display: inline-block;
		font-family: Arial, sans serif;
		font-size: 14px;
		margin: 30px;
		}
		
		.footerlink {
		color: #999;
	    text-decoration: none;
		}
		
		.footerlink:hover {
		background-color: transparent;
		color: red;
		}
		
		.footertext {
			color: #999;
			font-family: Arial;
			font-size: 12px;
			line-height: 30px;
			margin-top: 100px;
			padding-top: 50px;
			text-align: center;
		}