/* Content Animation */
.nav{ z-index:5000; position:relative;}
.animated{
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
#lower-header{ float:left; margin-left:60px;}
@-webkit-keyframes fadeInDown{
	0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
	100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}

@keyframes fadeInDown{
	0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}
	100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
/* ==================================== */
		      /* HEADER */
/* ==================================== */

#main-header{
	/*padding-left:5000px;
	padding-right:5000px;
	margin-left:-5000px;
	margin-right:-5000px;*/
	/*background:#274472;*/
	color:#e2eaf2;
	position:relative;
	z-index:5000;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	overflow-x:hidden;
}
.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{
	padding:0;
	border:none;
	font-size:14px;
	color:#97acc3;
	font-style:italic;
	position:relative;
	padding-left:18px;
	background:transparent;
	font-weight:400;
}
#header{
	z-index:5000;
	top:0;
	left:0;
	right:0;
	position:relative;
}

#header.sticky-header{
	position:fixed;
}

.boxed-layout #header.sticky-header{
	left:auto;
	right:auto;
}
#navbar-search i{ width:20px;}

/* Navigation */
#navigation *{transition:all 0.3s ease 0s;}
#menu-button{
	display:none;
}

#navigation{
	text-align: right;
	list-style:none;
	padding:0px 0px 0 0px;
	display:block;
	transition:all 0.3s ease 0s;
	z-index: 999999;
}

@media(max-width:1200px){
}
@media(max-width:992px){

}
@media(max-width:992px){
	#navigation{display: none;}
}

#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;
	cursor: pointer;
	display: inline-block;
	padding:0px 0 0 0;
	margin:0 0px 0 60px; 
	float: left;
}
#navigation>li:first-child{
	margin:0 0 0 0;
}
#navigation>li:last-child{
	margin:;
}
#navigation>li.home-button{
	width:60px;
}

#navigation li>a,
#navigation li>span{
	display:block;
	color:#999;
	line-height: 50px;
	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>span>a{color:#333333;font-size:18px;text-transform:inherit;line-height: 50px;display: inline-block;vertical-align: middle;text-transform: capitalize;position: relative;padding:0;font-family:"sfprotext-b";}
#navigation>li>span>a:before{transition:all 0.3s ease 0s;position: absolute;width: 100%;height: 100%;background: #fff;left:0;bottom:0;content: "";display: inline-block;background: url() no-repeat top center;}
#navigation>li>span>a>i{margin:0 0 0 10px;line-height:46px;color: #222;padding:0;font-size: 16px;display: inline-block;}

@media(max-width:1470px){
}
@media(max-width:1200px){
	#navigation>li{margin:0 0px 0 50px; }
}
#navigation>li:first-child{
	padding:;
}
#navigation>li:last-child{
	padding:;
}
}
@media(max-width:992px){}
@media(max-width:768px){}
@media(max-width:480px){}

#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;
	color:#ffb138;
}
#navigation>li:hover>span a:before{width: 100%}
#navigation>.active>span a:before{width: 100%}
#navigation>li:hover>span>a>i{}
#navigation>.active>span>a>i{}

#navigation>li:hover>span>a{color: #30bc30;background: #fff}
#navigation>.active>span>a{color: #30bc30;background: #fff}

#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:#30bc30;
}

#navigation li ul li a:hover{ color:#fff;background: #30bc30;}
/*#navigation>li>span:after{
	font-family: "FontAwesome";
	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:#fff;
	font-size:16px;
	margin-left:5px;
	content: '\f0d7';
}
导航上的三角符号
*/
#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;
}
#navigation img{ vertical-align:middle;}
/* Dropdown */

#navigation li ul li{
	position:relative;
	margin: 0px 0 0 0;
	background: #fff;
}

#navigation li ul{
	left:-0px;
	transition:all 0.3s ease 0s;
	display:none;
	text-align:left;
	position:absolute;
	font-size:15px;
	z-index:6000;
	box-shadow:0 1px 2px rgba(0,0,0,.1);
	top:100%;
 -webkit-box-shadow:1px 1px 10px rgba(0,0,0,0.3);
   -moz-box-shadow:1px 1px 10px rgba(0,0,0,0.3);
     -o-box-shadow:1px 1px 10px rgba(0,0,0,0.3);
        box-shadow:1px 1px 10px rgba(0,0,0,0.3);
}
#navigation li ul li>a:after,
#navigation li ul li>span:after{
	font-family: "FontAwesome";
	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:#999;
	font-size:13px;
	margin-left:5px;
	content: '\f0da';
	position:absolute;
	right:15px;
	top:12px;
}

#navigation li ul li>a:only-child:after,
#navigation li ul li>span:only-child:after{
	content:'';
	display:none;
}
 #navigation li ul{
	transition:all 0.3s ease 0s;
	display:block;
	display:none\9;
	width:240px;
	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;
}
 #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:0px;
	z-index:200;
}

#navigation ul li:last-child,
#navigation ul li:last-child>a,
#navigation ul li:last-child>span{
	border-bottom:none;
}
#navigation ul li:last-child{
	border-bottom:none;
}
#navigation li ul li>a{
	display:block;
	color:#fff;
	padding:0px 10px;
	border-bottom:1px solid #eee;
	font-weight:normal;
}
#navigation li ul li>span{
	display:block;
	color:#222;
	padding:0px 0px;
	border-bottom:1px solid #d9d9d9;
	font-weight:normal;
}
#navigation li ul li>span>a{ color:#222;font-size: 14px;line-height: 24px;padding:8px 10px;display: inline-block;width: 100%;}
#navigation li ul li ul li>span>a{ color:#222;font-size: 14px;line-height: 24px;padding:8px 10px;display: inline-block;width: 100%;}
#navigation li:hover>ul{
	display:block;
	width:240px;
	-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;display: inline-block;width: 100%
}

