@import "fonts.css";
@import "var.css";
@import "basic.css";
@import "navigation.css";


.heading h3
{
	font-size: 30px;
	font-family: var(--cursive);
	color: var(--color2);
	margin-bottom: 20px;
}

.heading h3.white
{
	font-size: 30px;
	font-family: var(--cursive);
	color: var(--white);
	margin-bottom: 15px;
}

/*
****************************************
Home Page Jumbotron
****************************************
*/

.jumbo .jumbotron
{
	background-color: var(--color11);
	box-shadow: 0 0 30px var(--color1) inset;
	padding: 3rem 2rem;

	background-image: url(../img/pattern2.png);
}

.jumbo .jumbotron .descs
{
	text-align: center;
	font-size: 16px;
	color: var(--white);
	font-family: var(--rubik2);
}

/*
*****************************************
important festival
*****************************************
*/
.festParent
{
	margin-top: 10px;
}
.festParent #impFestivals .testimonial
{
	margin:0 7px;
	box-shadow: 0 0 10px rgba(0,0,0,.0);
	transition: box-shadow .2s linear;
	padding:10px;
}
.festParent #impFestivals .testimonial:hover
{
	box-shadow: 0 0 10px rgba(0,0,0,.4);
}
.festParent #impFestivals .testimonial .festivalBox
{
	background-color: var(--white);
}

.festParent #impFestivals .testimonial .festivalBox .festImage
{
	text-align: center;
    display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	height: 242px;
	overflow: hidden;
}
.festParent #impFestivals .testimonial .festivalBox .festImage img
{
	height:auto;
	width: auto;
	min-height: 242px;
	margin: auto;
}
.festParent #impFestivals .testimonial .festivalBox .festTitle
{
	font-family: var(--rubik2);
	font-size: 17px;
	color:#000;
	text-align: center;
	margin:5px 0 10px;
}
.festParent #impFestivals .testimonial .festivalBox .festDesc
{
	padding: 5px 8px 7px;
	font-size: 14px;
	line-height: 24px;
	text-align: justify;
	font-family: var(--rubik2);
}
.festParent #impFestivals .testimonial .festivalBox .readMore a
{
	display: inline-block;
	padding: 7px 15px;
	border: 1px solid var(--color1);
	line-height: 18px;
	color: var(--color1);
}
.festParent #impFestivals .testimonial .festivalBox .readMore
{
	text-align: center;
	margin:8px 0 5px;
}
.festParent #impFestivals .testimonial .festivalBox .readMore a:hover
{
	background-color: var(--color1);
	color: var(--white);
}



/*
*****************************************
Widget HOme Page
*****************************************
*/
.threeWidgetBox
{
	margin-top: 70px;
}
.threeWidgetBox .widgetBox{
	box-shadow: 0 0 2px rgba(0,0,0,.2);
	border: 1px solid #e4e0e0;
	padding: 20px;
}

.threeWidgetBox .widgetBox .widget_title
{
	font-family: var(--rubik2);
	color: var(--color2);
	margin-bottom: 10px;
}

.threeWidgetBox .widgetBox .widgetSmallHeading
{
	font-family: var(--rubik3);
	font-size: 14px;
	margin-bottom: 5px;
}
.threeWidgetBox .widgetBox .value
{
	margin-bottom: 7px;
}

.threeWidgetBox .widgetBox .value .fa
{
	color: var(--color2);
	margin-right: 5px;
}



.threeWidgetBox .widgetBox ul.poojaList li
{
	line-height: 26px;
	position: relative;
	padding-left: 18px;
	font-family: var(--roboto4);
}

