/*For Mobile Phone*/
@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
@font-face{
	font-family:Eras-Medium-Medium;
	src:url('13588_ERAS_MED.ttf');	
}
@font-face{
	font-family:Lucida Handwriting;
	src:url(LHANDW.TTF);	
}
body
{
	overflow-x:hidden;
}
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
a:active
{
text-decoration:none;	
}
a:hover
{
	text-decoration:none;	
}
a:active
{
	text-decoration:none;

}
a:visited
{
	text-decoration:none;
	
}
.btnSave
{
	background-color: #FFF;
	border:1px solid #0c5a17;
	padding: 5px;
	color: #0c5a17;
	width: 80px;
}
.btnSave:hover
{
	background-color: #0c5a17;
	color: #fff;
}
.btnCancel
{
	background-color: #FFF;
	border:1px solid #a35922;
	padding: 5px;
	width: 80px;
	color: #a35922;
}
.btnCancel:hover
{
	background-color: #a35922;
	color: #fff;
}
.navbar
{
	z-index: 100;
}
.navbar-header
{
	display: none;
}

/* mosaic intro animation css end */
.dropdown-toggle
{
	color: black !important;
}
.firstRow
{
	
	height: 100vh;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: auto;
	background-position: left;
	-moz-background-position: left;
	-moz-background-attachment: fixed;
	-moz-background-repeat: no-repeat;
	-moz-background-size: auto;
	-moz-background-position: left;
	-webkit-background-attachment: fixed;
	-webkit-background-repeat: no-repeat;
	-webkit-background-size: auto;
	-webkit-background-position: left;
	-ms-background-attachment: fixed;
	-ms-background-repeat: no-repeat;
	-ms-background-size: auto;
	-ms-background-position: left;
}
.firstLogoDiv
{
	padding-top: 30px;
	padding-bottom: 30px;
}
.firstLogo
{
	width: 100%;
	display:none;
}
.sologram
{
	margin-top: 50px;
	font-size: 26px;
	letter-spacing: 2px;
	font-weight: bold;
	color: transparent;
	background-image: url(../webImage/crystal.png);
	font-family: 'Permanent Marker', cursive;
	background-size:100px;
	-webkit-background-clip:text;
	-moz-background-clip:text;
	-o-background-clip:text;


}
.firstDisc
{
	font-size: 12px;
	letter-spacing:1px;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	text-align: left;
	padding-left: 5px;
	margin-bottom:0px;
}
.colorGray
{
	color: #4e4e4e;
}
.secondTitle
{
	font-size: 40px;
	color: #00a1e0;
	font-weight: bold;
}
.secondRow
{

	height: 100vh;
	padding: 20px;
	padding-top: 10%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-color:#373737;
	background-position: center;
	-webkit-background-attachment: fixed;
	-webkit-background-size: cover;
	-webkit-background-position: center;
}
.secondText
{
	font-size: 16px;	
	letter-spacing:1px;
	font-family: 'Raleway', sans-serif;
	color:#fff;
}
.vissionSeeMore
{
	width: 200px;
	border:2px solid #ccc;
	font-size: 20px;
	font-weight: 600;
	margin: 0 auto;
	padding: 10px;
	text-shadow: 2px 2px 5px #262626;
}
.vissionSeeMore:hover
{
	color: #fff;
	background-color: #00a1e0;
	border: 2px solid #00a1e0;
}
.homeSeeMore
{
    font-size:18px;
    color:#262626;
    letter-spacing:2px;
    text-shadow: 2px 2px 5px #262626;
    
}
.homeSeeMore:hover
{
    color:#262626;
    font-size:15px;
    text-shadow:none;
   
}
/*For Third Row */
.thirdRow
{
	height: 100%;
	padding: 20px;
}
.thirdTitle
{
	font-size: 40px;
	color: #ec1717;
	font-weight: bold;
}
.thirdText
{
	font-size: 16px;
	letter-spacing:1px;
	font-family: 'Raleway', sans-serif;
	text-align: left;
}
.voiceContainer
{
	border-radius: 15px;
	width: 100%;
	padding: 10px;
	box-shadow: 1px 1px 5px #262626;
	margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 5px;
}
.voiceImg
{
	border-radius: 50%;
	width: 50%;
	border: 3px solid #ec1717;

}
.vioceName
{
	font-size: 14px;
	font-weight: 700;
	color: #ec1717;
}
.vioceName span
{
	font-size: 10px;
	font-weight: 700;
	color: #000;
}
.vioceText
{
	font-size: 12px;
	font-weight: 500;
	font-family: 'Raleway', sans-serif;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
}
.carousel-indicators li
{
	background-color: #ec1717;
}
/* For fourth row css */
.fourthRow
{
	height: 100vh;
	padding-top: 20px;
}
.fourthTitle
{
	color: #fff00c;
	font-size: 40px;
	font-weight: bold;
	text-shadow: 2px 2px 5px #262626;
	font-family: 'Raleway', sans-serif;
}
.fourthText
{
    font-size: 16px;
	letter-spacing:1px;
	font-family: 'Raleway', sans-serif;
	text-align: left;
}
.fourthVideo
{
	width: 100%;
	height: 150px;
	border: none;

}
/* fifthe row */
.fifthRow
{
	height: 100vh;
	
}
.fifthTitle
{
	color: #00a1e0;
	font-size: 40px;
	font-weight: bold;
	text-shadow: 2px 2px 5px #262626;
	margin: 0 auto;
	margin-bottom: 0px;
	font-family: 'Raleway', sans-serif;

}
.partnerImg
{
	width:80%;
	box-shadow: 1px 1px 5px #262626;
	border-radius: 20px;
	margin: 5px;
}
/* For sixth row */
.sixthRow
{

	height: 100vh;
	padding: 20px;
	padding-top: 10%;
	background-image:url(../webImage/sixBackground.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.sixthTitle
{
	font-size: 40px;
	color: #ec1717;
	font-weight: bold;
	font-family: 'Raleway', sans-serif;
}

.sixthText
{
	font-size: 16px;	
	font-family: 'Raleway', sans-serif;
}
.volunteerSeeMore
{
	width: 200px;
	border:2px solid #ccc;
	font-size: 20px;
	font-weight: 600;
	margin: 0 auto;
	padding: 10px;
	text-shadow: 2px 2px 5px #262626;
}
.volunteerSeeMore:hover
{
	color: #fff;
	background-color: #ec1717;
	border: 2px solid #ec1717;
}
/* For seventh row */

.seventhRow
{

	height: 100%;
	padding: 20px;
	padding-top: 10%;
}
.seventhTitle
{
	font-size: 40px;
	color: #ffb139;
	font-weight: bold;
	text-align: center;
}

.seventhText
{
	font-size: 18px;	
	font-family: 'Raleway', sans-serif;
	text-align: left;
}
.map
{
	box-shadow: 1px 1px 5px #262626;
	width: 100%;
	height: 300px;
	border:0;
}
/* Eighth Title */
.eighthRow
{

	height: 100vh;
	padding-top:20px;
}
.eighthTitle
{
	font-size: 40px;
	color: #641f7d;
	font-weight: bold;
	text-align: center;
}
.eighthText
{
	font-size: 16px;
	letter-spacing:1px;
	font-family: 'Raleway', sans-serif;
	text-align: left;
	padding-left: 10%;
	padding-right: 10%;
}
.hi-slide
{
  position:relative;
  width:100%;
  height:150px;
 
}
.hi-slide .hi-next, .hi-slide .hi-prev
{
  position:absolute;
  top:50%;
  width:40px;
  height:80px;
  margin-top:-40px;
  border-radius:5px;
  line-height:80px;
  text-align:center;
  cursor:pointer;
  background-color:#666;
  color:#fff;
  opacity:.7;
  transition:all .6s;font-size:30px;
}
.hi-slide .hi-next:hover,.hi-slide .hi-prev:hover
{
  opacity:1;
  background-color:#444;
}
.hi-slide .hi-prev
{
  left:-60px;  
  display: none;
}
.hi-slide .hi-prev::before
{
  content:'<';
   display: inline-block;
  font-size: 32px;
  transform: scale(.5, 1.5);
}
.hi-slide .hi-next
{
  right:-60px;
  display: none;
}
.hi-slide .hi-next::before
{
  content:'>';
  display: inline-block;
  font-size: 32px;
  transform: scale(.5, 1.5);
}
.hi-slide>ul
{
  list-style:none;
  position:relative;
  width:100%;
  height:150px;
  margin:0;padding:0;
}
.hi-slide>ul>li
{
  overflow:hidden;
  position:absolute;
  z-index:0;
  width:100%;
  height:0;
  margin:0;
  padding:0;
  border:2px solid #fff;
  border-radius:5px;
  background-color:#333;
  cursor:pointer;
  border-radius: 50%;
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

  }
  .hi-slide>ul>li>img
{
  width:100%;
  height:100%;
}
/* For Footer */
.footer
{
	background-color: #ffb139;
	font-size: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
}

/*following are for mission*/
.mission
{
	height: 100vh;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.titleMission
{
	position: absolute;
	display: block;	
	background-color: #04a4e7;	
	font-size: 16px;
	color: #fff;
	text-shadow: 5px 2px 5px #262626;
	width: 90%;
	margin-bottom: 0px;
	bottom: 0px;
	padding: 10px;
	padding-right: 50px;
	padding-left: 50px;
	border-right: 50px solid transparent;
	box-shadow: 3px 0px 3px 2px #000;
	font-family: 'Roboto', sans-serif;
	-webkit-clip-path: clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%);


	
}
.missionBodyText
{
	padding: 10px;
	width: 100%;
	margin: 0 auto;
    font-family: 'Raleway', sans-serif;
    letter-spacing:1px;
}

/* Executive Director*/

.edTitle
{
	display: block;
	color: red;
	color: #04a4e7;
	margin-left: 10%;
	padding: 10px;
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 1px;


}
.edFirstRow
{
	height: 90px;
}
.edSecondRow
{
	background-color: #04a4e7;
}
.edImage
{
	position: relative;
	display: block;
	width: 200px;
	border-radius: 50%;
	padding: 2px;
    background: #04a4e7;
    border:3px solid white;
    top: -30%;
    margin:0 auto;
}
.edName
{
	position: relative;
	display: block;
	font-size: 20px;
	width: 100%;
	top:-20%;
	font-family: 'Raleway', sans-serif;
	color: #fff;
}
.edShortBio
{
	font-size: 16px;
	font-weight: 500;
    font-family: 'Raleway', sans-serif;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
}
.edBody
{
	padding: 20px;
	padding-right: 10%;
	padding-left: 10%;
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
}
/* for Tema */
.mainContainer
{
	padding:30px;
	margin-bottom: 20px;
	padding-left: 5%;
	padding-right: 5%;

}
.teamContainer
{
	width: 100%;
}
.teamSubContainer
{
	
	padding: 5px;
	float: left;
	display: block;
}
.teamFirstRow
{
	height: 100px;
}
.teamSecondRow
{
	background-color: #04a4e7;
	height: 300px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.30);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.30);
}
.secondContainer
{
	height: 300px;
	margin-bottom: 10px;
}
.teamImage
{
	position: relative;
	display: block;
	width: 200px;
	border-radius: 50%;
	padding: 2px;
    background: #04a4e7;
    border:3px solid white;
    top: -35%;
    margin: 0 auto;
}
.teamName
{
	position: relative;
	display: block;
	font-size: 20px;
	width: 100%;
	top:-35%;
	font-family: 'Raleway', sans-serif;
	color: #e5061b;
}
.teamPosition
{
	position: relative;
	display: block;
	font-size: 12px;
	width: 100%;
	top:-35%;
	font-family: 'Raleway', sans-serif;
	color: #fff;
	font-weight: 600;

}
.teamBio
{
	position: relative;
	display: block;
	font-size: 14px;
	width: 100%;
	top:-35%;
	font-family: 'Raleway', sans-serif;
	color: #fff;
	text-align: left;
	margin: 10px;
}
.seeMore
{
	position: relative;
	display: block;	
	-webkit-position: relative;
	-moz-position: relative;
	-ms-position: relative;
	top:-45%;
	border:0px;
	background-color: transparent;
	-webkit-top:-45%;
	-ms-top:-45%;
	-moz-top:-45%;
	margin:0 auto;
	

}
.seeMore:hover
{
	border:0px;
	background-color: transparent;
	color: #fff;
}
.memberDetailImg
{
	width: 40%;
	border-radius: 10px;
	margin: 0 auto;
}
/* Following are for blog */
.updateRow
{
	height: 90vh;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-bottom: 5px solid #e03231;
}
.updateTitle
{
	position: absolute;
	display:inline-block;
	font-size: 50px;
	color: #fff;
	font-weight: 900;
	text-shadow: 5px 2px 5px #262626;
	padding-left: 15%;
	letter-spacing: 3px;
	padding-bottom: 0px;
	margin: 0px;
	bottom: -15px;
	-webkit-text-stroke-width: 4px;
   -webkit-text-stroke-color: #e03231;
   font-family: 'Raleway', sans-serif;
}
.blogMainContainer
{
	margin-bottom: 20px;
	padding-left: 5%;
	padding-right: 5%;

}
.blogDetailImg
{
	width: 80%;
	border-radius: 10px;
	margin: 0 auto;
}
.blogBody
{
	position: relative;
	display: block;
	font-size: 16px;
	width: 100%;
	top:-35%;
	font-family: 'Raleway', sans-serif;
	text-align: left;
	margin: 10px;
}
.newsPolaroid {
display: block;
  width: 100%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
  height: 300px;
  overflow-y: auto;
}
.bloagPostImage
{
	width: 100%;
	height: 180px;
}
.blogPostTitle
{
	height: 50px;
	text-align: left;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 600;
}
.newsContainer {
  padding: 10px;
}
.blogSeeMore
{
	position: relative;

	border:0px;
	background-color: transparent;
	bottom:0;
	margin-bottom: 0;
}
.blogSeeMore:hover
{
	border:0px;
	background-color: transparent;
	color: #04a4e7;
}
.pagination {
   justify-content: center;
}
/*btbm start */
.rowBtbm
{
	height: 70vh;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.btbmBox
{
	position: relative;
	background-color: #fff;
	padding: 10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	top:-30%;

}
.btbmTitle
{
	font-size: 22px;
	color: #45369b;
	font-weight: 800;

}
.btbmBodyText
{
	
	padding-left: 30px;
	padding-right: 30px;
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
}
/*Testimonies */

.testiTitle
{
	
	font-size: 30px;
	color: #fff;
	font-weight: 900;
	text-shadow: 5px 2px 5px #262626;
	letter-spacing: 3px;
	-webkit-text-stroke-width: 2px;
   -webkit-text-stroke-color: #e03231;
   font-family: 'Raleway', sans-serif;
}
.testiContainer
{
	position: relative;
	background-color: #fff;
	padding: 10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-top: 15%;
	margin-bottom: 15%;
}
.testiImg
{
	position: relative;
	margin-top: 10%;
	border-radius: 5%;
	width: 100%;
	 box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 10px;
	border:1px solid #000;
}
.testiName
{
	font-size: 16px;
	font-weight: 700;
	color: #ec1717;
	font-family: 'Raleway', sans-serif;
}
.testiName span
{
	font-size: 12px;
	font-weight: 700;
	color: #000;
}
.testiText
{
	font-size: 12px;
	font-weight: 500;
	font-family: 'Raleway', sans-serif;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
}
.testiButton
{
	

	padding: 5px;
	color:#ec1717;
	background-color: #fff;
	border:1px solid #ec1717;
	width: 200px;
	margin: 0 auto;
	text-shadow: 5px 2px 5px #262626;

}
.testiButton:hover
{
	padding: 5px;
	color:#fff;
	background-color: #ec1717;
	width: 200px;
	margin: 0 auto;
}
/* Donation */
.formContainer
{
	height: 100%;
	padding-top: 5%;
}
.formTitle
{
	font-size: 22px;
	font-weight: 600;
	color: #ffb139;
	text-shadow: 3px 2px 5px #ccc;
	font-family: 'Raleway', sans-serif;

}
.inputBox
{
	background-color: rgba(255,117,57,0.2);
	color:#000;
}
.inputLabel
{
	font-size: 15px;
}
.btnSent
{
	
	border:2px solid rgba(255,117,57,0.5);
	color:#000;
	padding: 10px;
}
.btnSent:hover
{
	
	border:2px solid rgba(255,117,57,0.5);
	background-color: rgba(255,117,57,0.2);
	color:#9a3605;
	padding: 10px;
}
/* contact */
.contactTitle
{
	font-family: 'Raleway', sans-serif;
}
/* Careers */
.careerTitle
{
	font-size: 20px;
	color: #076227;
	font-weight: 800;
	font-family: 'Raleway', sans-serif;

}
.careerDetailImg
{
	width: 100%;
	padding: 0px;
}
.careersFormDownload
{
	width: 300px;
	margin: 0 auto;
	font-size: 14px;
	padding: 8px;
	border-radius: 10px;
	background-color:#076227;
	color: #fff; 
	font-weight: bold;
}
.careersFormDownload:hover
{
	background-color: #378051;
}
.careersGuide
{
	font-size: 16px;
	color: #595a5a;
	letter-spacing: 2px;
	font-family: 'Raleway', sans-serif;
}
.careersGuideSub
{
	font-size: 14px;
	color: #6f6f6f;
	letter-spacing: 1px;
	font-family: 'Raleway', sans-serif;
}
.careersContainer
{
	padding-right: 10%;
	padding-left: 10%;
}
/* volunteers */
.volunteersFormDownload
{
	width: 300px;
	margin: 0 auto;
	font-size: 16px;
	padding: 8px;
	border-radius: 10px;
	background-color:#ffb139;
	color: #fff; 
	font-weight: bold;
	font-family: 'Raleway', sans-serif;
}
.volunteersFormDownload:hover
{
	background-color: #c29248;
}
.volunteersTitle
{
	font-size: 20px;
	color: #ffb139;
	font-weight: 800;
}
/* How to partner */
.htpContainer
{
	height: 100vh;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 20px;
}
.htpFormDownload
{
	width: 300px;
	margin: 0 auto;
	font-size: 14px;
	padding: 8px;
	border-radius: 10px;
	background-color:#05a4e6;
	color: #fff; 
	font-weight: bold;
	
}
.htpFormDownload:hover
{
	background-color: #1c5c77;
}
.htpBodyText
{
	font-size: 16px;
	letter-spacing: 2px;
	text-align: left;
	font-family: 'Raleway', sans-serif;
}
.htpTitle
{
	padding-bottom: 20px;
	padding-top: 20px;
	font-family: 'Raleway', sans-serif;
}

/* contact */
.phoneCall
{
	background-color: #ffb138;
	color: #000 !important;
	width:100px;
	padding:10px;
	font-size: 12px;
	border-radius: 10px;
	margin: 0 auto;
}
.phoneCall:hover
{
	background-color: #ad8443;
	padding:10px;
	border-radius: 10px;
	margin: 0 auto;
}
.inputLabel
{
	background-color: #ffb138;
	width: 80px;
}
.contactFormContainer
{
	padding-right: 10%;
	padding-left: 10%;
}

.contactInputPadding
{
	padding-right: 10%;
}
.contactTitle
{
	font-size: 25px;
	color: #ffb138;
	font-weight: 600;
	padding-bottom: 10px;
	text-shadow: 5px 2px 5px #262626;
	font-family: 'Raleway', sans-serif;


}
.contactMosaic
{
	font-size: 20px;
	padding: 0px;
	font-weight: 600;
	font-family: 'Raleway', sans-serif;


}
.addressText
{
	font-size: 14px;
	text-align: left;
	letter-spacing: 1px;
}
.messageSubmit
{

	background-color: #fff;
	border: 1px solid #888888;
	width: 150px;
	padding: 10px;
	margin: 0 auto !important;
	text-align: center;
	border-radius: 5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}
.messageSubmit:hover
{
	background-color: #888888;
	border: 1px solid #888888;
	width: 150px;
	padding: 10px;
	margin: 0 auto;
	text-align: center;
	border-radius: 5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	
}
.addressContainer
{
	border-bottom: 50px;
}
/* Publication */
.publicationDownload
{
	width:200px;
	margin: 0 auto;
	font-size: 14px;
	padding: 8px;
	border-radius: 10px;
	background-color:#ed550a;
	color: #fff; 
	font-weight: bold;
}
.publicationDownload:hover
{
	background-color: #8c3206;
}
/* Gallery */
.galleryCard
{
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 100%;
  border-radius: 5px;
  margin: 10px;
}

.galleryCard:hover {
  box-shadow: 0 12px 21px 0 rgba(0,0,0,0.5);
}
.galleryImg
{
	 border-radius: 5px 5px 0 0;
	 height: 235px;
}
.modal-body
{
	padding-top: 20px;
}
.modal-content1
{
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 1px;
}
.vgTitle
{
	font-size: 18px;
	font-family: 'Raleway', sans-serif;
	font-weight: 600px;
}
.vgDes
{
	font-size: 12px;
	font-family: 'Raleway', sans-serif;
	color: gray;
	padding-bottom: 10px;
}
.inputLabel1
{
	font-size: 12px;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;

}

.newsItemList {
  width: 100%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
  height:auto;
  margin-bottom:10px;
}
.newsImageCol
{
    padding-left:0px;
    padding-right:0px;
}
.newsImgFor
{
    border-radius:0px;
    width:100%;
}
.newsTextCol
{
    padding:12px;
    margin-left:0px;
    float:left;
}
.newsPostTitle
{
    font-size:16px;
    font-weight:bold;
    font-family: 'Raleway', sans-serif;
}
.newsBodyText
{
    font-size:10px;
    font-family: 'Raleway', sans-serif;
    text-align:left;
}
.newsReserve
{
    border:0px;
	background-color: transparent;
	bottom:0px;
	margin-bottom: 0;
	color:tomato;
}
.newsReserve:hover
{
    color:#e72604;
}
.newsReserve1
{
    border:1px solid tomato;
	background-color: transparent;
	bottom:0px;
	margin:0 auto;
	margin-bottom: 0;
	color:tomato;
	padding:10px;
	border-radius:10px;
	padding-left:20px;
	padding-right:20px;
}
.newsReserve1:hover
{
    color:#e72604;
     border:2px solid #e72604;
     font-weight:600;
}
.projectSubImg
{
    width:25%;
    border:1px solid #000;
}
/*			For Tablet 			*/
@media only screen and (min-width: 500px) {
.titleMission
{
	position: absolute;
	display: block;	
	background-color: #04a4e7;	
	font-size: 20px;
	color: #fff;
	text-shadow: 5px 2px 5px #262626;
	width: 80%;
	margin-bottom: 0px;
	bottom: 0px;
	padding: 10px;
	padding-right: 50px;
	padding-left: 50px;
	border-right: 50px solid transparent;
	box-shadow: 3px 0px 3px 2px #000;
	font-family: 'Roboto', sans-serif;
	-webkit-clip-path: clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%);
  font-family: 'Raleway', sans-serif;


	
}

/* contact */
.contactMosaic
{
	font-size: 26px;
	padding: 0px;
	font-weight: 600;
	font-family: 'Raleway', sans-serif;
	

}
.addressText
{
	font-size: 16px;
	text-align: left;
	letter-spacing: 1px;
	font-family: 'Raleway', sans-serif;
	text-align: center;

}
.phoneCall
{
	background-color: #ffb138;
	color: #000 !important;
	width: 150px;
	padding:10px;
	border-radius: 10px;

	font-size: 16px;
	margin: 0 auto;
}
.phoneCall:hover
{
	background-color: #ad8443;
	width: 150px;
	padding:10px;
	border-radius: 10px;
	margin: 0 auto;
}
.inputLabel
{
	background-color: #ffb138;
	width: 150px;
	padding-left: 20px;
}

.contactFormContainer
{
	padding-right: 10%;
	padding-left: 10%;
}

.contactInputPadding
{
	padding-right: 10%;
}
.contactTitle
{
	font-size: 25px;
	color: #ffb138;
	font-weight: 700;
	padding-bottom: 20px;
	text-shadow: 5px 2px 5px #262626;
	font-family: 'Raleway', sans-serif;


}
.messageSubmit
{

	background-color: #fff;
	border: 1px solid #888888;
	width: 150px;
	padding: 10px;
	margin: 0 auto !important;
	text-align: center;
	border-radius: 5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}
.messageSubmit:hover
{
	background-color: #888888;
	border: 1px solid #888888;
	width: 150px;
	padding: 10px;
	margin: 0 auto;
	text-align: center;
	border-radius: 5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	
}
.addressContainer
{
	border-right: 1px solid #c4c4c3;
	border-bottom: 0px;
}
/* News */
.newsItemList {
  width: 100%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
  height:auto;
  margin-bottom:10px;
}
.newsImageCol
{
    padding-left:0px;
}
.newsImgFor
{
    border-radius:0px 15px 15px 0px;
    width:100%;
}
.newsTextCol
{
    padding:10px;
    margin-left:0px;
    float:left;
}
.newsPostTitle
{
    font-size:20px;
    font-weight:bold;
}
.newsBodyText
{
    font-size:12px;
    font-family: 'Raleway', sans-serif;
    text-align:left;
}
.newsReserve
{
    border:0px;
	background-color: transparent;
	bottom:0;
	margin-bottom: 0;
	color:tomato;
}
.newsReserve:hover
{
    color:#e72604;
}
.projectSubImg
{
    width:20%;
    border:1px solid #000;
}
}

