
@font-face {
    font-family: 'OswaldRegular';
    src: url('../fonts/OswaldRegular.eot');
    src: url('../fonts/OswaldRegular.eot') format('embedded-opentype'),
         url('../fonts/OswaldRegular.woff2') format('woff2'),
         url('../fonts/OswaldRegular.woff') format('woff'),
         url('../fonts/OswaldRegular.ttf') format('truetype'),
         url('../fonts/OswaldRegular.svg#OswaldRegular') format('svg');
}



@font-face {
    font-family: 'Candara';
    src: url('../fonts/Candara.eot');
    src: url('../fonts/Candara.eot') format('embedded-opentype'),
         url('../fonts/Candara.woff2') format('woff2'),
         url('../fonts/Candara.woff') format('woff'),
         url('../fonts/Candara.ttf') format('truetype'),
         url('../fonts/Candara.svg#Candara') format('svg');}
@charset "utf-8";


/* CSS Document */


body
{
	background:url(../images/bg.jpg);
	margin:0 auto;
	padding:0;
	min-width:1200px;}
.head
{
	width:100%;
	height:640px;
	background:url(../images/bg1.png) no-repeat;
	background-size: 100%;
	position:absolute;
}
.head-about
{
	width:100%;
	height:640px;
	background:url(../images/about-bg.png) no-repeat;
	background-size: 100%;
	position:absolute;

}
.main
{
	width:1200px;
	height:500px;
	
	margin:0 auto;
	padding:0;
	margin-top:179px;} 
	.main-sub
{
	width:1200px;
	height:500px;
	
	margin:0 auto;
	padding:0;
	margin-top:100px;}
	.menu-box
	{
		width:1200px;
		height:273px;
		}
		.hanumn
		{
			width:257px;
			height:273px;
			float:left;
			background:url(../images/hanuman.png) no-repeat;}
			.devi
		{
			width:257px;
			height:273px;
			float:right;
			background:url(../images/devi.png) no-repeat;}
			.menu
			{
				width:686px;
				    height: 97px;
    float: left;
    margin-top: 176px;				background-color:#A57732;}
				.papper
				{
					width:1200px;
					margin:0 auto;
					float:left;
					height:auto;
					background:url(../images/papper.png);
					}
					.sp
					{
						width:1200px;
						height:26px;
						float:left;
						background:url(../images/sp.png);
						}
						.vilaku
						{
							width:170px;
							height:370px;
							float:left;
							margin-left: -3em;
							background:url(../images/vilaku.png) no-repeat;}
							.vilaku-right
						{
							width:170px;
							height:370px;
							float:right;
							margin-right: -3em;
								background:url(../images/vilaku.png) no-repeat;}
							.para
							{
								width:955px;
							
							
								float:left;
								}
								.sub-para
							{
								width:1150px;
								
								margin:0 auto;
								
								
								}
								.para img
								{    margin-left: 3em;
								margin-top: 3em;
			}
			.para h1,.sub-para h1
			{font-family: 'OswaldRegular';
				font-size:1.5em;
				text-align:center;
				text-transform:capitalize;
				color:#A16408;
				font-weight:normal;
				}
			.para h3,.sub-para h3
			{font-family: 'OswaldRegular';
				font-size:1.5em;
				text-align:left;
				text-transform:capitalize;
				color:#0000;
				font-weight:normal;
				padding-left:3em;
				}
			
				.para h6,.sub-para h6{
				 font-family: 'OswaldRegular';
				font-size:1em;
				letter-spacing:1px;
				font-weight:normal;
				color:#443026;
				  
    padding-left: 3em;
    padding-right: 3em;
	text-align:justify;}
	.ower img
	{
		float: left;
    padding: 0;
    margin: 0;
    margin-top: 1.4em;
    margin-left: 2.8em;}
	
	
	.container{
  margin:80px auto;
  width: 29px;
  height: 60px;
  margin-top:13em;

  transform-origin:center bottom;
  animation-name: flicker;
  animation-duration:3ms;
  animation-delay:200ms;
  animation-timing-function: ease-in;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.flame{
  bottom:0;
  position:absolute;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  transform:rotate(-45deg) scale(1.5,1.5);
}

.yellow{
  left:15px; 
  width: 10px;
  height: 10px;
  background:gold;
  box-shadow: 0px 0px 9px 4px gold;
}

.orange{
  left:10px; 
  width: 15px;
  height: 15px;
  background:orange;
  box-shadow: 0px 0px 9px 4px orange;
}

.red{
  left:16px;
  width: 15px;
  height: 15px;
  background:OrangeRed;
  box-shadow: 0px 0px 5px 4px OrangeRed;
}

.white{
  left:15px; 
  bottom:-4px;
  width: 10px;
  height: 10px;
  background:white;
  box-shadow: 0px 0px 9px 4px white;
}

.circle{
  border-radius: 50%;
  position:absolute;  
}



@keyframes flicker{
  0%   {transform: rotate(-1deg);}
  20%  {transform: rotate(1deg);}
  40%  {transform: rotate(-1deg);}
  60%  {transform: rotate(1deg) scaleY(1.04);}
  80%  {transform: rotate(-2deg) scaleY(0.92);}
  100% {transform: rotate(1deg);}
}
	.papper-bootam
	{
		width:1200px;
		float:left;}
		.papper-bootam img
		{
			margin-left:5px;}
			.deepam{
				width:400px;
				margin:0 auto;
				
				height:30px;}
				.dep{ width:20px;
				height:30px;
				float:left;}
				.foot
				{
					width:1200px;
			
					float:left;
					background:url(../images/foot.png);
					}
					.foot-image
					{
						margin-left:2em;
						width:400px;
						height:295px;
						float:left;
						   
  }
.foot-image img{
	}
	.contact-box
	{
		width:285px;
		float:left;
		height:200px;
		
		margin-left:15em;
		    margin-top: 3em;
			    background-color: rgba(200, 156, 89, 0.28);
				    -webkit-box-shadow: 0px 56px 36px -60px #121D12;
    -moz-box-shadow: 0px 56px 36px -60px #121D12;
    -o-box-shadow: 0px 56px 36px -60px #121D12;}
		.contact-box h3
		{
			 font-family: 'OswaldRegular';
			font-size:20px;
			font-weight:normal;
			    text-align: left;
    padding-left: 1em;
			    color: #BF4B0D;}
			.contact-box p{
				font-family:Arial, Helvetica, sans-serif;
				line-height:5px;
				    text-align: left;
    padding-left: 1em}
				.foot-menu
				{
					width:1200px;
					height:50px;
					    background-color: #F4D186;
    float: left;
    margin-top: 2em;
    border-bottom: solid 2px #C98516;
					
-moz-border-top-left-radius: 10px;
-moz-border-top-right-radius: 10px;
-moz-border-bottom-right-radius: 45px;
-moz-border-bottom-left-radius: 45px;
/*Safari, Chrome*/
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 45px;
-webkit-border-bottom-left-radius: 45px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 45px;
border-bottom-left-radius: 45px;}
.foot-sub
{ width:700px;
margin:0 auto;
padding:0;}
.main-head
{
	width:249px;
	
	background-color: rgba(201, 160, 103, 0.33);
	margin:0 auto;}
	.main-head img
	{
		width:245px;
		height:295px;
		margin-left:2px;
		margin-top:2px;
		background-image:url(../images/fra.png);}
	.main-head h5
	{ font-family: 'OswaldRegular';
			font-size:15px;
			margin:0;
			padding:0;
			font-weight:normal;
			text-align:center;}
			.main-head h4
	{   font-family: 'Candara';
			font-size:16px;
			margin:0;
			padding:0;
			font-weight:normal;
			text-align:center;}
.sub-head
{
	width:900px;

	margin:0 auto;
	background-color:#F93;
	margin-top:1em;}
	
	
	.memb
{
	width:200px;
	float:left;
	margin-top:1em;
	margin-bottom:1em;
	margin-left:1em;
	
	background-color: rgba(201, 160, 103, 0.33);
}
	.memb img
	{
		width:195px;
		height:220px;
		margin-left:2px;
		margin-top:2px;
		background-image:url(../images/fra.png);}
	.memb h5
	{ font-family: 'OswaldRegular';
			font-size:14px;
			margin:0;
			padding:0;
			font-weight:lighter;
			text-align:center;}
			.memb h4
	{   font-family: 'Candara';
			font-size:16px;
			margin:0;
			padding:0;
			font-weight:lighter;
			text-align:center;
			padding-bottom:1em;}
			.papper-gallery
				{
					width:1200px;
					margin:0 auto;
					float:left;
					height:auto;
					background-color: #DFBC7F;
					}
					
					
					
					
					
					
					.tooltip {
position: relative; opacity: 0; color: #FFF;
top: -100px; left: 0px;
width: 277px; padding: 5px;
border-radius: 5px; -webkit-border-radius: 5px;
background-color: rgb(223, 161, 54);

-webkit-transition: .5s; transition: .5s;
-webkit-transform: rotateY(180deg); transform: rotateY(180deg);
}
.gallery-cont .tooltip:after {
position: absolute; top: 100%; left: 45%; height: 0; width: 0;
border: 6px solid transparent; border-top: 6px solid rgba(0, 0, 30, 0.5);

}
.gallery-cont:hover .tooltip {
opacity: 1; top: -225px;
-webkit-transform: rotateY(0deg); transform: rotateY(0deg);

}
.gallery-cont
{width:286px;
height:200px;
float:left;
margin-top:2px;
margin-left:1px;

}
.tooltip h5
{
color: #FFF;
text-align: center;
font-family: 'OswaldRegular';
font-weight: normal;
font-size:12px;


}

.gallery-cont{
overflow:hidden;
}
.gallery
{
	widows:1000px;
	height:auto;
	margin:0 auto;
	padding:0;}
	.event-box{
		width:900px;
		float:left;
    margin-left: 8em;
    border-bottom: dashed 2px #2E1E05;
		margin-top: 1em;
		  }
		.date
		{
			background-color:#BE8C39;
			    padding: 19px 25px 15px;
				color: #FFF;
				border: 0px solid #000000;
-moz-border-radius: 0px 90px 90px;/*Firefox*/
-webkit-border-radius: 0px 90px 90px;/*Safari, Chrome*/
border-radius: 0px 90px 90px;
text-align: center;
font-family: 'OswaldRegular';
float:left;
position:absolute;}
.event-box img
{
	width:271px;
	height:200px;
	float:left;
	margin-right:1em;
	margin-bottom:1em;
	
	
	}
	.event-box h5
	{  font-family: 'Candara';
			font-size:16px;
			margin:0;
			padding:0;
			font-weight:lighter;
			text-align:center;
			color:#FFF;
			padding-top:0em;
			}
			.event-box p
	{  font-family: 'Candara';
			font-size:14px;
			margin:0;
			padding:0;
			font-weight:lighter;
			text-align:justify;
			padding-left:1em;
			padding-right:2em;
			padding-top:1em;
			}
			.map
			{
				width:500px;
				height:300px;
				float:left;
				}
				.map-form
				{
					width:1200px;
					float:left;
					    margin-bottom: 2em;}
				.form
				{
					width:600px;
					float:right;
					
					
					}
					
	

.form span{
	display:block;
	font-size:0.8125em;
	color:#0000;
	padding-bottom:5px;
	font-family: 'OswaldRegular';
}
.form input[type="text"],.form textarea{
	padding:8px;
	display:block;
	width:80%;
	background:#EDCD8B;
	border: none;
	outline:none;
	color:#464646;
	font-size:0.8125em;
	 font-family: 'Candara';
	
	-webkit-appearance:none;
}
.form textarea{
	resize:none;
	height:50px;		
}
.form input[type="submit"]{
	padding:7px 20px;
	color:#FFF;
	cursor:pointer;
	background:#DDA836 ;
	border: 1px solid rgba(0, 0, 0, 0.25);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.50);
	-webkit-border-radius: 5px;
    border-radius:2px;
   font-family: 'Candara';
    
    right:0;
}
.form input[type="submit"]:hover{
	background-color:#333;
}
.form input[type="submit"]:active{
	background-color:#333;  
}
.family
{
	width:900px;
	height:auto;
	float: left;
    margin-left: 8em;
	background-color:#D1AC6B;
	margin-top:1em;
	margin-bottom:1em;
	    -webkit-box-shadow: 65px 0px 166px -60px #121D12;
    -moz-box-shadow: 65px 0px 166px -60px #121D12;
    -o-box-shadow: 65px 0px 166px -60px #121D12;}
	.family img
	{
		width:300px;
		height:200px;
		float:left;
		margin-left:1em;
		margin-bottom:1em;
		margin-right:1em;
		margin-top:1em;
		-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
-moz-border-radius: 12px;/*Firefox*/
-webkit-border-radius: 12px;/*Safari, Chrome*/
border-radius: 12px;
border: solid 2px #FFF;
		
		}
		.family img:hover {
-webkit-transform:scale(1.1);
transform:scale(1.1);
}

		.family h5 {
   font-family: 'OswaldRegular';
    font-size: 1.3em;
    margin: 0;
    padding: 0;
    font-weight:normal;
    text-align: center;
    color: #F4EBDC;
    padding-top: 5px;}
.family  p {
    font-family: 'Candara';
    font-size: 14px;
    margin: 0;
    padding: 0;
    font-weight: lighter;
    text-align: justify;
    padding-left: 1em;
    padding-right: 2em;
    padding-top: 1em;
}
.family-d
{
	width:100%;
	float:left;


	}
		.family-d h5 {
   font-family: 'OswaldRegular';
    font-size: 1.3em;
    margin: 0;
    padding: 0;
    font-weight:normal;
    text-align: center;
    color: #F4EBDC;
    padding-top: 5px;}
	.familydeth
	{
		width:200px;
		margin-left:1em;
		margin-top:1em;
		
		background:url(../images/de.png) no-repeat;
		float:left;}
			.familydeth img
			{
				width:150px;
				height:155px;
				margin-left:1.6em;
				
				
-moz-border-radius: 50%;/*Firefox*/
-webkit-border-radius: 50%;/*Safari, Chrome*/
border-radius: 50%;}


.familydeth p{
    font-family: 'OswaldRegular';
    font-size: 13px;
    margin: 0;
    padding: 0;
	margin-top:15em;
    font-weight: lighter;
    text-align: center;
	

}





	.main_second_pic
	{
		width:600px;
		height:250px;
		margin:0 auto;
		margin-top:20px;
		
	}
	
	.main_pic
	{
		width:200px;
		height:250px;
		
		float:left;
		margin-left:60px;
	}
		
			.main_pic img
			{
				
				width:195px;
		height:220px;
		margin-left:2px;
		margin-top:2px;}	
		
		
		.main_pic h5
	{ font-family: 'OswaldRegular';
			font-size:14px;
			margin:0;
			padding:0;
			font-weight:lighter;
			text-align:center;}
			.main_pic h4
	{   font-family: 'Candara';
			font-size:16px;
			margin:0;
			padding:0;
			font-weight:lighter;
			text-align:center;
			padding-bottom:1em;}