*{
	text-align:justify;
}
body{	
	font-family:"work sans",Arial,sans-serif;
	padding:0 !important;
	margin:0;
	width:100%;
	height:100%;
    overflow:hidden;
}
.support-logo img{
	width:100%;
}
body.loaded {
    overflow:auto;
}

span.post {
  color: #fff;
  display: block;
  height: 25px;
  margin-top: 5px;
  padding: 2px 5px 0;
}

span.post input[type="submit"] {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-size: 12px;
}

span.post input.apply {
  background: #330033 none repeat scroll 0 0;
  display: block;
  float: right;
  font-weight: bold;
  height: 21px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

form#nform{
	float:left;
	width:85%;
	padding-bottom:0;
}
form#aform{
	float:right;
	width:15%;
	padding-bottom:0;
}
.entity_log {
  width: 66%;
}
.nf{margin-top: 0px !important;}
.carousel-inner > .item
{
	text-align:center;
	
}

.panel-default > .cyan {
	background-image: linear-gradient(to bottom, #66ccff 0px, #53aad5 100%) !important;
	background-repeat: repeat-x;
	font-weight:bold;
	color:#fff;
  }
.panel-default > .red {
	background-image: linear-gradient(to bottom, #ff3333 0px, #d22828 100%) !important;
	background-repeat: repeat-x;
	font-weight:bold;
	color:#fff;
}

.panel-default > .purple {
	background-image: linear-gradient(to bottom, #996699 0px, #6b476b 100%) !important;
	background-repeat: repeat-x;
	font-weight:bold;
	color:#fff;
  }
.panel-default > .blue {
	background-image: linear-gradient(to bottom, #336699 0px, #1f3e5e 100%) !important;
	background-repeat: repeat-x;
	font-weight:bold;
	color:#fff;
  }


 .panel-title > a,
 .panel-title > a:hover,
 .panel-title > a:active,
 .panel-title > a:focus{
	 display:block;
	 text-decoration:none;
 }


@-webkit-keyframes loop {
  0% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -moz-transform: translateX(-66.6%);
    -ms-transform: translateX(-66.6%);
    -webkit-transform: translateX(-66.6%);
    transform: translateX(-66.6%);
  }
}
@-moz-keyframes loop {
  0% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -moz-transform: translateX(-66.6%);
    -ms-transform: translateX(-66.6%);
    -webkit-transform: translateX(-66.6%);
    transform: translateX(-66.6%);
  }
}
@-ms-keyframes loop {
  0% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -moz-transform: translateX(-66.6%);
    -ms-transform: translateX(-66.6%);
    -webkit-transform: translateX(-66.6%);
    transform: translateX(-66.6%);
  }
}
@keyframes loop {
  0% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -moz-transform: translateX(-66.6%);
    -ms-transform: translateX(-66.6%);
    -webkit-transform: translateX(-66.6%);
    transform: translateX(-66.6%);
  }
}
.cssanimations .marquee {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.cssanimations .marquee > ul {
  list-style: none;
  position: relative;
  z-index: 1;
  top: 0;
  left: 0;
  width: 5184px !important;
  height: 150px;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-animation: loop 100s linear infinite;
  -moz-animation: loop 100s linear infinite;
  -o-animation: loop 100s linear infinite;
  animation: loop 100s linear infinite;
}
.cssanimations .marquee > ul > li {
  white-space: normal;
  position: relative;
  text-align: justify;
  text-justify: distribute-all-lines;
  line-height: 0;
  letter-spacing: -0.31em;
  float: left;
  width: 33.333333%;
  overflow: hidden;
  height: 150px;
}
.cssanimations .marquee > ul > li:before {
  content: '';
  position: relative;
  height: 100%;
  width: 0;
}
.cssanimations .marquee > ul > li:before,
.cssanimations .marquee > ul > li > * {
  vertical-align: middle;
  display: inline-block;
}
.cssanimations .marquee > ul > li:after {
  content: '.';
  display: inline-block;
  height: 0 !important;
  width: 100%;
  overflow: hidden !important;
  visibility: hidden;
  font-size: 0;
  word-spacing: 100%;
}
.cssanimations .marquee > ul > li > * {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  line-height: 1;
  letter-spacing: 0;
}
.cssanimations .marquee > ul:hover {
	 -webkit-animation-play-state: paused;
       animation-play-state: paused;
	
}
.cssanimations .marquee > ul > li img {
	margin: 0 1.6%;
	height:150px;
  }

.carousel-indicators {
  bottom: -55px;
}

/*
.lb-details{
	display:none;
	
}

.lb-dataContainer {
  position: relative;
  top: 51px;
  z-index: 1;
}

.lb-closeContainer {
  background: #fff none repeat scroll 0 0;
  color: #fff;
  float: right;
  height: 51px;
  width: 51px;
}
.lb-data .lb-close {
 
  height: 50px !important;
  width: 50px !important;
}
.lightbox .lb-image,
.lb-outerContainer{
	border-radius:0  !important;
	
}

.lb-nav {
  height: 93% !important;
  top: 32px  !important;
}
*/

html {
	position: relative;
	min-height: 100%;
}

input[type="checkbox"], input[type="radio"] {
  clear: both;
  float: left;
  height: 11px;
  line-height: normal;
  margin: 4px 0 0;
  width: 30px !important;
}

#submit[type="submit"] {
  width: 25%;
}
.image-container{
	overflow:hidden;
}
.head-image{
	width:107.5%;
	
}
.justify{
	text-align:justify;
}

