/* banner */
#banner{position: relative; height: calc(100vh - 101.95px); max-height: 847px; margin: 101.95px auto 0;}
#banner .item {height: calc(100vh - 101.95px); max-height: 847px; background-size: cover; background-repeat: no-repeat; background-position: center top;}
#banner .banner-caption {position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1;}
#banner .banner-caption .container .row {height: calc(100vh - 101.95px);}
#banner .banner-caption .home-title {font-size: 4.063rem; font-weight: 600; color: #fff; text-align: center;}
#banner .banner-caption .home-title span {font-size: 2.25rem; font-weight: 400;}

#banner .owl-nav {position: absolute; top: 50%; left: 1%; right: 1%; z-index: 9;}
#banner .owl-nav button.owl-prev,#banner .owl-nav button.owl-next{width: 53px; height: 53px; border: 1px solid rgba(255,255,255,0.35); border-radius: 50%; position: absolute; left: 0;}
#banner .owl-nav button.owl-next {left: auto; right: 0;}
#banner .owl-nav button.owl-prev:before,#banner .owl-nav button.owl-next:before {content: ''; width: 14px; height: 12px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: url('../images/sprite.png'); background-position: -450px -3px;}
#banner .owl-nav button.owl-prev:before {transform: rotate(-180deg);}
#banner .owl-nav button:focus {box-shadow: none; outline: none;}

/* down arrow */
.down-arrow{position: absolute; z-index: 10; background: url(../images/down-shape.png) no-repeat center top; width: 155px; height: 34px; left: 0; right: 0; bottom:0;  margin:0 auto; text-align: center; }
.down-arrow .circle{width: 25px; height: 40px; border: 1px solid #c6c6c6; border-radius: 12px; display: block; overflow: hidden; margin: 15px auto 0;}
.down-arrow .circle .bounce {display: inline-block; vertical-align: middle; background:#c6c6c6; width: 2px; height: 10px; margin: 0 auto; position: relative; top:0; -moz-animation: bounce 2s infinite;-webkit-animation: bounce 2s infinite;animation: bounce 2s infinite;}
.down-arrow .icon{background-position: -22px -83px; width: 10px; height: 18px;display: block; margin: 10px auto 0;}  
.down-arrow img{margin: 0 auto; }

@keyframes bounce { from {transform: translateY(0); opactiy:0; } to {transform: translateY(15px); opactiy:1;}}
@-webkit-keyframes bounce { from {-webkit-transform: translateY(0); opactiy:0;} to {-webkit-transform: translateY(15px); opactiy:1;}}
@-moz-keyframes bounce {from {-moz-transform: translateY(0); opactiy:0;} to {-moz-transform: translateY(15px); opactiy:1;}}

/* about */
#about-temple {position: relative;}
#about-temple p {font-size: 1.125rem; line-height: 1.8em;}

#about-panditji {background-color: #cd4428; color: #fff;}
#about-panditji h2.title {color: #fff;}
#about-panditji p {font-size: 1.125rem; line-height: 1.8em;}
#about-panditji .btn-custom2:before {background-color: #000;}

#services {}
#services h2.title {margin-bottom: 60px;}
#services .item {display: block; text-decoration: none; text-align: center; margin-bottom: 30px; color: #676767; }
#services .item span {display: block; transition: all 0.4s;}
#services .item span.img {background-color: #000; margin-bottom: 10px; transition: all 0.4s; position: relative;}
#services .item span.img img {opacity: 0.75; width: 100%;}
#services .item span.text {font-size: 1.25rem;}
#services .item .img .zoom{background: url(../images/zoom-icon.png) no-repeat 0 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 40px; height: 40px; transform: scale(0); transition: all .3s linear;}
#services .item:hover .img .zoom{transform:scale(1); transform-origin: center center; }
#services .item:hover {color: #cd4428;}
#services .item:hover span.img {background-color: #cd4428;}
#services .item:hover span.img img {opacity: 0.18;}
#services .shiv-swaroop-mangal {margin-top: 50px;}
#services .shiv-swaroop-mangal h3 {font-weight: 700; color: #cb4626; text-align: center; margin-top: 0;}
#services .shiv-swaroop-mangal ul {margin: 50px 0 0 0; padding: 0; list-style: none; column-count1: 3; column-gap1: 120px;}
#services .shiv-swaroop-mangal ul li {border-bottom: 1px solid #d9d9d9; font-size: 1.375rem; max-width: 290px;}
#services .shiv-swaroop-mangal ul li a {color: #676767; padding: 15px 0 15px 34px; display: block; position: relative;}
#services .shiv-swaroop-mangal ul li a:before {content: ''; position: absolute; left: 13px; top: 50%; transform: translateY(-50%); font-size: 1.563rem; width: 8px; height: 8px; border-radius: 50%; background-color: #cb4626;}
#services .shiv-swaroop-mangal ul li a:hover {color: #cb4626; text-decoration: none;}
#services .shiv-swaroop-mangal ul li  a.disabled{pointer-events: none;}
#services .shiv-swaroop-mangal ul li a.disabled:hover{color: #676767;}

#reasons-for-poojan {background: url('../images/reasons-for-pooja-bg.jpg') center top no-repeat #070302; min-height: 504px; position: relative;}
#reasons-for-poojan p {font-size: 1.125rem; line-height: 1.8em; color: #fff;}
.eng {font-size: 16px !important;}

#contact-form-panel {}
#contact-form-panel form .form-control {background-color: #f5f5f5; height: 60px; border: none; border-radius: 0; padding: 1rem 1.5625rem; margin-bottom: 1.25rem;}
#contact-form-panel form textarea.form-control {height: 130px; padding: 1rem 1.5625rem;}