/* Stylesheet for Site_name */

/****************************************************************************************
@
@	Global Style and Reset
@
****************************************************************************************/

a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, td, video, tt, u, ul, var{background: transparent; border: 0 none; font-size: 100%; margin: 0; padding: 0; border: 0; outline: 0; vertical-align: middle; }

ol, ul {list-style: none;}
blockquote, q {quotes: none;}
table, table td {padding:0; border:none; border-collapse:collapse;}
img {vertical-align:top;}
embed {vertical-align:top;}
* {border:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
input, textarea{ outline:none !important}

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global Styles */

::selection{ background: #252525; color:#fff; }
::-moz-selection{ background: #252525; color:#fff; }

.fleft{float:left;}
.fright{float:right;}

.clear{display:block; clear:both;}
.clear5{display:block; clear:both; height:5px;}
.clear10{display:block; clear:both; height:10px;}
.clear15{display:block; clear:both; height:15px;}
.clear20{display:block; clear:both; height:20px;}
.clear25{display:block; clear:both; height:25px;}
.clear30{display:block; clear:both; height:30px;}
.clear35{display:block; clear:both; height:35px;}
.clear40{display:block; clear:both; height:40px;}

.dblock{display:block;}
.rpos{position:relative;}
.nomargin{margin:0;}

html, body{width:100%; height:100%; overflow-x: hidden;}
body{font-family: 'Aleo-Regular';height:auto; min-height:100%; background: #fff; padding-top: 126px;}

h1, h2, h3, h4, h5, h6{font-family: "BowlerHandW00-Bold";letter-spacing: 1px; }
h1{
	color:#7d1b66;
	font-size: 39px;
	line-height:45px;
	margin-bottom: 30px;
}
h2{
	
}
h3{
	color:#7d1b66;
	font-size: 35px;
	line-height:30px;
	margin-bottom: 30px;	
}
h4{}
h5{}
h6{}

p{
	color:#4d4d4d;
	font-size: 20px;
	line-height: 25px;
	margin-bottom: 30px;
}

img{}

a{}
a:hover{}
a img{}


blockquote {
	
}
ul {
text-align: left;	
}
ul li {
	background: rgba(0, 0, 0, 0) url("../images/hand-icon.png") no-repeat scroll 40px center;
    color: #4d4d4d;
    display: block;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 30px;
    min-height: 50px;
    padding-left: 120px;
}
input:focus {
	outline: 0;
}
hr {
    
}
img {max-width: auto}







/****************************************************************************************
@
@	Custom Styles
@
****************************************************************************************/

@font-face {font-family: "BowlerHandW00-Bold";
    src: url("../fonts/Bowler Hand W00 Bold.eot");
    src: url("../fonts/Bowler Hand W00 Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Bowler Hand W00 Bold.woff2") format("woff2"),
    url("../fonts/Bowler Hand W00 Bold.woff") format("woff"),
    url("../fonts/Bowler Hand W00 Bold.ttf") format("truetype"),
    url("../fonts/Bowler Hand W00 Bold.svg#BowlerHandW00-Bold") format("svg");
}
@font-face {
  font-family: 'Aleo-Regular';
  src: url('../fonts/Aleo-Regular.eot');
  src: url('../fonts/Aleo-Regular.woff2') format('woff2'),
       url('../fonts/Aleo-Regular.woff') format('woff'),
       url('../fonts/Aleo-Regular.ttf') format('truetype'),
       url('../fonts/Aleo-Regular.svg#Aleo-Regular') format('svg'),
       url('../fonts/Aleo-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}


* {
	margin: 0;
	padding: 0;
	list-style: none;
	text-transform: none;
	outline: none;
}
a {text-decoration: none}
a,button,input {
	transition: all ease-in-out 200ms;
	-webkit-transition: all ease-in-out 200ms;
	-ms-transition: all ease-in-out 200ms;
	-moz-transition: all ease-in-out 200ms;
	-o-transition: all ease-in-out 200ms;
}
#preloader {
	background-color: #fff;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 9999;
}
#status {
	left: 50%;
	position: absolute;
	top: 50%;
}
.cssload-loader {
	width: 281px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
	font-family: helvetica, arial, sans-serif;
	text-transform: uppercase;
	font-weight: 900;
	font-size:20px;
	color: rgb(83,114,180);
	letter-spacing: 0.2em;
}
.cssload-loader::before, .cssload-loader::after {
	content: "";
	display: block;
	width: 17px;
	height: 17px;
	background: rgb(241,173,0);
	position: absolute;
	animation: cssload-load 0.81s infinite alternate ease-in-out;
		-o-animation: cssload-load 0.81s infinite alternate ease-in-out;
		-ms-animation: cssload-load 0.81s infinite alternate ease-in-out;
		-webkit-animation: cssload-load 0.81s infinite alternate ease-in-out;
		-moz-animation: cssload-load 0.81s infinite alternate ease-in-out;
}
.cssload-loader::before {
	top: 0;
}
.cssload-loader::after {
	bottom: 0;
}



@keyframes cssload-load {
	0% {
		left: 0;
		height: 34px;
		width: 17px;
	}
	50% {
		height: 9px;
		width: 45px;
	}
	100% {
		left: 264px;
		height: 34px;
		width: 17px;
	}
}

@-o-keyframes cssload-load {
	0% {
		left: 0;
		height: 34px;
		width: 17px;
	}
	50% {
		height: 9px;
		width: 45px;
	}
	100% {
		left: 264px;
		height: 34px;
		width: 17px;
	}
}

@-ms-keyframes cssload-load {
	0% {
		left: 0;
		height: 34px;
		width: 17px;
	}
	50% {
		height: 9px;
		width: 45px;
	}
	100% {
		left: 264px;
		height: 34px;
		width: 17px;
	}
}

@-webkit-keyframes cssload-load {
	0% {
		left: 0;
		height: 34px;
		width: 17px;
	}
	50% {
		height: 9px;
		width: 45px;
	}
	100% {
		left: 264px;
		height: 34px;
		width: 17px;
	}
}

@-moz-keyframes cssload-load {
	0% {
		left: 0;
		height: 34px;
		width: 17px;
	}
	50% {
		height: 9px;
		width: 45px;
	}
	100% {
		left: 264px;
		height: 34px;
		width: 17px;
	}
}
.text-center {
	text-align: center;	
}
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  display: table;
  content: " ";
}
.clearfix:after,
.row:after {
  clear: both;
}
.wrapper {width: 1282px; margin: 0 auto; height: 100%}
.header-yellow {background: #f1ad00}
.header-blue {
    background: #5371b4 none repeat scroll 0 0;
    position: relative;
    transition: all 200ms ease-in-out 0s;
	-webkit-transition: all 200ms ease-in-out 0s;
	-ms-transition: all 200ms ease-in-out 0s;
	-moz-transition: all 200ms ease-in-out 0s;
	-o-transition: all 200ms ease-in-out 0s;
    z-index: -1;
}
/*.header.fxd .header-blue {margin-top: -65px}*/
.logo {
   	position: absolute;
    top: -43px;
	transition: all 200ms ease-in-out 0s;
	-webkit-transition: all 200ms ease-in-out 0s;
	-ms-transition: all 200ms ease-in-out 0s;
	-moz-transition: all 200ms ease-in-out 0s;
	-o-transition: all 200ms ease-in-out 0s;
}
.header.fxd .logo {
    top: -160px;
    transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-mz-transform: scale(0.5);
	-o-transform: scale(0.5);
}
.header {position: absolute; width: 100%; top: 0; z-index: 99}
.header.fxd {position: fixed}
.header-menu {
    text-align: right;
}
.header-menu ul {text-align: right;}
.header-menu ul li {display: inline-block; line-height: 1; margin: 0; padding:0; background: none}
.header-menu ul li a {
    color: #5e154d;
    display: block;
    font-size: 21px;
    margin: 20px 0;
    padding: 0 15px;
    text-decoration: none;
}
/*.header-menu ul li:last-child a {padding-right: 0}*/
.contact-info {text-align: right}
.contact-info a {
    color: #fff;
    font-size: 20px;
	display: inline-block;
	margin: 20px;
}
li.current {
    background: #fff none repeat scroll 0 0 !important;
}
/*.contact-info a:last-child {margin-right: 0}*/
.banner-btm-txt {text-align: center; padding: 90px 0 100px}
.banner-btm-txt .wrapper {padding:0 225px}
.banner-btm-txt h3 {margin-top: 55px}
.blue-area {background: #5371b4; position: relative}
.table-area {
	display: table; width: 100%; height: 100%;
}
.col-huf {display: table-cell; width: 50%; vertical-align: middle; height: 100%;}
.col-full {display: table-cell; width: 100%; vertical-align: middle; height: 100%;}
.how-to-donate {text-align: center; padding: 0 100px}
.how-to-donate h3 {
	color:#f1ad00;
	margin-bottom: 20px;
}
.how-to-donate p,
.how-to-donate a {
	font-size: 28px;
	color: #fff;
	line-height: 40px;
}
.table-area img {width: auto; height: 100%; max-height: inherit;}
.sticky-notes {
    left: 50%;
    margin-left: -195px;
    position: absolute;
    top: -70px;
}
.our-story {
	background: #f1ad00;
	padding: 110px 0;
	text-align: center;
}
.our-story p {color: #fff}
.our-story .wrapper {padding: 0 225px;}
.our-story p:last-child {margin-bottom: 0}
.slider-section {
	padding: 190px 0 110px;
	background: url(../images/slide-bg.jpg) no-repeat center top;
	background-attachment:fixed;
	background-size: cover;
	text-align: center;
}
.memebership-section {background: #f1ad00; position: relative; overflow: hidden}
.membership {
	padding: 0 85px;
	text-align: center;
}
.membership p {font-size: 20px;
color:#fff; line-height: 25px;}
.con-info,
.con-info a,
.con-info p {
	font-size: 28px;
	line-height: 30px;
	color:#5e154d;
}
.con-info p {margin-bottom: 10px;}
.membership h3 {text-transform: uppercase}
.memebership-section .sticky-notes {
	top: 38px;
	margin-left: -113.5px;
}
.slider-outer {background:rgba(145,47,122,0.9); padding: 60px 100px; }
.owl-controls {
    left: -65px;
    position: absolute;
    right: -65px;
    top: 50%;
    transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.owl-prev {
    float: left;
}
.owl-next {
    float: right;
}
.owl-nav i {
    color: #fff;
    font-size: 48px;
}
.dflt-btn {font-size: 35px; display:inline-block; text-transform: uppercase; color: #fff; background: #7d1b66; padding:10px 45px; margin-top: 65px; border-radius: 5px;}

.footer {background: #5371b4;}
.footer-left-menu {float: left}
.footer-right-menu {float: right}
.footer ul {}
.footer ul li {margin:0; padding:0; background: none; display: inline-block}
.footer ul li a {font-size: 21px; color: #5e154d; padding: 25px 10px; display: block}
.footer ul li:first-child a {padding-left: 0;}
.footer ul li:last-child a {padding-right: 0;}

.footer-right-menu li a {color: #fff !important}
.footer-btm span
{display: inline-block; padding: 0 0 25px 0; font-size: 14px; color: #fff}
.footer-btm a {color: #fff}
.footer-btm span.website {float: right}
.right-align {direction:rtl}
.banner {background: #5371b4 url("../images/hand-bg.png") repeat scroll center top / auto 100%; height: 700px; position: relative}
.banner .wrapper {position: relative}
.banner-img {position: absolute;}
.banner-img.img1 {
    bottom: 0;
    left: 0;
    transform: rotate(-5deg);
	z-index: 3;
}
.banner-img.img2 {
    left: 550px;
    top: 15px;
    transform: rotate(2deg);
	z-index: 2;
}
.banner-img.img3 {
    bottom: -30px;
    right: 0;
    transform: rotate(5deg);
	z-index: 1;
}
.arw-btm {
    bottom: 0;
    font-size: 26px;
    padding: 15px 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
.arw-btm i {
    color: #7d1b66;
    transform: rotate(-90deg);
}
.footer ul li.current {background: none !important}
.mnu-icon {display: none}
.big-hidden {display: none}

/* CSS for Testimonial */
	.testi_section{background: #5371b4; width: 100%; margin: 0; padding: 0; overflow: hidden;}	
	.clear{clear: both; line-height: 0; padding: 0; margin: 0}
	.testi_wrapper{background: #5c78b8; }
	.testi_wrapper ul{padding: 0; margin: 0; }
	.testi_wrapper ul li{list-style: none; width: 100%; padding: 0; margin: 0; display: flex; justify-content: space-between;}
	.testi_wrapper ul li img{line-height: 0;}
	.testi_img{width: 50%; /*float: left;*/}
	.testi_txt{width: 50%; /*float:right;*/ text-align: center;position: relative; padding: 0 50px; box-sizing: border-box; display: flex; align-items: center; /*min-height: 500px;*/}
	.testi_txt_bg{position: absolute; left: 0; right: 0; margin: 0 auto; top:15%; width: 362px; height: 362px;}
	.testi_txt p{position: relative; z-index: 1; font-size: 18px; line-height: 28px; color: #fff;}
	.testi_txt p span{display: block; font-weight: bold; padding: 20px 0 0 0;}
	.testi_wrapper ul li .testi_img img{width: 100%; display: block;}
	.testi_wrapper ul li:nth-child(2n){flex-direction: row-reverse;}
	.testi_section .testi_wrapper ul li { background:none !important; }
	
	
	
	
	.wrappertestislider {
	    padding-top:4em;
	}
	
	.owl-carousel_testimonial .owl-nav i {
	    font-size:30px;
	}