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



*

{
	font-family:Verdana, Geneva, sans-serif;
}


.body {
    
    font-family: Verdana;
}

.logo-p{position:absolute; top:5px; text-align:center; z-index:3;}



.toggle-m
{
    margin-left:35%;
}



@media (max-width: 360px)
{
.toggle-m
{
    margin-left:80% !important;
}

}


@media (max-width: 480px)
{
.toggle-m
{
    margin-left:80% !important;
	
}
.nav-link
{
	margin-left:8%;
}

}



@media (max-width: 768px)
{
.nav-link
{
	margin-left: 2px;
}

}


@media (max-width: 768px)
{
.toggle-m
{
    margin-left:91%;
	
}

.img-fluid

{
	
	max-width: 100%;
height: 100%;
}



.nav-link
{
	margin-left: 151px;
}


}







.logo {
    display: inline-block;
    width: 110px;
    height: 110px;
    border-radius: 50%; 
}
.logo-p h4 {
    font-family: 'Proxima Nova Bold'; text-transform:uppercase; 
	font-weight:bold;
	font-size:20px;
	
}



.bg-dark
{
	background-color:#723d13 !important;
}





.zoom {
    padding: 20px;
    
    transition: transform .2s; /* Animation */
    width: 400px;
    height: 400px;
    margin: 0 auto;
}

    .zoom:hover {
        -ms-transform: scale(1.5); /* IE 9 */
        -webkit-transform: scale(1.5); /* Safari 3-8 */
        transform: scale(1.5);
    }








.navbar-light .navbar-toggler-icon {
    color: #FF6631;
}

.navbar-nav .nav-item .nav-link
{
	color:#ffffff;
	padding-top: 15px;
	margin-left:5px;
	font-size:16px;
}

.navbar-nav .nav-item .nav-link:hover
{
	color:#FF6631;
	
}







.navbar-nav {
        padding-left: 0px;
    }

@media (max-height:800px) {
    .navbar-nav {
        padding-left: 167px;
    }
}


.navbar-light .navbar-nav .show > .nav-link {
    color: #FF6631;
}
	

.dropdown .dropdown-item:hover
{
	background-color:#FF6631;
	
}
	
.padd-l-r-0
{
	padding-left:0 !important;
	padding-right:0 !important;
}

.banner-leftside

{
	background-color:orange;
	
}

.banner-leftside h4
{
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:32px;
	color: crimson;
}

.banner-leftside h1
{
font-family: "Times New Roman", Times, serif;
font-size:24px;
color:red;
}

.content1
{
	padding-top:45%;
}



.about-b
{ 
   
	color:#FF6631;
	border-color:#FF6631;
}

.about-b:hover
{
	background-color:#FF6631;
	border-color:#FF6631;
}



.gallery {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-width: 33%;
-moz-column-width: 33%;
column-width: 33%; }
.gallery .pics {
-webkit-transition: all 350ms ease;
transition: all 350ms ease; }
.gallery .animation {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }

@media (max-width: 450px) {
.gallery {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-width: 100%;
-moz-column-width: 100%;
column-width: 100%;
}
}



	

@media (max-width: 400px) {
.btn.filter {
padding-left: 1.1rem;
padding-right: 1.1rem;
}
}


@media (max-width: 360px){

.img-index-gallery

{
	margin-left:20%;
}


.img-fluid-gallery

{
	width:81%;
	
}


}



.image-gallery
{
	padding-top:30px;
}










footer{
	position: fixed;
	bottom: 0;
}

@media (max-height:800px){
	footer { position: static; }
	header { padding-top:40px; }
}


.footer-distributed{
	background-color: sienna;
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	font: bold 16px sans-serif;
	padding: 50px 50px 60px 50px;
	border-top: 2px solid #2d024a
}

.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right{
	display: inline-block;
	vertical-align: top;
}

/* Footer left */

.footer-distributed .footer-left{
	width: 30%;
}

.footer-distributed h3{
	color:  #ffffff;
	font: normal 36px 'Cookie', cursive;
	margin: 0;
}

/* The company logo */

.footer-distributed .footer-left img{
	width: 30%;
}

.footer-distributed h3 span{
	color:  #e0ac1c;
}

/* Footer links */

.footer-distributed .footer-links{
	color:  #ffffff;
	margin: 20px 0 12px;
}

.footer-distributed .footer-links a{
	display:inline-block;
	line-height: 1.8;
	text-decoration: none;
	color:  inherit;
}

.footer-distributed .footer-company-name{
	color:  sandybrown;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
}

.footer-distributed .footer-company-name a

{
	color:cornsilk; opacity:0.6;
	}

/* Footer Center */

.footer-distributed .footer-center{
	width: 35%;
}


.footer-distributed .footer-center i{
	background-color:  #33383b;
	color: #ffffff;
	font-size: 25px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	text-align: center;
	line-height: 42px;
	margin: 10px 15px;
	vertical-align: middle;
}

