*{
	margin: 0 auto;
	padding: 0;
}
body{
	font-family: 'Montserrat', sans-serif;
}
h1,h2,h3,h4{font-weight: 700}
a,a:hover, a:focus{
	text-decoration: none;
}
p{
	font-size: 16px;
  line-height: 30px;
  color: #585858;
}
h1{
  font-family: 'PT Serif', serif;
  font-size: 50px;
}
.about-banner h1{
    padding: 30px 0;
}
h2{font-family: 'PT Serif', serif;}
/*header*/
header .nav>li>a{
padding: 20px 18px;
font-size: 13px;
}
header .nav li a:hover{
	color: #fff !important;
}

.nav-tabs>li.active>a{
    border-radius: 0;
    padding: 15px;
    border-radius: 0;
}
#events .active a{
    background: #FF6600;
    color: #fff !important;
    
}

.navbar-nav{
  margin: 0 auto;
  float: none;
  padding: 12px 0;
}
.navbar-default .navbar-nav>li>a{
	color: #fff;
}
.navbar-default{
	background: rgba(0, 0, 0, .7);
  border: 0 none;
  margin: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  border-radius: 0;
}
.navbar-nav span{
	position: absolute;
	right: 0px;
	padding: 31px 60px;
	background: #eae6e6;
	top: 0;
	
}
.navbar-nav span a{color: #000;font-size: 16px;letter-spacing: 1px}

.nav>li>a:after, .dropbtn:after{
	content:'';
	width:0%;
	transition:all 0.3s ease;
	left:50%;
}

.nav>li>a:before, .dropbtn:before{
	content:'';
	width:0%;
	transition:all 0.3s ease;
	left:50%;
}
.navbar-brand{
  font-size: 60px;
    font-weight: 600;
    color: #fff !important;
    
}

/*.nav>li>a:hover:after{
	content:'';
	position:absolute;
	bottom:0px;
	left:50%;
	background:#f9e65e;
	height:4px;
	width:50%;
}*/

.nav>li>a:hover:before, .dropbtn:hover:before{
	/*content:'';
	position:absolute;
	bottom:0px;
	left:0px;
	background:#f9e65e;
	height:4px;
	width:50%;*/
  content: '';
  position: absolute;
  top: 20px;
  left: 18px;
  background: #FF6600;
  height: 20px;
  width: 45%;
  z-index: -1;
}

/*
Fade content bs-carousel with hero headers
Code snippet by maridlcrmn (Follow me on Twitter @maridlcrmn) for Bootsnipp.com

*/

/********************************/
/*       Fade Bs-carousel       */
/********************************/
.fade-carousel {
  position: relative;
  height: 80vh;
}
.fade-carousel .carousel-inner .item {
  height: 100vh;
}
.fade-carousel .carousel-indicators > li {
  margin: 0 2px;
  background-color: #f39c12;
  border-color: #f39c12;
  opacity: .7;
}
.fade-carousel .carousel-indicators > li.active {
  width: 10px;
  height: 10px;
  opacity: 1;
}

.menu__item--current .dropbtn{
    color: #FF6600;
}
.menu__item--current .dropdown-content a{
    color: #fff !important;
}
/********************************/
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
    top: 50%;
    left: 40%;
    z-index: 3;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.hero h1 {
  font-size: 40px;    
  font-weight: bold;
  margin: 0;
  padding: 0;
  line-height: 50px;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: #080d15;
  opacity: .7;
}

/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg {padding: 10px 40px;}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
  color: #f5f5f5;
  background-color: #1abc9c;
  border-color: #1abc9c;
  outline: none;
  margin: 20px auto;
}
.navbar-brand{
    padding:2px 15px;
}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3 {
  height: 80vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {
  background-image: url(../../images/slide1.png); 
}
.fade-carousel .slides .slide-2 {
  background-image: url(../../images/slide2.png);
}
.fade-carousel .slides .slide-3 {
  background-image: url(../../images/slide3.png);
}

/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
  .hero { width: 980px; }    
}
@media screen and (max-width: 640px){
  .hero h1 { font-size: 4em; }    
}


