/*--

Author: W3layouts

Author URL: http://w3layouts.com

License: Creative Commons Attribution 3.0 Unported

License URL: http://creativecommons.org/licenses/by/3.0/

--*/

.topmenuouter_inn
{
	background-color:#627b05;
	margin-bottom:10px;
	padding-left:0px;
	padding-right:0px;
}

.top-nav{
	float: left;
	width: 100%;
	margin-top: 0.3em;
	padding-top: 7px;
	padding-bottom: 7px;	

}

span.menu {

	display:none;

}

.top-nav ul{

	margin: 0;

	padding: 0;

}

.top-nav ul li{

	list-style-type:none;

	display:inline-block;

	

	

}

.top-nav ul li .rightbord{

	list-style-type:none;

	display:inline-block;

	padding-left:10px; padding-right:10px;border-right-style:solid; border-right-color:#879e34; border-right-width:2px;

	

}

.top-nav ul li .rightbord1{

	list-style-type:none;

	display:inline-block;

	padding-left:2px; padding-right:2px;

	

}

.top-nav ul li a{

	text-decoration:none;

	font-size: 17px;

	font-weight: 500;

	color:#fff;

	position: relative;

	letter-spacing: 1px;

	text-shadow: 0 0 1px rgba(255,255,255,0.3);

	padding-bottom: 0px;

	    font-family: Karshikam;

	text-align:center;

	width:auto;

}

.top-nav ul li a:hover,

.top-nav ul li a:focus {

	outline: none;
	color: #FF0;

}

.top-nav ul li a::after {

	position: absolute;

	top: 75%;

	left: 0;

	width: 100%;

	height: 1px;

	background: #313f4a;

	content: '';

	opacity: 0;

	-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;

	-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;

	transition: height 0.3s, opacity 0.3s, transform 0.3s;

	-webkit-transform: translateY(-10px);

	-moz-transform: translateY(-10px);

	transform: translateY(-10px);

}

.top-nav ul li a:hover::after,

.top-nav ul li a:focus::after,.top-nav ul li a.active::after{

	height: 3px;

	-webkit-transform: translateY(0px);

	-moz-transform: translateY(0px);

	transform: translateY(0px);

}
@media(max-width:1000px){
	.topmenuouter_inn
{
	background-color:#fff;
	margin-bottom:10px;
}
	
	.top-nav ul li .rightbord{

	list-style-type:none;

	display:inline-block;

background-color:#627b05;
padding-left:11px; padding-right:11px;border-right-style:none; border-right-color:#879e34; border-right-width:0px;
margin:7px;
padding-bottom:5px;
padding-top:5px;
width:100%;
float:left;

}

.top-nav ul li .rightbord1{

	list-style-type:none;

	display:inline-block;

	padding-left:2px; padding-right:2px;

	

}
.top-nav ul li a{

	text-decoration:none;

	font-size: 13px;

	font-weight: 200;

	color:#fff;

	position: relative;

	letter-spacing: 1px;

	text-shadow: 0 0 1px rgba(255,255,255,0.3);

	padding-bottom: 10px;

	

	text-align:center;

	width:200px;;

}
}


@media(max-width:768px){



.top-nav {

	width: 5%;

	margin-left: 12.8em;

}

.social-icons {

	width: 21%;

}

span.menu {
	display: block;
	position: relative;
	cursor: pointer;
	margin-top: 8px;
	margin-right: 20px;
	margin-bottom: -22px;
	margin-left: 0;
	float: right;
}

.top-nav  ul.nav2{

	display:none;

	padding: 0;

	margin:0;

	z-index: 999;

	position: absolute;

	width: 100%;

	left: 0;

}

.top-nav ul.nav2 li {

	display: block;

	text-align: center;

	background: rgba(34, 34, 34, 0.91);

	margin: 0;

	width: 100%;

	padding: .8em 0 4px 0;

}

.top-nav ul li a {

	color: white;

	display: block;

	padding-bottom: 6px;

	font-size: 15px;

	border: none;

	margin: 0;

	font-family: 'ML-TTRevathi-Normal';

	

}

.top-nav ul li a :hover{

	border:none;

}

.top-nav ul li a::after {

	top: 100%;

}



}

@media(max-width:640px){


.top-nav {

	width: 6%;

	margin: 0 0 0 9.5em;

}



}

@media(max-width:480px){

.header-logo {

	width: 31%;

	margin-left: 0;

}
.top-nav ul li .rightbord
{
	width:250px;
}

.top-nav {

	width: 100%;

	margin: 0;

	float: left;

}}























.slider {
  max-width: 100%;
  height: auto
  margin: 0px;
  position: relative;
}
.slide1,.slide2,.slide3,.slide4,.slide5 {
  position: absolute;
  width: 100%;
  height: 100%;
}
.slide1 {
  
      background-size: cover;
    animation:fade 10s infinite;
-webkit-animation:fade 10s infinite;

} 
.slide2 {
  
      background-size: cover;
    animation:fade2 10s infinite;
-webkit-animation:fade2 10s infinite;
}

@keyframes fade
{
  0%   {opacity:1}
  33.333% { opacity: 0}
  66.666% { opacity: 0}
  100% { opacity: 1}
}
@keyframes fade2
{
  0%   {opacity:0}
  33.333% { opacity: 1}
  66.666% { opacity: 0.7 }
  100% { opacity: 0}
}