/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on August 13, 2018 */
body{
    padding: 0;
	font-family: 'Slabo 13px', serif;
    margin: 0px;
}

/*===============   header css start here ============*/
/*
Code snippet by maridlcrmn for Bootsnipp.com
Follow me on Twitter @maridlcrmn
*/

.navbar-header {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.navbar-header h4 { font-size:20px; border-top:1px solid #000; border-bottom:1px solid #000; display: inline-block; padding: 10px 44px; color:#a00; font-weight: 600; letter-spacing: 4px;}
.nav-logo {
    display: inline-block; font-family: 'Slabo 27px', serif;
    width: 100%;
}
.navbar-brand {
    position: relative;
    z-index: 2;
    background: url(../img/head-bg.jpg);
    width: 100%;
    height: 200px;
    background-repeat: repeat;
    background-size: 100%;
}
.navbar.navbar-default.cu_p .container-fluid {padding:0;}

.navbar-nav.navbar-right .btn { position: relative; z-index: 2; padding: 4px 20px; margin: 10px auto; }

.navbar .navbar-collapse { position: relative; display: inline-block !important;
width: 100%; background:#a00;}
.navbar .navbar-collapse .navbar-right > li:last-child { padding-left: 22px; }

.navbar .nav-collapse { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding-right: 120px; padding-left: 80px; width: 100%; }
.navbar.navbar-default .nav-collapse { background-color: #f8f8f8; }
.navbar.navbar-inverse .nav-collapse { background-color: #222; }
.navbar .nav-collapse .navbar-form { border-width: 0; box-shadow: none; }
.nav-collapse>li { float: right; }

.btn.btn-circle { border-radius: 50px; }
.btn.btn-outline { background-color: transparent; }
.navbar-default {
    border: none;
	background-color: inherit;
	margin-bottom: 0;
}
.header_main {
    float: left;
    width: 100%;
    top: 0;
    left: 0;
}
.header_main.sticky{
    top: 0;z-index: 99;
}

.navbar-brand img {
    display: inline-block;
}
.navbar-default .navbar-brand {
    color: #777;
    min-height: 80px;
	padding: 0;
	margin: 0 !important;
}.navbar-nav {
    width: 100%;
}
.navbar-nav > li {
    display: inline-block;
    float: none;
	font-size:20px;
}
.navbar-default .navbar-nav > li > a{
    color:#fff; border-bottom: 2px solid #a00;
}
.navbar-default .navbar-nav > li > a:hover{
    color:#fff; 
    border-bottom: 2px solid #fff;
}



.bann_sec {
    float: left;
    width: 100%;
	margin-top: -6px;
}

.about-sec { float:left; width:100%; padding:60px 0; text-align:center;}
.about-sec h2 { font-size:33px; color:#000;}

.about-sec .row {
    margin-top: 3em;
}
.figure {
    margin-top: -11em;
}
.caption { text-align:center; color:#000; font-size:22px; font-family: 'Slabo 27px', serif;}
.caption .act { color:#a00;}
.social-sec09 { float:left; width:100%; padding:60px 0; background:#EEEEEE; text-align: center;}
.social-sec09 ul {margin-top: 40px; padding-left:0;}

.social-sec09 li {

    list-style: none;
    display: inline-block;
    background: #a00;
    padding: 0;
    border-radius: 50px;
    margin: 0 52px;
    cursor:pointer;
    -webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;

}
.social-sec09 li a {padding: 32px; display: inline-block;}

.social-sec09 li:hover {background: #333;}

/********footer***********
*************************/

footer {

    background: #a00;
    float: left;
    width: 100%;
    padding: 50px 0;
    text-align: center;
    color: #fff;
    font-size: 15px;
}
footer .menu li { padding: 0 50px; font-size: 18px; margin-bottom: 20px;}
footer .menu li a{ color:#fff;}
footer li {
    display: inline-block; padding: 0 10px;
}
.copywrite {
    margin-top: 30px;
    border-top: 1px solid #cf9897;
    padding-top: 30px;
}
/*=================   ends css footer =============*/


.bio-sec { float:left; width:100%; padding:60px 0; text-align:center;}
.bio-sec h2 { font-size:33px; color:#000;}

.bio-sec .row {
    margin-top: 3em;
}
.bio-sec .figure { margin:0;}
.bio-sec .figure img {width:100%; height: auto;}
.bio-sec .bio-text {

    font-size: 16px;
    text-align: justify;
    line-height: 30px;

}
.bio-sec .bio-text p {margin-bottom:0;}

.bio-sec.charity .figure {

    margin-bottom: 30px;

}
.row.hh-logo img {

    width: auto;

}
.contact-section Img { width:100%;}
.contact-section .email {
  background:rgba(0, 0, 0, 0.7);
  position:absolute;
  color:#fff;
  padding:15px 15px;
  font-size: 50px;
  font-weight: 600;
  width: 70%;
  top:50%;
  left:50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
} 
.contact-section .email span { margin-left:25px;}
.contact-section .email a{ color:#fff;}
.contact-section .email a:hover{ color:#a00; text-decoration:none;}

.bio-text a {
    float: right;
    margin-left: 30px;
    text-align: center;
    color: #333;
}
.bio-text h3 {
    font-size: 17px;
    margin-top: -15px;
}



@media screen and (min-width:320px) and (max-width:767px){

.navbar-brand img {

    width: 342px;

}
.navbar-header {

    margin: 0 !important;

}
.navbar-default .navbar-brand {
    padding: 4%;
background-image: none;
height: 160px;
}
.about-sec h2 {

    font-size: 24px;
}
.caption {

    font-size: 18px;
	}
	.social-sec09 li {

    padding: 21px;
    margin: 0 6px;

}
.navbar-nav > li {
}
.contact-section .email {

    font-size: 21px;

}
.contact-section .email span {

    margin-left: 7px;

}

.navbar-header h4 {

    padding: 10px 15px;     font-size: 15px; letter-spacing: 2px;
}
.bio-text img {

    width: 205px;
}
.bio-sec .contact-section .email {
    color: #fff;
    font-size: 15px;
}


}



@media screen and (max-width: 359px) {

.bio-text img {
    width: 157px;
}
.navbar-brand img {
    width: 296px;
}
.navbar-header h4 {

    font-size: 14px;
}
.navbar-brand {
    height: 154px;
}

}


@media screen and (min-width:768px) and (max-width:991px){

.social-sec09 li {

    margin: 0 40px;
	
	}
.bio-sec .contact-section .email {

    font-size: 21px;
}
}