body{
			overflow-x: hidden;
		}
		.drop{
			-moz-appearance: none; 
			-webkit-appearance: none;
		}
		.style{
			display: inline-block;
		}
		.imp{
			color: red;
		}
		.image{
			background-image: url(support.jpg);
			width: 100%;
			height: 600px;
			margin-top: -48px;
			background-size: cover;
			background-repeat: no-repeat;
		}
		h1{
			 padding-top: 300px;
		}
		.navigation{
			background-color: #0a4b9b;
			position: fixed;
			height: 700px;
			width: 360px;
			margin-top: -47px;
			right: -400px;
		}
		.active{
			left: 1160px;
			background-color: #0a4b9b;
			position: fixed;
			height: 700px;
			width: 360px;
			margin-top: -47px;
			transition: 1s;
			animation: mymove 3s;
		}
		@keyframes mymove {
			from {left: 1500px;}
			to {right: 0px;}
		}
		
		.active ul li {
			position: relative;
		}
		.active ul li:hover {
			background-color: #17a2b8;;
			transition: 1s;
			margin-left: -40px;
		}

		@media screen and (max-width: 640px) {
			.active{
				left: 10px;
				background-color: #0a4b9b;
				position: absolute;
				height: 1325px;
				width: 360px;
				margin-top: -47px;
				overflow-y: scrollable;
				animation: mymove1 3s;
			}
			@keyframes mymove1 {
			from {left: -360px;}
			to {left: 0px;}
			}
			.container{
				margin-left: 20px;
			}
			body{
				overflow-x: hidden;
			}
		}

	}