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




body{
    background-color: #ffff;
	font-family: 'Lato', sans-serif !important;
	width:100% !important;
	 overflow: auto; 
    overflow-y: auto; 
}

.header-wrap{
	background-color:#fff;
}


input[type="checkbox" i] {
    margin: 3px 3px 3px 4px  !important;
}
user agent stylesheet
input[type="checkbox" i] {
    -webkit-appearance: checkbox  !important;
    box-sizing: border-box  !important;
}
user agent stylesheet
input[type="radio" i], input[type="checkbox" i] {
    background-color: initial  !important;
    margin: 3px 0.5ex  !important;
    padding: initial  !important;
    border: initial  !important;
}
user agent stylesheet
input {
    -webkit-appearance: textfield  !important;
    background-color: white  !important;
    -webkit-rtl-ordering: logical  !important;
    user-select: text  !important;
    cursor: auto  !important;
    padding: 1px  !important;
    border-width: 2px  !important;
    border-style: inset  !important;
    border-color: initial   !important;
    border-image: initia  !importantl;
}
user agent stylesheet
input, textarea, keygen, select, button {
    text-rendering: auto  !important;
    color: initial  !important;
    letter-spacing: normal  !important;
    word-spacing: normal  !important;
    text-transform: none  !important;
    text-indent: 0px  !important;
    text-shadow: none  !important;
    display: inline-block  !important;
    text-align: start  !important;
    margin: 0em 0em 0em 0em  !important;
    font: 13.3333px Arial  !important;
}
user agent stylesheet
input, textarea, keygen, select, button, meter, progress {
    -webkit-writing-mode: horizontal-tb  !important ;
}

/*-----------------------------------------------------------------------------------------------------header-wrap-------------------------------------------------------------------*/
.social-icon
{
    text-align: center;
}
.social-icon h3 i{
    color: #ec7c00;
    margin-left: 20px;
    
}
.social-icon h4 {
    color: #000;
    margin-left: 18px;
    margin-top: 5px;
    font-size: 17px;
    
}
.social-icon i {
    margin-left: 10px;
    margin-right:5px;
}
.logo
{
    text-align: center;
    vertical-align: middle;
    padding-top: 10px;
    
}
.banner{
	background-image:url(../Images/banner.jpg);
	min-height:50px;
	background-size:cover;
	background-repeat:no-repeat;
}
.banner-content{
	margin:0px auto;
	padding:8em 0px;
	text-align:center;
}
.banner-content h1{
	text-transform:uppercase;
	color:#FFF;
	font-weight:700;
	font-size:3em;
	margin-bottom:5px;
	text-shadow: -4px 2px 8px rgba(112, 112, 112, 1);
	
}
.banner-content h5{
	color:#ffd100;
	font-weight:700;
	font-size:1em;
	margin-top:0px;
	text-shadow: -4px 2px 8px rgba(112, 112, 112, 1);
}
.temple-list li{
	text-decoration:none !important;
	list-style:none;
	border-radius:20px;

	padding:20px 5px;
	border:2px solid #fdd0a4;
	-webkit-box-shadow: -9px 11px 22px -15px rgba(0,0,0,1);
-moz-box-shadow: -9px 11px 22px -15px rgba(0,0,0,1);
box-shadow: -9px 11px 22px -15px rgba(0,0,0,0.5);
	
}
.ful-cont{
	border-top:1px solid #ec7c00;
	margin-top:20px;
	padding-top:30px;
}
.filter-bor{
	border-right:1px solid #ec7c00;
}
.puja-top{
	border-bottom:1px solid #ec7c00;
	margin:0px;
	margin-bottom:10px;
}
	