.footer {
	position: relative;
	font-size:14px;
	width: 100%;
	padding:10px;
	/* Set the fixed height of the footer here */
	height: 250px;
	background-color: #000000;
	background-image: linear-gradient(to bottom, #000000 0px, #1d1f21 95%);
	background-repeat: repeat-x;
	color:#666;
	bottom:0;
}

.btn-default{
	background-image: linear-gradient(to bottom, #94cdf1 0px, #82c0e7 50%);
    background-repeat: repeat-x;
	border-color:#1d1f21;
	text-shadow:0 1px 0 #94cdf1;
	color:#1d1f21;
}

.btn-default:focus, .btn-default:hover{
	background-color:#82c0e7;
	background-position:0 -15px;
    color: #075f8b;
    border-color: #06618f;
}
.carousel-caption .btn{
	background-image: linear-gradient(to bottom, #94cdf1 0px, #82c0e7 50%);
    background-repeat: repeat-x;
	border-color:#1d1f21;
	text-shadow:0 1px 0 #94cdf1;
	color:#1d1f21;
}

.carousel-caption .btn:focus,.carousel-caption .btn:hover{
	background-color:#82c0e7;
	background-position:0 -15px;
    color: #075f8b;
    border-color: #06618f;
}

.carousel-indicators li {
	border-color:#104d6c;
}

.carousel-indicators .active{
	background-color:#104d6c;
}

.text-muted{
	color:#fff;
}

#carousel{
	margin-bottom: 9px;
}
.navbar-inverse {
	background-image: linear-gradient(to bottom, #000000 0px, #1d1f21 10%);
    background-repeat: repeat-x;
	border-bottom:#000000;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .open > a {
    background-image: linear-gradient(to bottom, #1d1f21 0px, #08699a 100%);
    background-repeat: repeat-x;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.25) inset;
}

.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}

.navbar{
	margin-bottom:0 !important;
}

.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-brand,.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
	color: #fff;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover ,.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus{
	color: #7ebfdf;

}
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header{
	color:#7ebfdf;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
	background-color:#000000;
}

.theme-dropdown .dropdown-menu {
	position: static;
	display: block;
	margin-bottom: 20px;
}
.dropdown-menu{
	background-color:#268cc0;

}

.dropdown-menu .divider{
	background-color:#176b95;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{
	background-color:#176b95;
	background-image: linear-gradient(to bottom, #1a76a4 0px, #176b95 100%);
}

 p > .btn {
	margin: 5px 0;
}

.navbar .container {
	width: auto;
}


.overlay {
	background: #000 none repeat scroll 0 0;
	display: block;
	height: 100%;
	left: -31.15%;
	opacity: 0.5;
	position: absolute;
	width: 31.1% !important;

	z-index: 901;
}

.horizontal-box {
  font-size: 16px;
  padding: 10px 0;
  width: 100%;
}

.horizontal-box a {
  color: #000;
  display: block;
  float: right;
  font-weight: bold;
  width: 62%;
  text-decoration: underline;
  padding-top:5px;
  text-transform:uppercase;

}

.horizontal-box img {
  float: left;
  padding: 5px 10px;
  width: 220px;
}

.join .title{
	color:#66ccff !important;
	font-size:25px;
	padding-bottom:5px;
}
.volunteer .title{
	color:#996699 !important;
	font-size:25px;
	padding-bottom:5px;
}
.donate .title{
	color:#336699 !important;
	font-size:25px;
	padding-bottom:5px;
}




.overlay-right {
	background: #000 none repeat scroll 0 0;
	display: block;
	height: 100%;
	right: -26.8%;
	max-width: 157.8% !important;
	opacity: 0.5;
	position: absolute;
	width: 32.65% !important;
	z-index: 901;
}

span.menu a.active{
	color:#ed1b35;
	font-weight:bold;
	
}
span.menu a{
	text-decoration:none;
	text-transform:capitalize;
	color:#000;
	font-family: 'Work Sans', sans-serif;
	font-size:21px;
}
span.menu div:hover span a:active,
span.menu div:hover span a:hover,
span.menu div:hover a:active,
span.menu div:hover a:hover{
	color:#ed1b35;

}
span.menu {
	background: #fff none repeat scroll 0 0;
	float: right;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1002;
	padding-bottom:27px;
}

span.menu div {
	float: right;
	height: 30px;
	text-align: right;
	width: 100%;
	padding-right: 26%;
}

span.blue a:hover,
span.cyan a:hover,
span.purple a:hover {
	text-decoration:none;
}
span.blue .title,
span.cyan .title,
span.purple .title {
  height: 80px;
  padding: 27px 86px 0 0;
  position: relative;
  text-align: right;
}

span.menu span  a,
span.menu span  a div:hover,
span.menu span  a div:visited
{
		background-color:inherit;
	}


span.menu div.sub-menu {
	float: right;
	height: 30px;
	text-align: right;
	width: 300.5%;
}

span.menu div:hover {
	background: #000 none repeat scroll 0 0;
}

span.menu div:hover a{
	color:#ed1b35;
}

span.menu div a {
	display: block;
	float: right;

}

span.menu div span {
	display: block;
	height: 100%;
	position: static;

}
span.menu div:hover span a {
	color: #fff;
	display: block;
	font-size: 14px;
	max-width: 200px;
	padding-right: 8px;
	padding-top: 5px;
}
span.menu div span a
 {
	display:none;
}

.sidebar {
  background: #eee none repeat scroll 0 0;
  display: block;
  height: 100%;
  padding-bottom: 20px;
  z-index: 1;
  float: right;
}

.download a:hover{
	text-decoration:none;

}
.download .item {
  height: 80px;
  margin: 0px 30px;
  color:#000;
  text-decoration:normal;
  border-bottom: 1px solid #000;
}
.download .item .img {
  display: block;
  float: left;
  height: 100%;
  margin-right: 16px;
}

.download a .item span{
	display:block;
	width:100%;
}
.download a .item .name{
	font-weight:bold;
	font-size:16px;
}
.download a .item .type{
	font-size:14px;
	
}
.download a .item .size{
	font-size:14px;
}

ul.sidebar-menu{
	float:right;
	
}
ul.sidebar-menu li{
	text-align:right;
	padding:0  68px 0 0;
	background:none;
}

ul.sidebar-menu li a{
	text-decoration:none;
	color:#000;
	font-size:20px;
	text-transform:capitalize;
}

ul.sidebar-menu li a:hover,
ul.sidebar-menu li a.active{
	color:#ed1b35;

}


.bg-white {
  background: #fff none repeat scroll 0 0;
  content: " ";
  min-height: 791px;
}


.bg-white .header {
	color: #fff;
	font-size: 75px;
	height: 150px;
	padding: 71px 0 0 44px;
}

.bg-white .content{
		padding:80px 50px 0;
}
.bg-white .content h2.title,
 .sidebar h2.title{
	 margin:0 0 20px 0;
	 text-align:left;
 }
 h4{
	text-align:left;
 }
.bg-white .content ul li {
	display: list-item;
	list-style: inside none disc;
	margin-bottom: 5px;
	text-align:justify;
}
 
 .bg-white .content a:hover{
	text-decoration:none;
 }
 
 .box {
	background: #336699 none repeat scroll 0 0;
	margin: 0 5px 30px;
	padding: 0;
	width: 48%;
	max-width:270px;
}

.box img {
  width: 100%;

}

.coming-soon {
  color: #336699;
  display: block;
  font-size: 216%;
  font-weight: bold;
  height: 163px;
  margin: 0 auto;
  padding-top: 54px;
  text-align: center;
  width: 80%;
}
.box .overlay {
  bottom: 0;
  color: #fff;
  display: block;
  height: 45px;
  left: 0;
  opacity: 1;
  padding-top: 11px;
  position: static;
  text-align: center;
  width: 100% !important;
  font-size:110%;
}
 
 .bg-white .content .title,
 .sidebar .title{
	color:#336699;
}

.dual {
  font-size: 30px !important;
  padding-top: 72px !important;
}

.main {
  font-size: 45px;
  margin-left: -5px;
  margin-top: -12px;
  text-transform: uppercase;
}
.content p{
	margin-bottom:30px;
	text-align:justify;
}

 .sidebar .title{
	text-align:center;
	 
 }
/*Filter styles*/
.saturate {-webkit-filter: saturate(3); filter: saturate(3);}
.grayscale {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.contrast {-webkit-filter: contrast(160%); filter: contrast(160%);}
.brightness {-webkit-filter: brightness(0.25); filter: brightness(0.25);}
.blur {-webkit-filter: blur(3px); filter: blur(3px);}
.invert {-webkit-filter: invert(100%); filter: invert(100%);}
.sepia {-webkit-filter: sepia(100%); filter: sepia(100%);}
.huerotate {-webkit-filter: hue-rotate(180deg); filter: hue-rotate(180deg);}
.rss.opacity {-webkit-filter: opacity(50%); filter: opacity(50%);}


.gallery .image {
  background: rgba(0, 0, 0, 0) url("../../images/gallery-bg.jpg") no-repeat scroll 0 0;
  background-size:100% auto;
  background: rgba(0, 0, 0, 0) url("../../images/gallery-bg.jpg") no-repeat scroll 0 0 / cover;
  float: left;
  height: 790px;
  position: absolute;
  width: 100%;
}


.logo img{
	width:86%;
	margin:16px 19px 16px 22px;
	-webkit-transform: scale3d(1, 1, 1) !important;
	transform: scale3d(1, 1,1) !important;
}

li {
	width: 100%;
	background: #fff;
	display: inline-block;
	-webkit-transition: slider .3s ease-in-out;
	-moz-transition: slider .3s ease-in-out;
	transition: slider .3s ease-in-out;
	overflow: hidden;
	max-height:580px;
}

.cycle-overlay{
	background: #aa0000 none repeat scroll 0 0;
	color: #fff;
	height: 150px;
	opacity: 0.85;
	padding: 8px;
	position: absolute;
	width: 100%;
	font-family:"work sans",Arial,sans-serif;
	bottom:0;
	display:none !important;
}
.cycle-overlay h4{
	margin: 8px 1px;
	font-size:20px;
	font-family:"work sans",Arial,sans-serif;
}	
.cycle-overlay a,
.cycle-overlay a:visited {
	text-decoration:underline;
	color:#fff;
	
}

.cycle-overlay a:hover {
	text-decoration:none;
}


.cycle-slide-active{
	z-index:1002;
}
.cycle-carousel-wrap{
	height:100%;
}
.slideshow-container {
	height: 100%;
	left: -27.5%;
	overflow: hidden !important;
	position: absolute;
	width: 154.3%;

}

.slideshow {
	margin-left: 17.75%;
	overflow: visible !important;
	width: 50% !important;
	height:100%;
}

span {
	position: relative;
	margin: 0 auto;
	z-index:1002;
}
form{
	padding-bottom:30px;
	
}
.form-control{
	width:75%;
	background:#eee;
	border-radius:0;
	height:40px;
	
}

.red{
	background:#ff3333;
	
}

.blue{
	background:#336699;
	
}
.purple{
	background:#996699;
	
}
.cyan{
	background:#66ccff;
	
}


.red img{
	width:100%;
	
}

.blue img{
	width:100%;
	
}
.purple img{
	width:100%;
	
}
.cyan img{
	width:100%;
}
.red  .title{
	background: #ff3333 none repeat scroll 0 0;
	color: #fff;
	font-weight: bold;
	height: 30%;
	opacity: 1;
	position: absolute;
	padding-top: 17px;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	z-index: 3;
	font-size:25px;
	
}
.red .caption{
	background:#ff3333 none repeat scroll 0 0;
	content: "";
	display: block;
	height: 30%;
	opacity: 0.70;
	position: absolute;
	width: 100%;
	z-index: 2;
}

.blue .title{
	background: #336699 none repeat scroll 0 0;
	color: #fff;
	font-weight: bold;
	height: 30%;
	opacity: 1;
	padding-top: 17px 0;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	z-index: 3;
	font-size:25px;
}
.blue .caption{
	background:#336699 none repeat scroll 0 0;
	content: "";
	display: block;
	height: 30%;
	opacity: 0.70;
	position: absolute;
	width: 100%;
	z-index: 2;
}
.purple .title{
	background: #996699 none repeat scroll 0 0;
	color: #fff;
	font-weight: bold;
	height: 30%;
	opacity: 1;
	padding-top: 17px 0;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	z-index: 3;
	font-size:25px;
}
.purple .caption{
	background:#996699 none repeat scroll 0 0;
	content: "";
	display: block;	
	height: 30%;
	opacity: 0.70;
	position: absolute;
	width: 100%;
	z-index: 2;
}
.cyan .title{
	background: #66ccff none repeat scroll 0 0;
	color: #fff;
	font-weight: bold;
	height: 30%;
	opacity: 1;
	padding-top: 17px 0;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	z-index: 3;
	font-size:25px;
}

.cyan .caption {
	background: #66ccff none repeat scroll 0 0;
	content: "";
	display: block;
	height: 30%;
	opacity: 0.70;
	position: absolute;
	width: 100%;
	z-index: 2;
}

.row{
	padding-bottom:20px;
	width:100%;
	display:block;
	position: relative;
	left:0;
	right:0;
	margin:0 auto;
min-width:1000px;
}

.container .main-title{
	color: #fff;
	opacity: 1;
	padding-top: 17px;
	padding-bottom: 17px;
	text-align: center;
	text-transform: capitalize;
	width: 100%;
	z-index: 3;
	font-size:30px;
	
}
.container {
  margin-left: auto;
  margin-right: auto;
  width: 100;
max-width:1000px;
  padding: 0;
  position: relative;

}

.no-padding{
	padding:0;
	
}
.no-margin{
	margin:0;
	
}
.activities {
		padding-bottom:30px;
}

.activities img{
	width:100%;
}
.carousel-control.left,.carousel-control.right{
	background-image:none;
	margin-top:10%;
	width:5%;
}
small.caption {
	background: #000 none repeat scroll 0 0 !important;
	bottom: 0;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	height: 87px !important;
	left: 0;
	opacity: 0.55 !important;
	padding-top: 30px;
	position: absolute;
	text-align: center;
	width: 100%;

}


a:hover small.caption {
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
	height:100% !important;  
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
  	opacity: 0.78 !important; 
	font-size:22px;
	-webkit-box-shadow: inset 0px 0px 37px 9px rgba(0,0,0,0.6);
	-moz-box-shadow: inset 0px 0px 37px 9px rgba(0,0,0,0.6);
	box-shadow: inset 0px 0px 37px 9px rgba(0,0,0,0.6);

}

small.desc {
		display:none;
		text-align:center;
}

a:hover small.desc {
  color: #fff;
  display: block;
  font-size: 16px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  position: absolute;
  z-index: 2;
	-webkit-animation-duration: 600ms; 
	animation-duration:  600ms; 
	-webkit-animation-fill-mode: both; 
	animation-fill-mode: both; 
	-webkit-animation-timing-function: linear; 
	animation-timing-function:  linear; 
	-webkit-animation-name: fade;
	animation-name: fade;
}

@-webkit-keyframes fade {
	0% {
		opacity:0; 
		height:0px;
		top:100%;
	}
	100%{
		-webkit-transform: ease-in-out;
		transform: ease-in-out;
		opacity:1;
		top:86px;
		height:70%;
  }
 
}

@keyframes fade {
	0% {
		opacity:0; 
		height:0px;
		top:100%;
	}
	100%{
		-webkit-transform: ease-in-out;
		transform: ease-in-out;
		opacity:1;
		top:86px;
		height:70%;
  }
}



.image-container a:hover img {
	-webkit-animation-duration: 600ms; 
	animation-duration: 600ms; 
	-webkit-animation-fill-mode: both; 
	animation-fill-mode: both; 
	-webkit-animation-timing-function: linear; 
	animation-timing-function:  linear; 
	-webkit-animation-name: image-zoom;
	animation-name: image-zoom;
}

@-webkit-keyframes image-zoom {
	0% {
		-webkit-transform: scale3d(1,1, 1);
		transform: scale3d(1, 1, 1);
		opacity:0.5;
	}

	100%{
		-webkit-transform: scale3d(1.5, 1.5, 1.5);
		transform: scale3d(1.5, 1.5, 1.5);
		opacity:1;
  }
 
}

@keyframes image-zoom {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		opacity:0.5; 
	}
	100%{
		-webkit-transform: scale3d(1.5, 1.5, 1.5);
		transform: scale3d(1.5, 1.5, 1.5);
		opacity:1;  
  }
}

.event img {
	padding-bottom: 30px;
	width: 100%;
}

.event .title{
	padding: 20px 0;
	color:#336699;
	font-size:24px;
	display:block;
	font-weight:bold;
	text-align:left;
}
.event .details {
  height: 155px;
  margin-bottom: 15px;
  overflow: hidden;
  padding-top: 20px;
  text-align: justify;
  text-overflow: ellipsis;
}

.slider_image {
  display: block;
  height: 240px;
  overflow: hidden;
}

.slider_title {
  height: 96px;
  overflow: hidden;
  text-overflow: ellipsis;
}


.event .details,
.event .date,
.event .vanue{
	display:block;
}

a.more-default:hover,
a.more-default {
	background: #000 none repeat scroll 0 0;
	border-radius: 0;
	color: #fff;
}

.button{
	text-align:center;
	padding:20px 0;
}
a.blue-default:hover ,
a.blue-default,
button.blue-default:hover ,
button.blue-default,
input.blue-default:hover ,
input.blue-default{
	background:#336699;
	color:#fff;
	border-radius:0;
	text-transform:uppercase;
}

.col-partner img{
	width:165px;
	
}

.col-partner {
	display: inline-block;
	text-align: center;
	width:165px;
	margin:10px;
}

.partners .carousel-control.left{
	margin-left:-43px;
} 

.partners .carousel-control.right{
	margin-right:-43px;	
}
.partners .carousel-control.left, .partners .carousel-control.right{
	margin-top:0;	
}

.partners a,.partners a:hover{
	color:#fff;
	
}
.partners .row{
	padding:0;
	margin:0;
}

.prev-friend img, .next-friend img {
	margin-top: 70%;
}

#friends{
	width:90%;
	margin:0 auto;
}

.social h5 {
	text-align:center;
}

.social a {
	color:#fff;
}

.social {
	margin-top: 70px;
	text-align: center;
}

.icon {
  position: relative;
  width: 290px;
  margin: 0 auto;
}

.join-atf .title,
.volunteer-atf .title,
.donate-atf .title{
	padding-top:30px;
	
}

a:hover .join-atf .caption,
a:hover .volunteer-atf .caption,
a:hover .donate-atf  .caption{
	height:30%;

}
.join-atf img,
.volunteer-atf img,
.donate-atf img{
	position:absolute;
	bottom:0;
}

.join-atf,
.volunteer-atf,
.donate-atf{
	height:300px;
	overflow:hidden;
}

.footer img.tw,.footer img.fb,.footer img.yt,.footer img.in,.footer img.ig,.footer img.fl{
	border-radius: 50%;
	height: 40px;
	width: 40px;
	display:block;
	float:left;
	margin:4px;
  }
  
 .footer a{ 
	color:#666;
	text-decoration:underline;
	}
 .footer img{
	 height:150px;
	 float:right;
 }
 
 .footer [class*="col-"]{
	 position:relative;
	 bottom:0;
	 
 }
 
 .partners {
  display: block;

}

input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none; 
}