.footer-distributed .footer-center i.fa-envelope{
	font-size: 17px;
	line-height: 38px;
}

.footer-distributed .footer-center p{
	display: inline-block;
	color: #ffffff;
	vertical-align: middle;
	margin:0;
}

.footer-distributed .footer-center p span{
	display:block;
	font-weight: normal;
	font-size:14px;
	line-height:2;
}

.footer-distributed .footer-center p a{
	color:  #e0ac1c;
	text-decoration: none;;
}


/* Footer Right */

.footer-distributed .footer-right{
	width: 30%;
}

.footer-distributed .footer-company-about{
	line-height: 20px;
	color:  cornsilk;
	font-size: 13px;
	font-weight: normal;
	margin: 0;
}

.footer-distributed .footer-company-about span{
	display: block;
	color:  #ffffff;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}

.footer-distributed .footer-icons{
	margin-top: 25px;
}

.footer-distributed .footer-icons a{
	display: inline-block;
	width: 35px;
	height: 35px;
	cursor: pointer;
	background-color:  #33383b;
	border-radius: 2px;
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	line-height: 35px;
    margin-right: 3px;
	margin-bottom: 5px;
}

/* Here is the code for Responsive Footer */
/* You can remove below code if you don't want Footer to be responsive */



.big-storybox
{   

    margin-top:20px;
	background: url(../Images/Pics%20Photos%20Hinduism%20Background.jpg);
	opacity: 2px;
	background-attachment:fixed;
}





.fill-height {
    min-height: 100%;
    height:auto !important; 
    height: 100%; 
}


.storybox
{
	background-color:lightorange;
}

@media (max-width: 880px) {

	.footer-distributed .footer-left,
	.footer-distributed .footer-center,
	.footer-distributed .footer-right{
		display: block;
		width: 100%;
		margin-bottom: 40px;
		text-align: center;
	}

	.footer-distributed .footer-center i{
		margin-left: 40%;
		margin-right: 40%;
		
	}

}

.fit-image{
width: 100%;
object-fit: cover;
height: 100% /* only if you want fixed height */
}



.dailys-heading

{
   color:red;
}


@media (max-width: 880px) {
    .big-storybox .storybox h3
{
	
	padding-bottom:20px;
}

	.fit-image{
width: 100%;
object-fit: cover;
height: 80% /* only if you want fixed height */
}

}



ul.myrow {
    display: table;
    width: 100%;
    text-align: center;
}

    ul.my-row > li {
        display: table-cell;
    }


.banner-head
{
    margin-top:100px;
}

.way-banner
{
    background:url("../images/way.jpg");

}

.contentway2
{
    padding-top:7%;
}

.banner-way{
    background-color:darksalmon;
}



.card-header, .card-link, .card-link:hover {
    background-color: #eb4141;
    text-align: left;
    color: cornsilk;
}

.card-body {
    padding: 10px 10px;
}

.card {
    width: 300px;
}



@keyframes minus {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

[aria-expanded="false"] > .expanded, [aria-expanded="true"] > .collapsed {
    display: none;
}



div.figure {
    float: right;
    width: 30%;
    border: thin silver solid;
    margin: 0.5em;
    padding: 0.5em;
    text-align: center;
    font-style: italic;
    font-size: smaller;
    text-indent: 0;
}

img.scaled {
    width: 100%;
}


@media (max-width: 880px) {


    div.figure {
        float: right;
    }
    }





.i-gallery img {

    margin-top:20px;
    margin-left:39%;
    margin-bottom: 30px;
   
}


@media (max-width: 880px) {


    .i-gallery img {
        margin-top: 0px;
        margin-left: 0%;
        margin-bottom: 0px;
    }
}




.responsive-img {
    width: 100%;
}


.place-container
{
    padding-top:20px;

}

    .place-container h3
    {
        color:red;
    }


    @media (max-width: 880px) {
        .place-container {
        padding-left:10px;
    }

        .card{
            padding:10px;
        }
}



.card-img-top {
    width: 58%;
    margin-left: 51px;
    margin-top: 20px;
}

.backgound
{
    background-image:url('Images/other-temple1.jpg');
}



.card-mandir {
    width: 100%;
    margin-top: 20px;
    border-color:coral;
	height: 91%;
}


#more {
    display: none;
}


#more1 {
    display: none;
}

#more2 {
    display: none;
}


#more3 {
    display: none;
}


#more6 {
    display: none;
}


#more7 {
    display: none;
}

#more8 {
    display: none;
}

#more9 {
    display: none;
}

#more10 {
    display: none;
}

#more11 {
    display: none;
}


#more12 {
    display: none;
}


#more13 {
    display: none;
}

#more14 {
    display: none;
}

#more15 {
    display: none;
}

#more16 {
    display: none;
}