.puja{
	border-bottom:1px solid #ec7c00;
	border-top:1px solid #ec7c00;
	margin:0px;
	padding:10px 0px;
	margin:10px 0px;
}
.puja p{
	margin:0px;
}
#productList{
	padding-left:0px !important;
}
.templs{
	color:#0C9;
	background-color:#ffff;
	margin-bottom:20px;
	text-align:left;
}
.temple-list{
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
.img{
	border:#666 1px solid;
}
.detail 
{
	padding:15px 0px;
	border-right:1px solid #ec7c00;
	padding-right:15px;
}
.detail h1{
	margin-top:0px;
	text-transform:uppercase;
	font-size:20px;
	color:#ff6c00;
	font-weight:700;
	margin-bottom:5px;
	}
	.address{
		color:#616160;
		font-weight:400;
		margin-top:0px;
		margin-bottom:3px;
		font-size:16px;
	}
.address i{
	font-size:16px;
	margin-right:5px;
	}
.main{
	color:#f32b6d;
	font-weight:400;
	margin-top:0px;
	font-size:17px;
	margin-top:0px;
	margin-bottom:3px;
}
.main span{
	color:#f32b6d;
	font-weight:700;
	margin-top:0px;
	font-size:18px;
	margin-top:0px;
}
.sub{
	color:#0089bc;
	font-weight:400;
	margin-top:0px;
	font-size:16px;
	margin-top:0px;
	margin-bottom:3px;
}
.sub span{
	color:#0089bc;
	font-weight:700;
	margin-top:0px;
	font-size:17px;
	margin-top:0px;
}
.popular{
	color:#4a4a4a;
	font-weight:400;
	margin-top:0px;
	font-size:15px;
	margin-top:0px;
	margin-bottom:3px;
}
.popular span{
	color:#4a4a4a;
	font-weight:700;
	margin-top:0px;
	font-size:16px;
	margin-top:0px;
}
.festival{
	color:#4a4a4a;
	font-weight:400;
	margin-top:0px;
	font-size:15px;
	margin-top:0px;
	margin-bottom:3px;
}
.festival span{
	color:#4a4a4a;
	font-weight:700;
	margin-top:0px;
	font-size:16px;
	margin-top:0px;
}
.booking{
	padding:3px 20px;
	background-color:#d34d18;
	color:#FFF !important;
	border:0px;
	font-size:15px !important;
	margin-top:10px !important;
}
.circle{
	width:50px;
	height:50px;
	padding:5px;
	border-radius:50%;
	border:2px solid #598527;
	text-align:center;
	margin:0px auto;
	vertical-align:middle !important;
	
	
}
.circle i{
	font-size:25px;
	margin-top:5px;
	color:#598527;
}
.map{
	 height: 10em;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height:227px;
   }
   
.map p{
	color:#333;
   }


/*-----------------------------------------------------------------------------------------------------header-wrap-close-------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------temple-name-wrap-------------------------------------------------------------------*/
.temple-name{
    text-align: center;
    background-color:#262932;
    border-bottom: 3px solid #ec7c00;
    border-top: 3px solid #ec7c00;
    color: #fff;
}
.temple-name h1{
    color: #fff;
    font-size:1.8em;
    margin: 0px;
    margin: 8px 0px;
    text-shadow: 1px 1px 2px #ec7c00;
}
.closebtn{
	display:none;
}
.filter{
	display:none;
}
.footer{
	background-color:#FFF;
	border-top:5px solid #666;
	margin-top:50px;
}
.policies{
	text-align:center;
	padding:20px 0px;
}
.refund{
	text-align:center;
	padding:20px 0px;
}
.policies h5{
	font-size:20px;
	color:#000;
}
.footer p{
	color:#666;
	line-height:20px;
}

/*-----------------------------------------------------------------------------------------------------temple-name-close-------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------------------------slider-wrap-------------------------------------------------------------------*/


/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */

@media screen and (max-width: 992px) {
	.detail 
{
	padding:10px 10px;
	border-right:1px solid #ec7c00;
}
	.banner-content{
	margin:0px auto;
	padding:4em 0px;
	text-align:center;
}
	
	.templs{
	color:#0C9;
	background-color:#ffff;
	margin-bottom:20px;
	text-align:center;
}
.map{
	 height:auto;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height:inherit;
   }
   .img{
	   margin:0px auto !important;
}
.detail{
	border-right:0px;
}
.filter-bor{
	border:0px;
}
.puja-top{
	border-bottom:1px solid #ec7c00;
	border-top:1px solid #ec7c00;
	margin:0px;
	margin:10px 0px;
}
.ful-cont{
	border:0px;
	
}
.sidemenu{ display:none; }
.sidenav {
    height: 80%; /* 100% Full-height */
    width: 250px; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 20px;
    left: 0;
    background-color: #111; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
	background-color:#FFF;
	padding-left:0px;
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position:absolute;
    top: 0;
    right:15px;
    font-size: 36px;
    margin-left: 50px;
}
.closebtn
{
	border-radius:50%;
}
.closebtn i
{
	font-size:18px;
	color:#F00;
}
/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
    padding: 20px;
}
.closebtn{
	display:block;
}
.filter{
	display:block !important;
	position:fixed;
	bottom:20px;
	left:20px;
	z-index:999;
	background-color:#ec7c00;
	width:50px;
	height:50px;
	text-align:center;
	border-radius:50%;
	-webkit-box-shadow: 0px 8px 23px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 8px 23px -9px rgba(0,0,0,0.75);
box-shadow: 0px 8px 23px -9px rgba(0,0,0,0.75);
	
}
.filter i{
	color:#FFF;
	width:30px;
	height:30px;
	text-align:center;
	margin-top:15px;
	font-size:20px;
	
}
}
@media screen and (max-width: 472px) { 
	.social-icon h4
	{
		font-size:13px !important;
	}
	.logo{
		width:100% !important;
	}
	.social-icon
	{
		width:100%;
	}
	.social-icon h3{
		margin-top:5px;
	}
	.social-icon h3 i
	{
		font-size:16px !important;
		margin-left:5px !important;
	}
	.social-icon i {
    margin-left: 5px;
    margin-right:5px;
}
.footer p{
	color:#666;
	line-height:normal;
	font-size:12px;
}
.refund p{
	margin-top:40px;
}
.footer h5{
	font-size:16px;
}
	
	
}

@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
	.policies h5{
	font-size:20px;
	color:#000;
}


	
}