/* ==================================== */
		      /* HEADER */
/* ==================================== */

#header{
	z-index:5000;
	top:0;
	left:0;
	right:0;
	position:relative;
}

#header .container{
	padding:0;
	width:1170px;
	margin:0 auto;
}
#header.sticky-header .container{
	padding:0 0px;
	width:1170px;
}

.boxed-layout #header.sticky-header{
	left:auto;
	right:auto;
}



/* Main Header */

#main-header{
	padding-left:5000px;
	padding-right:5000px;
	margin-left:-5000px;
	margin-right:-5000px;
	background:#ffffff;
	color:#e2eaf2;
	height:145px;
	padding-top:17px;
	padding-bottom:17px;
	position:relative;
	z-index:5000;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.sticky-header-on.boxed-layout #main-header{
	padding-left:15px;
	padding-right:15px;
	margin-left:-30px;
	margin-right:-15px;
}

.boxed-layout #main-header{
	padding-left:30px;
	padding-right:30px;
	margin-left:-30px;
	margin-right:-30px;
}

.sticky-header-on .animate-header #main-header{
	height:0;
	padding:0;
	overflow:hidden;
}

.animate-header #main-header{
	height:130px;
	padding-top:17px;
	padding-bottom:17px;
}

#main-header blockquote{
	margin:25px 0 0 0;
	padding:0;
	border:none;
	font-size:14px;
	color:#97acc3;
	font-style:italic;
	position:relative;
	padding-left:18px;
	background:transparent;
	font-weight:400;
}

#main-header blockquote:before{
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
	content: '\ebe1';
	color:#50688c;
	font-size:11px;
	position:absolute;
	left:0;
	top:3px;
}

#main-header blockquote:after{
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
	content: '\ebe2';
	color:#50688c;
	font-size:11px;
	position:relative;
	top:3px;
}

#logo{
	padding-top:0px;
	padding-left:40px;
	padding-bottom:0px;
}

#contact{
	padding-top:40px;
	padding-left:120px;
	padding-right:0px;
	padding-bottom:0px;
}

#newsletter h5{
	text-transform:uppercase;
	font-size:14px;
	font-weight:400;
	margin-top:0;
	margin-bottom:7px;
}

#newsletter p.error{
	font-size:12px;
	display:inline-block;
	position:absolute;
	padding:3px 10px;
	background:#fff;
	bottom:-25px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}

#newsletter p.error:before{
	content:'';
	display:block;
	position:absolute;
	top:-5px;
	left:50%;
	margin-left:-5px;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-bottom:5px solid #fff;
}

#newsletter p.success{
	color:#fff;
	margin:10px 0;
}

.newsletter-form{
	display:table;
}

.newsletter-form>*{
	display:table-cell;
	overflow:hidden;
	vertical-align:top;
	height:35px;
}

.newsletter-form .newsletter-email{
	width:63%;
}

.newsletter-form .newsletter-zip{
	width:37%;
	padding:0 5px;
}

.newsletter-form input[type="text"]{
	padding:7px 10px;
	border:none;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	height:35px;
	background:#f3f4f6;
	width:100%;
	color:#3e474c;
	font-size:13px;
	margin-bottom:0;
}

.newsletter-form input[type="submit"]{	
	z-index:100;
	position:relative;
	width:40px;
	height:35px;
	border:none;
	padding:0;
	display:block;
	margin:0;
	background:#63b2f5;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	z-index:100;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	transition:background 0.3s;
	-webkit-transition:background 0.3s;
	-moz-transition:background 0.3s;
}


.newsletter-form .newsletter-submit{	
	position:relative!important;
}

.newsletter-form .newsletter-submit .icons{
	display:block;
	position:relative;
	top:-35px;
	margin-bottom:-35px;
	padding-top:5px;
	padding-left:8px;
	font-size:16px;
	width:40px;
	height:35px;
	background:#63b2f5;
	color:#FFF;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-bottom:1px solid #7cc5f8;
	border-bottom:1px solid #213b63;
	transition:background 0.3s;
	-webkit-transition:background 0.3s;
	-moz-transition:background 0.3s;
}

.newsletter-form .newsletter-submit:hover .icons,
.newsletter-form .newsletter-submit:hover input{
	background:#4174c5;
	border-top-color:#5191d4;
}




/* Lower Header */

#lower-header{
	/*! padding-left:5000px; */
	/*! padding-right:5000px; */
	/*! margin-left:-5000px; */
	/*! margin-right:-5000px; */
	background:#f2f4f9;
	color:#3e474c;
	/*! position:relative; */
	z-index:5000;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
}

#lower-header:before{
	position:absolute;
	content:'';
	display:block;
	top:0;
	left:0;
	right:0;
	bottom:0;
	border-top:1px solid #dee0e5;
	border-bottom:1px solid #dee0e5;
	z-index:0;
}

.sticky-header-on.boxed-layout #lower-header{
	padding-left:15px;
	padding-right:15px;
	margin-left:-30px;
	margin-right:-15px;
	position:relative;
	z-index:5000;
}

.boxed-layout #lower-header{
	padding-left:30px;
	padding-right:30px;
	margin-left:-30px;
	margin-right:-30px;
	position:relative;
	z-index:5000;
}

.animate-header #lower-header{
	opacity:.9;
	-moz-opacity:.9;
	-khtml-opacity:.9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";	
	filter: alpha(opacity=90);
}

.animate-header #lower-header:hover{
	opacity:1;
	-moz-opacity:1;
	-khtml-opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	
	filter: alpha(opacity=100);
}