.threeWidgetBox .widgetBox ul.poojaList li:before
{
	position:absolute;
	left: 0;
	top: 0;
	content: '\f046';
	color: var(--color2);
	margin-right: 7px;
	font-family:fontawesome;
}

 .widgetBox.image
{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 268px;
	position: relative;
	z-index: 3;
}


 .widgetBox.image .poojaSection
 {
 	position:absolute;
 	z-index: 5;
 	width: 90%;
 }

 .widgetBox.image .poojaSection .sy-box{
	padding: 110px 0 0px;
}

 .widgetBox.image .poojaSection .sy-prev,
 .widgetBox.image .poojaSection .sy-next
 {
 	display: none;
 }

 .widgetBox.image .poojaSection #slippry-demo li .poojaText .poojaName
 {
		font-family: var(--rubik2);
		color: var(--white);
		display: inline-block;
		font-size: 20px;
		margin-right:10px;
		text-shadow: 1px 1px #333;
 }

  .widgetBox.image .poojaSection #slippry-demo li .poojaText .poojaPrice{
		font-family: var(--rubik2);
		color: var(--white);
		display: inline-block;
		font-size: 20px;
		margin-right:10px;
		text-shadow: 1px 1px #000;
 }
.widgetBox.image .poojaSection #slippry-demo li .poojaBuy
{
	margin-top: 10px;
}
.widgetBox.image .poojaSection #slippry-demo li .poojaBuy a.buyButton{
	display: inline-block;
	line-height: 20px;
	padding:5px 25px;
	border:1px solid var(--white);
	color: var(--white);
	background-color: var(--color2);
}

.widgetBox.image .poojaSection .sy-pager
{
	display: none;
}

.widgetBox.image .poojaSection #slippry-demo li .poojaBuy a.buyButton:hover{
	background-color: var(--color1);
}

.threeWidgetBox .widgetBox
{
	position: relative;
}

.threeWidgetBox .widgetBox span.fa
{
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 7em;
	transform: rotate(30deg);
	color: var(--color1);
	opacity:.4;
}

/*
=====================================
News ticker
=====================================
*/
#news-events ul
{
	overflow:hidden;
}
#news-events ul li
{
	height: auto !important;
}
#news-events ul li .newsTickerBox
{
	border-bottom: 1px dotted #ccc;
	padding-bottom: 12px;
	height: inherit;
}
#news-events ul li:not(:nth-child(1)) .newsTickerBox
{
	margin-top: 5px
}
#news-events ul li .newsTickerBox .imageBox
{
	width: 30%;
	float: left;
	margin-right: 8px;
}

#news-events ul li .newsTickerBox .descBox{
	display: inline-block;
	width: 62%;
}

#news-events ul li .newsTickerBox .descBox .newsTitle{
	font-size: 14px;
line-height: 20px;
font-family: var(--rubik3);
text-transform: uppercase;
}
#news-events ul li .newsTickerBox .descBox .newsDesc{
line-height: 24px;
}
#news-events ul li .newsTickerBox .descBox .newsRead .readButton
{
	color: var(--color1);
	border:1px solid var(--color1);
	display: inline-block;
	font-size:12px;
	text-transform: uppercase;
	padding:0px 10px;
	margin-right: 7px;
}
#news-events ul li .newsTickerBox .descBox .newsRead .date
{
	color: var(--color2);
	border:1px solid var(--color2);
	display: inline-block;
	font-size:12px;
	text-transform: uppercase;
	padding:0px 10px;
	margin-right: 7px;
}
#news-events ul li .newsTickerBox .descBox .newsRead
{
	margin-top: 5px;
}
#news-events ul li .newsTickerBox .descBox .newsRead .readButton:hover
{
	background-color: var(--color1);
	color: var(--white);
}
#news-events ul li .newsTickerBox .descBox .newsRead .date:hover
{
	background-color: var(--color2);
	color: var(--white);
}

/*
*************************************
Footer
*************************************
*/

footer
{
	margin-top: 40px;
	background-color: var(--color1);
	padding:40px 0 20px;
	background-image: url(../img/pattern2.png);
}

footer .footerImage img
{
	border: 5px solid #3e73bf;
	border-radius: 3px;
}


