*
{
	margin:0;
	padding:0;
}
body
	{
	font-family: sans-serif;
	}
	
	#nav-bar
	{
		position: sticky;
		top: 0;
		z-index: 10;
	}
	
	.navbar
	{
		background-image: linear-gradient(to right,#00e3eb,#ed0000 );
	padding:0 !important;
	}
	
	.navbar-brand img
	{
		height:40px;
		padding-left:25px;
		padding-top: 3px;
	}
	
	.navbar-nav li 
	{
		padding:0 10px;
	}
	
	.navbar-nav li a
	{
		color: #fff !important;
		font-weight:600;
		float:right;
		text-align: left;
	}
	
	.fa-bars
	{
		color:#2e2b2e;
		font-size:30px !important;
	}
	
	.navbar-toggler
	{
	outline: none !important;
	}
	
	/*------------- Banner Section -----------------*/
	

	
	#banner
	{
		background-image:linear-gradient(to right,#00e3eb,#ed0000 );
		color:#f7ff05;
		padding-top: 5%;	
	}
	
	.promo-title
	{
		font-size: 40px;
		font-weight: 600;
		margin-top: 100px;
		color: #000000;
}

	
	.play-btn
	{
		width:45px;
		margin:20px;
	}
	
	#banner a{
		color: #000000;
		text-decoration: none;
	}
	
	.bottom-img
	{
		width:100%;
	}
	

	
	/*------------- Services Section -----------------*/
	
	
	#services
	{
		padding: 80px 0;
	}
	
	.service-img
	{
		height: 100px;
		margin-top: 20px;
		
	}
	
	.services
	{
		padding: 20px;
	}
	
	.services h4
	{	
	padding: 5px;	
	margin-top: 25px;
	text-transform: uppercase;
	}

	.services p
	{
		text-align: left;
	}
	
	.title:before 
	{
		content: '';
		background: #3c3d3d;
		height: 5px;
		width: 200px;
		margin-left: auto;
		margin-right: auto;
		display: block;
		transform: translateY(63px);
	}
	
	.title:after
	{
		content: '';
		background: #3c3d3d;
		height: 10px;
		width: 50px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px;
		display: block;
		transform: translateY(8px);
	}
	
	.btn-primary
	{
		box-shadow: none;
		padding: 8px 25px;
		border:none;
		border-radius: 20px;
		background-image:linear-gradient(to right,#00e3eb,#000000);
	}
	
		/*------------- about-us Section -----------------*/
	
	
	#about-us
	{
		background: #f8f9a;
		padding-bottom: 50px;
		padding-top:50px;
	}
	
	.about-title
	{
		font-size: 40px;
		font-weight:600;
		margin-top: 8%;
	}
	
	.about-us ul li
	{
		margin:10px;
	}
	
	#about-us ul
	{
		margin-left:20px;
	}
	
	
	/*------------- Testimonials Section -----------------*/
	
	
	#testimonials
	{
		margin: 10px;
	}
	
	.testimonials
	{
		border-left:4px solid #3c3d3d;
		margin-top: 50px;
		margin-bottom:50px;	
	}
	
	.testimonials img{
		height: 80px;
		width:80px;
		border-radius: 50%;
		margin: 0 10px;
	}
	
	.user-detail
	{
		display: initial-block;
		font-size: 12px;
	}
	
	
	/*------------- Social-media Section -----------------*/
	
	#social-media
	{
		background: #f8f9fa;
		padding: 100px 0;
	}
	
	#social-media p
	{
		font-size: 36px;
		font-weight:600;
		margin-bottom: 30px;
	}
	
	.social-icons img
	{
		width: 60px;
		transition: 0.5s;
	}
	
	.social-icons a:hover img
	{
		transform: translateY(-10px);
	}
	
	
	/*------------- Footer Section -----------------*/
	
	#footer
	{
		background-image:linear-gradient(to right,#00e3eb,#ed0000 );
		color: #fff;	
	}
	
	.footer-img
	{
		width: 100%;
	}
	
	.footer-box
	{
		padding: 20px;
	}
	
	.footer-box img
	{
		width: 120px;
		margin-bottom: 20px;
	}
	
	/*------------- Change color of Email link -----------------*/
			
			a:link {
  color: white;
}

	.footer-box .fa
	{
	margin-right: 5px;	
	font-size: 20px;
	height: 35px;
	width: 35px;
	text-align: center;
	padding-top: 7px;
	border-radius: 5px;
	background-image:linear-gradient(to right,#9c9c9c,#000000 );
	}
	
	.footer-box .form-control
	{
	box-shadow: none !important;
	border: none;
	border-radius: 0;
	margin-top: 25px;
	max-width: 250px;
	}
	
	.footer-box .btn-primary
	{
	box-shadow: none;
	border: none;
	border-radius: 5;
	margin-top: 30px;
	background-image:linear-gradient(to right,#9c9c9c,#000000 );
	}
	
	hr
	{
	background-color:#fff;	
	}
	
	.copyright
	{
		margin-bottom: 0;
		padding-bottom: 20px;
		text-align: center;
	}