

/*** Our Causes Carousel ***/
.our-causes{
	float:left;
	width:100%;-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.our-causes .flex-direction-nav {
    display: none;
}
.our-causes .flex-control-nav { width:200px;
    position:absolute;
    left:48%;
    bottom:8%;
	list-style:none; z-index:9999999;
}
.our-causes .flex-control-nav li{
	float:left;
}
.our-causes .flex-control-nav a{
    float:left;
    height:8px;
    width:8px;
	color:transparent;
    margin:0 2px;
    border:3px solid #fff;
    background:none repeat scroll 0 0 #c8c7c7;
	cursor:pointer;
	
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
}	
.our-causes .flex-control-nav a.flex-active{
    background:none repeat scroll 0 0 #fff;
	border-color:#777676;
}
.causes-image{
	float:left;
    position:relative;
	overflow:hidden;
	margin-right:30px;
	width:100%;
}
.causes-image:last-child{
	margin-right:0;
}
	
.causes-image img{
	width:100%;
	height:100%;

	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-0-border-radius:3px;
	border-radius:3px;
}
.cause-heading{
    width:100%;
    padding-bottom:21px;
    padding-top:21px;


    position:absolute;
    top:150px;

	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-ms-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
.cause-heading h3 {
    padding:0 20px;
    font-family:'Roboto Condensed', sans-serif;
    font-size:20px;
	margin:20px 0 0 0;
    color:#000; text-align:center;
}
.cause-heading p {
    margin:20px 0 0;
    padding:0 20px;
    color:#777777;
    font-family:Open Sans;
    font-size:13px;
    line-height:22px; text-align:center;
}
.cause-heading span {
    color:#2d2d2d;
    font-size:15px;
    margin-left:10px;
	float:right;
}
.cause-heading span i{
	color:#616161;
	font-size:19px;
	font-style:normal
}
.our-causes-hover{ display:block;
    height:96%;
    width:96%;
	padding:50px 25px;
	background:none repeat scroll 0 0 rgba(224, 224, 223, 0.95);

    position:absolute;
    left:2%;
    top:2%;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;

    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);

    -webkit-transition:all 0.3s ease 0.1s;
    -moz-transition:all 0.3s ease 0.1s;
    -ms-transition:all 0.3s ease 0.1s;
    -o-transition:all 0.3s ease 0.1s;
    transition:all 0.3s ease 0.1s; -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.our-causes-hover h3 {
    margin-bottom:25px;
    color:#2d2d2d;
     font-family:'Roboto Condensed', sans-serif; text-transform:uppercase;
    font-size:16px;
	line-height:10px;
    font-weight:500;
}
.our-causes-hover > span{
    width:100%;
    color:#2d2d2d;
    float:left;
    font-family:roboto;
    font-size:13px;
    line-height:11px;
    margin-bottom:30px;
    font-weight:600;
}
.our-causes-hover span i {
    font-style:normal;
}
.our-causes-hover p {
    float:left;
    width:100%;
    margin-bottom:35px;
    margin-top:-7px;
    color:#2D2D2D;
    font-family:Open sans;
    font-size:13px;
    line-height:20px;
}
.our-causes-hover span.help {
    font-size:14px;
    font-weight:300;
    line-height:13px;
    margin-bottom:0;
}
.help > strong {
    font-size:16px;
}
.our-causes-hover span.needed-amount {
    font-size:20px;
    line-height:31px;
    margin-bottom:0;
    margin-top:10px;
    text-align:right;
}
.needed-amount span {
    color:#7D7C7C;
    font-size:28px;
}
.causes-image:hover .our-causes-hover{
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}	
.causes-image:hover .cause-heading{
	bottom:-100px;
}

@media (min-width: 1024px) and (max-width: 1360px){
.our-causes .flex-control-nav { width:200px;
    position:absolute;
    left:48%;
    bottom:-9%;
	list-style:none; z-index:9999999;
}
}

@media (min-width: 320px) and (max-width: 650px){
.our-causes .flex-control-nav a{
    float:left;
    height:8px;
    width:8px;
	color:transparent;
    margin:0 1px;
    border:3px solid #fff;
    background:none repeat scroll 0 0 #c8c7c7;
	cursor:pointer;
	
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
}	
.our-causes .flex-control-nav { width:230px;
    position:absolute;
    left:20%;
    top:510px;
	list-style:none; z-index:9999999;
}
.cause-heading h3 {
    padding:0 20px;
    font-family:'Roboto Condensed', sans-serif;
    font-size:20px;
	margin:00px 0 0 0;
    color:#000; text-align:center;
}
.cause-heading p {
    margin:00px 0 0;
    padding:0 20px;
    color:#777777;
    font-family:Open Sans;
    font-size:13px;
    line-height:22px; text-align:center;
}

}