/* Navigation */
#menu-button{
	display:none;
}

#navigation{
	list-style:none;
	margin:0;
	padding:0;
	display:table;
	width:100%;
}

#navigation ul{
	list-style:none;
	margin:0;
	padding:0;
}

#navigation>li{
	position:relative;
	-webkit-perspective: 500px;
	perspective: 500px;
}

#navigation ul{
	-webkit-perspective: 500px;
	perspective: 500px;
}

#navigation>li{
	display:table-cell;
	text-align:center;
	position:relative;
	border-right:1px solid #dee0e5;
	background:#f2f4f9;
}

#navigation>li:first-child{
	border-left:1px solid #dee0e5;
}

#navigation>li.home-button{
	width:60px;
}

#navigation li>a,
#navigation li>span{
	display:block;
	color:#3e474c;
	font-size:16px;
	padding:19px 10px 18px;
	cursor:pointer;
	transition: color 0.1s, background 0.3s;
	-webkit-transition: color 0.1s, background 0.3s;
	-moz-transition: color 0.1s, background 0.3s;
}

#navigation>li>a,
#navigation>li>span{
	border-top:1px solid #dee0e5;
	border-bottom:1px solid #dee0e5;
}

#navigation>li:hover>a,
#navigation>li:hover>span,
#navigation>li.current-menu-item>a,
#navigation>li.current-menu-item>span{
	border-top:1px solid #7cc5f8;
	border-bottom:1px solid #579dd9;
}

#navigation li:hover,
#navigation li:hover>span,
#navigation li:hover>a,
#navigation>li.current-menu-item,
#navigation>li.current-menu-item>span,
#navigation>li.current-menu-item>a{
	text-decoration:none;
	background:#63b2f5;
	color:#fff;
	border-right-color:transparent;
	border-left-color:transparent;
}

#navigation li:hover>a:after,
#navigation>li.current-menu-item>a:after,
#navigation li:hover>span:after,
#navigation>li.current-menu-item>span:after{
	color:#fff;
}


#navigation>li>a:only-child:after,
#navigation>li>span:only-child:after,
#navigation>li.home-button>a:after,
#navigation>li.home-button>span:after{
	content:'';
	display:none;
}

#navigation li.donate-button{
	color:#fff;
	text-transform:uppercase;
	font-size:18px;
	background:#a82512;
	border:none;
	transition: background 0.3s;
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
}

#navigation li.donate-button:hover{
	background:#d3311a;
}

#navigation li.donate-button:hover>a{
	border-top-color:#de3d21;
}

#navigation li.donate-button>a{
	color:#fff;
	padding:18px 10px;
	background:transparent;
	font-size:18px;
	border-top:1px solid #be2e17;
	border-bottom:1px solid #911f0f;
}


/* Dropdown */

#navigation li ul li{
	position:relative;
}

#navigation li ul{
	display:none;
	text-align:left;
	position:absolute;
	font-size:15px;
	background:#f2f4f9;
	z-index:6000;
	box-shadow:0 1px 2px rgba(0,0,0,.1);
	top:100%;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}

#navigation li ul li>a:after,
#navigation li ul li>span:after{
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
	color:#a8abae;
	font-size:13px;
	margin-left:5px;
	content: '\e891';
	position:absolute;
	right:15px;
	top:15px;
}

#navigation li ul li>a:only-child:after,
#navigation li ul li>span:only-child:after{
	content:'';
	display:none;
}

.csstransforms3d #navigation li ul{
	display:block;
	width:200px;
	transform: rotate3d(1,0,0,-90deg);
	-webkit-transform: rotate3d(1,0,0,-90deg);
	-moz-transform: rotate3d(1,0,0,-90deg);
	-ms-transform: rotate3d(1,0,0,-90deg);
	-o-transform: rotate3d(1,0,0,-90deg);
	-webkit-transform-origin:0 0 0;
	-moz-transform-origin:0 0 0;
	transform-origin:0 0 0;
	-khtml-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	transition: transform 0.5s, opacity 0.3s;
	-webkit-transition: -webkit-transform 0.5s, opacity 0.3s;
	-moz-transition: -moz-transform 0.5s, opacity 0.3s;
}

.csstransforms3d #navigation ul ul{
	transform: rotate3d(0,1,0,90deg);
	-webkit-transform: rotate3d(0,1,0,90deg);
	-moz-transform: rotate3d(0,1,0,90deg);
	-ms-transform: rotate3d(0,1,0,90deg);
	-o-transform: rotate3d(0,1,0,90deg);
}

#navigation li ul li ul{
	left:100%;
	top:0;
	margin-left:-10px;
	margin-top:10px;
	z-index:7000;
}

#navigation ul li:last-child,
#navigation ul li:last-child>a,
#navigation ul li:last-child>span{
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	border-bottom:none;
}

#navigation ul li:last-child{
	border-bottom:none;
}

#navigation li ul li>a,
#navigation li ul li>span{
	display:block;
	color:#3e474c;
	font-size:15px;
	padding:10px 20px;
	border-bottom:1px solid #dee0e5;
}

#navigation li:hover>ul{
	display:block;
	width:220px;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	transform: rotate3d(0,0,0,0);
	-webkit-transform: rotate3d(0,0,0,0);
	-moz-transform: rotate3d(0,0,0,0);
	-ms-transform: rotate3d(0,0,0,0);
	-o-transform: rotate3d(0,0,0,0);
}

#navigation li:hover>ul>li{
	display:block;
}