body{
	background-color: #E9EAED;
	margin: 0;
	background-image: url('../img/sgpc.png');
	background-repeat:repeat;

}
.bgcol{
	background-color: #FFFFFF;
	background-image: ('../img/sgpc.png');
}
.logotext{
	color: red;
	font-weight: bold;
	font-size: 20px;
	padding-top: 10px;
}
.logotextcol{
	color: #FFE656;
	font-family: 'Oswald', sans-serif;
	font-size: 30px;
	text-transform: uppercase;
	vertical-align: middle;
}


#social {
  margin: 20px 10px;
  text-align: center;
}

/*social icon code ******************************************************************************/

.smGlobalBtn{ /* global button class */
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 50px;
    height: 50px;
    box-shadow: 0 2px 2px #999;
    padding: 0px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 25px;
    font-weight: normal;
    line-height: 2em;
    border-radius: 25px;
    -moz-border-radius:25px;
    -webkit-border-radius:25px;
}
/* facebook button class*/
.facebookBtn{
    background: #fdfdfd;
    color: #272979;
}

.facebookBtn:before{ /* use :before to add the relevant icons */
    font-family: "FontAwesome";
    content: "\f09a"; /* add facebook icon */
}

.facebookBtn:hover{
    color: #FFE656;
    background: #272979;
}

/* twitter button class*/
.twitterBtn{
    background: #00ABE3;
}

.twitterBtn:before{
      font-family: "FontAwesome";
      content: "\f099"; /* add twitter icon */
}

.twitterBtn:hover{
      color: #00ABE3;
      background: #fff;
}

/* google plus button class*/
.googleplusBtn{
    background: #e64522;
}

.googleplusBtn:before{
      font-family: "FontAwesome";
      content: "\f0d5"; /* add googleplus icon */
}

.googleplusBtn:hover{
      color: #e64522;
      background: #fff;
}

/* linkedin button class*/
.linkedinBtn{
    background: #0094BC;
}

.linkedinBtn:before{
      font-family: "FontAwesome";
      content: "\f0e1"; /* add linkedin icon */
}

.linkedinBtn:hover{
      color: #0094BC;
      background: #fff;
}

/* pinterest button class*/
.pinterestBtn{
    background: #cb2027;
}

.pinterestBtn:before{
      font-family: "FontAwesome";
      content: "\f0d2"; /* add pinterest icon */
}

.pinterestBtn:hover{
      color: #cb2027;
      background: #fff;
}

/* tumblr button class*/
.tumblrBtn{
    background: #3a5876;
}

.tumblrBtn:before{
      font-family: "FontAwesome";
      content: "\f173"; /* add tumblr icon */
}

.tumblrBtn:hover{
      color: #3a5876;
      background: #fff;
}

/* rss button class*/
.rssBtn{
    background: #e88845;
}

.rssBtn:before{
      font-family: "FontAwesome";
      content: "\f09e"; /* add rss icon */
}

.rssBtn:hover{
      color: #e88845;
      background: #fff;
}

/* end of social icon code ******************************************************************************/





.padtop{
	padding-top: 20px;
}


.navbar-brand{
	margin-top: -18px;
}
/*
.navpos{
	padding-top: 170px;
}*/


.nav > li.active{
	font-size: 17px;
	font-weight: bold;
	background-color: #FFE656;
	color: #000;
}

.navbar-fixed-top {
    min-height: 80px;
}

.navbar-nav > li > a {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 100px;
}

@media (max-width: 767px) {
    .navbar-nav > li > a {
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;}
    .navbar-header{
    	min-height: 100px;
    }
}







.white, .white a {
  color: #fff;
}


/*carousel code ******************************************************************************/
.carousel-fade {
    .carousel-inner {
        .item {
            transition-property: opacity;
        }
        
        .item,
        .active.left,
        .active.right {
            opacity: 0;
        }

        .active,
        .next.left,
        .prev.right {
            opacity: 1;
        }

        .next,
        .prev,
        .active.left,
        .active.right {
            left: 0;
            transform: translate3d(0, 0, 0);
        }
    }

    .carousel-control {
        z-index: 2;
    }
}