input[type="search"] {
	background: transparent url("../images/search.png") no-repeat scroll 9px center;
	padding: 9px 10px 9px 42px;
	transition: all 0.5s ease 0s;
	width: 50px;
	border: 0;
	margin-bottom:5px;
}


input[type=search]:focus {
	width: 100%;
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}


input:-moz-placeholder {
	color: #999;
}
input::-webkit-input-placeholder {
	color: #999;
}


// Masonry css 


#grid.container {
		left: auto;
	}
	
#grid {
	/*width: 980px;*/
	/*width: 95%;*/
	width: auto;
	margin: 0 auto;
}

#grid > #posts .post {
	display: block;
	float: left;
	text-align: center;
	width: 32.5%;
	margin: 0 0 5px;
	-webkit-transition: left .4s ease-in-out, top .4s ease-in-out .4s;
	-moz-transition: left .4s ease-in-out, top .4s ease-in-out .4s;
	-ms-transition: left .4s ease-in-out, top .4s ease-in-out .4s;
	-o-transition: left .4s ease-in-out, top .4s ease-in-out .4s;
	transition: left .4s ease-in-out, top .4s ease-in-out .4s;
	overflow:hidden;
}


.post img {
	width: 100%;
	height: auto;
}

/* Grid */

#posts { 
	margin: 10px auto 0; 
}



