/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 1, 2021, 10:10:49 AM
    Author     : Parkhianz
*/
html {
  scroll-behavior: smooth;
}
body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px !important;
    line-height: 30px !important;
    color: rgba(0,0,0,.87) !important;
}
a {
    color: rgba(0,0,0,.87) !important;
    text-decoration: none;
}
a:hover, a:focus {
    color: rgba(0,0,0,1) !important;
    text-decoration: none;
}
.hindiFont{font-family: 'Sumana', serif !important;}
[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}
.text-primary-parakh {
    color: #000a6e !important;
    font-weight: 600;
}
#topbar {
    background: #fff;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    font-size: 14px;
}

.scpdLogo {
    width: 100%;
    position: absolute;
    z-index: 999;
    left: 0;
    top: -40px;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;	
}
.scpdLogo_sml {
    width: 100%;
    position: absolute;
    z-index: 999;
    left: 0;
    top: -7px;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}

@media screen and (min-width:768px){
    .navbar-brand-centered {
        position: absolute;
        left: 46%;
        display: block;
        width: 130px;
        text-align: center;
        background-color: transparent;
    }
	.navbar-brand-centered-small {
    position: absolute;
    left: 47%;
    display: block;
    width: 75px;
    text-align: center;
    background-color: transparent;
}
    .navbar>.container .navbar-brand-centered, 
    .navbar>.container-fluid .navbar-brand-centered {
        margin-left: -80px;
    }
}
.navbar {margin-bottom: 0px !important;}
.navbar-default {
    background-color: #f7f7f7 !important;
    border-top: 1px solid #f0f0f0 !important;
    border-radius: 0 !important;
}
.navbar-default .navbar-nav > li > a {
    color: rgba(0,0,0,.87) !important;
}
.contact-info {
    padding-left: 30px;
    padding-right: 30px;
}
.social-links {
    padding-left: 15px;
    padding-right: 15px;
}
#topbar .social-links a {
    color: #5c768d;
    padding: 4px 12px;
    display: inline-block;
    line-height: 1px;
    transition: 0.3s;
}
#topbar .contact-info i {
    color: #55acee;
    padding: 4px 4px 4px 0px;
}
#topbar .contact-info .icofont-phone {padding-left: 20px; margin-left: 10px;}
.icofont-google   {color: #dd4b39 !important;}
.icofont-twitter  {color: #55ACEE !important;}
.icofont-youtube  {color: #bb0000 !important;}
.icofont-linkedin {color: #007bb5 !important;}
.icofont-facebook {color: #3B5998 !important;}
.icofont-instagram{color: #e1306c !important;}

.social-cmn{display: inline-block;border-width:0px; border-style:solid;width: 24px;height: 24px;padding: 0;line-height: 19px;border-radius: 2px;margin: 0px 1px;}
.google-class   {color: #dd4b39 !important; border-color: #dd4b39 !important;}
.twitter-class  {color: #55ACEE !important; border-color: #55ACEE !important;}
.youtube-class  {color: #bb0000 !important; border-color: #bb0000 !important;}
.linkedin-class {color: #007bb5 !important; border-color: #007bb5 !important;}
.facebook-class {color: #3B5998 !important; border-color: #3B5998 !important;}
.instagram-class{color: #e1306c !important; border-color: #e1306c !important;}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index:999;
}

.sticky > .scpdLogo {display:none;}
.sticky > .scpdLogo_sml {display:block;}

.sticky + .navbar {
  padding-top: 40px;
}
.navbar-brand {
    float: left;
    height: 50px;
    padding: 0px !important;
    font-size: 18px;
    line-height: 20px;
	
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}


.smLogo_show{opacity:1; visibility:visible; top:  10px;}
.smLogo_hide{opacity:0; visibility: hidden; top:-150px;}

.bgLogo_show{opacity:1; visibility:visible; top:   0px;}
.bgLogo_hide{opacity:0; visibility: hidden; top:-150px;}

.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.filter-button
{
    font-size: 18px;
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
    color: #42B32F;
    margin-bottom: 30px;

}
.bg-primary {
    color: #fff;
    background-color: #000a6e !important;
}
.filter-button:hover
{
    font-size: 18px;
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background-color: #42B32F;

}
.btn-default:active .filter-button:active
{
    background-color: #42B32F;
    color: white;
}
.btn-info {
    color: #fff;
    background-color: #ffa700 !important;
    border-color: #ffa700 !important;
}
.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 30px;
}
.img-responsive {
    height:100% !important;
}
.thumbnail{padding: 10px !important; border-radius: 0px !important;box-shadow: 5px 5px 5px #efefef;height:200px;}
.thumbnail:hover{box-shadow: 5px 5px 5px #efefef;border: 1px solid #e3e3e3;}

#clrId{display: none;}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
    #clrId{display: block !important;}
	.contact-info{padding: 0px 13px 0 0 !important;margin: auto !important;display: inline-block  !important;float: right !important;width: 100%;text-align: right !important;}
	#txtCnter{text-align:center !important;}
	.social-links{float: left !important;padding-right: 0px !important;width: 100% !important;text-align: right;}
	.scpdLogo_sml{display:block !important;opacity: 1 !important;visibility: visible !important;width: 80px;top: 18px;left: 5px;}
	.smLogo_hide{display:block !important;opacity: 1 !important;visibility: visible !important;}
	.scpdLogo_big{display:none !important;}
	.scpdLogo{display:none !important;}
	.fade-carousel .carousel-inner .item{height:280px !important;}
	.fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3, .fade-carousel .slides .slide-4 {height: 100% !important;background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important;}
	.fade-carousel{height:280px !important;}
	.fade-carousel .slides .slide-2 {background-image: url(../assets/img/satguruji/SatguruJi_Banner_Small_2.jpg);}
	.fade-carousel .slides .slide-3 {background-image: url(../assets/img/satguruji/SatguruJi_Banner_Small_3.jpg);}
	.fade-carousel .slides .slide-4 {background-image: url(../assets/img/satguruji/SatguruJi_Banner_Small_4.jpg);}

}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

.container_scpd {
  position: relative;
  width: 100%;
}

.image_scpd {
  display: block;
  width: 100%;
  height: auto;
}

.overlay_scpd {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: .5;
  transition: .5s ease;
  background-color: #000a6e;
  border-radius:5px 5px 0px 0px;
}

.container_scpd:hover .overlay_scpd {
  opacity: 0;
}
.img-rounded-top{border-radius: 5px 5px 0px 0px;}
.text_scpd {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.teamcont_scpd {
    background: white;
    float: left !important;
    width: 100% !important;
    box-shadow: 0px 0px 10px #ccc;
    padding: 0px;
    border-radius: 5px;
	transition: .3s ease;
    margin-bottom:20px;
}
.teamcont_scpd:hover {box-shadow: 0px 5px 20px #ccc;}