body{
	margin : 0;
	background-color : grey;
}
nav{
	position : fixed;
	z-index: 2;
	top : 0;
	background-color :  white;
	width : 100%;
	padding : 10px;
	box-shadow : 0 0 5px 3px white;
}
.title{
	display : inline-block;
	color : black;
	font-family : rockwell;
	position : relative;
	bottom : 50px;
	left : 65vh;
}
.hdt{
	display : inline-block;
}

.l1{
	position : relative;
	top : 10px;
	left : 5px;
	display : inline-block;
	height : 10vh;
	width : 15vh;
}
.nvi{
	float : right;
	position : relative;
	top : 85px;
	right : 50px
}
a{
	border-radius : 5px;
	color: white;
	text-decoration : none;
	background-color : black;
    margin: 1px;
	padding : 20px;
	font-family : verdana;
	font-weight : bold;
}
.ac{
	background-color : grey;
	padding : 20px;
	font-weight : bold;
	color: black;
}
a:hover{
	color : black;
	background-color : grey;
}
.content {
	margin-top: 0;
	text-align: center;
}
.menu-area::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background-color: grey;
	z-index: -1;
	opacity: .95;
	left: 0;
	top: 0;
}
.menu-area{
	background-size: cover;
	background-position: center;
	position: relative;
	z-index: 1;
	padding: 100px;
	color: #fff;

}
.section-title{
	text-align: center;
	margin-bottom: 60px;
	
}
.section-title h4{
	font-size: 40px;
	text-transform: uppercase;
	line-height: 60px;
	background-color: #000;
	border-radius: 15px;
}

.textup { 
    text-align: center; 
    color: #ddd; 
    font-weight: 700; 
} 
  
i { 
    margin-right: 3px; 
} 

.form-box { 
	position: absolute;
	left: 10%;
    background-color: #000; 
    box-shadow: 0 0 10px black; 
    padding: 15px; 
    border-radius: 8px; 
    width: 500px; 
} 
  
form { 
    max-width: 400px; 
    margin: 0 auto; 
} 
  
.radio-group { 
    display: flex; 
    margin-bottom: 16px; 
} 
  
input[type="radio"] { 
    margin-right: 8px; 
} 
  
label { 
    display: block; 
    margin-bottom: 8px; 
    font-size: 17px; 
    color: ff7720; 
    font-weight: 600; 
} 
  
input, 
textarea { 
    width: 100%; 
    padding: 8px; 
    margin-bottom: 12px; 
    box-sizing: border-box; 
    border-radius: 10px; 
  
} 
  
.sb { 
    background-color: #ff7720; 
    color: #ddd; 
    padding: 10px; 
    border: none; 
    border-radius: 25px; 
    cursor: pointer; 
    width: 100%; 
    font-size: 15px; 
    transition: .2s linear; 
} 
  
.sb:hover{ 
    background-color: #ff7720; 
    border: none; 
    transform: translateY(-10px); 
} 

.contact-info{
	position: relative;
	margin: 0;
	max-width: 400px;
	float: right;
	right: 15%;
	padding: 20px;
	background-color: #333;
	border-radius: 10px;
}
  
.contact-info h2{
	margin-top: 0;
}
  
.contact-info ul{
	list-style-type: none;
	padding: 0;
}
  
.contact-info li{
	margin-bottom: 10px;
}
.fb{
	background-color: #ff7720; 
	color: #ddd; 
	padding: 10px; 
	border: none; 
	border-radius: 25px; 
	cursor: pointer; 
	width: 50%; 
	font-size: 15px; 
	transition: .2s linear;
}
.fb:hover{
	background-color: #ff7720; 
	color: black;
    border: none; 
    width: 100%; 
}
.map{
	position: relative;
	margin-top: 15%;
	max-width: 400px;
	float: right;
	left: 10%;
	padding: 20px;
	background-color: #333;
	border-radius: 10px;
}
h3{
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	color: #ddd;
	margin-bottom: 30px;

}
.map-container{
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}
iframe{
	position: absolute;
	top: 0;
	left: 0;
	border: none;
	border-radius: 10px;
	height: 100%;
	width: 100%;
}
footer{
	text-align: center;
	margin-top: 20px;
	color: #888;
	font-size: 14px;
}