@charset "utf-8";
/* CSS Document */

@font-face {
	src:url(fonts/politici.woff);
	font-family:politici;
}



@font-face {
	src:url(fonts/roboto.woff);
	font-family:roboto;
}




* {
	margin:0;
	padding:0;
	box-sizing:border-box;
}




.clear {
	clear:both;
}

.color1 {
	color:#039900;
}

.color2 {
	color:#014d00;
}


body {	
  	background:url(img/background.jpg) fixed;
	background-size:100%;
	font:14px roboto;
	letter-spacing:1px;
	color:#000;
}


h1, h2, h3, h4 {
	margin-top:25px;
}


h1 {
	margin-bottom:25px;
	text-align:center;
	font:32px politici;
}

p {
	text-align:justify;
	margin-bottom:25px;
}


#wrapper-sagrika-mehra {
	width:1000px;
	background:rgba(255, 255, 255, .75);
	box-shadow:10px 10px 10px rgba(0, 0, 0, .75), -10px -10px 10px rgba(0, 0, 0, .75);
	margin:25px auto;
}

#header-sagrika-mehra {
	width:100%;
	padding:30px 0 0 25px;
	border-bottom:3px solid #fff;
	background:linear-gradient(#039900, #014d00);
	float:left;
}





#logo-sagrika-mehra {
	text-shadow:3px 3px #014d00, -3px -3px #014d00;
	color:#fff;
	float:left;
	font:40px politici;
	font-weight:normal;
	line-height:10px;
}


#logo-sagrika-mehra a {
	text-decoration:none;
	color:#fff;
}



#logo-sagrika-mehra span {
	font:15px roboto;
	margin-top:15px;
	text-transform:uppercase;
	float:right;
	text-shadow:none;
	color:#fff;
}





#nav-sagrika-mehra {
	float:right;
}




#nav-sagrika-mehra li {
	float:left;
	text-align:center;
	list-style:none;
}




#nav-sagrika-mehra li a {
	font:20px politici;
	float:left;
	padding:0 30px;
	line-height:60px;
	text-decoration:none;
	color:#fff;
	transition:all ease .25s;
}





#nav-sagrika-mehra li a:hover,
#nav-sagrika-mehra li a.active {
	color:#039900;
	background:#fff;
}




#gallery ul li {
	list-style:none;
	float:left;
	padding:10px;
	margin:2%;
	border:1px solid #039900;
	width:21%;
	transition:all ease .5s;
}

#gallery ul li img {
	width:100%;
	border-radius:5%;
}

#gallery ul li:hover {
	border:1px solid #000;
}




#content-sagrika-mehra {
	width:100%;
	padding:10px 30px;
	float:left;
}



#side-sagrika-mehra {
	width:30%;
	padding:10px 10px 0 10px;
	border-radius:10px;
	margin-top:30px;
	float:left;
	background:#039900;
}

#side-sagrika-mehra h3 {
	width:100%;
	margin:0;
	text-align:center;
	font-size:14px;
	font-weight:normal;
	background:#014d00;
	color:#fff;
	padding:5px;
	float:left;

}


#side-sagrika-mehra li {
	list-style:none;
	width:100%;
	border:3px solid #014d00;
	margin-bottom:10px;
}

#side-sagrika-mehra li img {
	width:100%;
	margin-bottom:-4px;
}




#contentmain-sagrika-mehra {
	width:70%;
	padding-left:30px;
	float:right;
}


#contentmain-sagrika-mehra li {
	margin:25px 0;
}



#footer-sagrika-mehra {
	width:100%;
	padding:10px;
	background:#014d00;
	float:left;
	font-size:12px;
}

#footer-sagrika-mehra li {
	list-style:none;
	padding:0 10px;
	border-right:solid 1px #fff;
	float:left;
}

#footer-sagrika-mehra li.border {
	border-right:none;
}

#footer-sagrika-mehra a {
	float:left;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
}

#footer-sagrika-mehra a:hover {
	text-decoration:underline;
}


#footer-sagrika-mehra span {
	margin-left:5px;
	float:right;
	color:#fff;
}


#footer-sagrika-mehra span a {
	float:none;
}



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


#wrapper-sagrika-mehra {
	width:90%;
}



#logo-sagrika-mehra {
	width:230px;
	font:30px politici;
}




#logo-sagrika-mehra span {
	font:19px roboto;
}





#nav-sagrika-mehra li {
	width:90%;
	border-bottom:1px solid rgba(255,255,255,.1);
	border-right:none;
}


#nav-sagrika-mehra a {
	width:100%;
}

#nav-sagrika-mehra li.border {
	border-bottom:none;
}




#contentmain-sagrika-mehra {
	width:100%;
	padding-left:0;
}



#side-sagrika-mehra {
	width:100%;
}


#slider1 .overview li{width:220px;}





#footer-sagrika-mehra li {
	display:none;
}



#footer-sagrika-mehra span {
	float:none;
}




#gallery ul li {
	width:100%;
}

}