.card-title
{
    color:red;
    text-decoration:underline;
}
.img-box {
    width: 55%;
    border-style: double;
}

@media (max-width: 880px) {
    .img-box {
        width: 100%;
        border-style: double;
    }
}

.img-col
{
    padding-top:20px;
}


.book-table {
   margin:auto; 
   
   width:60%;
}

@media (max-width: 880px) {
    .book-table {
       
        width: 100%;
    }
}

.book-bg {
    background-image: url("../Images/book.jpg");
    background-size: cover;
    background-position:center;
}

.bg-experience {
    background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)),url("../Images/experiencebg.png");

    background-size: cover;
    background-position: center;
}





.img-box1 {
    width:20%;
}

@media (max-width: 880px) {
    .img-box1 {
        width: 100%;
    }
}

.arati-container ul li
{
    color:orangered;
}

.arati-container ul li a {
    color: brown;
}


.arati-container ul li a:hover{
    color:red;
}


.flip-card {
    background-color: transparent;
    width: 260px;
    height: 260px;
    perspective: 1000px;
    margin-top: 20px;
	
	margin-left: 13%;
}


.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-card-front {
    background-color: #bbb;
    color: black;
}

.flip-card-back {
    background-color: orange;
    color: white;
    transform: rotateY(180deg);
}

.flip-card-back a{
    color:red;
    font-size:20px;
}

.center1
{
    margin-left:38%;
}








.flip-card-back h2{
    font-size:20px;
}


@media (max-width: 880px) {
    .center1 {
        margin-left: 34%;
    }
}



@media (max-width: 360px) {
    .center1 {
        margin-left: 11%;
    }
	.flip-card
	{
		margin-left:11%;
	}
}

@media (max-width: 480px) {
    .center1 {
        margin-left: 20%;
    }
	.flip-card
	{
		margin-left:20%;
	}
}



.video-box

{
    margin-top:20px;
    margin-left:13%;
}


@media (max-width: 360px) {
    .video-box {
        margin-top: 18px;
        margin-left:12%;
    }
}





@media (max-width: 880px) {
    .video-box {
        margin-top: 0px;
        margin-left:0%;
    }
}




.reachus{
    margin-top:20px;

    margin-left:30%;
}


@media (max-width: 880px) {
    .reachus {
        margin-top: 20%;
        margin-left: 20%;
    }
}





.tablebook table-active > th {
    border: 1px solid #9d1717;
}


.acc-bg {
    background: url("../Images/accomodations-banner.jpg");
    height: 300px;
}

.banner-way2 {
    background: url("../Images/way23.jpg");
    height: 300px;
    background-size: cover;
    
}

.palkhi-bg {
    background: url("../Images/palakhi.jpg");
    height: 300px;
    background-size: cover;
}

.reachus {
    background: url("../Images/contact1.jpg");
    background-size: cover;
}


.banner-reachus {
    background: url("../Images/con3.jpg");
    height: 300px;
    background-size: cover;
}


.contact

{
    margin-left:30%;
}


.banner-daily {
    background: url("../Images/schedule-banner.jpg");
    height: 300px;
    background-size: cover;
}


#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

    #myImg:hover {
        opacity: 0.7;
    }



    #myImg:hover {
        opacity: 0.7;
    }



.information-bg


{
    background: url("../Images/backgound1.jpg");
    
    background-size: cover;
}


.story-container
{
    margin-top:20px;
}






.accordion {
  background-color: #f25a5a;
color: #fff;
cursor: pointer;
padding: 18px;
width: 27%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
margin-left: 36%;
font-weight:bold;
}


@media (max-width:360px)
{
	.accordion
{
	
width: 53%;

margin-left:22%;
}
}




.active, .accordion:hover {
  background-color: #ccc;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}


.card-place
{
	
width: 16rem;
height: 100%;
}


@media (max-width:480px)
{
	.card-place
{
	
width: 16rem;
height: 98%;
margin-left:20%;
}
}


@media (max-width:360px)
{
	.card-place
{
	
width: 17rem;
height: 98%;
margin-left:26%;
}
}





@media (max-width:768px)
{
	.card-place
{
	
width: 11rem;
height: 100%;
margin-left:0%;
}
}










.col-mandir
{
	margin-bottom:20px;
}

.card-story
{
width: 18rem;
height:100%;
}



.card-story-main
{
	height:100%;
	margin-bottom: 20px;
}


.img-last

{
	
	width:42%; 
	margin-left:24%; 
	padding-top: 8px;
	
	
}

@media (max-width:360px)
{
	.img-last
{
	
width: 70%;
margin-left: 0%;
padding-top: 8px;
}

}


@media (max-width:480px)
{
	.img-last
{
	
width: 70%;
margin-left: 0%;
padding-top: 8px;
}

}




.palkhi-gallery
{
	padding-top: 20px;
	margin-left:8%
}