body {font-family: 'Noto Sans', sans-serif; color: #000;}
a {color: #ce482d;}
a:hover {color: #000;}
a:hover, a:focus{outline:none; box-shadow: none;}

.sprite{background: url(../images/sprite.png) no-repeat 0 0; display:inline-block; vertical-align: middle;}
.tra{transition: all .3s linear;}
strong.medium {font-weight: 500;}
strong.semibold {font-weight: 600;}

#wrapper {overflow: hidden; max-width: 1920px; margin: 0 auto;}

/* main-menu */
.navbar {left: 0; right: 0; top: 0; margin: 0 auto; z-index: 99; position: fixed;  padding: 25px 0; background-color: #fff;}
.navbar a img {max-width: 255px;}

.navbar.fixed {background-color: rgba(255,255,255,1); box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); padding: 15px 0;}
.navbar.fixed a img {max-width: 165px; display: block;}
.navbar.fixed #main-menu li a {color: #000;}
.navbar.fixed #main-menu li a:hover {color: #cd4428;}
.navbar.fixed #main-menu li.active a{color: #cd4428;}

#main-menu li {font-size: 0.875rem; margin-left: 16px;}
#main-menu li a {color: #000; padding: 10px 7px; position: relative;}
#main-menu li a:hover,#main-menu li.active a {color: #cd4428; text-decoration: none;}
#main-menu li a.active {font-weight: 600;}
#main-menu li .dropdown-menu {border: none; border-radius: 0; box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.15); }

#search-button {width: 60px; height: 60px; display: inline-block; background-color: #41c0a4; border-radius: 50%; position: relative;}
#search-button .icon{ background: url(../images/search.png) no-repeat  center center; width: 25px; height: 25px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}

/* menu hover effect */
#main-menu .navbar-nav li ul.dropdown-menu{width: 250px;}
#main-menu .navbar-nav li ul.dropdown-menu .dropdown-item{white-space: normal; padding: 10px 20px;}
#main-menu .navbar-nav li:hover > ul.dropdown-menu {display: block;}
#main-menu .dropdown-submenu {position:relative;}
#main-menu .dropdown-submenu>.dropdown-menu {top: 0;left: 100%;margin-top:-6px;}
/* rotate caret on hover */
#main-menu .dropdown-menu > li > a:hover:after {text-decoration: underline;transform: rotate(-90deg);} 
.dropdown-item.active, .dropdown-item:active,.dropdown-item:focus,.dropdown-item:hover{background-color: #f8f9fa; color: #067a93;}

/* mobile menu */
#mobile-menu{display: none;}

/* mobile menu icon */
#mobile-menu-icon{display:none;position:absolute;right:12px;top:12px;width:30px;height:30px;z-index:9999;}
#mobile-menu-icon span, #mobile-menu-icon span:before, #mobile-menu-icon span:after{width:30px;height:2px;background-color:#ce482d;display:block;position:absolute;top:7px;transition:all 0.3s;}
#mobile-menu-icon span:before{content:'';top:-7px;}
#mobile-menu-icon span:after{content:'';top:7px;}
#mobile-menu-icon.active span{background-color:transparent;}
#mobile-menu-icon.active span:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);top:0;}
#mobile-menu-icon.active span:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);top:0;}

/* mobile menu */
#mobile-menu{display:none;background-color:#ffffff;border-left:4px solid #ce482d;position:fixed;width:250px;top:60px;height:calc(100% - 60px);z-index:1;overflow-y:scroll;right:-250px;}
#mobile-menu ul{margin:0;padding:0;list-style:none;float:none;}
#mobile-menu ul li{float:none;padding:0;margin:0;border:none;position:relative;border-bottom:1px solid #d6d0d0;}
#mobile-menu ul li a{padding:12px 20px;display:block;color:#ce482d;font-weight:400;text-decoration:none;}
#mobile-menu ul li ul li a{color:#ce482d;font-size:85%;text-decoration:none;}
#mobile-menu ul li.active ul li a{color:#fff;}
#mobile-menu ul li ul li a:hover{color:#fff;}
#mobile-menu ul li > a:hover, #mobile-menu ul li.active > a, #mobile-menu ul li a:hover{color:#fff;border-bottom:none;background-color:#ce482d;}
#mobile-menu ul li > a:hover .submenu:before, #mobile-menu ul li.active > a .submenu:before, #mobile-menu ul li a:hover .submenu:before{background-color:#ffffff;}
#mobile-menu ul li > a:hover .submenu:after, #mobile-menu ul li.active > a .submenu:after, #mobile-menu ul li a:hover .submenu:after{background-color:#ffffff;}
#mobile-menu ul li.changebg > a{background-color:#ce482d;color:#fff;}
#mobile-menu ul li > a:focus{background-color:#ce482d;color:#fff;}
#mobile-menu ul li:hover > a{border-bottom:none;}
#mobile-menu ul li a .submenu{position:absolute;width:42px;height:42px;right:0;top:1px;display:block;cursor:pointer;-moz-transition:transform 0.3s ease-in-out;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;}
#mobile-menu ul li a .submenu:before,#mobile-menu ul li a .submenu:after{content:"";background-color:#212121;display:block;-moz-transition:transform 0.3s ease-in-out;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;}
#mobile-menu ul li a .submenu:before{width:1px;height:15px;position:relative;left:20px;top:12px;}
#mobile-menu ul li a .submenu:after{width:15px;height:1px;position:relative;left:13px;top:4px;}
#mobile-menu ul li.changebg>a>.submenu:before{transform:rotate(-90deg);}
#mobile-menu ul li.changebg>a>.submenu:after{display:none;}
#mobile-menu ul li > ul{padding:0;border:none;}
#mobile-menu ul li.submenu-one:hover > ul{top:0;}
#mobile-menu ul li.submenu-one ul{margin-bottom:-1px;}
#mobile-menu ul li ul,#mobile-menu ul li:hover>ul,#mobile-menu ul li ul li ul,#mobile-menu ul li ul li:hover>ul{width:auto;display:none;opacity:1;position:relative;left:0;top:0;visibility:visible;transition:none;box-shadow:none;}
#mobile-menu ul.mob-view{display:block;}
#mobile-menu ul.mob-view ul li a{padding:12px 30px;}
#mobile-menu ul li ul li a{padding:12px 30px;}
#mobile-menu ul li ul li ul li a{padding:12px 40px;}
#mobile-menu ul li ul li{border-bottom:1px solid #d6d0d0;}

/* button custom */
.btn-custom1 {position: relative; border: none; border-radius: 30px; color: #fff; text-decoration: none; padding: 12px 30px; overflow: hidden; background-color: #cd4428 !important; margin-top: 25px;}
.btn-custom1:before {content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; background-color: #000; transition: all 0.4s;}
.btn-custom1:focus:before, .btn-custom1:hover:before {width: 100%;}
.btn-custom1:focus span, .btn-custom1:hover span {color: #fff; position: relative; z-index: 1;}
.btn-custom1.focus, .btn-custom1:focus{box-shadow: none;}

.btn-custom2 {position: relative; border: 1px solid #cd4428; border-radius: 30px; background-color: #fff !important; color: #000; text-decoration: none; padding: 12px 30px; overflow: hidden; margin-top: 25px;}
.btn-custom2:before {content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; background-color: #cd4428; transition: all 0.4s;}
.btn-custom2:focus:before, .btn-custom2:hover:before {width: 100%;}
.btn-custom2:focus span, .btn-custom2:hover span {color: #fff; position: relative; z-index: 1;}
.btn-custom2.focus, .btn-custom2:focus{box-shadow: none;}

/* Typography */
h2.title {font-size: 2.25rem; color: #cb4626; margin: 0 0 25px; font-weight: 700;}
h2.title span{display: block; position: relative; font-size: 1.25rem; font-weight: 400; margin: 10px 0;}

h3.light {font-size: 1.5rem; font-weight: 300; color: #000;}

.padding{padding: 130px 0;}
.padding100{padding: 100px 0;}
.pt100{padding-top: 100px;}
.pb100{padding-bottom: 100px;}

/* contact-now */
#contact-now {padding:50px 0; background-color: #7fb767; position: relative; z-index: 1;}
#contact-now .text {font-size: 1.6875rem; font-weight: 500; color: #fff; line-height: 1.7;}
#contact-now .btn-custom1 {background-color: #fff !important; color: #ce482d; margin-right: 15px;}
#contact-now .btn-custom1:last-child {margin-right: 0;}
#contact-now .btn-custom1:after {filter: inherit;}
#contact-now .btn-custom1:hover:after {filter: grayscale(1) brightness(100);}
.refresh-icon{background: url(../images/refresh.png) no-repeat 0 0; width: 30px; height: 25px; cursor: pointer;}

/* footer */
#footer {background: #070302; color: #fff; font-size: 0.9375rem; padding: 25px 0;}
#footer .divider{margin: 0 15px;}
#footer a {color: #fff;}
#footer a:hover {color: #cb4626;}

#totop {bottom: -58px; cursor: pointer; display: block; padding: 4px; position: fixed; right: 20px; z-index: 9; text-align: center; width: 50px; height: 50px;}
#totop img {position: absolute; top: 0; bottom: 0; left :0; right: 0; margin: auto;}

.style1 .owl-nav {margin: 0;}
.style1 .owl-nav .owl-prev, .style1 .owl-nav .owl-next {width: 34px; height: 30px; margin: 0; transition: all 0.4s; position: absolute; left: -50px; top: 50%; margin-top: -15px;}
.style1 .owl-nav .owl-next {left: auto; right: -50px;}
.style1 .owl-nav .owl-prev:before, .style1 .owl-nav .owl-next:before {content: ''; background: url('../images/sprite.png') no-repeat -21px 0; width: 34px; height: 30px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.style1 .owl-nav .owl-prev:before {transform: rotate(-180deg);}
.style1 .owl-nav .owl-prev.disabled:before, .style1 .owl-nav .owl-next.disabled:before {filter: grayscale(100); opacity: 0.5;}

.style1 .owl-dots {margin-top: 50px; text-align: center;}
.style1 .owl-dots .owl-dot span {margin-right: 10px; width: 17px; height: 17px; background-color: #d7d7d7; display: block; border-radius: 50%;}
.style1 .owl-dots .owl-dot.active span {background-color: #74b15a;}
.style1 .owl-dots button:focus {outline: none;}

/* CSS for Inner Pages */
#inner-banner {margin-top: 109.5px; background-color: #cd4428; height: 420px; background-repeat: no-repeat; background-position: center top; background-size: cover; position: relative; overflow: hidden;}
#inner-banner .row {height: 420px;}

h1 {font-size: 4.0625rem; color: #ffffff; font-weight: 700;}
.bg-orange{background-color: #cd4428;}
.text-orange{color: #cd4428;}

#about-temple .about-text{color: #cd4428; font-size: 1.42rem; margin-bottom: 60px;}

#temple-history{background-repeat: no-repeat; background-position: center bottom; height: 1080px; background-size: cover;}
#temple-campus{ color: #fff;}
#temple-campus h2.title{color: #fff;}
#temple-campus p{font-weight: 700; font-size: 1.125rem; line-height: 1.8em;}

#astrology-solution p{font-size: 1.125rem; line-height: 1.8em;}

#mangala-dosha h2.title{color: #fff;}
#mangala-dosha{font-size: 1.125rem; line-height: 1.8em; color: #fff;}

.text-large{font-size: 1.45rem !important; }

#grah-list .row{margin-top: 70px;}
#grah-list .row:first-child{margin-top: 0;}
#grah-list p{font-size: 1.125rem;}
#grah-list img{width: 100%;}

#list{margin: 0; padding: 0; list-style: none; column-count: 4; column-gap: 120px;}
#list li{font-size: 1.125rem; line-height: 1.8rem; color: #cd4428; font-weight: 700; margin-bottom: 10px;}


#gallery .item{position: relative; margin-bottom: 30px; display: block;}
#gallery .item:before{content: ""; opacity: 0; visibility: hidden; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(205,68,40,0.65); transition: all .3s linear;}
#gallery .item:hover:before{opacity: 1; visibility: visible;}
#gallery .item span.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;}
#gallery .item:hover span.zoom{transform:scale(1); transform-origin: center center; }

#contact .address-block h4{font-weight: 700; margin-bottom: 20px; margin-top: 50px; }
#contact .address-block h4:first-child{margin-top: 0;}
#contact .address-block p{font-size: 1.125rem; line-height: 1.8rem;}
#contact .address-block a{font-size: 1.125rem; line-height: 1.8rem; color: #000; text-decoration: none; display: inline-block; margin-bottom: 10px;}
#contact .address-block a:hover{color:#cd4428; }

.fancybox-title-float-wrap{text-align: center; left: 0; right: 0;}
.fancybox-title-float-wrap .child{background-color: #cd4428;}

.content p {font-size: 1.125rem; line-height: 1.8em;}
.content p.highlight {font-size: 1.5rem; font-weight: 300; color: #ce482d; line-height: 2.25rem;}

::placeholder {color: #a6a6a6 !important; opacity: 1;}
:-ms-input-placeholder {color: #a6a6a6 !important;}
::-ms-input-placeholder {color: #a6a6a6 !important;}

#services .modal .modal-header {padding: 1rem 25px;}
#services .modal .modal-body {padding: 25px;}
#services .modal p {font-size: 1.125rem; line-height: 1.8em;}