#navigation ul li:hover>span>a{
	background: #f5f5f5;color: #30bc30;
}

#navigation>li{}
#navbar-search{ float:right!important}


@media(max-width:1440px){}

@media(max-width:1200px){
	#navigation>li{margin:0 0 0 30px;}
	#navigation>li:first-child{padding:;} 
	#navigation>li:last-child{padding:;}
}
@media(max-width:992px){
	#navigation>li{margin:0 0 0 10px;}
	#navigation>li>span>a{}
	#navigation>li>span>a{padding:;}
	#navigation>li{}
	#navigation>li:first-child{padding:;} 
	#navigation>li:last-child{padding:;}
}
@media(max-width:768px){

}
@media(max-width:480px){}

/* Mobile and Tablet */
@media(max-width:768){
	.input-group{ width:100%; padding-bottom:20px; padding-left:15px;}
	.form-control_1{ width:79%;}
	#navigation > li{ padding:0px 0px;}
	/* Sticky Header Fix */
	#header.sticky-header .container{
		width:auto;
	}
	/* Tablet & Mobile Navigation */
	#menu-button{
		display:block;
		width:100%;
		position:relative;
		z-index:6000;
		height:60px;
		cursor:pointer;
		transition:background 0.3s;
		-webkit-transition:background 0.3s;
		-moz-transition:background 0.3s;
		text-align:right;
		 font-weight:700; font-weight:normal; text-transform:uppercase;
	}
	
	#menu-button:hover{
		border-bottom-color:transparent;
	}
	
	#menu-button>div{
		display:inline-block;
		vertical-align:top;
		margin-left:20px;
		margin-right:7px;
		width:38px; height:38px; background:#ffb138; border-radius:50%;
		padding-top:9px;
		margin-top:10px;
	}
	
	#menu-button>span{
		font-size:16px;
		transition:color 0.3s;
		-webkit-transition:color 0.3s;
		-moz-transition:color 0.3s;
		color:#000;
	}
	
	#menu-button:hover>span{
		color:#000;
	}
	
	#menu-button>div>span{
		display:block;
		width:17px;
		height:3px;
		background:#fff;
		margin:3px auto;
		transition:background 0.3s;
		-webkit-transition:background 0.3s;
		-moz-transition:background 0.3s;
		color:#fff;
	}
	
	#navigation{
		display:none;
		width:100%!important;
		text-align:left;
	}
	
	#navigation ul,
	#navigation li ul,
	#navigation ul li:last-child,
	#navigation ul li:last-child>a,
	#navigation ul li:last-child>span{
		border-radius:0!important;
	}
	
	#navigation>li{
		border-left:1px solid #dee0e5;
		border-right:1px solid #dee0e5;
	}
	
	#navigation li{
		display:block!important;
		width:100%!important;
		text-align:left;
	}
	
	#navigation li>span{
		cursor:default;
	}
	
	#navigation>li.home-button>a:after,
	#navigation>li.home-button>span:after{
		content:'\f0d7';
		display:block;
	}
	.header{ padding-bottom:0px;}
	#navigation>li.home-button>a:only-child:after,
	#navigation>li.home-button>span:only-child:after{
		display:none;
	}
	
	#navigation li,
	#navigation li>span
	#navigation li>a{
		border:none;
	}
	#navigation > li:hover, #navigation > li.current-menu-item{ border-top:none;}
	#navigation li>span:after,
	#navigation lI>a:after{
		right:15px;
		position:absolute;
		top:15px;
		content:'\f0d7';
		font-family:FontAwesome;
	}
	
	#navigation li.dropdown-opened>span:after,
	#navigation li.dropdown-opened>a:after{
		content: '\f0d7';
		font-family:FontAwesome;
	}
	
	#navigation.navigation-opened{
		display:block;
	}
	
	#navigation li ul{
		box-shadow:none;
	}
	
	#navigation li ul,
	#navigation li ul li ul,
	.csstransforms #navigation li ul,
	.csstransforms #navigation li ul li ul{
		display:none;
		width:100%!important;
		-moz-opacity: 1!important;
		-khtml-opacity: 1!important;
		opacity: 1!important;
		transform:scale(1)!important;
		-webkit-transform:scale(1)!important;
		-moz-transform:scale(1)!important;
		position:relative;
		top:0;
		left:0;
		right:0;
		bottom:0;
		margin:0;
		padding:0px 20px;
	}
	
	#navigation>li>span,
	#navigation>li>a{
		font-size:15px;
		padding:10px 20px!important;
	}
	
	#navigation ul li>span,
	#navigation ul li>a{
		padding-left:0px!important;
	}
	
	#navigation ul ul li>span,
	#navigation ul ul li>a{
	}
	
	#navigation li>.dropdown-button{
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		width:50px;
		background:transparent;
		cursor:pointer;
	}
	
	
	
	.related-products .shop-item{
		margin-bottom:30px;
	}
	
	.team-member.big .team-member-image{
		width:100%;
		padding-right:0;
		float:none;
	}

	.team-member.big .team-member-info{
		float:none;
		width:100%;
		padding:20px;
	}
	#header.sticky-header{ position:fixed; right:0px; top:0px; z-index:5000;}
	
#header{
	z-index:5000;
	top:0;
	left:0;
	right:0;
	position:relative;
}
#navigation{ background:#f3f3f3;}

 #navigation li ul{ background:#fff;}
}