*{ padding: 0; margin: 0; }
@import "https://fonts.googleapis.com/css?family=Exo:500,600,700|Roboto&display=swap";
html {
  overflow-x: hidden;
  scroll-behavior: smooth;
	
}
body {
  line-height: 1.6;
  font-family: "Roboto", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  color: #333333;
  background: #FFF !important;
  font-weight: 400;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: "Exo", sans-serif;
  font-weight: bolder;  
  

}

h1, .h1 {
  font-size: 2.5rem;
}



h3{
    font-size: 2rem;
}


p {
  line-height: 30px;
  font-size:18px;
}
img{
	max-width: 100%;
	margin:auto;
}

.top-bg {
    background: #000;
}
.bg-orng {
    background:#CC3E00;
}

.bg-of-white{
    background:#eac5b7;

}
.pah span{
color:#CC3E00;
font-weight: 600 !important;  }

.fa-whatsapp-square{
	color:#7CFC00;}
.fa-praying-hands {
    color: #CC3E00;
}
.fa-youtube-square{
	color:#ff0000;
	font-size: 25px !important;
    text-shadow: 1px 1px 1px #FFF;
}
.fa-telegram-plane{
     font-size: 25px !important;
    text-shadow: 1px 1px 1px #FFF;
    color: #50ABF1;
}
.navbar-toggler{
	background: #CC3E00 !important;
	color:#FFF !important;
	
}


.topcontactinfo {
    list-style: none;
    float: left;
    padding: 0;
    margin: 5px 0 5px 0;
}

.topcontactinfo li {
        float: left;
        padding: 8px 10px 0 10px;
  }

.topcontactinfo li a {
text-decoration: none;
color: #FFF !important;
padding: 1px 10px 1px 10px;
border-right: 1px solid #999999;
font-size: 14px;
}

.fa-facebook-f {
    color: #003399;
    font-size: 25px !important;
    text-shadow: 1px 1px 1px #FFF;
}
.fa-twitter {
    color: #50ABF1;
    font-size: 25px !important;
    text-shadow: 1px 1px 1px #FFF;
}

.fa-linkedin-in {
    color: #0077B5;
    font-size: 25px !important;
    text-shadow: 1px 1px 1px #FFF;
}
.fa-instagram {
    color: #FF0099;
    font-size: 25px !important;
    text-shadow: 1px 1px 1px #FFF;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background-color:#FFF;
  
}

.sticky + .content {
  padding-top: 102px;
  
}

.stky-shedow{
	-webkit-box-shadow: 0 6px 5px -6px black;
	   -moz-box-shadow: 0 6px 5px -6px black;
	        box-shadow: 0 6px 5px -6px black;
          z-index:1990;
	        
}

header{
	width: 100%;
	float: left;
	padding: 0 !important;
	margin: 0 !important;
	background: #FFF !important;
	z-index:1990;

}


.nav-link{  
  color: #062460 !important;
  font-weight: bold !important;  
 /* padding: 10px 20px 10px 20px !important;*/
 font-size: 16px;
    }

.nav-link:hover{
  color: #022E6B !important;  
}

.active .nav-link:hover{
  color:#FFF !important;  
}

.deep {
    width:50px; 
    height:50px;
    margin-top:30px;
}
.hand {
    width: 60px;
    height: 80px;
}

.logo {
  width:300px; 
  height:100px; 
  float:left;
}

.banner {
    width: 100%;
    float: left;
    height: 100vh;
    background: url(../images/banner.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.liner {
    background: none !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #6D6D6D !important;
    color: #6D6D6D !important;
    text-transform:capitalize !important;
    padding-left:8px;
}

.liner-2 {
    background: none !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #FFF !important;
    color: #FFF !important;

}

.liner:focus, .liner-2:focus {
        border-bottom: 1px solid #CCC !important;
        border-top: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

.liner:hover, .liner-2:hover {
        border-bottom: 1px solid #CCC !important;
        border-top: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

.search {
    width: 50% !important;
    float: right;
    font-weight: 600;
    font-size: 20px !important;
    border-radius: 5px 0 0 5px;
    transition: 0.8s;
}

    .search:focus {
        width: 100% !important;
    }

::placeholder {
    color: #CCCBCB;
    opacity: 1; /* Firefox */
    text-transform: capitalize !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #CCCBCB;
    text-transform: capitalize !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #CCCBCB;
    text-transform: capitalize !important;
}
.btn-color {
    background:#f55610;
    border: 2px solid #f6a20b;
    color: #FFF;
    font-weight:600;
    font-size:20px !important;
}

.btn-color:hover {
        color:#e4e0e0;
    }


.bg-dark {
    background: #000 !important;
}

.top-foot-link{
    color:#FFF;
    text-decoration:none;
    font-weight:bold;
}

.top-foot-link:hover {
        color: #000;
        text-decoration: none;
    }
    .fool-link ul {
    float: left;
    list-style: none;
}

 .fool-link ul li{
 	float: left;
    padding:10px;
 	
 }

 .fool-link ul li a{
 	text-decoration: none;
 	color: #333333;
 }

 .fool-link ul li a:hover{
 	color: #F5421A;	
 }

 .apeel-icon{
     display:block;
     margin-left:auto;
     margin-right:auto;
 }



.slider-bar {
    height: 982px;
    width: 100%;
}

#main_content {
    height: 80%;
    left: 5%;
    overflow: auto;
    position: absolute;
    width: 90%;
}

#main_content::-webkit-scrollbar-track, .parent::-webkit-scrollbar-track {
    /*	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    border-radius: 10px;
    background: transparent url(../images/base.png);
    transition: 0.5s;
}

#main_content::-webkit-scrollbar, .parent::-webkit-scrollbar {
    width: 20px;
    background: transparent url(../images/base.png) repeat-x;
    transition: 0.5s;
}

#main_content::-webkit-scrollbar-thumb, .parent::-webkit-scrollbar-thumb {
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
   background: #CC3E00;
   transition: 0.5s;
    }

.previous-post a{
    color:#333333;
    padding:10px 0 10px 0;
    border-bottom:1px dashed #6D6D6D;
}

.previous-post a:hover {
    text-decoration: none;
    color:#514f4f;
    }

.login{
    background-image: linear-gradient(rgba(204, 62, 0, 0.8), rgba(251, 156, 50, 0.8)), url(../images/login.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    color: #FFF;
    text-shadow: 1px 1px 1px #000;
    /*height: 100vh !important;*/
}

.login:before {
        content: "";
        position: absolute;
        top: 0%;
        bottom: 0%;
        left: 0%;
        right: 0%;
        opacity: .4;
        z-index: -1;
    }

.signup {
    background-image: linear-gradient(rgba(204, 62, 0, 1), rgba(251, 156, 50, 1));
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    color: #FFF;
    text-shadow: 1px 1px 1px #000;
    /*height: 100vh !important;*/
}

 .signup:before {
        content: "";
        position: absolute;
        top: 0%;
        bottom: 0%;
        left: 0%;
        right: 0%;
        opacity: .4;
        z-index: -1;
    }
.signup-text p {
    font-size:30px !important;
    line-height:50px;
    padding-top:25px;
    
}
.breadcrumbs p {
    color: #bfbebe;
}
.breadcrumbs p a {
    color: #333333;
}

.breadcrumbs p a:hover {
    color:#000;
    text-decoration:none;
}

#sahyogform, #regist {
    z-index: 20000;
}