html, 
body, 
.carousel, 
.carousel-inner, 
.carousel-inner .item {
    height: 100%;
    margin-top: 0;
     background-size: cover;
  background-position: 50%;
}

.item:nth-child(1) {
    background-image: url("../img/forweb.jpg");
    background-repeat: repeat;
    
}

.item:nth-child(2) {
	background-image: url("../img/forwebfull.jpg");
	width: 100%;
   }

.item:nth-child(3) {
    
     background-image: url("../img/forweb.jpg");
}
.carousel{
	position: relative;
	margin-top: -20px;
	max-height: 300px;
}
.effect5
{
  position: relative;
}
.effect6
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect6:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}
/* end of carousel code ******************************************************************************/






/* live kirtan panel event panel hukumnama panel code  */


 .plan {
padding: 0 0 15px 0;
margin: 30px 0px;
list-style: none;
text-align: center;
}

.plan li {
padding: 15px 0px;
font-size: 16px;
border-bottom: 1px dotted #e1e1e1;
}

.price {
    font-size:45px!important;
}

small {
    font-size:15px;
    padding-left:10px;
}

    .plan li i {
        padding-right:10px;
    }
.price-two {
    font-size:30px!important;
    padding: 15px 0px;
background-color: rgba(162, 188, 253, 1);
color: #fff;
border: none;
font-weight: 900;
}

.adjust-border-radius {
    -webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

.adjust-border {
    border-top-left-radius: 0px;
 border-top-right-radius: 0px;
}



.hukum-wrap{
  margin-top:-12px;
	width: 100%;
	/*height: 450px;*/
	overflow-y: scroll;
	overflow-x: hidden;
	
}
.hukumnama{
	margin: 0;
	width: 100%;
}
.grayscale {-webkit-filter: grayscale(100%); filter: grayscale(100%);}

.hukum-modal{
	width: 100%;
}

.btnhukum{
  background-color: #e1e1e1;
  color: #5383d3;
}

/* end of  live kirtan panel event panel hukumnama panel code  */





/* navbar color scheme code  */
.navbar-default{ /* assigning the top bar to the entire navbar div element */
	color: #fff;
    text-align: center;
    box-shadow: inset 0px 5px 0px #FFE656; /* initial gray color to the top bar */  
  
}

.dropdown:hover ,
.dropdown:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #000;
    background-color: #FFE656;
    box-shadow: inset 0px 5px 0px #FFE656; /* switch to a darker color on hover */

}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: white;
    background-color: #FFE656;
    box-shadow: inset 0px 5px 0px #FFE656; /* switch to a lighter color for active element */
    color: #000;
    font-weight: bold;
     border-bottom:4px solid #aaa;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #FFE656;
 
}

.nav.nav-tabs > li.dropdown.active.open > a, 
.nav.nav-tabs > li.dropdown.active.open > ul.dropdown-menu a:focus,
.nav.nav-tabs > li.dropdown.active.open > ul.dropdown-menu a:hover,
.nav.nav-tabs > li.dropdown.open > a, 
.nav.nav-tabs > li.dropdown.open > ul.dropdown-menu a:focus,
.nav.nav-tabs > li.dropdown.open > ul.dropdown-menu a:hover
{
  color: #fff;
  background-color: #FFE656;
  border-color: #fff;
}



 .navbar-default .navbar-nav .open .dropdown-menu >li:hover {
    background-color: #FFE656;
    color:#000;
  }

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #FFE656;
  color: #555555;
}
.navbar-nav > li{
  margin-left:1px; 
}
/* end of navbar color scheme code  */