#grid.container .post img { 
	padding: 0; 
	}


/*Preloader CSS*/

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1004;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #996699;

    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */

    z-index: 1001;

}

#loader-wrapper .logo {
	background: transparent url("../images/atf.png") no-repeat scroll center center / 80px auto;
	bottom: 5px;
	content: "";
	height: 100px;
	left: 50%;
	position: absolute;
	right: 5px;
	top: 50%;
	width: 100px;
	z-index: 1005;
	-webkit-animation: flip 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
	animation: flip 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
	margin:-50px 0 0 -49px
}

#loader:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #ff3333;

	-webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
	animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #66ccff;

	-webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
	animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */


}
@-webkit-keyframes spin {
	0%   { 
		-webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg);  /* IE 9 */
		transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
	100% {
		-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
		transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0%   { 
		-webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg);  /* IE 9 */
		transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
		-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg);  /* IE 9 */
		transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
   }
}

@-webkit-keyframes flip {
    0%   { 
		-webkit-transform: rotateY(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotateY(0deg);  /* IE 9 */
		transform: rotateY(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
	20% {
		-webkit-transform: rotateY(-90deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotateY(-90deg);  /* IE 9 */
		transform: rotateY(-90deg);  /* Firefox 16+, IE 10+, Opera */
        }
	40% {
		-webkit-transform: rotateY(-180deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotateY(-180deg);  /* IE 9 */
		transform: rotateY(-180deg);  /* Firefox 16+, IE 10+, Opera */
	}
	60% {
		-webkit-transform: rotateY(-270deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotateY(-270deg);  /* IE 9 */
		transform: rotateY(-270deg);  /* Firefox 16+, IE 10+, Opera */
    }
	80% {
		-webkit-transform: rotateY(-360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotateY(-360deg);  /* IE 9 */
		transform: rotateY(-360deg);  /* Firefox 16+, IE 10+, Opera */
    }

	100% {
        -webkit-transform: rotateY(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotateY(0deg);  /* IE 9 */
		transform: rotateY(0deg);  /* Firefox 16+, IE 10+, Opera */
	}
 }
@keyframes flip {
    0%   { 
		-webkit-transform: rotateY(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotateY(0deg);  /* IE 9 */
		transform: rotateY(0deg);  /* Firefox 16+, IE 10+, Opera */
	}
	20% {
		-webkit-transform: rotateY(-90deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotateY(-90deg);  /* IE 9 */
		transform: rotateY(-90deg);  /* Firefox 16+, IE 10+, Opera */
	}
	40% {
		-webkit-transform: rotateY(-180deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotateY(-180deg);  /* IE 9 */
		transform: rotateY(-180deg);  /* Firefox 16+, IE 10+, Opera */
	}
	60% {
		-webkit-transform: rotateY(-270deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotateY(-270deg);  /* IE 9 */
        transform: rotateY(-270deg);  /* Firefox 16+, IE 10+, Opera */
	}
	80% {
		-webkit-transform: rotateY(-360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotateY(-360deg);  /* IE 9 */
		transform: rotateY(-360deg);  /* Firefox 16+, IE 10+, Opera */
	}

	100% {
		-webkit-transform: rotateY(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotateY(0deg);  /* IE 9 */
		transform: rotateY(0deg);  /* Firefox 16+, IE 10+, Opera */
	}
}
#loader-wrapper .loader-section {
	position: fixed;
	top: 0;
	width: 51%;
	height: 100%;
	background: #336699;
	z-index: 1000;
	-webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(0);  /* IE 9 */
	transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
 }

 #loader-wrapper .loader-section.section-left {
    left: 0;
}

#loader-wrapper .loader-section.section-right {
    right: 0;
}

 /* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
	-webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(-100%);  /* IE 9 */
	transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  }

.loaded #loader-wrapper .loader-section.section-right {
	-webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(100%);  /* IE 9 */
	transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
 }
    
.loaded #loader {
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;  
	transition: all 0.3s ease-out;
    }
    
.loaded #loader-wrapper {
	visibility: hidden;
	-webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateY(-100%);  /* IE 9 */
	transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */

	-webkit-transition: all 0.3s 1s ease-out;  
	transition: all 0.3s 1s ease-out;
}
    
/* JavaScript Turned Off */
.no-js #loader-wrapper {
	display: none;
}
/* calendar */

.calendar-container {
 /*   height: 538px;
    left: 50%;
    margin: -255px 0 0 -245px;
    position: absolute;
    top: 45%;
    width: 510px;
	*/
}

.calendar {
    text-align: center;
}

.calendar header {
    position: relative;
}

.calendar h2 {
    text-transform: uppercase;
	
}

.calendar thead {
    font-weight: 600;
    text-transform: uppercase;
}

.calendar tbody {
    color: #7c8a95;
}

.calendar tbody td:hover {
    border: 2px solid #c0392b;
    border-radius: 50%;
    position: absolute;
//    height: 64px;
//    width: 64px;
}

.calendar tbody td.active {
    border: 2px solid #c0392b;
}

.calendar td {
    border: 2px solid transparent;
    border-radius: 50%;
 //   height: 64px;
 //   line-height: 64px;
    text-align: center;
 //   width: 64px;
    padding: 2px;
}

.current-day {
    background: #c0392b;
    color: #f9f9f9;
}

.event {
    cursor: pointer;
    position: relative;
}

.event:after {
    background: #c0392b;
    border-radius: 50%;
    bottom: 8px;
    display: block;
    height: 8px;
    left: 50%;
    margin: -4px 0 0 -4px;
    position: absolute;
    width: 8px;
}

.event.green-event:after {
    background: #009E82;
}

.event.blue-event:after {
    background: #0078AB;
}

.event.current-day:after {
    background: #f9f9f9;
}

.btn-prev,
.btn-next {
	border: 2px solid #cbd1d2;
	border-radius: 50%;
	color: #cbd1d2;
	height: 32px;
	font-size: 22px;
	line-height: 28px;
//	margin: -16px;
	position: absolute;
	top: 50%;
	width: 32px;
}

.btn-prev:hover,
.btn-next:hover {
    background: #cbd1d2;
    color: #f9f9f9;
}

.btn-prev {
    left: 30px;
}

.btn-next {
    right: 35px;
}

.list {
    margin-top: 20px;
}

.close {
    color: #A4AAAB;
    margin-top: -15px;
    margin-right: 10px;
    float: right;
}

.day-event {
    background-color: #F2F2F2 ;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 50px;
    display:none;

}

.day-event p{
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.day-event span{
    font-size: 12px;
}

.day-event button {
    position: relative;
    vertical-align: top;
    width: 100%;
 //   height: 50px;
    padding: 0;
    font-size: 18px;
    color: white;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    background: #c0392b;
    border: 0;
    border-bottom: 2px solid #b53224;
    cursor: pointer;
    -webkit-box-shadow: inset 0 -2px #b53224;
    box-shadow: inset 0 -2px #b53224;
}

.check-btn {
    width: 100%;
}

.bg-slider {
  background: #888 url("../../images/gallery-bg.jpg") no-repeat scroll 0 0 / cover ;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  height: 100%;
  position: absolute;
  width: 100%;
}





.slideshow {
  margin-left: 0;
  width: 66.66% !important;
}
.slideshow-container{
	left:0;
	width:100%;
}
.overlay-right,
.overlay{
	display:none;
}

.print-btn {
    padding: 1px 14px 5px 14px;
}

.loading-div{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.56);
	z-index: 999;
	display:none;
}
.loading-div img {
	margin-top: 20%;
	margin-left: 50%;
}

.event_details{
	clear:both;

}
.event_contents{
	padding:0;
	font-size:16px;
	
}

.event_contents .event_image {
  float: left;
  height: 245px;
  margin-right: 10px;
  overflow: hidden;
  width: 33.33%;
}

.event_image img {
  display: block;
  margin-left: -50% !important;
  min-height: 100%;
}

.event_details .title {
	text-align:left;
}

.event_contents .title {
  margin-bottom: 20px;
  max-height: 53px;
  text-align: left;
  width:  64.66%;
text-overflow: ellipsis;
  overflow: hidden;
}

.event_contents span{
	width:100%;
	display:block;

}

.event_details span.desc{
	display:block;
  margin: 14px 0;
  text-align: left;

 }
 
 .event_details span.date,
 .event_details span.time,
 .event_details span.vanue
 {
	 display:block;
	 font-size:;
	 text-alignpx:left;
	 font-weight:bold;
	 
 }
 .event_details span.map{
	  padding-top:50px;
	  padding-bottom:25px;
	  display:block;
  }
 
 .event_contents span.desc {
  float: right;
  height: 65px;
  margin: 14px 0;
  max-width: 64.66%;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
}

.event_contents span.desc:after {
        content:                    ' ';
        position:                   absolute;
        display:                    block;

        height:                     1em;
        bottom:                     0px;
        left:                       0px;
        background:                 #E0E0E0;
    }


/* Pagination style */

#results ul.pagination {
  display: block;
  text-align: center;
  width: 100%;
  padding: 20px 0;
  margin: 0;
}

#results ul.pagination li{
	display: inline;
	padding: 6px 0px;
	margin-right: -1px;
	background: #FFFFFF;
	box-shadow: inset 1px 1px 5px #F4F4F4;
}
#results ul.pagination li a{
    text-decoration:none;
    color: rgb(89, 141, 235);
	float:none;
}
#results ul.pagination li.first {
    border-radius: 5px 0px 0px 5px;
}
#results ul.pagination li.last {
    border-radius: 0px 5px 5px 0px;
}
#results ul.pagination li:hover{
	background: #FFF;
}
#results ul.pagination li.active {
  background: #f0f0f0 none repeat scroll 0 0;
  color: #333;
  padding: 6px 10px;
  width: 12px;
  border: 1px solid #ddd;
}
#results ul.event_contents li {
	list-style:none;
	
}
/* CSS for Mobile devices */

@media (max-width:768px) and (-webkit-min-device-pixel-ratio: 2){
.row{
width:1000px;
}
.bg-slider {
  background: #888 url("../../images/gallery-bg.jpg") no-repeat scroll 0 0;
  background-size:100% auto;
}
}
/*
@media (max-width:1366px) {
.bg-slider {
  background: #888 url("../../images/gallery-bg.jpg") no-repeat scroll 0 0 / cover ;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  height: 100%;
  position: absolute;
  width: 100%;
}




.slideshow {
  margin-left: 0;
  width: 66.66% !important;
}
.slideshow-container{
	left:0;
	width:100%;
}
.overlay-right,
.overlay{
	display:none;
}
}
*/