html{
overflow-x:hidden;
}
.huanying{
padding-left:0px;
padding-right:0px;
}
/* Lower Header */
#lower-header{
background:#0AA770;
position:relative;
z-index:100;
margin-top:22px;
}
#lower-header:before{
position:absolute;
content:'';
display:block;
top:0;
left:0;
right:0;
bottom:0;
z-index:0;
}
/* Navigation */
#menu-button{
display:none;
}
#navigation{
list-style:none;
margin-left:-15px;
margin-right:-15px;
padding:0px;
display:table;
}
#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;
background:#0AA770;
}
#navigation>li.home-button{
width:60px;
}
#navigation li>a,
#navigation li>span{
display:block;
color:#fff;
font-size:16px;
padding:11px 10px 0px 10px;
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:#FFF;
}
#navigation li:hover,
#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:#118860;
color:#EEC844;
}
#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:after,
#navigation>li>span:after{
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
color:#a8abae;
font-size:13px;
margin-left:5px;
content: '\e88e';
}
#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;
}
.wumai_menu_a_i{
background:#118860;
padding:11px 28px 14px 26px;
margin-left:-10px;
margin-right:-28px;
}
/* Dropdown */
#navigation li ul li{
position:relative;
}
#navigation li ul{
display:none;
text-align:left;
position:absolute;
font-size:15px;
background:#118860;
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:#fff;
font-size:15px;
padding:10px 20px;
border-bottom:1px solid #0E7453;
}
#navigation li:hover>ul{
display:block;
width:200px;
-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;
}
/* ==================================== */
/* Responsive */
/* ==================================== */
@media(max-width:1024px){
#navigation li>a,
#navigation li>span{
font-size:15px;
padding:17px 5px 0px 5px;
}
}
/* Medium Desktop */
@media(min-width:992px) and (max-width:1199px){
/* Sticky Header Fix */
#header.sticky-header .container,
.full-width-slider .slide{
width:980px;
}
/* Blockquote Break Line Fix */
#main-header blockquote br{
display:none;
}
}
/* Tablet */
@media(min-width:768px) and (max-width:991px){
/* Blockquote Break Line Fix */
#main-header blockquote br{
display:none;
}
}
/* Mobile and Tablet */
@media(max-width:991px){
.container{
width:auto;
}
/* Tablet & Mobile Navigation */
#menu-button{
display:block;
width:100%;
position:relative;
z-index:6000;
height:46px;
padding-top:13px;
cursor:pointer;
transition:background 0.3s;
-webkit-transition:background 0.3s;
-moz-transition:background 0.3s;
border-left:1px solid #058572;
border-right:1px solid #058572;
}
#menu-button:hover{
background:#118860;
border-bottom-color:transparent;
}
#menu-button:hover>div>span{
background:#fff;
}
#menu-button>div{
display:inline-block;
vertical-align:top;
margin-left:20px;
margin-right:7px;
}
#menu-button>span{
font-size:16px;
transition:color 0.3s;
-webkit-transition:color 0.3s;
-moz-transition:color 0.3s;
}
#menu-button:hover>span{
color:#fff;
}
#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;
}
#navigation{
display:none;
width:100%!important;
text-align:left;
margin-left:0px;
}
#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;
}
.menu_bu_1{
color:#FFF;
}
#navigation li{
display:block!important;
width:100%!important;
text-align:left;
}
#navigation li>span{
cursor:default;
border:0px;
}
#navigation>li.home-button>a:after,
#navigation>li.home-button>span:after{
content:'\e891';
display:block;
}
#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-color:#dee0e5!important;
}
#navigation li>span:after,
#navigation lI>a:after{
right:15px;
position:absolute;
top:15px;
content:'\e891';
}
#navigation li.dropdown-opened>span:after,
#navigation li.dropdown-opened>a:after{
content: '\e88e';
}
#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;
}
#navigation>li>span,
#navigation>li>a{
font-size:15px;
padding:10px 20px!important;
border-top:1px solid #05846F;
border-bottom:0px;
}
#navigation ul li>span,
#navigation ul li>a{
padding-left:30px!important;
}
#navigation ul ul li>span,
#navigation ul ul li>a{
padding-left:40px!important;
}
#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;
}
/* Blog */
.blog-post.style2 .post-image{
float:none;
width:100%;
margin-bottom:20px;
}
.blog-post.style2 .post-content{
padding:0;
margin-left:0;
float:none;
}
/* Shop */
.shop-product-gallery{
width:100%;
float:none;
margin-bottom:30px;
padding-right:0;
}
.shop-product-content{
width:100%;
float:none;
padding-left:0;
}
.checkout-coupon-form input[type="submit"]{
margin:0;
}
.checkout-coupon-form input[type="text"]{
width:100%;
margin-bottom:5px;
min-width:0;
}
.customize-box{
display:none!important;
}
}
/* Mobile Devices */
@media(max-width:767px){
.customize-box{
display:none!important;
}
#main-header{
height:auto;
text-align:center;
}
#main-header blockquote{
text-align:left;
display:inline-block;
margin:30px 0;
}
#main-header blockquote br{
display:none;
}
.portfolio-pagination>div{
text-align:left;
margin-top:10px;
}
}
@media(max-width:768px){
#lower-header{
margin-top:15px;
}
.huanying{
margin-left:15px;
margin-right:15px;
}
.wumai_menu_a_i{
background:none;
padding:11px 28px 14px 10px;
margin-left:0px;
margin-right:0px;
}
}
@media(max-width:640px){
#lower-header{
margin-top:0px;
}
}
@media(max-width:480px){
#lower-header{
margin-top:0px;
}
}
@media(max-width:320px){
#lower-header{
margin-top:0px;
}
}