footer .ftrBox .ftrHeading
{
	font-family: var(--ralway4);
	color: var(--white);
	font-size: 18px;
	margin-bottom: 10px;
}

footer .ftrBox .box1
{
	  -webkit-column-count: 2; /* Chrome, Safari, Opera */
	  -moz-column-count: 2; /* Firefox */
	  column-count: 2;
}

footer .ftrBox ul.box1 li
{
	line-height: 30px;
	padding:5px 0;
}

footer .ftrBox ul.box1 li
{
	border-bottom: 1px dashed #4272b4;
}

footer .ftrBox ul.box1 li a
{
	color: var(--white);

}

footer .ftrBox ul.box1 li a:before
{
	content: '\f0a4';
	font-family: fontawesome;
	margin-right: 5px;
}

footer .addressBox .templeName
{
	font-family: var(--rubik3);
	color: var(--white);
	font-size: 16px;
}

footer .addressBox .address
{
	color: var(--white);
	margin-bottom: 5px;
}

footer .addressBox .IconDetail
{
	color: var(--white);
	margin-bottom: 5px;
}

footer .addressBox .IconDetail .icon
{
	margin-right: 5px;
}

.copyright
{
	padding:10px;
	text-align: center;
	background-color: var(--color11);
	color: var(--white);
}

.copyright a
{
	color: var(--white);
}

/*
***********************************************************************************
InnerPage css start
***********************************************************************************
*/

.bannerInnerPage
{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 350px;
	position: relative;
}

.bannerInnerPage .bannerTextArea
{
	background-color: var(--color2);
	position: absolute;
	width: 100%;
	height: auto;
	left: 0;
	bottom: 0;
	padding:5px;
	background-image: url(../img/pattern2.png);
}

@media screen and (min-width:1140px)
{
	.bannerInnerPage .bannerTextArea .myPagination ul
	{
		float: right;
	}
}
.bannerInnerPage .bannerTextArea .myPagination ul li
	{
		float: left;
		color: var(--white);
		font-family: var(--rubik3)
	}
	.bannerInnerPage .bannerTextArea .myPagination ul li a
	{
		color: var(--white);
		margin-right: 10px;
	}
	.bannerInnerPage .bannerTextArea .myPagination ul li a:after
	{
		content: '\f101';
		margin-left: 5px;
		font-family: fontawesome;
		color: var(--white);
	}


/* 
********************************************
content with iamge
********************************************
 */
/*
 .desc-with-images .descarea
 {
 	display: inline-block;
 	width: 70%;
 }
*/



.desc-with-images ul li
{
	text-align:left;
	position: relative;
	padding-left: 20px;
	margin-bottom: 8px;
}


.desc-with-images ul li:before
{
	position: absolute;
	left: 0;
	top: 0;
	content: '\f046';
	margin-right: 10px;
	font-family: fontawesome;
	color: var(--color1);
}




 .desc-with-images .descImageBox
 {
 	float: right;
	height: 250px;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items: center;
	margin-left: 10px;
 }

.desc-with-images .descImageBox.left
 {
	float: left;
	margin-right: 10px;
	margin-left: 0;
 }

.desc-with-images .descImageBox img
{
	width: auto;
	height: auto;
	max-height: 250px;
	margin: auto;
}


/*
********************************************
Table Css
********************************************
*/

#no-more-tables table thead,
#no-more-tables table tfoot
{
    background:url(../img/pattern2.png) repeat var(--color1);
    color: #fff;
}

#no-more-tables table thead th
{
    text-align: center;
}

#no-more-tables table tbody tr td[data-title="Title"]
{
    font-weight: 400;
}

#no-more-tables table thead tr th,
#no-more-tables table tbody tr td
{
	text-align: center;
}

#no-more-tables table tbody tr td[data-title="Download File"] a,
#no-more-tables table tbody tr td[data-title="File"] a
{
    color: #fff !important;
    background-color:var(--color1);
    width: 35px;
    height: 35px;
    text-align: center;
    display: block;
    border-radius: 3px;
    line-height: 35px;
    margin:auto;
}