/*  		For Desktop			*/
@media only screen and (min-width: 768px) {
	/* Following css are for mosaic intro animation */
.navbar-header
{
	display: block;
}
.firstRow
{
	height: 90vh;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left;
	-moz-background-position: center;
	-moz-background-attachment: fixed;
	-moz-background-repeat: no-repeat;
	-moz-background-size: cover;
	-moz-background-position: center;
	-webkit-background-attachment: fixed;
	-webkit-background-repeat: no-repeat;
	-webkit-background-size: cover;
	-webkit-background-position: center;
	-ms-background-attachment: fixed;
	-ms-background-repeat: no-repeat;
	-ms-background-size: cover;
	-ms-background-position: center;
}
.firstLogoDiv
{
	padding-right: 15%;
	padding-left: 15%;
	margin: 0;
	padding-top: 100px;
	padding-bottom: 50px;
	
}
.firstLogo
{
	width: 40%;
}

.sologram
{
	margin-top: 40px;
	font-size: 50px;
	letter-spacing: 3px;
	font-weight: 900;
	color: transparent;
	background-image: url(../webImage/crystal.png);
	font-family: 'Permanent Marker', cursive;
	background-size:100px;
	-webkit-background-clip:text;
	-moz-background-clip:text;
	-o-background-clip:text;


}
.firstDisc
{
	font-size: 20px;
    letter-spacing:2px;
	font-weight: 500;
	text-align: left;
	padding-left: 10%;
	padding-right: 10%;
	letter-spacing: 1px;
	line-height: 30px;
	text-align:left !important;
	font-family: 'Raleway', sans-serif;
}
.secondTitle
{
	font-size: 50px;
	color: #00a1e0;
	font-weight: bold;
	text-shadow: 2px 2px 5px #262626;
	letter-spacing: 2px;
	font-family: 'Raleway', sans-serif;
	letter-spacing:2px;

}
.secondRow
{

	height: 100vh;
	padding: 20px;
	padding-top: 10%;
	padding-right:15%;
	padding-left:15%;
	font-family: 'Raleway', sans-serif;
}
.secondText
{
	font-size: 20px;	 
	font-family: 'Raleway', sans-serif;
	letter-spacing:2px;
	padding-left:10%;
	padding-right:10%;
	text-align:left;

}
.vissionSeeMore
{
	width: 200px;
	border:2px solid #ccc;
	font-size: 20px;
	font-weight: 600;
	margin: 0 auto;
	padding: 10px;
	text-shadow: 2px 2px 5px #262626;
}
.vissionSeeMore:hover
{
	color: #fff;
	background-color: #00a1e0;
	border: 2px solid #00a1e0;
}
/*For Third Row */
.thirdRow
{
	height: 100%;
	padding: 20px;
	padding-right:15%;
	padding-left:15%;
}
.thirdTitle
{
	font-size: 50px;
	color: #ec1717;
	font-weight: bold;
	text-shadow: 2px 2px 5px #262626;
	font-family: 'Raleway', sans-serif;
	letter-spacing:2px;
	

}
.thirdText
{
	font-size: 20px;	
	font-family: 'Raleway', sans-serif;
    letter-spacing:2px;
	text-align: center;
	padding-left:10%;
	padding-right:10%;
	text-align:left;
}
.voiceContainer
{
	border-radius: 15px;
	width: 80%;
	padding: 10px;
	box-shadow: 1px 1px 5px #262626;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
.voiceImg
{
	border-radius: 50%;
	width: 70%;
	border: 3px solid #ec1717;
}
.vioceName
{
	font-size: 16px;
	font-weight: 700;
	color: #ec1717;
}
.vioceName span
{
	font-size: 10px;
	font-weight: 700;
	color: #000;
}
.vioceText
{
	font-size: 18px;
	font-family: 'Raleway', sans-serif;
	letter-spacing:1px;
	text-align: left;
	padding-right: 15px;
	padding-left: 15px;
}
.carousel-indicators li
{
	background-color: #ec1717;
}
/* For fourth row css */
.fourthRow
{
	height: 100%;
	padding: 20px;
	padding-top:5px;
	padding-right:15%;
	padding-left:15%;
}
.fourthText
{
    font-size: 20px;	
	font-family: 'Raleway', sans-serif;
    letter-spacing:2px;
    padding-left:10%;
	padding-right:10%;
	text-align:left;
}
.fourthTitle
{
	color: #fff00c;
	font-size: 50px;
	font-weight: bold;
	text-shadow: 2px 2px 5px #262626;
	font-family: 'Raleway', sans-serif;
	letter-spacing:2px;
}
.fourthVideo
{
	width: 70%;
	height: 400px;
	border: none;

}
/* fifthe row */
.fifthRow
{
	height: 100vh;
	padding: 20px;
	padding-right:15%;
	padding-left:15%;

}
.fifthTitle
{
	color: #00a1e0;
	font-size: 50px;
	font-weight: bold;
	text-shadow: 2px 2px 5px #262626;
	margin: 0 auto;
	margin-bottom: 0px;
	font-family: 'Raleway', sans-serif;
	letter-spacing:2px;;
	

}
.partnerImg
{
	width: 80%;
	box-shadow: 1px 1px 5px #262626;
	margin: 20px;
	margin-right: 5px;
	margin-left: 5px;
	border-radius: 20px;
}
.partnerPadding
{
    margin-left:15%;
    margin-right:15%;
}
/* For sixth row */
.sixthRow
{

	height: 100vh;
	padding: 20px;
	padding-top: 10%;
	padding-right:15%;
	padding-left:15%;
}
.sixthTitle
{
	font-size: 50px;
	color: #ec1717;
	font-weight: 800;
	font-family: 'Raleway', sans-serif;
	letter-spacing:2px;
}

.sixthText
{
	font-size: 20px;	
	font-family: 'Raleway', sans-serif;
    letter-spacing:2px;
    padding-left:10%;
	padding-right:10%;
	text-align:left;
}
.volunteerSeeMore
{
	width: 200px;
	border:2px solid #ccc;
	font-size: 20px;
	font-weight: 600;
	margin: 0 auto;
	padding: 10px;
	text-shadow: 2px 2px 5px #262626;
}
.volunteerSeeMore:hover
{
	color: #fff;
	background-color: #ec1717;
	border: 2px solid #ec1717;
}

/* Eighth Title */
.eighthRow
{

	height: 100vh;
	padding:20px;
	padding-right:15%;
	padding-left:15%;
}
.eighthTitle
{
	font-size: 50px;
	color: #641f7d;
	font-weight: 800;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	padding:0px;
	letter-spacing:2px;
	
}
.eighthText
{
	font-size: 20px;	
	font-family: 'Raleway', sans-serif;
    letter-spacing:2px;
	text-align: left;
	padding-left: 10%;
	padding-right: 10%;
	text-align:left;
	
}
.hi-slide
{
  position:relative;
  width:754px;
  height:292px;
  margin:15px auto 0;

}
.hi-slide .hi-next, .hi-slide .hi-prev
{
  position:absolute;
  top:45%;
  width:40px;
  height:80px;
  margin-top:-40px;
  border-radius:5px;
  line-height:80px;
  text-align:center;
  cursor:pointer;
  background-color:rgba(0,0,0,0);
  color:#000;
  transition:all .6s;
  font-size:30px;
}
.hi-slide .hi-next:hover,.hi-slide .hi-prev:hover
{
  opacity:1;
  color: #fff;
  background-color:#444;
}
.hi-slide .hi-prev
{
  left:-40px;  
  display: block;
}
.hi-slide .hi-prev::before
{
  content:'<';
   display: inline-block;
  font-size: 50px;
  transform: scale(.5, 1.5);
}
.hi-slide .hi-next
{
  right:-40px;
  display: block;
}
.hi-slide .hi-next::before
{
  content:'>';
  display: inline-block;
  font-size: 50px;
  transform: scale(.5, 1.5);
}
.hi-slide>ul
{
  list-style:none;
  position:relative;
  width:754px;
  height:292px;
  margin:0;
  padding:0;
}
.hi-slide>ul>li
{
  overflow:hidden;
  position:absolute;
  z-index:0;
  left:377px;
  top:146px;
  width:0;
  height:0;
  margin:0;
  padding:0;
  border:2px solid #fff;
  border-radius:5px;
  background-color:#333;
  cursor:pointer;
  border-radius: 50%;
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

  }
  .hi-slide>ul>li>img
{
  width:100%;
  height:100%;
}

/* For seventh row */

.seventhRow
{

	height: 100vh;
	padding: 20px;
	padding-top: 80px;
	padding-right:15%;
	padding-left:15%;
}
.seventhTitle
{
	font-size: 50px;
	color: #ffb139;
	font-weight: bold;
	text-align: left;
	font-family: 'Josefin Slab', serif;
	letter-spacing:2px;
}

.seventhText
{
	font-size: 20px;	
	font-family: 'Hepta Slab', serif;
    letter-spacing:2px;
	text-align: left;
	padding-left:10%;
	padding-right:10%;
	text-align:left;
}
.map
{
	box-shadow: 1px 1px 5px #262626;
	width: 80%;
	height: 350px;
	border:0;
}
/* For Footer */
.footer
{
	background-color: #ffb139;
	padding-top: 20px;
	padding-bottom: 20px;
	font-family: 'Raleway', sans-serif;

}
.mission
{
	height: 90vh;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.titleMission
{
	position: absolute;
	display: block;	
	background-color: #04a4e7;
	
	font-size: 30px;
	color: #fff;
	text-shadow: 5px 2px 5px #262626;
	width: 40%;
	margin-bottom: 0px;
	bottom: 0px;
	padding: 10px;
	padding-right: 50px;
	padding-left: 50px;
	border-right: 50px solid transparent;
	box-shadow: 3px 0px 3px 2px #000;
	font-family: 'Roboto', sans-serif;
	-webkit-clip-path: clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%);


	
}
.missionBodyText
{
	padding: 30px;
	width: 70%;
	margin: 0 auto;
    font-family: 'Raleway', sans-serif;
    letter-spacing:1px;
	padding-left:10%;
	padding-right:10%;
}
/* Executive Director*/


.edTitle
{
	display: block;
	color: red;
	color: #04a4e7;
	margin-left: 10%;
	padding: 10px;
	font-size: 35px;
	font-family: 'Raleway', sans-serif;
	letter-spacing: 1px;


}
.edFirstRow
{
	height: 100px;
}
.edSecondRow
{
	background-color: #04a4e7;
}
.edImage
{
	position: relative;
	display: block;
	width: 200px;
	border-radius: 50%;
	padding: 3px;
    background: #04a4e7;
    border:5px solid white;
    top: -40%;
    margin: none;
}
.edName
{
	position: relative;
	font-size: 25px;
	width: auto;
	top:-30%;
	font-family: 'Raleway', sans-serif;
	color: #fff;


}


.edShortBio
{
	font-size: 18px;
	font-weight: 500;
	font-family: 'Raleway', sans-serif;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
}
.edBody
{
	padding: 20px;
	padding-right: 20%;
	padding-left: 20%;
	font-size: 20px;
	font-family: 'Raleway', sans-serif;
}
.mainContainer
{
	padding-left: 15%;
	padding-right: 15%;
}
.teamContainer
{
	width: 100%;
	margin: 20px;
	margin-left: 0px;
}
.teamSubContainer
{
	
	padding: 10px;
	float: left;
	padding: 30px;
	display: block;
}
.teamFirstRow
{
	height: 100px;
}
.teamSecondRow
{
	background-color: #04a4e7;
	height: 300px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.30);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.30);
}
.secondContainer
{
	height: 300px;
}
.teamImage
{
	position: relative;
	display: block;
	width: 200px;
	border-radius: 50%;
	padding: 2px;
    background: #04a4e7;
    border:3px solid white;
    top: -35%;
    margin: 0 auto;
}
.teamName
{
	position: relative;
	display: block;
	font-size: 20px;
	width: 100%;
	top:-35%;
	font-family: 'Raleway', sans-serif;
	color: #e5061b;
}
.teamPosition
{
	position: relative;
	display: block;
	font-size: 15px;
	width: 100%;
	top:-35%;
	font-family: 'Raleway', sans-serif;
	color: #fff;
	font-weight: 600;

}
.teamBio
{
	position: relative;
	display: block;
	font-size: 15px;
	width: 100%;
	top:-35%;
	font-family: 'Raleway', sans-serif;
	color: #fff;
	text-align: left;
	margin: 10px;
}
.seeMore
{
    position: relative;
	display: block;
	top:-45%;
	-moz-top:-45%;
	-webkit-top:-45%;
	-ms-top:-45%;
	border:0px;
	margin:0 auto;
	background-color: transparent;
}
.seeMore:hover
{
	border:0px;
	background-color: transparent;
	color: #fff;
}
.memberDetailImg
{
	width: 40%;
	border-radius: 10px;
	margin: 0 auto;
}
/* following for blog */
.blogMainContainer
{
	padding-left: 15%;
	padding-right: 15%;
}
/*btbm start */
.rowBtbm
{
	height: 70vh;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.btbmBox
{
	position: relative;
	background-color: #fff;
	margin-left: 20%;
	margin-right: 20%;
	padding: 10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	top:-40%;

}
.btbmTitle
{
	font-size: 40px;
	color: #45369b;
	font-weight: 800;

}
.btbmBodyText
{
	
	padding-left: 30px;
	padding-right: 30px;
}

.testiTitle
{
	font-size: 50px;
	color: #fff;
	font-weight: 900;
	text-shadow: 5px 2px 5px #262626;
	letter-spacing: 3px;
	text-align: center;
	-webkit-text-stroke-width: 4px;
   -webkit-text-stroke-color: #e03231;
}
.formContainer
{
	height: 100vh;
	padding-top: 5%;
}
/*career */
.careerTitle
{
	font-size: 40px;
	color: #076227;
	font-weight: 800;

}
.volunteersTitle
{
	font-size: 40px;
	color: #ffb139;
	font-weight: 800;
}
/* contact */

.contactTitle
{
	font-size: 50px;
	color: #ffb138;
	font-weight: 700;
	padding-bottom: 20px;
	text-shadow: 5px 2px 5px #262626;
	font-family: 'Roboto', sans-serif;


}
.modal-content1
{
	width: 170%;
	
}
.modal-dialog1
{
	padding: 0px;
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 1px;
}
}