.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  /*color: #8a6d3b;*/
  background-color: #272979;
  border-color: #FFE656;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #FFE656;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.shadow{
	
	/* border-top:4px solid #FFE656; */
	
}
.panel-heading {
    background-color: #e1e1e1;
    border-color: #faebcc;
    color: #8a6d3b;

    margin-bottom: 10px;
}
.panel-heading >h4 {  
    color: #FFE656;

}
.navbar-nav > li > a {
    color: #fff;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
}
@media only screen and (max-width: 767px) {
   .fb-comments {
    width: 100% !important;
   }
.fb-comments iframe[style] {
   width: 100% !important;
  }
}


  /*footer footer footer*/
 .footer-distributed{
	background-color: #292c2f;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	font: bold 16px sans-serif;
	border-top:4px solid #aaa;
	border-bottom:4px solid #FFE656;
	
	padding: 55px 50px;
	margin-top: 80px;
}

.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: 40%;
}

/* The company logo */

.footer-distributed h3{
	color:  #ffffff;
	font-family: 'Oswald', sans-serif;

	margin: 0;
}

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

/* Footer links */

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

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

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

/* 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:  #5383d3;
	text-decoration: none;;
}


/* Footer Right */

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

.footer-distributed .footer-company-about{
	line-height: 20px;
	color:  #92999f;
	font-size: 13px;
	font-weight: normal;
	margin: 0;
	text-transform: capitalize;
}

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

.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;
}

/* If you don't want the footer to be responsive, remove these media queries */

@media (max-width: 880px) {

	.footer-distributed{
		font: bold 14px sans-serif;
	}

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

	.footer-distributed .footer-center i{
		margin-left: 0;
	}

}

/*end of footer footer footer*/


.footer-stick-right{
	margin-top: 20px;
	float: right;
	
}
.footcol{
	color:  #5383d3;
}
.footer-stick-right a{
	cursor: pointer;
	text-decoration: none;	
}
.jp-title{
	color: #5383d3;
}










/* Carousel Styles */
.carousel-indicators .active {
    background-color: #FFE656;
}

.carousel-inner img {
    width: 100%;
    height: 100%;
}
/*
.carousel-control {
    width: 0;
}

.carousel-control.left,
.carousel-control.right {
  opacity: 1;
  filter: alpha(opacity=100);
  background-image: none;
  background-repeat: no-repeat;
  text-shadow: none;
}

.carousel-control.left span {
  padding: 20px;
}

.carousel-control.right span {
  padding: 20px;
}

.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-prev, 
.carousel-control .icon-next {
  position: absolute;
  top: 45%;
  z-index: 5;
  display: inline-block;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
  left: 0;
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
  right: 0;
}

.carousel-control.left span,
.carousel-control.right span {
  background-color: #000;
}

.carousel-control.left span:hover,
.carousel-control.right span:hover {
  opacity: .5;
  filter: alpha(opacity=50);
}
*/
/* Carousel Header Styles */
.header-text {
    position: absolute;
    bottom: -5%;
    left: 1.8%;
    right: auto;
    width: 96.66666666666666%;
    color: #fff;
}

.header-text h2 {
    font-size: 40px;
}

.header-text h2 span {
    background-color: #2980b9;
  padding: 10px;
}

.header-text h3 span {
  background-color: #000;
  padding: 5px;
  opacity: .7;
  filter: alpha(opacity=70);
}

}

.btn-min-block {
    min-width: 170px;
    line-height: 26px;
}

.btn-theme {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    margin-right: 15px;
}

.btn-theme:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}
.event_head{
  font-weight: bold;
  font-size: 22px;
  color: #5282d2;
}
.event_text{
  font-weight: bold;
  font-size: 18px;
  color: #666;
  line-height: 2;
}
.nomargin{
  margin: 0;
  padding: 0;
}
.android{
  color: #99cc00;
  font-size: 30px;
}
h3> span> a:link{
  text-decoration: none;
}
body::-webkit-scrollbar {
    width: .7em;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: #FFE656;
  outline: 1px solid slategrey;
}
.iconpanel{
  color:  #5383d3;
  font-size: 25px;
}
.c_content {
  
  word-wrap: break-word;
}
.panel-ody img{
  max-width: 100%;

}
.navbar-inverse {
    background-color: #272979;
    border-color: #080808;
}
.panel-heading >h4 {
    margin-top: 0;
    margin-bottom: 0;
}
.panel-warning{
  padding-bottom: 15px;
}