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

@font-face {
		font-family:'trebuc';
		src: url('trebuc.eot');
		src: url('trebuc.eot?#iefix') format('embedded-opentype'),
		url('trebuc.ttf') format('truetype'),
		url('trebuc.svg#ManoramaRegular') format('svg');
		font-weight: normal;
		font-style: normal;
		}
		
@font-face {
		font-family:'jwala';
		src: url('jwala.eot');
		src: url('jwala.eot?#iefix') format('embedded-opentype'),
		url('jwala.ttf') format('truetype'),
		url('jwala.svg#ManoramaRegular') format('svg');
		font-weight: normal;
		font-style: normal;
		}
a { font-family:Arial, Helvetica, sans-serif;}
img { vertical-align: top;}	
.malayalam { font-family:jwala; color:#000000; font-size:18px;}

.malayalam2 { color:#000000; font-size:12px;}




.topbar { background-color:#221e15; line-height:25px; color:#CCCCCC; font-family:trebuc; font-size:12px;}
.logo a { position: absolute; top: 25px; left:0%; right:0%; margin:auto; width: 160px;  height: 160px; border:double 3px #ffa530; border-right:double 3px #f7dc45; border-top:none; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fae16d+0,f6d93b+26,ffa530+84 */
	background: #fae16d; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #fae16d 0%, #f6d93b 26%, #ffa530 84%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #fae16d 0%,#f6d93b 26%,#ffa530 84%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #fae16d 0%,#f6d93b 26%,#ffa530 84%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fae16d', endColorstr='#ffa530',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	box-shadow: 0px 0px 10px #000;
}
.logo a { font-size: 2em; color: #fff; text-decoration: none; text-align: center; z-index: 9999; }
.logo img { margin-top:10px;}


header { background-color:#fb930c;}
header > div { height:75px;}
header div > div:nth-child(1) > div { font-size:25px; text-align:right; color:#000000; padding-right:110px; font-family:trebuc; font-weight:bold; line-height:25px; margin-top:12px;}
header div > div:nth-child(2) > div { font-size:33px; text-align:left; color:#000000; padding-left:90px; font-family:jwala !important; font-weight:bold; line-height:25px; margin-top:12px;}
.news { background-color:#760f03; line-height:30px; color:#FFFFFF; font-size:14px;}

.body { 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fae16d+0,f6d93b+26,ffa530+84 */
background: #fae16d; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #fae16d 0%, #f6d93b 26%, #ffa530 84%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #fae16d 0%,#f6d93b 26%,#ffa530 84%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #fae16d 0%,#f6d93b 26%,#ffa530 84%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fae16d', endColorstr='#ffa530',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.readmore{ outline: none;  padding: 7px 0px; background: #fb930c;  border:none; font-size: 16px; text-align:center;  color: #fff; width: 15%;  display: block; transition:.5s ease-in; font-family:trebuc; margin:15px 0px 25px; }
.readmore:hover{ background:#1C9758; color:#FFFFFF; }

/*-- services --*/
.services{ padding:3em 0; }
.services-grids { margin: 0em 0 0 0; }
.services-info h3{ text-align:center; }
.services-grid-top{ box-shadow: 0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); }
.sublink{ float:right; margin-right:10px; margin-top:-30px;}
.sublink a { font-family:trebuc; margin-left:25px; }
.services-grid-img img{ width:100%; }
.services-grid-info{  padding: 0.5em; background: #FFF; }
.services-grid-info h4{ font-size: 1em;  color: #313131; margin: 0;  text-transform: uppercase; font-weight: 800;  line-height: 1.3em; padding-bottom: 0em; font-family:Arial, Helvetica, sans-serif; }
.services-grid-info p{ color: #313131; font-size: .875em; line-height: 1.8em; margin: 2em 0 0 0; font-family:Arial, Helvetica, sans-serif;}
.services-right{ height:160px;  padding: 1.5em 0em;  background:url(../images/online-booking.jpg) no-repeat top center; text-align: center; display:block; width:92%; margin-left:8px; }
.services-right:nth-child(2){ margin:1em 0; background:#EAC14C; }
.services-right:nth-child(3) { background: #EE732F; }
.services-right h4{  font-size: 1.5em;  color: #000; margin: 0; text-transform: uppercase;  font-weight: 800; font-family:Arial, Helvetica, sans-serif; text-shadow: 0px 0px 5px #FFF; }
.services-right p{ color: #FFFFFF;  font-size: .875em; line-height: 1.8em; margin: .5em 0 0 0; font-family:Arial, Helvetica, sans-serif; }
.services-grid { margin: 0 auto 2em;}
/*-- //services --*/

.falakam { background:url(../images/falakam.jpg) no-repeat top center; height:450px; margin-top:15px; padding:3.7em 3em 0em; text-align:center; line-height:22px; font-weight:bold;}
.img-srcoll { width:265px; height:200px; padding:3px; border:solid 1px #CCCCCC; margin:0px 7px; }
.scroll-gallery { background-color:#ffe2a0; padding:3em 0em; }
.scroll-gallery h1 { font-family:trebuc; font-size:30px; font-weight:bold; text-align:center; margin-bottom:1em; text-align:left; background-color:#492801; padding:10px 5px; font-size:20px; color:#FFFFFF; text-transform:uppercase;}

.footer h1 { font-family:trebuc; margin-bottom:1em;}
.tellf input { background-color:rgba(73,40,1,0.5); border:solid 1px #492801; line-height:30px; height:30px; padding:0px; padding-left:5px; color:#FFFFFF; margin-bottom:5px;}
.tellf input[type=submit] { padding:0px 15px; background-color:#013802;}
.tellf input[type=submit]:hover {background-color:#381f01;}

.bottom { background-color:#381f01; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; padding:0.5em 0em;}
.bottom a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}
.bottom img { vertical-align:middle;}

.main-intro { background:url(../images/intro/main_bg.jpg) repeat top center; background-size:cover;}
.intro { background:url(../images/intro/bg.jpg) no-repeat top center; background-size:cover; width:100%; height:100%;}
.intro-header { text-align:center;}
.intro-devi { background:url(../images/intro/light.gif) no-repeat center; height:600px; margin-top:168px;}

.pole{    display: flex;
    justify-content: flex-end;}
.pole-mal p{    color: #fff;
    font-size: 9px;
    padding: 5px 14px 0px!important;
    font-weight: 500;}
.pole-mal{    background:#000000bd;
    padding: 4px 12px 0px;
    border: 1px solid #fff;
    position: absolute;
    top: 0%;
    left: 58%;
    margin-top: -309px!important;
 box-shadow:0px 0px 15px 0px #D6D6D6;}
 .pole-eng p{      color: #fff;
    font-size: 14px;
    padding: 4px 24px 0px;}
.pole-eng{  background: #000000bd;
    padding: 5px 11px;
    border: 1px solid #fff;
    position: absolute;
    top: 0%;
    left: 58%;
    margin-top: -173px;
box-shadow:0px 0px 15px 0px #D6D6D6;}
  .pole-mal button{     padding: 0px 15px;
    line-height: 25px;
    background-color: #ffffff;
    border: solid 1px #FF6600;
    color: #FF6600;
    font-family: trebuc;
    text-transform: uppercase;
    font-size: 11px;
    position: absolute;
    right: 0;
    top: 73%;
    font-weight: 700;
    transition: ease 1s;}
	.pole-eng button{    padding: 0px 15px;
    line-height: 25px;
    background-color: #ffffff;
    border: solid 1px #FF6600;
    color: #FF6600;
    font-family: trebuc;
    text-transform: uppercase;
    font-size: 11px;
    position: absolute;
    right: 0;
    top: 78%;
    font-weight: 700;
 transition: ease 1s;}
.pole-mal:hover{background-color:#520707;
				color: #fff;}
.pole-top:hover .pole-mal button{position: absolute;
								top: 37%;
									right: 30%;
									transform: translateY(50%);}

.pole-mal button:hover{text-decoration: none;
					color: #fff;
						background-color: #FF6600;
							border:1px solid  #00000091;}					
.pole-eng:hover{background-color: #520707;
				color: #fff;}
.pole-btm:hover .pole-eng button{position: absolute;
								top: 37%;
									right: 30%;
									transform: translateY(50%);}
.pole-eng button:hover{text-decoration: none;
					color: #fff;
						background-color: #FF6600;
							border:1px solid  #00000091;}
.pole-modal-body img{width: 100%;}
@media (min-width: 320px) and (max-width: 576px){
	
.pole-mal{ margin-top: 13px;
				    padding: 4px 8px 0px;
				    		top: 0%;
    							left: 13%;}
.pole-eng{ margin-top:82px;
				    padding: 4px 5px 0px;
				    		top: 0%;
    							left: 13%;}
.pole-mal p {color: #fff;
    font-size: 9px;
    padding: 4px 9px 2px;}
 .pole-eng p {
    color: #fff;
    font-size: 10px;
	padding: 3px 0px 0px;}
.pole-mal button{line-height: 20px;}
.pole-eng button{line-height: 20px;}

.pole-btm:hover .pole-eng button{
								top: 15%;
									right: 30%;
									}
.pole-top:hover .pole-mal button{
								top: 15%;
									right: 30%;
									}
	}
@media (min-width: 577px) and (max-width: 769px) {
.pole-mal{     margin-top: -171px;
    padding: 4px 8px 0px;
    top: 0%;
    left: 33%;}
.pole-eng{ margin-top:-171px;
				    padding: 4px 5px 0px;
				    		top: 0%;
    							left: -100%;}
.pole-mal p {color: #fff;
    font-size: 9px;
    padding: 4px 9px 2px;}
 .pole-eng p {
    color: #fff;
    font-size: 10px;
	padding: 3px 0px 0px;}
.pole-mal button{line-height: 20px;}
.pole-eng button{line-height: 20px;}

.pole-btm:hover .pole-eng button{
								top: 15%;
									right: 30%;
									}
.pole-top:hover .pole-mal button{
								top: 15%;
									right: 30%;
									}
	}


/*home pole*/
.home-pole-mal p{color: #fff;
    font-size: 13px;
      padding: 11px 36px 0px;}
.home-pole-mal{     background: #492801db;
    padding: 4px 12px 0px;
    border: 1px solid #760f03;
    box-shadow: 0px 0px 15px 0px #760f03;
    width: 70%;
    margin: 10px 85px;
    height: 80px;}
 .home-pole-eng p {color: #fff;
    font-size: 15px;
      padding: 14px 40px 0px;}
.home-pole-eng{      background: #492801db;
    padding: 4px 12px 0px;
    border: 1px solid #760f03;
    box-shadow: 0px 0px 15px 0px #760f03;
    width: 70%;
    margin: 10px 85px;
    height: 80px;}
  .home-pole-mal button{     padding: 0px 15px;
    line-height: 25px;
    background-color: #ffffff;
    border: solid 1px #FF6600;
    color: #FF6600;
    font-family: trebuc;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    transition: ease 1s;
    float: right;
	outline: none;
	margin-top: 9px!important;}
	.home-pole-eng button{    padding: 0px 15px;
    line-height: 25px;
    background-color: #ffffff;
    border: solid 1px #FF6600;
    color: #FF6600;
    font-family: trebuc;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
 transition: ease 1s;
	   float: right;
	    outline: none;}
.home-pole-mal:hover{background-color:#520707;
				color: #fff;}

.home-pole-mal button:hover{text-decoration: none;
					color: #fff;
						background-color: #FF6600;
							border:1px solid  #00000091;}					
.home-pole-eng:hover{background-color: #520707;
				color: #fff;}
.home-pole-eng button:hover{text-decoration: none;
					color: #fff;
						background-color: #FF6600;
							border:1px solid  #00000091;}
.pole-modal-body img{width: 100%;}
@media (min-width: 320px) and (max-width: 576px){
	.home-pole-mal{margin: 10px 46px;}
	.home-pole-mal p {font-size: 10px;
    padding: 4px 3px 2px;}
    .home-pole-eng{margin: 10px 46px;}
	.home-pole-eng p {
    padding: 4px 3px 2px;}
    .home-pole-mal button{margin: 0px 27%;
                            margin-top: 0px!important;}
    .home-pole-eng button{margin: 0px 27%;}

}

@media (min-width: 577px) and (max-width: 769px) {
	.home-pole-mal p {
    color: #fff;
    font-size: 10px;
    padding: 4px 7px 2px;}
    .home-pole-eng p {
    color: #fff;
    font-size: 13px;
    padding: 3px 15px 2px;}
    .home-pole-mal button{margin: 0px 29%;}
    .home-pole-eng button{margin: 0px 29%;}
    .music-slokam {
    position: absolute;
    left: 39%;
    margin-top: 15.5%;}
    .home-pole-mal button{margin-top: -5px!important;}
}
.slokam{position: relative;}
.music-slokam{position: absolute;
    			left: 43%;
    				margin-top: 6.5%;}
 .music-slokam a{background-color: #f1f3f4!important;
 					color: #000!important;
 					    border: 1px solid #000!important;
 							font-weight: 700;
 								width: 200px!important;
 								text-align: center;}
.online-btn:hover{
					background-color: #f39215b3!important;
						border:1px solid #fff;}
.audio-slokam audio{   
    line-height: 30px;
    background-color: #f1f3f4;
      border: 1px solid #000!important;
    color: #FFFFFF;
    font-family: trebuc;
    text-transform: uppercase;
    font-size: 14px;
        position: absolute;
    width: 200px!important;
    height: 32px;
    right: 57%;
outline: none!important;}



.slokam { margin-top:-103px;}
.slokam  p{ color:#FFFFFF;}
.slokam a { display:inline-block; padding:0px 15px; line-height:30px; background-color:#000000; border:solid 1px #FF6600; color:#FFFFFF; font-family:trebuc; text-transform:uppercase; font-size:14px; margin-left:5px; }
.slokam1 { text-align:center; margin:55px 0px; display:none;}
.slokam1 a { display:inline-block; padding:0px 15px; line-height:30px; background-color:#000000; border:solid 1px #FF6600; color:#FFFFFF; font-family:trebuc; text-transform:uppercase; font-size:14px; margin-left:5px; }
.slokam > div:nth-child(2) { text-align:right;}

#pscroller { width:100%; height:550px;}
#pscroller1 { width:100%; height:248px;}
#pscroller2 { width:100%; height:248px;}
#pscroller3 { width:100%; height:30px;}
#pscroller4 { width:100%; height:250px;}
#pscroller4 img { height:220px !important; width:100%;object-fit:contain; }
#pscroller4 a { background-color:#CCCCCC; text-align:center; display:block; line-height:30px; font-size:12px; text-transform:uppercase; color:#000; font-weight:bold; }
#pscroller4 a:hover { background-color:#000; color:#FFF;}

#temple, #devaswom { font-family:trebuc; font-size:14px;}
#temple img, #devaswom img { border:solid 3px #FF6600; margin:10px 0px 15px;}
.photo { margin-top:35px; height:250px; }
.photo1 { margin-top:35px; height:175px;text-transform:capitalize; }

.specialpooja { width:100% !important;}
.specialpooja, td, th { border:solid 1px #CCCCCC; color:#333333 !important; padding:5px;}
.specialpooja th { font-weight:bold; text-align:center; color:#FFFFFF!important; background-color:#330000;}
.download { padding-left:0px; margin-left:0px; list-style:none;}
.download li a { display:block; background:url(../images/download-icon.png) no-repeat 300px center #F4F4F4; line-height:45px; border-bottom:dotted 1px #CCCCCC; list-style:inside; padding-left:10px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif; color:#000000;}
.download li a:hover { background:url(../images/download-icon.png) no-repeat 300px center #EBEBEB;}

.enqbox { width:100%; border:solid 1px #cccccc; font-size:13px; padding:5px; margin-bottom:10px;}
.address { text-align:center; text-transform:uppercase; font-weight:bold; margin-top:10px; }
.bottom > div > div:nth-child(2) { text-align:right;}
.amenities { margin-top:18px;}

@media (max-width:1024px){
	.navbar-nav > li > a { margin-left:20px !important; font-size:12px !important; }
	.navbar-nav > li:nth-child(4) > a { margin-left:0px;}
	.navbar-nav > li:nth-child(5) > a { margin-left:200px !important;}
}

@media (max-width:980px){
	header div > div:nth-child(1) > div { font-size:17px;}
	header div > div:nth-child(2) > div { font-size:25px;}
	header img { width:200px;}
	.navbar-nav > li > a { margin-left:0px !important; font-size:10px !important; }
	.navbar-nav > li:nth-child(4) > a { margin-left:0px;}
	.navbar-nav > li:nth-child(5) > a { margin-left:200px;}
	.footer > div > div { margin-bottom:2em;}
	.tellf > div { padding:0px !important;}
	.bottom > div > div { text-align:center !important;}
	.services-right { width:100%; margin-left:0px; height:75px; background:url(../images/online-booking.jpg) no-repeat center -10px; background-size:cover; }
	.services-right p { margin-top:35px !important;}
	.falakam { background-size:cover !important; height:300px; font-weight:normal; padding:3.7em 3em 0em; font-size:12px; line-height:15px;}
	#pscroller { width:100%; height:325px;}
	#pscroller1 { width:100%; height:150px;}
	#pscroller2 { width:100%; height:150px;}
}

@media (max-width:800px){
	
}

@media (max-width:768px){
	
	.address { font-size:12px;}
	
}

@media (max-width:640px){
	
	body { overflow-x:hidden;}
	.container { padding:0px;}
	.topbar > .container > div  { padding:0px !important;}
	.logo a { margin:0px; width:100px; height:100px; }
	.logo img { margin:0px;}
	
	header > div { height:60px;}
	header img { display:none;}
	header div > div:nth-child(1) > div { font-size:25px; padding-right:0px; font-family:trebuc; line-height:15px;}
	header div > div:nth-child(2) > div { font-size:30px; text-align:right; padding-right:0px; line-height:15px;}
	.navbar-toggle { margin-top:7px; margin-right:15px;}
	.navbar { margin-bottom:0px;}
	.navbar-nav > li:nth-child(5) > a { margin-left:0px !important;}
	.navbar-nav > li > a { font-size:12px !important;}
	.nav { background-color:#FF6600;}
	.footer > div > div { margin-bottom:2em;}
	#pscroller1 { width:100%; height:190px;}
	#pscroller2 { width:100%; height:190px;}
	.festivals img, .amenities img { width:45%; }
	.festivals { width:45%; float:left; }
	.amenities { width:45%; float:right; }
	.services-right { width:100%; margin-left:0px; height:160px; background:url(../images/online-booking.jpg) no-repeat center -20px; background-size:cover; }
	.services-right p { margin-top:120px !important;}
	.falakam {  padding:3.7em 10em 0em; }
	.amenities { margin-top:0px;}
	#pscroller { width:100%; height:950px;}
	.falakam { background:url(../images/falakam.jpg) no-repeat top center; height:740px; margin-top:15px; padding:5.5em 3.5em 0em; text-align:center; line-height:45px; font-weight:bold; font-size:22px;}
	
}

@media (max-width:480px){

	header div > div:nth-child(1) > div { font-size:25px;}
	header div > div:nth-child(2) > div { font-size:30px;}
	.flex-control-nav { display:none !important;}
	.flex-direction-nav { display:none !important; }
	.readmore { width:50% !important;}
	#pscroller { width:100%; height:710px;}
	.falakam {  padding:3.7em 6em 0em; }
	.services-right p { margin-top:90px !important;}
	.falakam { background:url(../images/falakam.jpg) no-repeat top center; height:550px; margin-top:15px; padding:3.7em 3em 0em; text-align:center; line-height:30px; font-weight:bold; font-size:22px;}
	#pscroller1 { width:100%; height:140px;}
	#pscroller2 { width:100%; height:140px;}
	
}

@media (max-width:360px){
	
	header div > div:nth-child(1) > div { font-size:15px;}
	header div > div:nth-child(2) > div { font-size:20px;}	
	.festivals, .amenities { width:100%; float:none; }
	.services-right { width:100%; margin-left:0px; height:160px; background:url(../images/online-booking.jpg) no-repeat top center;  }
	.falakam { background:url(../images/falakam.jpg) no-repeat top center; height:450px; margin-top:15px; padding:3.7em 3em 0em; text-align:center; line-height:22px; font-weight:bold; font-size:18px;}
	.amenities { margin-top:18px;}
	.festivals img, .amenities img { width:100%; }
	#pscroller { width:100%; height:515px;}
	#pscroller1 { width:100%; height:230px;}
	#pscroller2 { width:100%; height:230px;}
}

@media (max-width: 320px){
	
	.services-right { width:100%; margin-left:0px;}
	.services-grid:nth-child(3) { margin-bottom: 0em;}
	.falakam {  height:425px; padding:3.7em 2em 0em; line-height:22px; font-weight:normal;}
	
	.footer ul { width:100% !important; float:none;}
	.tellf > div { padding:0px !important;}
	.bottom > div > div { text-align:left !important;}
	.intro-devi { width:100%; height:269px; margin-top:75px; background-size:cover;}
	.flowers { width:150px;}
	.vilaku { background:none!important;}
	
	.main-intro { background:url(../images/intro/main_bg.jpg) repeat top center;}
	.slokam { display:none; }
	.slokam1 { display:block;}
	 .slokam1{   margin: 140px 0px;}
	
	#pscroller { width:100%; height:450px;}
	#pscroller1 { width:100%; height:205px;}
	#pscroller2 { width:100%; height:205px;}
	.sublink{ margin-top:-90px; float:left; margin-bottom:10px; text-align:right;}
	.sublink a { display:inline-block; margin-right:0px; }
	.address { font-size:13px;}
	
	
}