a.oni{text-decoration:none;font-weight:bold;background-color:rgba(0,10,10,0.6);color:#fff;}
		a.head{text-decoration:none;
				font-weight:bold;
				font-family:verdana;
				color:#fff;
				padding:10px;
				margin:0px;
				position:relative;
				top:-60px;
				border-radius:10px;
				border:1px solid #000;
				background: -webkit-radial-gradient(top right, #222, #111,#ccc);
				background: -o-radial-gradient(top right, #222, #111,#ccc);
				background: -moz-radial-gradient(top right, #222, #111,#ccc);
				background: radial-gradient(top right,#222, #111,#ccc);
				}
		a.head:hover{text-decoration:underline;}
		div#vetom{position:relative;margin:5px;padding:5px;border:none;height:80px;width:100%;}
		div.eti{position:relative;float:left;width:120px;height:70px;padding:4px;margin-left:20px;border:none;text-align:center;font-family:verdana;border-radius:5px;}
		div.eti:hover{border:1px solid #e30613;}
		div#you{text-align:center;padding:10px;margin:0 auto;border:none;position:relative;top:-40px;}
		section#ab{padding:10px;font-size:16px;font-family:verdana;text-align:justify;}
		section#fb{background-color:#eee;box-shadow: 10px 10px 5px #888888;text-align:center;}
		h1{background-color:hsla(0,0%,10%,0.7);color:#fff;font-weight:bold;font-family:verdana;}
		p{text-align:justify;font-family:verdana;}
		/*for caontact form*/
			form{margin:0 auto;width:540px;}
			input, textarea{width:300px;height:27px;background:#efefef;border:1px solid #dedede;padding:10px;margin-top:3px;font-size:0.9em;color:#3a3a3a;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
			textarea{height:213px;background-color:#efefef;}
			input:focus, textarea{border:1px solid #97d6eb;}
			#submit{width:127px;height:38px;background-color:#ccc;border:none;margin-top:20px;cursor:pointer;}
			#submit:hover{opacity:.9;}
			p.eror{color:red;}
			label{float:left;width:250px;font-weight:bold;color:#787878;}
		/*for contact form end*/

/* for slider*/
			 .jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn
            {
            	position: absolute;
            	cursor: pointer;
            	display: block;
                background: url(a21.png) center center no-repeat;
				background-color:hsla(0,0%,10%,0.7);
				border-radius:10px;
                overflow: hidden;
				
            }
            .jssora21l { background-position: -3px -33px; }
            .jssora21r { background-position: -63px -33px; }
            .jssora21l:hover { background-position: -123px -33px; }
            .jssora21r:hover { background-position: -183px -33px; }
            .jssora21ldn { background-position: -243px -33px; }
            .jssora21rdn { background-position: -303px -33px; } 
			
			  .jssorb21 div, .jssorb21 div:hover, .jssorb21 .av
            {
                background: url(b21.png) no-repeat;
                overflow:hidden;
                cursor: pointer;
            }
            .jssorb21 div { background-position: -5px -5px; }
            .jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
            .jssorb21 .av { background-position: -65px -5px; }
            .jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }

/*for slider end*/
	
	
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body {
	padding: 150px 0;
	background-color:#eee;
	background-image:url("images/b.gif"),url("images/img_8.gif");
	background-position:-320px 100px,380px 100px;background-repeat:no-repeat;background-attachment:fixed;background-size:100%;
}

/* Content style */
section {
	width: 90%;
	max-width: 46em;
	text-align: justify;
	margin: 0 auto;
	padding:10px;
}




/* Header styles and animations */

.ha-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0;
	z-index: 50;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.ha-header-perspective {
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-perspective: 100px;
	-moz-perspective: 1100px;
	perspective: 1100px;
	-webkit-perspective-origin: 50% 0;
	-moz-perspective-origin: 50% 0;
	perspective-origin: 50% 0;
	
}

.ha-header-perspective > div {
	text-align: left;
	padding: 0 7%;
	height: 50%;
	width: 100%;
	margin: 0 auto;
	position: relative;
	text-align: justify;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	overflow: hidden;
	
}

.ha-header-front {
	z-index: 2;
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	background: -webkit-linear-gradient(bottom right, #222, #111,#ccc); 
  background: -o-linear-gradient(bottom right, #222, #111,#ccc); 
  background: -moz-linear-gradient(bottom #222, #111,#ccc); 
  background: linear-gradient(to bottom #222, #111,#ccc); 
	border:none;
}

.ha-header-perspective .ha-header-bottom {
	 background: -webkit-linear-gradient(bottom right, #222, #111,#ccc); 
  background: -o-linear-gradient(bottom right, #222, #111,#ccc); 
  background: -moz-linear-gradient(bottom #222, #111,#ccc); 
  background: linear-gradient(to bottom #222, #111,#ccc); 
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	z-index: 1;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transition: top 0.5s;
	-moz-transition: top 0.5s;
	transition: top 0.5s;
	position: absolute;
	top: 0;
}

/* Justify inline-block elements (h1 on left side, nav on right) */
.ha-header-perspective > div::after {
    content: '';
    display: inline-block;
    width: 100%;
}

/* Text styling */

.ha-header nav,
.ha-header nav::before {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}



.ha-header h1::before,
.ha-header nav::before {
	content: '';
	height: 100%;
}

.ha-header h1::after {
	content: '';
	width: 100px;
	height: 96px;
	background: #fff;
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	cursor: pointer;
	box-shadow: inset 0 8px #2d383f, inset 0 16px #fff, inset 0 24px #2d383f, inset 0 32px #fff, inset 0 40px #2d383f, inset 0 48px #fff, inset 0 56px #2d383f;
	opacity: 0;
	border: 20px solid #fff;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.ha-header nav {
	height: 100%;
}

.ha-header nav a {
	text-transform: uppercase;
	letter-spacing: 1px;
    padding:6px;
    margin: 4px;
	font-weight:bold;
    cursor: pointer;
    color: #222;
	 background: -moz-radial-gradient(top left,#fff,#336633);
    background: -webkit-radial-gradient(top left,#fff,#336633);
    background: -o-radial-gradient(top left,#fff,#336633);
    background: -ms-radial-gradient(top left,#fff,#336633);
    background: radial-gradient(top left,#fff,#336633);
    text-decoration: none;
	border-radius:5px;
	border:none;
}

.ha-header nav a:hover {
	color:#336633;
    
}



/* Individual states */

.ha-header-large {
	height: 250px;
}



.ha-header-shrink .ha-header-bottom {
	opacity:.9;
}

.ha-header-rotate {
	height: 200px;
	top: 2px;
	padding-left: 2px;
	padding-right: 10px;
}

.ha-header-rotate .ha-header-front {
	-webkit-transform: translateY(-100%) rotateX(90deg);
	-moz-transform: translateY(-100%) rotateX(90deg);
	transform: translateY(-100%) rotateX(90deg);
}

.ha-header-rotate .ha-header-bottom {
	top: 50%;
	-webkit-transition: -webkit-transform 0.5s;
	-moz-transition: -moz-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transform: rotateX(0deg) translateY(-100%);
	-moz-transform: rotateX(0deg) translateY(-100%);
	transform: rotateX(0deg) translateY(-100%);
}




@media screen and (max-width: 65em) {
	body {
		font-size: 85%;
	}
}

@media screen and (max-width: 60em) {


	.ha-header-perspective > div,
	.ha-header nav {
		text-align: center;
	}

	.ha-header h1 {
		padding: 10px 0;
		height: 60%;
	}

	.ha-header .ha-header-bottom nav {
		padding: 10px 0px;
	}

	.ha-header nav {
		display: block;
		height: auto;
	}

}

@media screen and (max-width: 38em) {
	section {
		font-size: 1.3em;
	}

	.ha-header h1 {
		font-size: 2em;
	}

	.ha-header nav {
		font-size: 60%;
	}
}