#no-more-tables table tbody tr td .tableList ul li
{
	text-align:left;
}


#no-more-tables table tbody tr td .tableList ul li:before
{
	content: '\f046';
	margin-right: 10px;
	font-family: fontawesome;
	color: var(--color1);
}

#no-more-tables.booked tr td
{
	vertical-align: middle;
	font-size: 16px;
}

#no-more-tables.booked tr td .fa
{
	color: var(--color1);
}



#no-more-tables table tfoot tr th
{
	vertical-align: middle;
	font-size: 16px;
}

.confirm_button
{
	text-align:center;
}
.confirm_button a
{
	background-color: var(--color2);
	color: var(--white);
	display: inline-block;
	padding:5px 15px;
	border-radius: 4px;
	font-size: 15px;
	font-family: var(--roboto2);
	letter-spacing: 1px;
}

/*
***********************************************
important festivals
***********************************************
*/
  #slippry-demo .image,
  #slippry-demo2 .image
{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items: center;
	height: 270px;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0,0,0,0.4);
}

#slippry-demo .image img,
#slippry-demo2 .image img
{
	width: auto;
	height: auto;
	max-height: 270px;
	margin:auto;
	transform: scale(1);
	transition: transform .8s linear;
}



.contentBox .image
{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items: center;
	height: 270px;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0,0,0,0.4);
}

.contentBox .image img
{
	width: auto;
	height: auto;
	max-height: 270px;
	margin:auto;
	transform: scale(1);
	transition: transform .8s linear;
}

.contentBox .image:hover img
{
	transform: scale(1.1);
}

.contentBox .image.right
{
	float: right;
	margin-left: 30px;
}
.contentBox .image.left
{
	float: left;
	margin-left: 30px;
}



.contentBox.clients .image
{
	height: 170px;
	padding:15px;
	box-shadow: none;
	border:1px solid #d5d2d2;
}
.contentBox.clients .image img
{
	max-height: 170px;
}

.contentBox.clients .clientBox
{
	margin-bottom: 20px;
}

.contentBox.clients .clientBox .clientName
{
	background-color: var(--color2);
	color: var(--white);
	text-align: center;
	font-family: var(--robotocon3);
	padding:5px 0;
	font-size: 17px;
}



.contentBox.services .image
{
	height: 300px;
	box-shadow: none;
	border:1px solid var(--white);
}
.contentBox.services .image img
{
	max-height: 300px;

}

.contentBox.projects .image
{
	height: 210px;
	box-shadow: none;
	border: none;
}
.contentBox.projects .image img
{
	max-height: 250px;
}

.contentBox.projects.gallery .image
{
	height: 215px;
}
.contentBox.projects.gallery .image img
{
	max-height: 215px;
}

.contentBox.projects .clientBox
{
	margin-bottom: 20px;
}
.contentBox.projects .clientBox
{
	position: relative;
}
.contentBox.projects .clientBox .clientName
{	
	position: absolute;
	bottom: 0;
	width: 100%;
}

.poojas.contentBox.projects .clientBox .clientName
{
	position: static;
	background-image: none;
	background-color: transparent;
	color: #000;
}

.contentBox.projects .clientBox .clientName
{
	background-color: var(--color2);
	color: var(--white);
	text-align: center;
	padding: 5px 0;
	font-size: 15px;
	height: auto;
	overflow: hidden;
	transition: height 1s linear;
	background-image: url(../img/pattern2.png);
}

.contentBox.projects .clientBox:hover .clientName
{
	height: auto;
}


.contentBox.projects .clientBox .clientName.offerings
{
	font-size: 16px;
	font-family: var(--roboto4);
	padding-left: 20px;
	padding-right: 20px;
	line-height: 20px;
	height: auto;
}

.contentBox.projects .clientBox .bookBUttons
{
	text-align: center;
	margin-top: 5px;
}

