@charset "utf-8";
/*------------------------------------------------------------------
[Main Stylesheet]

Project:        NGO - Shia 
Version:        1.0
Last change:    21.06.2016
Primary use:    NGO Template
Author:         WebDesignLab
URL:            http://webdesignlab.co.in
-------------------------------------------------------------------*/
@import "genericons.css";
@import "animate.css";

::selection {
  background: #333333;
  color: #fff;
  text-shadow: none;
}
::-moz-selection {
  background: #333333;
  /* Firefox */
  color: #fff;
  text-shadow: none;
}
::-webkit-selection {
  background: #333333;
  /* Safari */
  color: #fff;
  text-shadow: none;
}
:active,
:focus {
  outline: none !important;
}
body {
  line-height: 1.7;
  color: #898986;
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  background-color: #fff;
  background-attachment: fixed;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
#wrapper{
	max-width:100%;
	background-color: #fff;
}
a { color: #6c6c69; text-decoration: none;}

a:hover,a:focus {
  color: #0766b2;
  text-decoration: none;
}

a img { border: none;}
img { max-width: 100%;}
iframe { border: none !important;}

/* -------- Headings ---------- */
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 24px;
}
h3,
.h3 {
  font-size: 18px;
}
h4,
.h4 {
  font-size: 16px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Roboto Condensed', sans-serif;
  /*font-weight: 500;
  line-height: 1.42857143;*/
  line-height:1;
  color: #333333;
}
/*h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
  color: #333333;
}*/
.h1,
.h2,
.h3,
h1,
h2,
h3 {
  margin-bottom: 15px;
  margin-top: 15px;
}
h4,
h5,
h6,
.h4,
.h5,
.h6 {
  font-weight: 500;
}
.text-left {
    text-align: left;
}
.line-separator{
    background: #eee;
    height: 1px;
    width: 100%;
    margin-bottom: 75px;
    margin-top: 75px;
}
/* -------- Basic Structure ---------- */
html {
  font-size: 100%;
  max-width: 100%;
}
html,
html a {
  -webkit-font-smoothing: antialiased;
}
body {
  max-width: 100%;
  overflow-x: hidden;
}
.container {
    margin: 0 auto;
    max-width: 978px;
}
.container-fluid {
    margin: 0 auto;
    max-width: 100%;
	padding-left:0;
	padding-right:0;
	
}
img {
  max-width: 100%;
}
ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.fluid-video-wrapper {
  padding: 0;
  position: relative;
  width: 100%;
}
iframe {
  border: none;
  width: 100%;
}
.text-highlight {
  background: none repeat scroll 0 0 #111111;
  border-radius: 4px;
  color: #fff;
  padding: 0 5px 3px;
}
.text-highlight.light {
  background: #808080;
}
.inline-block {
  display: inline-block;
}
.display-block {
  display: block;
}
.fullwidth {
  width: 100%;
}
a {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/* Text-decoration */
.text-underline {
  text-decoration: underline;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}
img {
    max-width: 100%;
    height: auto;
}

/* -------- Section & Divider ---------- */
header {
    mix-width: 978px;
    position: relative;
    /* background: url("../images/header.jpg"); */
    height: auto;
    background-origin: padding-box;
    background-position: top;
}
section {
  position: relative;
  overflow: hidden;
}
section > .container,
section > .container-fluid {
  padding-top: 60px;
  padding-bottom: 60px;
}
.divider{background:url(../images/divider.jpg) no-repeat; width:100%; height:1px; padding:0 20px; margin-bottom:40px;}

.hero-unit {
    background-image:url('../images/header.jpg');
    background-size:cover;
    background-color: #EEEEEE;
    height:600px;
	/* height:auto; */
}
.hero-content{width:100%; height:400px; margin: 0 auto;/*float:right; margin:90px 20px 0 0;*/}
.hero-unit h1 {
    color: #FFFFFF;
    font-size: 80px;
    letter-spacing: -1px;
    line-height: 60px;
    margin-bottom: 40px;
	text-align:center;
	font-family: 'Raleway', sans-serif;
	padding-top:10%;
	font-weight:normal;
	
}
.hero-unit h2 {
    font-size: 40px;
    color: #FFFFFF;
	text-align:right;
	font-family: 'Advent Pro', sans-serif;
}
.fill{width:100%;height:350px;background-position:center;background-size:cover;}
.btn-primary {
    color: #ffffff;
    background-color: #408b73;
    border-color: #f1f1f1;
    text-align: center;
    border-radius: 0;
    width: 300px;
    /* padding: 13px 35px; 
    margin: 10px 20px 10px 10px;*/
    margin: 0 auto;
	margin-bottom:30px;
    font-weight: bold;
    font-size: 18px;
    text-shadow: none;
    letter-spacing: normal;
}
.btn-primary.focus,.btn-primary:focus {
	color:#fff;
	background-color:#111;
	border-color:#ccc;
}
.btn-primary:hover {
	color:#fff;
	background-color:#111;
	border-color:#ccc;
}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary {
	color:#fff;
	background-color:#222;
	border-color:#ccc;
}
.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover {
	color:#fff;
	background-color:#222;
	border-color:#ccc;
}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary {
	background-image:none
}



/*=============================== NAVIGATION =========================================*/
.navbar-default {
    background-color: #0c0d0d !important;
    /* max-width: 978px; */
	max-width:100%;
    margin: auto 0;
	border:none;
	font-weight:normal;
	
	
}
.navbar {
    border-radius: 0px;
}
.navbar-right {
    float: right !important;
    margin-right: 5px;
}
.navbar-default .navbar-nav > li > a {
  color:#105c48;  
  font-size:18px;
  /* font-family: 'Advent Pro', sans-serif; */
  font-family: 'Roboto', sans-serif;
  font-weight:normal; 	
  line-height:18px;
  
}

.navbar-default .navbar-toggle, .navbar-collapse {}
.navbar-nav>li>a:hover {color: #fff !important; }
.navbar-toggle, .navbar-toggle:hover { background-color:#bfbfbf !important; margin-left:20px;}
.pipe{color:#408b73; height:20px;}
/*  .navbar-nav li a:before {
content: " | ";
}

 .navbar-nav li a:first-child:before {
content: none;
}
.navbar-nav li a{
    flex-grow: 1;
    flex-basis: auto;
    margin: .25em 0;
    padding: 0 1em;
    text-align: center;
    border-left: 1px solid #408b73;
    
}
 .navbar-nav li:first-child{border-left: 1px solid #0c0d0d;} */
.sliding-middle-out {
	display: inline-block;
	position: relative;
	padding-bottom: 3px;
}
.sliding-middle-out:after {
	content: '';
	display: block;
	margin: auto;
	height: 3px;
	width: 0px;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}
.sliding-middle-out:hover:after {
	width: 100%;
	background: #fff;
}       

.navbar-nav {
  width: 100%;
  text-align: center;
}
.navbar-nav > li {
  float: none;
  display: inline-block;
}

/*======================= About Us ==============================*/
#about, #portfolio, #survial, #mentors, #terms{padding-top:20px;overflow: hidden;}
#about h1, #mentors h1, #terms h1{font-size:60px; color:#105c48; text-align:center; font-weight:normal; padding-bottom:30px;}
/* {font-size:60px; color:#105c48; text-align:center; font-weight:bold; padding-bottom:30px;} */
#about h3, #portfolio h3, #contacts h3{font-size:30px; color:#0c0d0d; text-align:left; margin-top:10px; margin:0 5%;}
#about p{font-size:20px; color:#0c0d0d; text-align:justify; padding-top:20px; margin:0 5%;}
#terms h3{font-size:30px; color:#222; text-align:center; margin-top:10px;}
#terms p{font-size:16px; color:#898986; padding:0 0 0 30px;}

#about{background-image:url(../images/about.jpg);}
#about h4{font-size:40px; color:#105c48; text-align:center; margin-top:10px; padding-bottom:30px;}
#donate{padding-top:20px;overflow: hidden;}
#donate h3 {font-size:30px; color:#0c0d0d; text-align:center; margin-top:10px; margin:0 5%;}
#donate p{font-size:20px; color:#0c0d0d; text-align:center; padding-top:20px; margin:0 15%;}
.border-left{border-left:1px solid #105c48;}
.border-top{border-top:0px solid #105c48;}

/*======================= Donation ==============================*/
.donation{
	width:100%;
	height:auto;
	
}



/*======================= Survial ==============================*/
#survival{background:#408b73;}
#survival h1{font-size:60px; color:#fff; text-align:center; font-weight:normal; padding-bottom:30px;}
#survival h3{padding-bottom:50px;}



.survival{
    padding: 15px 30px; float:left;
}
.survival-title {
    margin: 0;
    padding: 15px 0;
    font-size: 24px;
    text-align: center;
	font-family: 'Roboto', sans-serif;
    /*text-transform: uppercase;*/
}
.survival-title a {
    color: #fff;
    text-decoration: none;
}	
/* .theme-title h4 {visibility: visible; animation-name: fadeInUp; text-align: center; font-size:24px; } */
.survival img:hover{opacity:0.7;}   
p.survival {text-align:center; font-size:18px; color:#fff;}
survival h4 , .survival h5{visibility: visible; animation-name: fadeInUp; text-align: center;}
/*======================= Mentors========================*/
#mentors{background:#fff;}
#mentors h1{font-size:60px; color:#408b73; text-align:center; font-weight:normal; padding-bottom:30px;}
#mentors h3{padding-bottom:50px;}

.mentors{
    padding: 15px 30px; float:left;
}
.mentors-title {
    margin: 0;
    padding: 15px 0;
    font-size: 24px;
    text-align: center;
	font-family: 'Roboto', sans-serif;
    /*text-transform: uppercase;*/
}
.mentors-title a {
    color: #fff;
    text-decoration: none;
}	
/* .theme-title h4 {visibility: visible; animation-name: fadeInUp; text-align: center; font-size:24px; } */
.mentors img:hover{opacity:0.7;}   
p.mentors {text-align:center; font-size:18px; color:#fff;}
mentors h4 , .mentors h5{visibility: visible; animation-name: fadeInUp; text-align: center;}
/*======================= Services ==============================*/
#services h3{padding-bottom:50px;}
.service, .products {
    padding: 15px 30px; float:left;
}
.service-title, .product-title {
    margin: 0;
    padding: 15px 0;
    font-size: 20px;
    text-align: center;
    /*text-transform: uppercase;*/
}
.service-title, .service-title a {
    color: #2b2c2e;
    text-decoration: none;
}	
.service-title h4 {visibility: visible; animation-name: fadeInUp; text-align: center;}
.service img:hover{opacity:0.7;}   

/*======================= Team========================*/

.team h4 , .team h5{visibility: visible; animation-name: fadeInUp; text-align: center;}

/*======================= Contacts ==============================*/
#contacts{padding-top:20px; overflow:hidden; background:#151515;}
#contacts h1{font-size:60px; color:#fff; text-align:center; font-weight:normal; padding-bottom:30px;}
h2.contact-title  { color:#fff; border-bottom:2px solid #2b2c2e; line-height:45px;}
#contacts{background-image:url(../images/footer.jpg);}
.contact-desc{text-align:center;}

/*==================== Social Media=========================*/
.social-profiles {
    margin: 5px auto;
    width: 100%;
    height: 50px;
    padding1: 0 22%;
}

.social-profiles li {
    color: #fff;
    list-style: none;
    display: inline-block;
    margin-right: 8px;
   
}

.social-profiles ul li a {
	display: block;
	width: 35px;
	height: 35px;
	padding: 4px;
	color: #fff;
	font-family: 'Genericons';
	font-size: 20px;
	line-height: 25px;
	text-align: center;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 350px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:alpha(opacity=80);
}
.social-profiles ul li a:hover {
	opacity: 10;
	-moz-opacity: 10;
	filter:alpha(opacity=100);
}
.social-profiles ul li.facebook a {
    background-color: #115d49;
}
.social-profiles ul li.facebook a:before {
	content: '\f204';
}
.social-profiles ul li.twitter a {
	background-color: #115d49;
}
.social-profiles ul li.twitter a:before {
	content: '\f202';
}

.social-profiles ul li.wordpress a {
	background-color: #21759b;
}
.social-profiles ul li.wordpress a:before {
	content: '\f205';
}
.social-profiles ul li.linkedin a {
	background-color: #115d49; /*#047cb1;*/
}
.social-profiles ul li.linkedin a:before {
	content: '\f207';
}
.social-profiles ul li.pinterest a {
	background-color: #cc2026;
}
.social-profiles ul li.pinterest a:before {
	content: '\f209';
}
.social-profiles ul li.flickr a {
	background-color: #000;
}
.social-profiles ul li.flickr a:before {
	content: '\f211';
}
.social-profiles ul li.vimeo a {
	background-color: #1ab7ea;
}
.social-profiles ul li.vimeo a:before {
	content: '\f212';
}
.social-profiles ul li.you-tube a {
	background-color: #cd201f;
}
.social-profiles ul li.you-tube a:before {
	content: '\f213';
}
.social-profiles ul li.tumblr a {
	background-color: #35465c;
}
.social-profiles ul li.tumblr a:before {
	content: '\f214';
}
.social-profiles ul li.instagram a {
	background-color: #915646;
}
.social-profiles ul li.instagram a:before {
	content: '\f215';
}
.social-profiles ul li.codepen a {
	background-color: #000;
}
.social-profiles ul li.codepen a:before {
	content: '\f216';
}
.social-profiles ul li.polldaddy a {
	background-color: #d45042;
}
.social-profiles ul li.polldaddy a:before {
	content: '\f217';
}
.social-profiles ul li.google-plus a {
	background-color: #dd4b39;
}
.social-profiles ul li.google-plus a:before {
	content: '\f218';
}
.social-profiles ul li.path a {
	background-color: #ee3423;
}
.social-profiles ul li.path a:before {
	content: '\f219';
}
.social-profiles ul li.skype a {
	background-color: #009fe3;
}
.social-profiles ul li.skype a:before {
	content: '\f220';
}
.social-profiles ul li.digg a {
	background-color: #1b5891;
}
.social-profiles ul li.digg a:before {
	content: '\f221';
}
.social-profiles ul li.reddit a {
	background-color: #a6c8e9;
}
.social-profiles ul li.reddit a:before {
	content: '\f222';
}
.social-profiles ul li.stumbleupon a {
	background-color: #ea4b24;
}
.social-profiles ul li.stumbleupon a:before {
	content: '\f223';
}
.social-profiles ul li.pocket a {
	background-color: #eb1d37;
}
.social-profiles ul li.pocket a:before {
	content: '\f224';
}
.social-profiles ul li.dropbox a {
	background-color: #007ee5;
}
.social-profiles ul li.dropbox a:before {
	content: '\f225';
}
.social-profiles ul li.rss a {
	background-color: #ff6600;
}
.social-profiles ul li.rss a:before {
	content: '\f413';
}
.social-profiles ul li.github a {
	background-color: #000;
}
.social-profiles ul li.github a:before {
	content: '\f200';
}
.social-profiles ul li.dribbble a {
	background-color: #ea4c89;
}
.social-profiles ul li.dribbble a:before {
	content: '\f201';
}
.btn-footer {
    color: #ffffff;
    background-color: #115d49;
    border-color: none;
    text-align: center;
    border-radius: 0;
    width: 180px;
    padding: 3px 15px; 
    /*margin: 10px 20px 10px 10px;*/
    margin: 0 auto;
	margin-bottom:30px;
    font-weight: normal;
    font-size: 16px;
    text-shadow: none;
    letter-spacing: normal;
}
.btn-footer.focus,.btn-footer:focus {
	color:#fff;
	background-color:#111;
	border-color:#ccc;
}
.btn-footer:hover {
	color:#fff;
	background-color:#111;
	border-color:#ccc;
}
.btn-footer.active,.btn-footer:active,.open>.dropdown-toggle.btn-footer {
	color:#fff;
	background-color:#222;
	border-color:#ccc;
}
.btn-footer.active.focus,.btn-footer.active:focus,.btn-footer.active:hover,.btn-footer:active.focus,.btn-footer:active:focus,.btn-footer:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover {
	color:#fff;
	background-color:#222;
	border-color:#ccc;
}
.btn-footer.active,.btn-footer:active,.open>.dropdown-toggle.btn-footer {
	background-image:none
}

/*========================= Terms, Privacy & FAQ======================= */

.row1 {
    margin-right: -15px;
    margin-left: -15px;
    /*max-width: 1100px;*/
	max-width:100%;
}
#tabs ul{text-align:center; margin:15px 35px 80px 35px; color:#fff;}
#tabs ul li.active, #tabs ul li.active a {
    background-color: #064837;
    color: #fff !important;
}
#tabs ul li {
    padding: 5px;
	margin-bottom:5px;
    width: 30%;
    font-size: 16px;
    list-style: none !important;
    display: inline-block !important;
    background-color: #115d49;
    cursor: pointer;
    color:#fff !important;
}
#tabs ul li a{color:#fff;}

li.active a {
    background-color: #115d49;
    color: #fff;
}


/*========================================== FOOTER =============================================*/

footer{
	width:100%;
	height:auto;
	
	text-align:center;
	
	
}
.copyright-box{
	width:100%;
	height:auto;
	color:#c3c3c3;
	padding-bottom:20px;
	
}
#scrollup{
    background: url('../images/scrolltotop1.png') no-repeat;
    width: 40px;
    height: 40px;
    position:fixed;
    bottom:50px;
    right:20px;
    display:none;
    text-indent:-9999px;
}

/*========================================== MEDIA QUERIES ======================================*/
@media screen and (max-width: 767px) {
	.side-collapse-container{
		width:100%;
		position:relative;
		right:0;
		transition:left .4s;
	}
	.side-collapse-container.out{ left:200px;}
	.side-collapse {
		top:50px;
		bottom:0;
		right:0;
		width:200px;
		position:fixed;
		overflow:hidden;
		transition:width .4s;
	}
	.side-collapse.in {width:0;}
	.hero-unit {
		background-image:url('../images/header.jpg');
		background-size:cover;
		background-color: #EEEEEE;
		height:200px;
		/*height:auto;*/
	}
	.hero-content{width:100%; height:auto; margin: 0 auto;}
	.hero-unit h1 {
		color: #FFFFFF;
		font-size: 40px;
		letter-spacing: -1px;
		line-height: 30px;
		margin-bottom: 20px;
		text-align:center;
		font-family: 'Raleway', sans-serif;
		padding-top:10%;
		font-weight:normal;
		
	}
	#about, #portfolio, #theme{padding-top:10px;overflow: hidden;}
	#about h1, #terms h1{font-size:40px; text-align:center; font-weight:bold; padding-bottom:10px;color:#105c48;}
	#portfolio h1,  #theme h1{font-size:40px; color:#151110; text-align:center; font-weight:bold; padding-bottom:10px;}
	#about h3, #portfolio h3, #contacts h3{font-size:20px; color:#0c0d0d; text-align:center; margin-top:10px;}
	#about h4{font-size:20px; color:#0c0d0d; text-align:center; margin-top:10px; padding-bottom:30px;}
	#about p{font-size:14px; color:#0c0d0d; text-align:center; padding-top:20px;}
	#contacts h1{font-size:40px; color:#105c48; text-align:center; font-weight:bold; padding-bottom:10px;}
	.border-left{border-left:0px solid #105c48;}
    .border-top{border-top:1px solid #105c48;}
    #tabs ul{text-align:center; margin:15px 35px 80px 35px; color:#fff;}
	#tabs ul li.active, #tabs ul li.active a {background-color: #064837; color: #fff !important;}
	#tabs ul li {
		padding: 5px;
		margin-bottom:5px;
		width: 100%;
		font-size: 16px;
		list-style: none !important;
		display: inline-block !important;
		background-color: #115d49;
		cursor: pointer;
		color:#fff !important;
	}
	
	#tabs ul li a{color:#fff;}   
}
	  
    /* Large desktop */
    @media (min-width: 1200px) { ... }
     
    /* Portrait tablet to landscape and desktop */
    @media (min-width: 768px) and (max-width: 979px) { 
			
	.border-left{border-left:0px solid #105c48;}
    .border-top{border-top:1px solid #105c48;}
	
	
	
	}
     
    /* Landscape phone to portrait tablet */
    @media (max-width: 767px) { .border-left{border-left:0px solid #fff;}
    .border-top{border-top:1px solid #105c48;}
	}
     
    /* Landscape phones and down */
    @media (max-width: 480px) {.border-top{border-top:1px solid #105c48;} }