section{
  padding: 60px 0;
}
/*story section*/
.story-img{
  position: relative;
  top: 150px;
  z-index: 9999;
}
.story-img img{
  padding-right: 40px;
}
.bg-green{
  position: absolute;
  width: 50%;
  height: 105%;
  background: #006600;
  top: -40%;
  left: 8%;
  z-index: -1;
}
.bravs-story{
  top: 0;
  padding-top: 100px;
}
.bravs-story .bg-green{
  right: -12%;
  height: 70%;
  top: 10%;
}
.bg-orange{
  position: absolute;
  width: 50%;
  height: 70%;
  background: #ff6600;
  top: 10%;
  left: 5%;
  z-index: -1;
}
.read-more{
  background: #FF6600;
  color: #fff;
  padding: 10px 25px;
  display: inline-block;
  margin-top: 35px;
  border-radius: 25px;
}

/*what we care section styles*/
.bravs-care{
  background-image: linear-gradient(to bottom, #ffe5de, #feeae2, #fcefe8, #fbf4ee, #fbf8f5);
}
.c-head h1{
  padding-bottom: 45px;
}
.c-head h2{padding-bottom: 20px;font-size: 36px}
.row-padding{padding-top: 75px;}

/*team section styls*/
.team h4{
  color: #006600;
  font-weight: 600;
  padding-top: 20px;
}
.team a{
  color: #006600;
  font-weight: 600;
  border-bottom: 1px solid #006600;
  }

  /*foundation events styles*/
  .bravs-foundation .nav-tabs{
    width: 50%;
  }
  .bravs-foundation .nav-tabs>li{
    width: 33.3%;
    text-align: center;
  }
  .bravs-foundation .nav-tabs li a{
    box-shadow: 0px 0px 20px 2px #efecec;
    padding: 15px 0px;
    color: #000;
    font-weight: 600;
  }
 .bravs-foundation .nav-tabs{
    border-bottom: 0;
  }
  .nav-tabs>li.active>a{
    color: #006600 !important;
  }
  .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
    border: 0 none;
  }

  /*------------------------------ vertical bootstrap slider----------------------------*/
       #carousel123{
      margin-right: -200px;
      padding-top: 50px;
    }
       .carousel-showmanymoveone .carousel-control {
      width: 4%;
      background-image: none;
    }
    .carousel-showmanymoveone .carousel-control.left {
      margin-left: 15px;
    }
    .carousel-showmanymoveone .carousel-control.right {
      margin-right: 15px;
    }
    .carousel-showmanymoveone .cloneditem-1, .carousel-showmanymoveone .cloneditem-2, .carousel-showmanymoveone .cloneditem-3 {
      display: none;
    }
    @media all and (min-width: 768px) {
      .carousel-showmanymoveone .carousel-inner > .active.left, .carousel-showmanymoveone .carousel-inner > .prev {
        left: -50%;
      }
      .carousel-showmanymoveone .carousel-inner > .active.right, .carousel-showmanymoveone .carousel-inner > .next {
        left: 50%;
      }
      .carousel-showmanymoveone .carousel-inner > .left, .carousel-showmanymoveone .carousel-inner > .prev.right, .carousel-showmanymoveone .carousel-inner > .active {
        left: 0;
      }
      .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
        display: block;
      }
    }
    @media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
      .carousel-showmanymoveone .carousel-inner > .item.active.right, .carousel-showmanymoveone .carousel-inner > .item.next {
        transform: translate3d(50%, 0, 0);
        left: 0;
      }
      .carousel-showmanymoveone .carousel-inner > .item.active.left, .carousel-showmanymoveone .carousel-inner > .item.prev {
        transform: translate3d(-50%, 0, 0);
        left: 0;
      }
      .carousel-showmanymoveone .carousel-inner > .item.left, .carousel-showmanymoveone .carousel-inner > .item.prev.right, .carousel-showmanymoveone .carousel-inner > .item.active {
        transform: translate3d(0, 0, 0);
        left: 0;
      }
    }
    @media all and (min-width: 992px) {
      .carousel-showmanymoveone .carousel-inner > .active.left, .carousel-showmanymoveone .carousel-inner > .prev {
        left: -25%;
      }
      .carousel-showmanymoveone .carousel-inner > .active.right, .carousel-showmanymoveone .carousel-inner > .next {
        left: 25%;
      }
      .carousel-showmanymoveone .carousel-inner > .left, .carousel-showmanymoveone .carousel-inner > .prev.right, .carousel-showmanymoveone .carousel-inner > .active {
        left: 0;
      }
      .carousel-showmanymoveone .carousel-inner .cloneditem-2, .carousel-showmanymoveone .carousel-inner .cloneditem-3 {
        display: block;
      }
    }
    @media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
      .carousel-showmanymoveone .carousel-inner > .item.active.right, .carousel-showmanymoveone .carousel-inner > .item.next {
        transform: translate3d(25%, 0, 0);
        left: 0;
      }
      .carousel-showmanymoveone .carousel-inner > .item.active.left, .carousel-showmanymoveone .carousel-inner > .item.prev {
        transform: translate3d(-25%, 0, 0);
        left: 0;
      }
      .carousel-showmanymoveone .carousel-inner > .item.left, .carousel-showmanymoveone .carousel-inner > .item.prev.right, .carousel-showmanymoveone .carousel-inner > .item.active {
        transform: translate3d(0, 0, 0);
        left: 0;
      }
    }