.contentBox.projects .clientBox .bookBUttons a
{
	background-color: var(--color2);
	color: var(--white);
	padding:7px 15px;
	border-radius: 3px;
	font-family: var(--roboto4);
}

.contentBox.projects .clientBox .bookBUttons a:hover
{
	background-color: var(--color1);
}

/*
=======================================
pagination
=======================================
*/
.paginationBox
{
	margin-top: 10px;
}

.paginationBox .pagination .page-item a.page-link
{
  box-shadow: none;
  border-color:#999393;
}

.paginationBox .pagination .page-item.active a.page-link,
.paginationBox .pagination .page-item:hover a.page-link
{
	background-color: var(--color1);
	border-color: var(--color1);
	color: #fff;
}

.paginationBox .pagination .page-item a.page-link
{
	color: #000;
}


/*
********************************************
Sub Gallery
********************************************
*/

.projects.gallery .clientBox
{
	position: relative;
}
.projects.gallery .clientBox .fancybox-buttons
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,.6);
	display: block;
	z-index: 5;
	transform: scale(0);
	transition: all .3s linear;
}
.projects.gallery .clientBox:hover .fancybox-buttons
{
	transform: scale(1);
}
.projects.gallery .clientBox .fancybox-buttons .icon
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	color: var(--white);
}


/*
=======================================
Form
=======================================
*/
.myform
{
  margin-top: 20px;
  margin-bottom: 40px;
}
.mapDiv
{
  margin-top: 40px;
}
.myform form .form-group
{
	margin-bottom: 1.5em;
}

.myform form .form-group.Cheques,
.myform form .form-group.transaction_id
{
	display: none;
}

.myform form .form-group .input-area
{
	border:1px solid var(--color1);
	position: relative;
    font-family: var(--roboto3);
}


.myform form .form-group .input-area label
{
	position: absolute;
	left: 10px;
	top: -10px;
	margin-bottom: 0;
	line-height: 20px;
	background-color: #fff;
	padding: 0 5px;
	font-size: 14px;
	color: #000;
	font-family: var(--pt1);
}

.myform form .form-group .input-area .myinput
{
	border:none;
	color: #000;
}

.myform form .form-group .input-area .myinput:focus
{
	box-shadow: none;
}

.btn1
{
	color: #fff;
	border:none;
	background-color: var(--color1);
	padding: 7px 20px;
	cursor: pointer;
	box-shadow: 3px 5px 4px rgba(0,0,0,0);
	transition: background-color .1s linear, box-shadow .2s linear; 
}

.btn1:hover
{
	background-color: var(--color1);
	box-shadow: 3px 5px 4px rgba(0,0,0,.3);
}


/*
***************************************************
*/

.bankDetail p
{
	margin-bottom: .3rem;
}
.bankDetail p span.strong
{
	font-family: var(--roboto4);
	display: inline-block;
	font-size: 16px;
	margin-right: 5px;
}

/*
****************************************************
*/

#bankDetailToggle .modal-body
{
	position: relative;
}
#bankDetailToggle .modal-body .close
{
	position: absolute;
	right: 15px;
	top: 10px;
	color: var(--color2);
	opacity: 1 !important;
}

#bankDetailToggle .subheading{
	font-family: var(--roboto5);
	font-size: 18px;
	margin-bottom: 15px;
	color: var(--color2);
}

.bankDetailCallBackButton{
	display: inline-block;
	background-color: var(--color2);
	font-family: var(--rubik3);
	text-transform: uppercase;
	background-image: url(../img/pattern2.png);
	position: fixed;
	top: 50%;
	transform: translateY(-50%) rotate(-90deg);
	right: -55px;
	z-index: 15;
	border:1px solid #333;
}
.bankDetailCallBackButton a
{
	color: var(--white);
	display: block;
	padding: 8px 30px;
}

.audioPlayers
{
	position: fixed;
	bottom: 20px;
	left: 20px;
	z-index: 10;
}

