/* 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{

	list-style:none;

	padding:0px 0px 0 0px;

	display:block;

	transition:all 0.3s ease 0s;

	z-index: 999999;

	width: auto;

}



@media(max-width:1200px){

}

@media(max-width:992px){

#navigation{display: none;}

}

@media(max-width:768px){

	

}



#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 0px 0 0;

	margin:0 0px 0 0px; 

	float: left;

}

#navigation>li:first-child{

	margin:0;

}

#navigation>li:last-child{

}

#navigation>li.home-button{

	width:60px;

}



#navigation li>a,

#navigation li>span{

	display:inline-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:#333;font-size:14px;text-transform:inherit;line-height: 40px;display: inline-block;vertical-align: middle;text-transform: uppercase;position: relative;padding:0 50px;color:#fff;font-family: "sf-pro-text_regular";}

#navigation>li>span>a:before{}

#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>span>a{}

	#navigation>li{padding:0 0px 0 0}

	#navigation>li>span>a{padding:0 30px}

}

@media(max-width:992px){

	#navigation>li>span>a{}

}

@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: #fff;background: #3573b9;}

#navigation>.active>span>a{color: #fff;background: #3573b9;}



#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:#3573b9;

}



#navigation li ul li a:hover{ color:#fff;background: #3573b9;}

/*#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%;

	z-index: 100;

 -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.1);

   -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.1);

     -o-box-shadow:1px 1px 2px rgba(0,0,0,0.1);

        box-shadow:1px 1px 2px rgba(0,0,0,0.1);

}

#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 #f6f4f4;

	font-weight:normal;

}

#navigation li ul li>span>a{ color:#222;font-size: 12px;line-height: 22px;padding:8px 10px;display: inline-block;width: 100%;}

#navigation li ul li ul li>span>a{ color:#222;font-size: 12px;line-height: 22px;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: #3573b9;

}



#navigation>li{}

#navbar-search{ float:right!important}





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



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

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

@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;}

}