.upcoming, .upcoming-events{
  box-shadow: 0px 0px 20px 2px #efecec;
  padding: 10px;
  margin: 20px 0;
}
.upcoming h6, .upcoming-events h6{color: #006600;padding-top: 15px;}
.upcoming p{color: #444;
font-weight: 400;}
.gal-arrow a{color: #000;padding: 10px;}
.upcoming-events ul {padding-left: 20px;padding-top: 15px;}
.upcoming-events ul li{padding-bottom: 15px;}

/*about page*/
.about_banner{
  position: relative;
}
.about-banner-text{
  position: absolute;top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
}
.about-banner-text p{color: #fff;}

/*team page styles*/
.team-details h5{
  color: #006600;
}
.team-details li a{
  color: #000;
    display: inherit;
    margin-right: 10px;
}
.team-details p{padding: 15px 0;}
.bravs-members ul li{list-style: none;line-height: 36px;}
.bravs-members h1{
  padding-bottom: 40px;
}
.bravs-members ul li b{
  color: #006600;
  padding-right: 12px;
}
/*contact page styles */
.contact-bravs .bg-orange{
  position: absolute;
    width: 50%;
    height: 60%;
    background: #ff6600;
    top: 43%;
    left: 2%;
    z-index: -1;
}
.contact-bravs .story-img{
  margin-bottom: 45px;
}
.formBox{
  padding: 70px;
  box-shadow: 0px 0px 20px 2px #eae7e7;
  background: #fff;
  width: 100%;
}

.formBox  h1{
  margin: 0;
  padding: 0;
  text-align: center;
  margin-bottom: 50px;
  text-transform: uppercase;
  font-size: 48px;
}
.inputBox{
  position: relative;
  box-sizing: border-box;
  margin-bottom: 50px;
}
.inputBox .inputText{
  position: absolute;
  font-size: 18px;
  line-height: 0px;
  transition: .5s;
  /* opacity: .5; */
  color: #000;
}
.inputBox .input{
  position: relative;
  width: 100%;
  height: 40px;
  background: transparent;
  border: none;
  outline: none;
  font-size: 14px;
  border-bottom: 2px solid #fdddc8;

}
.inputBox span{
  margin-top: 12px;
  display: inline-block;
  color: #ccc;
}
.focus .inputText{
  transform: translateY(-10px);
  font-size: 18px;
  opacity: 1;
  color: #000;

}
textarea{
  height: 100px !important;
}
.button{
  border: none;
  outline: none;
  background: #FF6600;
  color: #fff;
  font-size: 18px;
  transition: .6s;
}
address h4{
  color: #006600;
}

.about_banner{
  background: url(../../images/about-banner.png);
    height: 60vh;
    background-size: cover;
}
#contact-banner{
  background: url(../../images/contact-banner.png);
    height: 60vh;
    background-size: cover;
}
#donate-banner{
  background: url(../../images/don.jpg);
    height: 60vh;
    background-size: cover;
}
#team-banner{
  background: url(../../images/team-banner.png);
    height: 60vh;
    background-size: cover;
}
/*footer*/
footer{background: #000;padding: 40px 0;}
footer ul li{list-style: none;line-height: 26px;}
footer ul li a, footer ul li, footer p a{color: #fff !important;}
.menu__item--current a{
    
    color: #FF6600 !important;
   
}
.mob{
  display: none;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle {
    background-color: transparent;
    border: 0 none;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #FF6600;
}

/*media queries*/
@media screen and (max-width: 767px){
  .navbar-default {
    background: rgba(0, 0, 0, .7);
    }
  .row-padding{
    padding-top: 0;
  }
  .web{
    display: none;
  }
  .mob{
    display: block !important;
  }
.hero h1{
  font-size: 30px;
  line-height: 50px;
}

.hero{width: 100%;padding: 0 50px;text-align: center;left: 50%;}
.navbar-brand{
  padding: 15px 15px;
}
section h1 br, .bg-green, .bg-orange{display: none;}
.story-img{
  position: initial;
}
.story-img img {
    padding-right: 0px;
    width: 100%;
}
section h1{text-align: center;}
.bravs-story{
  padding-top: 0;
}
.team{margin-bottom: 30px;}
section {
    padding: 25px 0;
}
.bravs-foundation .nav-tabs, .about-banner-text{
  width: 100%;
}
.about_banner, #contact-banner, #team-banner{
  height: 40vh;
}
.team-details{
  text-align: center;
}
}

/* sticky button */	
	
#feedback1 {
    height: 0px;
    width: 85px;
    position: fixed;
    right: 0;
    top: 30%;
    z-index: 1000;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

#feedback1 a {
	display: block;
	background:url(pc.png) no-repeat;
	height: 52px;
	width: 155px;	
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 17px;
	font-weight: bold;
	text-decoration: none;

}
#feedback1 a:hover {
	background:url(pc-over.png) no-repeat;
}

