/*Global styles*/
.blue-bg{background:#401050;}
.org-bg{background:#ff2401;}
.grey-bg{background:#666666;}
.brown-bg{background:#320101;}
.org-grad-bg{background: rgba(255,156,0,1);
    background: -moz-linear-gradient(top, rgba(255,156,0,1) 0%, rgba(255,40,1,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,156,0,1)), color-stop(100%, rgba(255,40,1,1)));
    background: -webkit-linear-gradient(top, rgba(255,156,0,1) 0%, rgba(255,40,1,1) 100%);
    background: -o-linear-gradient(top, rgba(255,156,0,1) 0%, rgba(255,40,1,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,156,0,1) 0%, rgba(255,40,1,1) 100%);
    background: linear-gradient(to bottom, rgba(255,156,0,1) 0%, rgba(255,40,1,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9c00', endColorstr='#ff2801', GradientType=0 );
}
.green-grad-bg{background: rgba(0,158,174,1);
    background: -moz-linear-gradient(top, rgba(0,158,174,1) 0%, rgba(0,94,126,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,158,174,1)), color-stop(100%, rgba(0,94,126,1)));
    background: -webkit-linear-gradient(top, rgba(0,158,174,1) 0%, rgba(0,94,126,1) 100%);
    background: -o-linear-gradient(top, rgba(0,158,174,1) 0%, rgba(0,94,126,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,158,174,1) 0%, rgba(0,94,126,1) 100%);
    background: linear-gradient(to bottom, rgba(0,158,174,1) 0%, rgba(0,94,126,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009eae', endColorstr='#005e7e', GradientType=0 );
}

body{background:#ff6e0d url("../images/body-bg.png");}
/*.social-media li{list-style-type:none; display:inline-block; float:right; margin-left:10px; margin-top:20px;}
.social-media li:last-child{margin-left:0;}*/
.menu-bg{background:#FFEBCC;}
.top-nav .navbar-brand{display:none;}
.top-nav a{color:#000;padding:0; font-size:20px; font-weight:600;}
.top-nav a:hover, .top-nav .active a{color:#ff6e0d;}
.top-nav li{border-right:1px solid #000; width:25%; text-align: center;}
.top-nav li:last-child{border:none;}
.top-nav .navbar-toggler{padding:5px;}
.top-nav li{white-space: nowrap;}
* {margin:0;padding:0;}
.dropdown-menu .dropdown-item:hover, .dropdown-item:focus{background:#FFEBCC!important;}
.dropdown-menu {position:absolute;background:#FFEBCC!important; }
.dropdown-menu li{border:none;margin:0; padding:0;}  
ul.dropdown-menu{margin: 0; padding: 0;}
.dropdown-menu a{padding: 1em; /*background-color: #FFEBCC;*/  display: block;}
.dropdown:hover .dropdown-menu{display:block;}
ul.nav {list-style:none;}
.menu-bg .navbar-expand-lg .navbar-nav{width:100%;}
.top-nav button{border:1px solid #ccc;}
.banner-slider h3{color:#fff; padding-top:100px;}
.banner-slider  .carousel .carousel-indicators{bottom:100px;}
.white-wrapper{background:#FFEBCC;min-height:700px; border-radius:8px; padding-top:20px; padding-bottom:20px;}
.white-wrapper-accordian{background:#FFEBCC;min-height:50px; padding-top:10px; padding-bottom:5px;}
.white-wrapper-thaniyan{background:#FFEBCC;min-height:10px; padding-top:2px; padding-bottom:0px;}
.white-wrapper-catcard{background:#FFCC80; padding-bottom:5px;}
.wel-txt h3, .testimonial h3{font-size:20px; color:#ff6e0d; text-align: center;}
.wel-txt p{text-align:left;}
.spl-events { margin-top: 50px;}
.downloads h3{font-size:20px; text-transform: uppercase; color:#ff6e0d; padding:15px 0px;}
.downloads h5{font-size:12px;  padding:15px 0px;text-align: center;}
.downloads h6{font-size:18px; text-transform: uppercase; color:#ff6e0d; padding:15px 0px;text-align: center;}
.downloads .nav-item, .downloads .nav-link{color:#000; margin-right:10px;}
.downloads .nav-item:last-child{margin-right:0;}
.downloads li .active, .downloads .nav-link:hover{color:#fff;
    background: rgba(255,156,0,1);
    background: -moz-linear-gradient(top, rgba(255,156,0,1) 0%, rgba(255,40,1,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,156,0,1)), color-stop(100%, rgba(255,40,1,1)));
    background: -webkit-linear-gradient(top, rgba(255,156,0,1) 0%, rgba(255,40,1,1) 100%);
    background: -o-linear-gradient(top, rgba(255,156,0,1) 0%, rgba(255,40,1,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,156,0,1) 0%, rgba(255,40,1,1) 100%);
    background: linear-gradient(to bottom, rgba(255,156,0,1) 0%, rgba(255,40,1,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9c00', endColorstr='#ff2801', GradientType=0 );
}
.downloads table{font-size: 0.75em;}
.downloads table th{text-align:center; color:#fff;
	background: rgba(191,183,0,1); /* 0,158,174 */
    background: -moz-linear-gradient(top, rgba(191,183,0,1) 0%, rgba(0,94,126,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(191,183,0,1)), color-stop(100%, rgba(0,94,126,1)));
    background: -webkit-linear-gradient(top, rgba(191,183,0,1) 0%, rgba(0,94,126,1) 100%);
    background: -o-linear-gradient(top, rgba(191,183,0,1) 0%, rgba(0,94,126,1) 100%);
    background: -ms-linear-gradient(top, rgba(191,183,0,1) 0%, rgba(0,94,126,1) 100%);
    background: linear-gradient(to bottom, rgba(191,183,0,1) 0%, rgba(0,94,126,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009eae', endColorstr='#005e7e', GradientType=0 );
}
.downloads td img, .downloads td p{padding-bottom:5px; margin:0;}
.downloads .bull-points{list-style-type:none; padding:0; margin:0;}
.bull-points li a{color:#666;}
.bull-points li a:hover{text-decoration: underline; color:#ff6e0d;}
.carousel {margin: 0 auto;padding-bottom: 5px;}
.carousel .item {color: #999;font-size: 14px;text-align: center;overflow: hidden; /*min-height: 340px;*/}
.carousel .item a {color: #eb7245;}
.carousel .img-box {width: 145px;height: 145px;margin: 0 auto;border-radius: 50%;}
.carousel .img-box img {width: 100%;height: 100%;display: block;border-radius: 50%;}
.carousel .testimonial {padding: 35px 0 15px;}
.carousel .overview {text-align: center;padding-bottom: 5px;}
.carousel .overview b {color: #333;font-size: 15px;text-transform: uppercase;display: block;padding-bottom: 5px;}
.carousel .star-rating i {font-size: 18px;color: #ffdc12;}
.carousel .carousel-control {width: 25px;height: 25px;border-radius: 50%; background: #999;text-shadow: none;top: 100px; right:15px;}
.carousel-control i {font-size: 20px;margin-right: 2px;}
.carousel-control.left {left: auto;right: 50px;}
.carousel-control.right i {margin-right: -2px;}
.carousel .carousel-indicators {bottom: -40px;}
.carousel-indicators li, .carousel-indicators li.active {border:none; width: 11px;height: 11px;margin: 1px 5px;border-radius: 50%;}
.carousel-indicators li {border-radius: 50%; background: #FF9C5A;border-color: transparent;}
.carousel-indicators li.active {border: none;background: #ff6e0d;}
.carousel-control img{width:10px; color:#fff;}
.foo {color:#fff; padding:10px 0;}
.titles{color:#fff; text-align: center; text-transform: uppercase;}
.header-txt{color:#fde65a;}
/*added for mobile banner sizing*/
.table {

   overflow-x: auto !important;
   width: 100% !important;
}

/* First column sticky in tables */
#allstotras > thead > tr > th:first-child {

  position:sticky;
  left:0px;
  background-color:#FFCC80;
}
#allstotras > tbody > tr > td:first-child {

  position:sticky;
  left:0px;
  background-color:#FFCC80;
}

#indexpagetable > thead:first-child > tr:first-child > th:first-child {

  position:sticky;
  left:0px;
  background-color:#FFCC80;
}
#indexpagetable > tbody > tr > td:first-child {

  position:sticky;
  left:0px;
  background-color:#FFCC80;
}

/* end sticky */

.btn {
  white-space: normal;
}
/**/
table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
bottom: .5em;
}
/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
} 

.main-site {
  padding-bottom: 5px;
}

/*Tab & Mobile Responsive styles*/
@media screen and (max-width: 480px){
	.top-nav li{width:100%;}
	.left-img {
    width: 50%;
  }
  .right-img {
    width: 50%;
  }
  .center-img {
    width: 50%;
  }
  
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .left-img {
    width: 100%;
  }
  .right-img {
    width: 100%;
  }
  .center-img {
    width: 50%;
  }
}

.listen-image
{
    background-image: url(/images/listen.png);
    background-repeat: no-repeat;
    width:24px;
    height:24px;
    text-align :center;
    margin:auto;
}
  
/* Modal Popup GB*/
.modal {
  overflow: inherit;
  overflow-y: inherit;
  text-align: center;
  padding: 0;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  max-width: 500px;
  padding: 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  
}

.modal-content {

  border: 0;
  border-radius: 0;

}

.modal-header {
  border: 0;
  padding: 0;
  position: relative;
  background-color: #FF6E0D;
}


.modal-header .close {
  margin: 0;
  border: 0;
  padding: 0;
  position: absolute;
 /* top: -10px;*/
  right: 0;
  /*width: 1px;
  height: 1px;
  border-radius: 1px;*/
  background-color: #320101;
  color: #ffe300;
  font-size: 23px;
  opacity: 1;
  z-index: 10;
  line-height: 1;
}


.modal-content p {
  padding: 0 20px;
}

.modal-body {
  padding: 0 0 10px 0;
    height: 100px;
    overflow: auto;
    background-color:#FFEBCC;
}

table#allstotras tr td:nth-child(12),td:nth-child(13), th:nth-child(12),th:nth-child(13) {
  display: none;
}
#stotraname {display : none;}
#stotraauthor {display: none;}

/* Added for Mobile Banner Changes*/
/*mobile banner changes*/

.mobile-banner .top-images {
  display: flex;
  align-items: center;
}

.mobile-banner .top-images .img-wrapper {
  flex: 1;
  display: flex;
  justify-content: center;
}

.mobile-banner .top-images .img-wrapper video {
  width: 60%;
}

.mobile-main-site {
  color: #ffe300;
  padding-bottom: 5px;
}

.bottom-text {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .mobile-banner {
    display: block;
  }
  .desktop-banner {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .mobile-banner {
    display: none;
  }
  .desktop-banner {
    display: block;
  }
}
@media screen and (max-width: 680px) {
    .carousel .item{
        font-size: 9px;
    }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
     .carousel .item{
        font-size: 12px;
    }
}

/* Scrollabe textbox for large text as in the Copyright #8dd1ff */
.scroll-box {
  background: #0dff9e;
  border: 2px solid rgba(0, 0, 0, 0.1);
  height: 100%; /* maximum height of the box, feel free to change this! */
  /*padding: 15px;
  overflow-y: scroll;*/
  overflow: auto !important;
   
}

/* Custom CSS for the scrolling shree Raam Jay Raam */

.ticker-wrap {
  width: 100%;
  
  margin: 0 auto;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
 
  height: 55px;
  background-color: #48F0F0; 
}
.ticker {
  display: inline-block;
  
  animation: marquee 20s linear infinite;
}
.item-collection-1 {
  position: relative;
  left: 0%;
  animation: swap 20s linear infinite;
}

.tickeritem {
  display: inline-block;
  
  font-size: 33px;
  color: rgb(0, 0, 0);   
  font-weight: 100;
  font-family: sans-serif;
}

/* Transition */
@keyframes marquee {
  0% {
    transform: translateX(0)
  }
  100% {
    transform: translateX(-100%)
  }
}

@keyframes swap {
  0%, 50% {
    left: 0%;
  }
  50.01%,
  100% {
    left: 100%;
  }
}


/* Custom CSS for the Majorworks sidebar */


.quicklinks {
  background-color: #A9A9A9; /* Light blue  background */
  padding: 20px;
  border-radius: 5px;
}

.quicklinks h3 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
}

.quicklinks ul {
  list-style-type: none; /* Remove default bullet points */
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  
}

.quicklinks li {
  margin-bottom: 5px;
  margin-right: 10px;
  
}

.quicklinks a {
  display:  inline-block;
  width: 150px; /* Set a fixed width for all links */
  padding: 8px ;
  background-color: #FFCC80; /* White background for links */
  border: 1px solid #CCE0FF; /* Light gray border */
  border-radius: 3px;
  text-decoration: none; /* Remove underline */
  color: #333333; /* Dark gray text color */
  text-align: center; /* Center the link text */
  white-space: nowrap; /* Prevent text from wrapping */
  overflow: hidden;
  text-overflow: ellipsis;
   
}

.quicklinks a:hover {
  background-color: #f5f5f5; /* Light gray background on hover */
}

.quicklinksStyle {
            position: fixed;
            z-index: 5000000;
            width: 30px;
            height: 30%;
            overflow: hidden;
            cursor: pointer;
            right: 0px;
            top: 50%;
            background-color:#CCE0FF ;
            border-radius: 10px 0px 0px 10px;
            color: #000;
            writing-mode: tb-rl;
            font-size: 20px;
            margin-top: 13px;
        }

