@charset "utf-8";

 body{margin:0; padding:0; font-family: 'Open Sans', sans-serif; font-size:14px; background:#ddd;}
img{border:0}
h1, h2, h3, h4, h5{margin:0; padding:0; font-weight:normal; line-height:normal; font-family: 'Roboto', sans-serif;}
h2{font-size:24px; font-weight:700; color:#333333;}
a{color:#000; text-decoration:none;}
a:hover{color:#000; text-decoration:underline;}
.wrapper{margin:0 auto; width:1150px;}
.header{float:left; width:100%; position:fixed; z-index: 999;}
.header_sec{float:left; width:100%; padding:5px 0; background:#f6bd1f;}
.logo{float:left; width:25%;}
.logo p, .top_right p, .banner p{ margin:0;}
.search_home{float:left; width:49%; margin-left:1%;}
.search_home input{float:left; margin-top:25px;}
.search_in{width:75%; height:39px; border:0; padding-left:2%; color:#333333; font-size:14px; font-family: 'Open Sans', sans-serif;
border-radius:3px 0 0 3px;
-webkit-border-radius:3px 0 0 3px;
}
.input2{border: 1px solid #999;
border-radius: 3px;
color: #333;
font-size: 14px;
padding: 1%;
width: 50%;
}
#wpmem_reg input[type="text"], #wpmem_reg input[type="password"], #wpmem_reg input[type="email"], #wpmem_reg input[type="url"], #wpmem_reg textarea, #wpmem_login input[type="text"], #wpmem_login input[type="password"]{
border: 1px solid #999 !important;
border-radius: 3px !important;
color: #333 !important;
font-size: 14px !important;
padding: 1% !important;
}
.top_margin{margin-top:30px;}
.input_textarea{border: 1px solid #999;
border-radius: 3px;
color: #333;
font-size: 14px;
padding: 1%;
width: 50%;
height:90px;
}
.wpcf7-response-output{ display:table !important;}
.top_right{float:right; width:25%; color:#fff; margin-top:30px; text-align:right;}
.top_right a{color:#FFFFFF; display:inline-block;}
.button{background:#000; padding:8px 15px;
border-radius:3px;
-webkit-border-radius:3px;
}
.menu_sec{float:left; width:100%; background:#fff;}
.active{font-weight:600; color:#000!important;}
.section{float:left; width:100%; margin-top:130px;}
.banner{float:left; width:100%}
.banner img{width:100%; height:auto;}
.content_sec{float:left; width:100%; padding:1% 0;}
.content_left{float:left; width:28.5%; background:#fff;}
.content_left h3{padding:3%; border-bottom:1px solid #ccc; font-size:18px; float:left; width:94%;}
.recent_wrap{float:left; width:94%; padding:3%; font-size:13px;}
.recent_wrap img{width:30%; height:auto; float:left; margin-right:10px;}
.yellow_sml{color:#ff9801; font-size:12px;}
.recent_wrap ul{padding:0; margin:0; list-style-type:none}
.recent_wrap ul li{float:left; width:100%; margin-bottom:15px;}
.category_wrap{float:left; width:94%; padding:3%; font-size: 15px; line-height: 25px;}
.category_wrap ul{padding:0; margin:0 0 0 15px; list-style-type:square}
.category_wrap ul li{float:left; width:100%; margin-bottom:5px; color:#666666;}
.category_wrap ul li a{color:#333333}
.category_wrap ul li a:hover{color:#000}
.content_right{background-color: #fff;
float: right;
padding: 20px;
width: 67%;}
.content_right h2{font-size:24px; margin-bottom:15px; font-weight:700;}
.content_right a{text-decoration:underline;}
.featuted_wrap{float:left; width:100%}
.featuted_wrap ul{padding:0; margin:0; list-style-type:none}
.featuted_wrap ul li{float:left; width:96%; margin-bottom:12px; color:#333; background:#fff; margin-right:1.3%;}
.featuted_wrap ul li a{color:#000}
.featuted_wrap ul li a:hover{color:#000}
.featuted_img{float:left; width:100%}
.featuted_img img{width:100%; height:auto}
.featuted_content{float:left; width:94%; padding:3%; font-size: 17px; line-height: 25px;}
.button2{background:#333; padding:7px 15px; color:#FFFFFF!important; font-size:12px;
border-radius:3px;
-webkit-border-radius:3px;
}
.newsletter{float:left; width:100%; background:#ffaf01; padding:2% 0;}
.inn{float:left; width:250px; border:0; padding:7px; color:#333333; font-size:14px; font-family: 'Open Sans', sans-serif;
border-radius:3px;
-webkit-border-radius:3px;
}
.newsletter h3{float:left; font-size:24px; margin-top:3px;}
.newsletter p{float:left; margin:0; margin-left:7px;}
.submitt{background:#1a1a1a; color:#FFFFFF; font-size:16px; border:0; padding:6px 20px; cursor:pointer;
border-radius:3px;
-webkit-border-radius:3px
}
.footer{float:left; width:96%; padding:2%; text-align:center; color:#999; background:#333; font-size:12px;}
.featuted_wrap_inner{float:left; width:100%; margin-top:20px;}
.featuted_wrap_inner h2{margin-bottom:15px; font-size:24px; font-weight:700;}
.featuted_wrap_inner ul{padding:0; margin:0; list-style-type:none}
.featuted_wrap_inner ul li{float:left; width:24%; margin-bottom:10px; color:#333; background:#fff; margin-right:1%;}
.featuted_wrap_inner ul li a{color:#000}
.featuted_wrap_inner ul li a:hover{color:#000}
.article_sec{float:left; width:100%; color:#333333; font-size: 17px; line-height: 25px;}
.img{width:100%; height:auto}
.article_sec h3{font-weight:400; font-size:17px; color:#000}
.tags_wrap{border-bottom:1px solid #999; border-top:1px solid #999; font-size:12px; padding:7px 0; margin:25px 0;}
#fep-post-title{ width:100% !important;}
#fep-post-title, #fep-about, #fep-category, #fep-tags {border-radius: 5px !important;margin-top:0 !important;}
button#fep-submit-post {
background:#1a1a1a !important; 
color:#FFFFFF; 
font-size:16px !important; 
border:0 !important; 
padding:6px 20px !important; 
cursor:pointer;
border-radius:3px !important;
-webkit-border-radius:3px !important;
}
#wpmem_login input[type="submit"], #wpmem_reg input[type="submit"]{
background:#1a1a1a !important; 
color:#FFFFFF; 
font-size:16px !important; 
border:0 !important; 
padding:6px 20px !important; 
cursor:pointer;
border-radius:3px !important;
-webkit-border-radius:3px !important;
}
@media only screen and ( min-width : 150px) and ( max-width : 768px ) {
.wrapper{margin:0 auto; width:90%;}
.search_home{display:none}
.top_right{float:right; width:50%; color:#fff; margin-top:20px; text-align:right;}
.content_left{float:left; width:100%; background:#fff;}
.content_right{float:right; width:100%}
.featuted_wrap ul li{float:left; width:48%; margin-bottom:10px; color:#333; background:#fff; margin-right:2%;}
.featuted_wrap_inner ul li{float:left; width:96%;}
.newsletter h3{margin-bottom:15px;}
.newsletter p{float:left; margin:0; margin-left:0; margin-bottom:7px; width:100%;}
#fep-post-title, #fep-tags, .input2, .input_textarea{
width: 94% !important;	
}
#fep-category{
width: 100% !important;
}
}
@media only screen and ( max-width : 480px ) {
.logo{width:100%; text-align:center}
.top_right{width:100%; color:#fff; margin-top:0; text-align:center;}
.featuted_wrap ul li{float:left; width:100%; margin-bottom:10px; color:#333; background:#fff; margin-right:0;}
}#cssmenu {
position: relative;
background: #fff;
#width: 100%;
font-weight:400;
margin-top:0;
}
#cssmenu ul {
list-style: none;
padding: 0;
margin: 0;
line-height: 1;
}
#cssmenu > ul {
position: relative;
display: block;
background: #fff;
width: 100%;
z-index: 500;
}
#cssmenu:after,
#cssmenu > ul:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#cssmenu.align-right > ul > li {
float: right;
}
#cssmenu.align-center ul {
text-align: center;
}
#cssmenu.align-center ul ul {
text-align: left;
}
#cssmenu > ul > li {
display: inline-block;
float:left;
position: relative;
margin: 0;
padding: 0;
}
#cssmenu > ul > #menu-button {
display: none;
}
#cssmenu ul li a {
display: block;  
text-decoration: none;
}
#cssmenu > ul > li > a {
padding:15px 11px;
color: #333;
font-size:14px;
margin-left:1px;
-webkit-transition: color 0.25s ease-out;
-moz-transition: color 0.25s ease-out;
-ms-transition: color 0.25s ease-out;
-o-transition: color 0.25s ease-out;
transition: color 0.25s ease-out;
border-radius:3px;
-webkit-border-radius:3px;
}
#cssmenu > ul > li.has-sub > a {
padding-right: 32px;
}
#cssmenu > ul > li:hover > a {
color:#000!important;
}
#cssmenu li.has-sub::after {
display: block;
content: "";
position: absolute;
width: 0;
height: 0;
}
#cssmenu > ul > li.has-sub::after {
right: 15px;
top: 16px;
border:5px solid transparent;
border-top-color: #ddd;
}
#cssmenu > ul > li:hover::after {
border-top-color: #ffc32c;
}
#indicatorContainer {
position: absolute;
height: 12px;
width: 100%;
bottom: 0px;
overflow: hidden;
z-index: -1;
}
#pIndicator {
position: absolute;
height: 0;
width: 100%;
border: 12px solid transparent;
border-top-color: #2b2f3a;
z-index: -2;
-webkit-transition: left .25s ease;
-moz-transition: left .25s ease;
-ms-transition: left .25s ease;
-o-transition: left .25s ease;
transition: left .25s ease;
}
#cIndicator {
position: absolute;
height: 0;
width: 100%;
border: 12px solid transparent;
border-top-color: #2b2f3a;
top: -12px;
right: 100%;
z-index: -2;
}
#cssmenu ul ul {
position: absolute;
left: -9999px;
top: 30px;
opacity: 0;
-webkit-transition: opacity .3s ease, top .25s ease;
-moz-transition: opacity .3s ease, top .25s ease;
-ms-transition: opacity .3s ease, top .25s ease;
-o-transition: opacity .3s ease, top .25s ease;
transition: opacity .3s ease, top .25s ease;
z-index: 1000;
}
#cssmenu ul ul ul {
top: 30px;
padding-left: 5px;
}
#cssmenu ul ul li {
position: relative;
}
#cssmenu > ul > li:hover > ul {
left: auto;
top: 37px;
opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
left: auto;
right: 0;
opacity: 1;
}
#cssmenu ul ul li:hover > ul {
left: 170px;
top: 0;
opacity: 1;
}
#cssmenu.align-right ul ul li:hover > ul {
left: auto;
right: 170px;
top: 0;
opacity: 1;
padding-right: 5px;
}
#cssmenu ul ul li a {
width: 200px;
font-size:12px;
border-bottom: 1px solid #222;
padding: 8px 10px;
color: #fff;
background: #333;
-webkit-transition: all .35s ease;
-moz-transition: all .35s ease;
-ms-transition: all .35s ease;
-o-transition: all .35s ease;
transition: all .35s ease;
}
#cssmenu.align-right ul ul li a {
text-align: right;
}
#cssmenu ul ul li:hover > a {
background: #222;
color: #fff;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last > a {
border-bottom: 0;
}
#cssmenu > ul > li > ul::after {
content: '';
border: 7px solid transparent;
width: 0;
height: 0;
border-bottom-color: #fff;
position: absolute;
top: -15px;
left: 30px;
}
#cssmenu.align-right > ul > li > ul::after {
left: auto;
right: 30px;
}
#cssmenu ul ul li.has-sub::after {
border: 4px solid transparent;
border-left-color: #9ea2a5;
right: 10px;
top: 12px;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
-webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub::after {
border-left-color: transparent;
border-right-color: #9ea2a5;
right: auto;
left: 10px;
}
#cssmenu ul ul li.has-sub:hover::after {
border-left-color: #ffffff;
right: -5px;
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
#cssmenu.align-right ul ul li.has-sub:hover::after {
border-right-color: #ffffff;
border-left-color: transparent;
left: -5px;
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
#cssmenu {
width: 100%;
}
#cssmenu.align-center ul {
text-align: left;
}
#cssmenu.align-right > ul > li {
float: none;
}
#cssmenu ul {
width: auto;
}
#cssmenu .submenuArrow,
#cssmenu #indicatorContainer {
display: none;
}
#cssmenu > ul {
height: auto;
display: block;
}
#cssmenu > ul > li {
float: none;
}
#cssmenu li,
#cssmenu > ul > li {
display: none;
}
#cssmenu ul ul,
#cssmenu ul ul ul,
#cssmenu ul > li:hover > ul,
#cssmenu ul ul > li:hover > ul,
#cssmenu.align-right ul ul,
#cssmenu.align-right ul ul ul,
#cssmenu.align-right ul > li:hover > ul,
#cssmenu.align-right ul ul > li:hover > ul {
position: relative;
left: auto;
top: auto;
opacity: 1;
padding-left: 0;
padding-right: 0;
right: auto;
}
#cssmenu ul .has-sub::after {
display: none;
}
#cssmenu ul li a {
padding: 10px 15px;
}
#cssmenu ul ul li a {
border: 0;
background: none;
width: auto;
padding: 8px 15px;
color:#009a4a;
font-size:13px;
}
#cssmenu.align-right ul ul li a {
text-align: left;
}
#cssmenu ul ul li:hover > a {
background: none;
color: #000;
}
#cssmenu ul ul ul a {
padding: 8px 50px;
}
#cssmenu ul ul ul ul a {
padding: 8px 65px;
}
#cssmenu ul ul ul ul ul a {
padding: 8px 80px;
}
#cssmenu ul ul ul ul ul ul a {
padding: 8px 95px;
}
#cssmenu > ul > #menu-button {
display: block;
cursor: pointer;
}
#cssmenu #menu-button > a {
padding: 10px 20px;
}
#cssmenu ul.open li,
#cssmenu > ul.open > li {
display: block;
}
#cssmenu > ul.open > li#menu-button > a {
color: #f6bd1f;
border-bottom: 1px solid rgba(150, 150, 150, 0.1);
}
#cssmenu ul ul::after {
display: none;
}
#cssmenu #menu-button::after {
display: block;
content: '';
position: absolute;
height: 3px;
width: 22px;
border-top: 2px solid #999;
border-bottom: 2px solid #999;
right: 20px;
top: 13px;
}
#cssmenu #menu-button::before {
display: block;
content: '';
position: absolute;
height: 3px;
width: 22px;
border-top: 2px solid #999;
right: 20px;
top: 23px;
}
#cssmenu ul.open #menu-button::after,
#cssmenu ul.open #menu-button::before {
border-color: #f6bd1f;
}
}