#feedback {
	height: 0px;
	width: 85px;
	position: fixed;
	right: 0;
	top: 50%;
	z-index: 1000;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#feedback a {
	display: block;
	background:#285bd7;
	height: 52px;
	padding-top: 10px;
	width: 155px;
	text-align: center;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	text-decoration: none;
}
#feedback a:hover {
	background:#00495d;
}
#testimonial .carousel-indicators li{
    background: #ccc;
}
#testimonial .carousel-indicators {
    bottom: -20px;
}

.top-header{
    background: #000;
    display: inline-block;
    width: 100%;
    padding: 8px;
}
.top-header ul li a{
    color: #fff;
}
.top-header span{
    font-size: 12px;
}
/* Dropdown Button */
.dropbtn {
 background: none;
  padding: 20px 18px;
font-size: 13px;
  border: none;
  color: #fff;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #FF6600 ;
  min-width: 165px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  right: 0;
}
.fa-2x {
    font-size: 20px !important;
}
/* Links inside the dropdown */
.dropdown-content a {
  color: #fff;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #c75a10;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}


.parsley-errors-list{
    color:red;
    list-style-type: none;
    font-weight: bold;
}

.centered {
   text-align: center;
   font-size: 0;
}
.centered > div {
   float: none;
   display: inherit;
   text-align: left;
   font-size: 13px;
}

/*.tab-content .upcoming{*/
/*    height: 1000px;*/
/*    min-height: 1000px;*/
/*}*/
#appriciation .shadow{
    box-shadow: 0px 0px 20px 2px #f1eeee;
    padding: 15px;
}
#appriciation .shadow h4{
    height: 76px;
    min-height: 76px;
}

/*ngo*/
.ayu-head{
    font-size:20px!important;
}