/*
	RALEWAY FONT INSTALL
*/
@font-face {
	font-family: 'Raleway';
	src: url('/src/fonts/raleway/Raleway-Bold.eot');
	src: url('/src/fonts/raleway/Raleway-Bold.eot?#iefix') format('embedded-opentype'),
		url('/src/fonts/raleway/Raleway-Bold.woff') format('woff'),
		url('/src/fonts/raleway/Raleway-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Raleway';
	src: url('/src/fonts/raleway/Raleway-ExtraLight.eot');
	src: url('/src/fonts/raleway/Raleway-ExtraLight.eot?#iefix') format('embedded-opentype'),
		url('/src/fonts/raleway/Raleway-ExtraLight.woff') format('woff'),
		url('/src/fonts/raleway/Raleway-ExtraLight.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'Raleway';
	src: url('/src/fonts/raleway/Raleway-ThinItalic.eot');
	src: url('/src/fonts/raleway/Raleway-ThinItalic.eot?#iefix') format('embedded-opentype'),
		url('/src/fonts/raleway/Raleway-ThinItalic.woff') format('woff'),
		url('/src/fonts/raleway/Raleway-ThinItalic.ttf') format('truetype');
	font-weight: 100;
	font-style: italic;
}

@font-face {
	font-family: 'Raleway';
	src: url('/src/fonts/raleway/Raleway-LightItalic.eot');
	src: url('/src/fonts/raleway/Raleway-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('/src/fonts/raleway/Raleway-LightItalic.woff') format('woff'),
		url('/src/fonts/raleway/Raleway-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Raleway';
	src: url('/src/fonts/raleway/Raleway-Black.eot');
	src: url('/src/fonts/raleway/Raleway-Black.eot?#iefix') format('embedded-opentype'),
		url('/src/fonts/raleway/Raleway-Black.woff') format('woff'),
		url('/src/fonts/raleway/Raleway-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Raleway';
	src: url('/src/fonts/raleway/Raleway-MediumItalic.eot');
	src: url('/src/fonts/raleway/Raleway-MediumItalic.eot?#iefix') format('embedded-opentype'),
		url('/src/fonts/raleway/Raleway-MediumItalic.woff') format('woff'),
		url('/src/fonts/raleway/Raleway-MediumItalic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: 'Raleway';
	src: url('/src/fonts/raleway/Raleway-ExtraLightItalic.eot');
	src: url('/src/fonts/raleway/Raleway-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
		url('/src/fonts/raleway/Raleway-ExtraLightItalic.woff') format('woff'),
		url('/src/fonts/raleway/Raleway-ExtraLightItalic.ttf') format('truetype');
	font-weight: 200;
	font-style: italic;
}

@font-face {
	font-family: 'Raleway';
	src: url('/src/fonts/raleway/Raleway-ExtraBold.eot');
	src: url('/src/fonts/raleway/Raleway-ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('/src/fonts/raleway/Raleway-ExtraBold.woff') format('woff'),
		url('/src/fonts/raleway/Raleway-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Raleway';
	src: url('/src/fonts/raleway/Raleway-BoldItalic.eot');
	src: url('/src/fonts/raleway/Raleway-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('/src/fonts/raleway/Raleway-BoldItalic.woff') format('woff'),
		url('/src/fonts/raleway/Raleway-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Raleway';
	src: url('/src/fonts/raleway/Raleway-Thin.eot');
	src: url('/src/fonts/raleway/Raleway-Thin.eot?#iefix') format('embedded-opentype'),
		url('/src/fonts/raleway/Raleway-Thin.woff') format('woff'),
		url('/src/fonts/raleway/Raleway-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Raleway';
	src: url('/src/fonts/raleway/Raleway-Regular.eot');
	src: url('/src/fonts/raleway/Raleway-Regular.eot?#iefix') format('embedded-opentype'),
		url('/src/fonts/raleway/Raleway-Regular.woff') format('woff'),
		url('/src/fonts/raleway/Raleway-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Raleway';
	src: url('/src/fonts/raleway/Raleway-ExtraBoldItalic.eot');
	src: url('/src/fonts/raleway/Raleway-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
		url('/src/fonts/raleway/Raleway-ExtraBoldItalic.woff') format('woff'),
		url('/src/fonts/raleway/Raleway-ExtraBoldItalic.ttf') format('truetype');
	font-weight: 800;
	font-style: italic;
}

@font-face {
	font-family: 'Raleway';
	src: url('/src/fonts/raleway/Raleway-BlackItalic.eot');
	src: url('/src/fonts/raleway/Raleway-BlackItalic.eot?#iefix') format('embedded-opentype'),
		url('/src/fonts/raleway/Raleway-BlackItalic.woff') format('woff'),
		url('/src/fonts/raleway/Raleway-BlackItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: 'Raleway';
	src: url('/src/fonts/raleway/Raleway-SemiBold.eot');
	src: url('/src/fonts/raleway/Raleway-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('/src/fonts/raleway/Raleway-SemiBold.woff') format('woff'),
		url('/src/fonts/raleway/Raleway-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Raleway';
	src: url('/src/fonts/raleway/Raleway-Medium.eot');
	src: url('/src/fonts/raleway/Raleway-Medium.eot?#iefix') format('embedded-opentype'),
		url('/src/fonts/raleway/Raleway-Medium.woff') format('woff'),
		url('/src/fonts/raleway/Raleway-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Raleway';
	src: url('/src/fonts/raleway/Raleway-SemiBoldItalic.eot');
	src: url('/src/fonts/raleway/Raleway-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
		url('/src/fonts/raleway/Raleway-SemiBoldItalic.woff') format('woff'),
		url('/src/fonts/raleway/Raleway-SemiBoldItalic.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: 'Raleway';
	src: url('/src/fonts/raleway/Raleway-Italic.eot');
	src: url('/src/fonts/raleway/Raleway-Italic.eot?#iefix') format('embedded-opentype'),
		url('/src/fonts/raleway/Raleway-Italic.woff') format('woff'),
		url('/src/fonts/raleway/Raleway-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Raleway';
	src: url('/src/fonts/raleway/Raleway-Light.eot');
	src: url('/src/fonts/raleway/Raleway-Light.eot?#iefix') format('embedded-opentype'),
		url('/src/fonts/raleway/Raleway-Light.woff') format('woff'),
		url('/src/fonts/raleway/Raleway-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

/*
	LATO FONT INSTAL
*/
@font-face {
	font-family: 'Lato';
	src: url('/src/fonts/lato/Lato-Italic.eot');
	src: url('/src/fonts/lato/Lato-Italic.eot?#iefix') format('embedded-opentype'),
		url('/src/fonts/lato/Lato-Italic.woff') format('woff'),
		url('/src/fonts/lato/Lato-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Lato Hairline';
	src: url('/src/fonts/lato/Lato-HairlineItalic.eot');
	src: url('/src/fonts/lato/Lato-HairlineItalic.eot?#iefix') format('embedded-opentype'),
		url('/src/fonts/lato/Lato-HairlineItalic.woff') format('woff'),
		url('/src/fonts/lato/Lato-HairlineItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Lato';
	src: url('/src/fonts/lato/Lato-BlackItalic.eot');
	src: url('/src/fonts/lato/Lato-BlackItalic.eot?#iefix') format('embedded-opentype'),
		url('/src/fonts/lato/Lato-BlackItalic.woff') format('woff'),
		url('/src/fonts/lato/Lato-BlackItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: 'Lato';
	src: url('/src/fonts/lato/Lato-BoldItalic.eot');
	src: url('/src/fonts/lato/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('/src/fonts/lato/Lato-BoldItalic.woff') format('woff'),
		url('/src/fonts/lato/Lato-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Lato';
	src: url('/src/fonts/lato/Lato-LightItalic.eot');
	src: url('/src/fonts/lato/Lato-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('/src/fonts/lato/Lato-LightItalic.woff') format('woff'),
		url('/src/fonts/lato/Lato-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Lato Hairline';
	src: url('/src/fonts/lato/Lato-Hairline.eot');
	src: url('/src/fonts/lato/Lato-Hairline.eot?#iefix') format('embedded-opentype'),
		url('/src/fonts/lato/Lato-Hairline.woff') format('woff'),
		url('/src/fonts/lato/Lato-Hairline.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url('/src/fonts/lato/Lato-Bold.eot');
	src: url('/src/fonts/lato/Lato-Bold.eot?#iefix') format('embedded-opentype'),
		url('/src/fonts/lato/Lato-Bold.woff') format('woff'),
		url('/src/fonts/lato/Lato-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url('/src/fonts/lato/Lato-Regular.eot');
	src: url('/src/fonts/lato/Lato-Regular.eot?#iefix') format('embedded-opentype'),
		url('/src/fonts/lato/Lato-Regular.woff') format('woff'),
		url('/src/fonts/lato/Lato-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url('/src/fonts/lato/Lato-Light.eot');
	src: url('/src/fonts/lato/Lato-Light.eot?#iefix') format('embedded-opentype'),
		url('/src/fonts/lato/Lato-Light.woff') format('woff'),
		url('/src/fonts/lato/Lato-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url('/src/fonts/lato/Lato-Black.eot');
	src: url('/src/fonts/lato/Lato-Black.eot?#iefix') format('embedded-opentype'),
		url('/src/fonts/lato/Lato-Black.woff') format('woff'),
		url('/src/fonts/lato/Lato-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

* {
	box-sizing: border-box;
}

html,body {width:100%;height:100%;}

html,body,ul,p {
	margin: 0;
	padding: 0;
	font-family: Lato;
	font-weight: 300;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	font-family: Raleway;
	font-weight: 800;
}

html {
	background-color: #FFFFFF; /*#161B1F;*/
}

a,
a:link,
a:visited,
a:hover,
a:active {
	color: inherit;
	text-decoration: none;
}

p {
	font-family: Lato;
	font-weight: 500;
}

li {
	list-style: none;
}

/*
	@note - default html & body style
*/
html {
	background-color: #FFF;
}

body {
	margin-top: 0px;
	padding-top: 50px;
	position: relative;
	-webkit-transition: opacity 2s ease-in-out, margin 1s ease-in-out;
	-moz-transition: opacity 2s ease-in-out, margin 1s ease-in-out;
	transition: opacity 2s ease-in-out, margin 1s ease-in-out;
}

html body {
	opacity: 1;
}

html body.hidden {
	opacity:0;
}

/*
	@note - author style
*/
.author {
	margin: 0 auto;
	padding: 50px 10px 50px 10px;
	width: 100%;
	max-width: 1000px;
	text-align: right;
	font-family: Raleway;
	font-weight: 800;
	font-size: 0.83em;
}

.author a {
	font-family: inherit;
	font-size: 12px;
	cursor: pointer;
}
	.author a:active,
	.author a:hover {
		text-decoration: underline;
		color: #32ADFF;
	}
	
/*
	@note - external links
*/
ul#externalLinks {
	position: relative;
	margin: 0;
	padding: 10px;
	width: 100%;
	text-align: center;
}

ul#externalLinks li {
	position: relative;
	width: 100px;
	height: 80px;
	display: inline-block;
	cursor: pointer;
}

ul#externalLinks li i,
ul#externalLinks li div {
	margin: 0 auto;
	width: 50px;
	height: 50px;
	line-height: 46px;
	border-width: 2px;
	border-style: solid;
	border-radius: 50%;
	font-size: 24px;
	color: #FFF;
	display: block;
}

ul#externalLinks li a {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	padding-top: 55px;
	font-weight: 600;
	display: block;
}

/*
	@note - facebook
*/
ul#externalLinks li div.fa-facebook-f {
	background-color: #305CB4;
	border-color: #305CB4;
}
	ul#externalLinks li div.fa-facebook-f:hover {
		background-color: #FFF;
		border: 2px solid #305CB4;
		color: #305CB4;
	}

/*
	@note - email
*/
ul#externalLinks li div.fa-envelope {
	background-color: #F89A1E;
	border-color: #F89A1E;
}
	ul#externalLinks li div.fa-envelope:hover {
		background-color: #FFF;
		border: 2px solid #F89A1E;
		color: #F89A1E;
	}
/*
	@note - donate
*/
ul#externalLinks li div.fa-handshake {
	background-color: #660099;
	border-color: #660099;
}
	ul#externalLinks li div.fa-handshake:hover {
		background-color: #FFF;
		border: 2px solid #660099;
		color: #660099;
	}

/*
	@note - volunteer
*/
ul#externalLinks li div.fa-hand-paper {
	background-color: #2bb673;
	border-color: #2bb673;
}
	ul#externalLinks li div.fa-hand-paper:hover {
		background-color: #FFF;
		border: 2px solid #2bb673;
		color: #2bb673;
	}

/*
	@note - twitter
*/
ul#externalLinks li div.fa-twitter {
	background-color: #07B6EF;
	border-color: #07B6EF;
}
	ul#externalLinks li div.fa-twitter:hover {
		background-color: #FFF;
		border: 2px solid #07B6EF;
		color: #07B6EF;
	}

/*
	@note - instagram
*/
ul#externalLinks li div.fa-instagram {
	background-color: #895A4D;
	border-color: #895A4D;
}
	ul#externalLinks li div.fa-instagram:hover {
		background-color: #FFF;
		border: 2px solid #895A4D;
		color: #895A4D;
	}

/*
	@note - SIGN IN
*/
ul#externalLinks li div.fa-sign-in {
	background-color: #000;
	border-color: #000;
	color: #FFF;
}
	ul#externalLinks li div.fa-sign-in:hover {
		background-color: #FFF;
		border: 2px solid #000;
		color: #000;
	}
	
/*
	@note - LOCATION
*/
ul#externalLinks li div.fa-map-marker {
	background-color: #d74214;
	border-color: #d74214;
	color: #FFF;
}
	ul#externalLinks li div.fa-map-marker:hover {
		background-color: #FFF;
		border: 2px solid #d74214;
		color: #d74214;
	}	
	
/*
	@note - Assistance
*/
ul#externalLinks li div.fa-heart {
	background-color: #B22222;
	border-color: #B22222;
	color: #FFF;
}
	ul#externalLinks li div.fa-heart:hover {
		background-color: #FFF;
		border: 2px solid #B22222;
		color: #B22222;
	}