*{margin:0; padding:0;}
body{
	background-color:#9ff711;
	margin:0px;	
}
.mani_wrap{
	width:100%;
}
.wrap{
	width:960px;
	margin:0 auto;
	display:block;
}
.header_bg{
	background-color:#E4E1E0;
	border-bottom:2px solid #3700ff;
	width:100%;
	display:block;
}
#header{
	padding:10px 0;
    background-color:#e4e1e0;
	width:960px;
	margin:0 auto;
}
#header h2,
#header p{
	font-family:georgia;
}
#header h2{
	color:#b89022;
	margin:0 auto;
}
#header p{
	color:#1a1313;
	font-size:17px;
}
.nav_bg{
	background-color:#FFFFFF;
	border-bottom:2px solid #3700ff;
	width:100%;
	display:block;	
}
#nav{
	background-color:#fafcfb;
	border-bottom:none;
	width:960px;
	display:block;
	margin:0 auto;
}
#nav > ul{
	display:flex;
	list-style-type:none;
	margin:0;
	padding:0;
	width:960px;
}
#nav ul li{
	position:relative;
	flex:1 1 192px;
}

#nav ul li a{
	border:1px solid rgb(69, 106, 150);
	display:block;
	color:black;
	text-decoration:none;
	padding:8px 17px;
	width:192px;
	box-sizing:border-box;
	text-align:center;
	transition:all 0.3s;
	border-top:none;
	border-bottom:none;
}
#nav > ul > li:first-child > a{
    border-left:none;
}
#nav > ul > li:last-child > a{
    border-right:none;
}
#nav ul li:hover > a,
#nav ul li a:hover{
	color:#fff;
	background:#6b710e;
	box-sizing:border-box;
}
#nav ul li:active > a,
#nav ul li a:active{
	background: red;
}
#nav ul li:visited > a,
#nav ul li a: :visited{
	background: yellow;
}


#nav ul li ul{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	z-index:888;
	list-style:none;
	margin:0;
	padding:0;
}
#nav ul li:hover > ul{
	display:block;
}
#nav ul li ul li{
	position:relative;
	float:none;
	border-right:none;
	border-bottom:1px solid #9c9e79;
	width:192px;
}
#nav ul li ul li ul{

	display:none;
	position:absolute;
	top:0;
	left:100%;
	z-index:999;
}


#nav ul li ul li:hover > ul{
	display:block;
	z-index:999;
}

#nav ul li ul li ul li{
	border-left:1px solid #6B710E;
	width:192px;
}
#nav > ul > li > ul > li > ul:last-child
{
	left:auto;
	right:100%;
}
#slider-wrap{
	width:960px;
	margin:0 auto;
}
.slider-wrapper,
#slider {
	width:960px !important;
	height:300px !important;
}
#slider img{
	width:auto !important;
	height:400px !important;
	object-fit:cover;
	float:none;
	margin:auto;
	
}
#slider ul{
	width:300px;
	height:300px;
	float:right;
	list-style-type:none;
	background-color:#f1f1e9;
}
#slider ul li{
	width:300px;
	height:100px;
	border-bottom:1px solid #6b710e;
}
#slider ul li a {
    display: block;
    text-decoration: none;
    color: #000000;
    padding: 34px 10px;
    font-size: 26px;
    text-align: center;
    background: red;
    font-family: fangsong;
}
.content_bg{
	background-color:#6B710E;
overflow:hidden;
}
#content{
	padding:5px;
	overflow:hidden;
	width:960px;
	margin:0 auto;
}	
#article1, #article2, #article3{
    width: 315px;
    float: left;
    border:2px solid #fefff4;
    border-top:3px solid #dcf009;
}
#article1:first-child{
	margin-right: 0px;
}

#article1 img,
#article2 img,
#article3 img{
    display: block;
    width: 100%;
    height: 200px;
    object-fit: cover;
}
#article1 h2,
#article2 h2,
#article3 h2{
	font-size: 18px;
	margin: 0;
	padding: 10px 10px;
	color:#f1f1e9;
	background-color:#6b710e;
}
#article1 p,
#article2 p,
#article3 p{
	font-size: 11px;
	line-height:1.5;
	text-align:justify;
	background-color:#f1f1e9;
	margin: 0;
	padding: 1px 1px;
}
.h2{
	background-color:red;

}
#pan{
	font-size:1em;
	font-family: 'poinret one', cursive;
	color:rgb(8, 8, 8);
	margin:0 auto;
	font-weight: bold;
	text-shadow: 0 1px #808d93, -1px 0 #cdd2d5, -1px 2px #808d93, -2px 1px #cdd2d5, -2px 3px #808d93, -3px 2px #cdd2d5, -3px 4px #808d93, -4px 3px #cdd2d5, -4px 5px #808d93, -5px 4px #cdd2d5, -5px 6px #808d93, -6px 5px #cdd2d5, -6px 7px #808d93, -7px 6px #cdd2d5, -7px 8px #808d93, -8px 7px #cdd2d5;
	text-align:center;

}


.mybox{
	width:300px;
	height:300px;
	background:rgb(15, 14, 14);
	margin:0 auto;
	border-radius: 50%;
	box-shadow: blue 0px 0px 0px 2px inset, rgb(255, 255, 255) 10px -10px 0px -3px, rgb(31, 193, 27) 10px -10px, rgb(255, 255, 255) 20px -20px 0px -3px, rgb(255, 217, 19) 20px -20px, rgb(255, 255, 255) 30px -30px 0px -3px, rgb(255, 156, 85) 30px -30px, rgb(255, 255, 255) 40px -40px 0px -3px, rgb(255, 85, 85) 40px -40px;
}

.ban{background-color: rgb(233, 225, 225);
}
#ba{
	margin:30px;
}
#ba:before{
	content:"abdul"
}
#ba:after{
	content:"Bari"
	
}
.footer_bg{
	background-color:#1FBE5C;
}
#footer{
	padding:15px;
	text-align:center;
	color:#000000;
	height:18px;
	background-color:#1fbe5c;
}
#footer p{
  margin-top:5px;
  font-family: "Open Sans", sans-serif;
  text-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
}


.button{
	display:block;
	margin:0 auto;
	text-decoration: none;
	width:960px;

}
.content{
	background:#ddd;
	padding:10px 50px;
	position:relative;
	z-index:5;
}
.content:hover{
	background:none;
	
}
.content:before{
	content:"";
	position:absolute;
	width:50%;
	height:100%;
	background:green;
	top:0;
	left:-50%;
	transition:all 0.3s ease;
	z-index:-5;

}
.button:hover .content:before{
	left:0;
}
.content:after{
	content:"";
	position:absolute;
	width:50%;
	height:100%;
	background:green;
	top:0;
	right:-50%;
	transition:all 0.3s ease;
	z-index:-5;

}
.button:hover .content:after{
	right:0;
}
#sticker{
	background:rgb(228 225 224);
	color:#fff;
}
.stick {
	position:sticky;
	top:0px;
	z-index:999999999999;
}
.info-box Label{
    display:block;
    margin-top:10px;

}
.info-box input,
.info-box textarea{
    width:100%
    box-sizing:border-box;
    padding:10px;
    margin-top:5px;
    font-size:16px;
    
}
.info-box textarea{
    height:100px;
    resize:none;
}
.info-box bottom{
    margin-top:10px;
    padding:10px 20px;
}