.myclientbox
{
	width: 100%;
	min-height: 200px;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	border: 1px solid #ccc;
	padding: 13px;
	margin-bottom: 15px;
}
.myclientbox .title{
	font-size: 18px;
	font-family: var(--rubik2);
	color: var(--color2);
	text-align: center;
}

.myclientbox .date
{
	color:#555;
	margin-bottom: 5px;
}
.myclientbox .description
{
	line-height: 21px;
}



/*
		===========================
		*/

		.modal-wrapper
		{
		    position: fixed;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100vh;
		    z-index: 100;
		    background-color: rgba(0,0,0,.8);
		    overflow-y: auto;
		    opacity: 0;
		    visibility: hidden;
		    transition: .2s;
		}
		.modal-wrapper.show-modals
		{
		    opacity: 1;
		    visibility: visible;
		}

		.modal-wrapper .modal-container{
		    max-width: 60%;
		    text-align: center;
		    margin:40px auto 40px;
		    transform: scale(.8);
		    transition: .3s;
		    /*height: 90%;*/
		}

		.modal-wrapper .modal-container.show-modal-container
		{
		    transform: scale(1);
		}

		.modal-wrapper .modal-container .modal-bodys
		{
		    position: relative;
		    background-color: #fff;
		    border-radius:5px;
		    display: inline-block;
		    padding:15px;
		    box-shadow: 5px 5px 15px 10px rgba(0,0,0,0.5);
		    box-sizing: border-box;
		    /*height: 100%;*/
		}
		.modal-wrapper .modal-container .modal-bodys img.img-modals
		{
		    max-height: 100%;
		    width: auto;
		    /*max-width: 100%;*/
		    box-sizing: border-box;
		}

		.modal-wrapper .modal-container .modal-bodys
		{

		}
		.modal-wrapper .modal-container .modal-bodys .link-in-popup
		{
		        display: block;
			    position: absolute;
			    bottom: 0;
			    left: 0;
			    background-color: #BE1321;
			    padding: 8px 20px;
			    color: #fff;
			    font-family: 'Arial', sans-serif;
			    font-weight: 500;
			    font-size: 18px;
			    text-decoration: none;
			    width: 100%;
			    box-sizing: border-box;
		}
		.modal-wrapper .modal-container .modal-bodys .link-in-popup:before
		{
		    content: '';
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		}


		.modal-wrapper .modal-container .modal-bodys .close-modal
		{
		    position: absolute;
		    top: -10px;
		    right: -10px;
		    cursor: pointer;
		    display: inline-block;
		    width: 40px;
		    height: 40px;
		    text-align: center;
		    background-color: #BE1321;
		    border-radius: 50%;
		    z-index:7;
		}
		.modal-wrapper .modal-container .modal-bodys .close-modal i
		{
		    line-height: 40px;
		    font-size: 1.5em;
		    color:#fff;
		}

		@media screen and (max-width: 576px)
		{
			.modal-wrapper .modal-container
			{
				max-width: 90%;
				margin:20px auto;
			}
			.modal-wrapper .modal-container .modal-bodys img.img-modals
			{
				width: 100%;
			}
			.modal-wrapper .modal-container .modal-bodys
			{
				height: auto;
			}
		}

		@media screen and (min-width: 577px) and (max-width: 767px)
		{
			.modal-wrapper .modal-container
			{
				max-width: 80%;
				margin:40px auto;
			}
			.modal-wrapper .modal-container .modal-bodys img.img-modals
			{
				width: 100%;
			}
			.modal-wrapper .modal-container .modal-bodys
			{
				height: auto;
			}
		}

		@media screen and (min-width: 768px) and (max-width: 992px)
		{
			.modal-wrapper .modal-container
			{
				max-width: 80%;
				margin:40px auto;
			}
			.modal-wrapper .modal-container .modal-bodys img.img-modals
			{
				width: 100%;
			}
			.modal-wrapper .modal-container .modal-bodys
			{
				height: auto;
			}
		}