/* Common CSS */

ul li:hover
{
	color:#000;
}

.btn-primary 
{
	background-color: #ff6600 !important;
	border-color: #ff6600 !important;
}

.text-bold
{
	font-weight: 500 !important;
	line-height: 0px !important;
}

.nav-link, .nav-link:visited					
{
	text-transform:uppercase !important;
	color:#FFF !important;
	font-weight:500 !important;
	float: left !important;
}

.nav-link:hover
{
	color:#FC0 !important;
}

.carousel-item img
{
	margin: auto !important;
}

body
{
	margin:0px !important;
	padding:0px !important;
}

.my-css-for-slider
{
	top:0px !important;
}

.footer-container{
	height: 150px !important;
}

.my-css-img-size
{
	width: 95% !important;
	height: 500px !important;
	padding-left: 1rem;
	padding-bottom: 1rem;
}

p
{
	text-align: justify !important;
	line-height: 2.0rem !important;
	padding-left: 0.5rem !important;
	padding-right: 2.2rem !important;
}

.my-css-padding-bottom
{
	padding-bottom: 1rem;
}

.nav-link.last-link
{
	margin-right: 0rem !important;
}

.intro
{
	font-size: large;
}

.container
{
	position: static !important;
}

.navbar-brand
{
	color: #FFF !important;
	margin-left: 0.75rem !important;
	margin-right: 0rem !important;
	margin-bottom: .20rem !important;
}

.custom-bg
{
	background: #ff6600;
}

.carousel-item img
{
	padding-top: 0px !important;
	width: 1000px !important;
	height: 750px !important;
	margin-top: 10vh !important;
}

body
{
	margin: 0px !important;
	padding: 0px !important;
}

.new-para
{
	padding-top: 10px;
}

@media screen and (max-width: 991px) 
{	
	.my-css-padding-bottom
	{
		padding-bottom: 1rem;
	}

	.my-css-img-size
	{
		width: 95% !important;
		height: 250px !important;
		overflow: hidden !important;
		padding-bottom: 0.8rem;
	}
	
	p
	{
		text-align: justify !important;
		line-height: 2.0rem !important;
		padding-left: 0.5rem !important;
		padding-right: 1.0rem !important;
	}
		
	.top-nav
	{
		display: none;
	}

	.my-css-for-slider
	{
		top:-150px !important; 
	}

	.home-container{
		position: relative !important;
		top:-190px !important;
	}

	.footer-container
	{
		height: 0px !important;
	}

	body
	{
		margin: 0px !important;
		padding: 0px !important;
	}
	
	.navbar-toggler-icon
	{
		margin-top: .40rem !important;
		color: #FFF !important;
	}
	
	.navbar-toggler
	{
		border: #CCC 1px solid !important;
	}
	
	.navbar-brand
	{
		color: #FFF !important; 
		margin-left: 1rem !important;
		margin-right: 0rem !important;
		margin-bottom: .10rem !important;
	}
	
	.nav-link 
	{
		 margin-left: 3.5rem;
	}
	
	.carousel-item img
	{
		margin: auto !important;
		width: 100% !important;
		height: auto !important;
		margin-top: 20vh !important;
	}
}

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

	.my-css-for-slider
	{
		top:-195px !important; 
	}

	.carousel-item img
	{
		margin: auto !important;
		width: 100% !important;
		height: auto !important;
		margin-top: 30vh !important;
	}

}

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

	.navbar-brand
	{
		color:#000 !important;
		font-size: medium !important;
		margin-left: 0px !important;
		margin-right:0px !important;
		font-weight: 500 !important;
	}
}

.my-navbar {
	overflow: hidden;
	z-index: 10000000;
	background-color: #ff6600;
	position: fixed;
	bottom: 0;
	width: 100%;
  }
  
  .my-navbar a {
	float: right;
	display: block;
	color: #f2f2f2;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-weight: bold;
	font-size: 18px;
  }
  
  .my-navbar a:first-child {
	float: left;
	display: block;
	font-stretch: wider;
  }
  
  .my-navbar a:hover {
	color: #FFF;
  }

  .sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #ff6600;
	overflow-x: hidden;
	opacity: 0.95;
	transition: 0.5s;
	padding-top: 60px;
  }
 
  .providername
  {
	font-size: 15pt;
	font-weight: 700;
  }

  .placename
  {
	font-size: 11pt;
	font-weight: 600;
  }
  
  .textline
  {
	font-size: 8pt;
	font-weight: 100;
  }
 
  .providername
  {
	font-size: 18px;
	font-weight: 700;
  }

  .sidenav a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 20px;
	color: #FFF;
	display: block;
	transition: 0.3s;
  }
  
  .sidenav a:hover {
	color: #FC0;
  }
  
  .sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	color: #ffff00;
	margin-left: 50px;
  }
  
  @media screen and (max-height: 450px) {
	.sidenav {padding-top: 15px;}
	.sidenav a {font-size: 18px;}
  }