/*=========================================================
	GENERAL
===========================================================*/
/*----------------------------*\
	typography
\*----------------------------*/
 body {
	 font-family: Helvetica,'Open Sans','Microsoft YaHei','微軟雅黑體','Microsoft Jhenghei','微軟正黑體', sans-serif,'WenQuanYi Micro Hei',Simhei;
	 font-size: 16px;
	 font-weight: 400;
	 color: #4a4a3c;
	 margin: 0;
	 padding: 0;
	 overflow-x: hidden;
	 line-height:1.6em;
}
 h1, h2, h3, h4, h5, h6 {
	 font-family: Helvetica,'Open Sans','Microsoft YaHei','微軟雅黑體','Microsoft Jhenghei','微軟正黑體', sans-serif,'WenQuanYi Micro Hei',Simhei;
	 /*font-weight: 700;*/
	 color: #4a4a3c;
	 padding:0;
}
 h1 {
	 font-size: 34px;
	 margin: 0 0 5px 0;
	 line-height:1.2em;
}
 h2 {
	 font-size: 28px;
	 margin: 25px 0 5px 0;
}
 h3 {
	 font-size: 20px;
	 margin: 25px 0 5px 0;
}
 h4 {
	 font-size: 24px;
	 margin: 0px 0 5px 0;
}
h5 {
	font-size: 18px;
}
h2:first-child,h3:first-child {
	margin-top:0px;
}
 a {
	 /*font-weight: 600;*/
	 color: #4a4a3c;
	 text-decoration: none;
	 -webkit-transition: all 0.5s;
	 -moz-transition: all 0.5s;
	 -ms-transition: all 0.5s;
	 -o-transition: all 0.5s;
	 transition: all 0.5s;
 }
 a:hover, a:focus{
	color: #4a4a3c;
	text-decoration: underline;
	outline: none;
}
 input:focus, button:focus{
	outline: none;
 }
 p {
	 margin: 0;
	 margin-bottom:1em;
}
 ul,ol{
	 margin: 0;
	 /*padding: 0;
	 list-style: none */
}
 ul.list-style, ol.list-style {
	 padding-left: 15px;
	 margin-bottom: 10px;
}
 ul.list-style {
	 list-style-type: disc;
}
 ol.list-style {
	 list-style-type: decimal;
}
 blockquote.blockquote {
	 position:relative;
	 border-left:0;
	 font-weight:600;
	 margin-bottom:10px;
	 padding: 20px;
}
 blockquote.blockquote:before {
	 content: "``";
	 font-family: Helvetica,'Open Sans','Microsoft YaHei','微軟雅黑體','Microsoft Jhenghei','微軟正黑體', sans-serif,'WenQuanYi Micro Hei',Simhei;
	 display: block;
	 position: absolute;
	 left: -5px;
	 top: 5px;
	 font-size: 240px;
	 line-height: 200px;
	 color: #eceef2;
	 letter-spacing: -30px;
	 z-index: -2;
}
 figure.figure-img {
	 margin-bottom:20px;
}
 figure.figure-img figcaption {
	 padding-top:5px;
	 font-size: 13px;
	 font-weight:600;
}
 .input {
	 height: 40px;
	 border: 2px solid #eceef2;
	 width: 100%;
	 padding: 0px 15px;
	 -webkit-transition: 0.2s border;
	 transition: 0.2s border;
}
 .input:focus {
	 border-color: #3d455c;
}
 textarea.input {
	 height: 90px;
	 padding: 15px;
}
 .primary-button {
	 padding: 9px 45px;
	 border: none;
	 background-color: #212631;
	 font-weight: 600;
	 text-transform: uppercase;
	 font-size: 13px;
	 color: #fff;
	 -webkit-transition: 0.2s opacity;
	 transition: 0.2s opacity;
}
 .primary-button:hover,.primary-button:focus {
	 color: #fff;
	 opacity: 0.9;
}
 .section {
	 padding-top: 15px;
}
 .section.section-grey {
	 background-color: #fbfbfd;
	 border-bottom: 1px solid #eceef2;
	 border-top: 1px solid #eceef2;
}
 .section .section-title {
	 margin-bottom: 40px;
}
 .section .section-title h2 {
	 text-transform: capitalize;
	 font-size: 28px;
}
 .section-row {
	 margin-bottom:40px;
}
 ::placeholder {
	color: #ccc;
	opacity: 1;
}
 :-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #ccc;
}
 ::-ms-input-placeholder { /* Microsoft Edge */
	color: #ccc;
}
/*=========================================================
	NAVIGATION
===========================================================*/
 #nav {
	 height: 110px;
}
 #nav:after {
	 content: "";
	 position: fixed;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 top: 0;
	 background-color: rgba(33, 38, 49, 0.5);
	 z-index: 90;
	 opacity: 0;
	 visibility: hidden;
	 -webkit-transition: 0.2s all;
	 transition: 0.2s all;
}
 #nav.shadow-active:after {
	 opacity: 1;
	 visibility: visible;
}
 #nav-fixed {
	 position: fixed;
	 left: 0;
	 right: 0;
	 top: 0;
	 z-index: 90;
	 background-color: #FFF;
	 /*-webkit-box-shadow: 0px -1px 0px 0px #eceef2 inset;
	 box-shadow: 0px -1px 0px 0px #eceef2 inset;*/
	 -webkit-box-shadow: 0px -2px 5px 0px #666;
	 box-shadow: 0px -2px 5px 0px #666;
	 
}
 #nav-fixed.slide-down {
	 -webkit-animation: slide-down 0.3s;
	 animation: slide-down 0.3s;
}
 #nav-fixed.slide-up {
	 -webkit-animation: slide-up 0.3s;
	 animation: slide-up 0.3s;
	 -webkit-animation-fill-mode: forwards;
	 animation-fill-mode: forwards;
}
 @-webkit-keyframes slide-down {
	 from {
		 -webkit-transform:translateY(-100%);
		 transform:translateY(-100%);
	}
	 to {
		 -webkit-transform:translateY(0%);
		 transform:translateY(0%);
	}
}
 @keyframes slide-down {
	 from {
		 -webkit-transform:translateY(-100%);
		 transform:translateY(-100%);
	}
	 to {
		 -webkit-transform:translateY(0%);
		 transform:translateY(0%);
	}
}
 @-webkit-keyframes slide-up {
	 from {
		 -webkit-transform:translateY(0%);
		 transform:translateY(0%);
	}
	 to {
		 -webkit-transform:translateY(-100%);
		 transform:translateY(-100%);
	}
}
 @keyframes slide-up {
	 from {
		 -webkit-transform:translateY(0%);
		 transform:translateY(0%);
	}
	 to {
		 -webkit-transform:translateY(-100%);
		 transform:translateY(-100%);
	}
}
 #nav .container {
	 position: relative;
}
/*----------------------------*\
	logo
\*----------------------------*/
 .nav-logo {
	 float:left;
	 padding-top:8px;
}
 .nav-logo .logo {
	 line-height: 70px;
	 display:inline-block;
}
 .nav-logo .logo > img {
	 width: 100%;
	 max-height: 70px;
}
/*----------------------------*\
	menu
\*----------------------------*/
 .nav-menu {
	 margin-left: 10px;
}
 .nav-menu li a {
	 position: relative;
	 padding: 25px 5px;
	 text-transform: capitalize;
	 -webkit-box-shadow: -1px 0px 0px 0px #eceef2 inset;
	 box-shadow: -1px 0px 0px 0px #eceef2 inset;
	 -webkit-transition: 0.2s color;
	 transition: 0.2s color;
	 font-size: 18px;
	 color: #4a4a3c;
	 font-weight:bold;
}
 .nav-menu li:first-child a {
	 border-left: 1px solid #eceef2;
}
 .nav-menu li a:after {
	 content: '';
	 position: absolute;
	 left: 0;
	 right: 0;
	 bottom: 0px;
	 width: 100%;
	 height: 5px;
	 -webkit-transition: 0.2s width;
	 transition: 0.2s width;
}
.nav-menu>li.cat-0>a:after {
	background-color: #007166;
}
.nav-menu>li.cat-1>a:after {
	 background-color: #ff0000;
}
.nav-menu>li.cat-2>a:after {
	 background-color: #ff8700;
}
.nav-menu>li.cat-3>a:after {
	 background-color: #669999;
}
.nav-menu>li.cat-4>a:after {
	 background-color: #880088;
}
.nav-menu>li.cat-5>a:after {
	background-color: #009999;
}
.nav-menu>li.cat-6>a:after {
	background-color: #B0A690;
}
.nav-menu>li.cat-7>a:after {
	background-color: #c79655;
}
.nav-menu>li.cat-8>a:after {
	background-color: #996666;
}
.nav-menu>li.cat-9>a:after {
	background-color: #99cc33;
}
.nav-menu>li.cat-10>a:after {
	background-color: #0066aa;
}

.nav-menu>li.cat-0>ul.dropdown-menu>li:hover {
	background-color: #007166;
	color:#fcfcfc;
}
.nav-menu>li.cat-1>ul.dropdown-menu>li:hover {
	background-color: #ff0000;
	color:#fcfcfc;
}
.nav-menu>li.cat-2>ul.dropdown-menu>li:hover {
	background-color: #ff8700;
	color:#fcfcfc;
}
.nav-menu>li.cat-3>ul.dropdown-menu>li:hover {
	background-color: #669999;
	color:#fcfcfc;
}
.nav-menu>li.cat-4>ul.dropdown-menu>li:hover {
	background-color: #880088;
	color:#fcfcfc;
	}
.nav-menu>li.cat-5>ul.dropdown-menu>li:hover {
	background-color: #009999;
	color:#fcfcfc;
}
.nav-menu>li.cat-6>ul.dropdown-menu>li:hover {
	background-color: #B0A690;
	color:#fcfcfc;
}
.nav-menu>li.cat-7>ul.dropdown-menu>li:hover {
	background-color: #c79655;
	color:#fcfcfc;
}
.nav-menu>li.cat-8>ul.dropdown-menu>li:hover {
	background-color: #996666;
	color:#fcfcfc;
}
.nav-menu>li.cat-9>ul.dropdown-menu>li:hover {
	background-color: #99cc33;
	color:#fcfcfc;
}
.nav-menu>li.cat-10>ul.dropdown-menu>li:hover {
	background-color: #0066aa;
	color:#fcfcfc;
}

.nav-menu>li>ul.dropdown-menu>li>a.dropdown-item:hover {
	color:#fcfcfc;
}

.nav-menu li a:hover, .nav-menu li a:focus {
	 background-color: transparent;
	 text-decoration: none;
}
.nav-menu>li.cat-0>a:hover, .nav-menu>li.cat-0>a:focus {
	color: #007166;
}
.nav-menu>li.cat-1>a:hover, .nav-menu>li.cat-1>a:focus {
	 color: #ff0000;
}
 .nav-menu>li.cat-2>a:hover, .nav-menu>li.cat-2>a:focus {
	 color: #ff8700;
}
 .nav-menu>li.cat-3>a:hover, .nav-menu>li.cat-3>a:focus {
	 color: #669999;
}
 .nav-menu>li.cat-4>a:hover, .nav-menu>li.cat-4>a:focus {
	 color: #880088;
}
.nav-menu>li.cat-5>a:hover, .nav-menu>li.cat-5>a:focus {
	color: #009999;
}
.nav-menu>li.cat-6>a:hover, .nav-menu>li.cat-6>a:focus {
	color: #B0A690;
}
.nav-menu>li.cat-7>a:hover, .nav-menu>li.cat-7>a:focus {
	color: #c79655;
}
.nav-menu>li.cat-8>a:hover, .nav-menu>li.cat-8>a:focus {
	color: #996666;
}
.nav-menu>li.cat-9>a:hover, .nav-menu>li.cat-9>a:focus {
	color: #99cc33;
}
.nav-menu>li.cat-10>a:hover, .nav-menu>li.cat-10>a:focus {
	color: #0066aa;
}
/*----------------------------*\
	search
\*----------------------------*/
 .nav-btns {
	 float:right;
	 display: flex;
	 flex-direction: column;
}
 .nav-btns > button {
	 padding: 25px 25px;
	 border: none;
	 line-height: 20px;
	 background: transparent;
}
 .nav-btns .search-form {
	 position: absolute;
	 left: 170px;
	 right: 0;
	 top: 0;
	 bottom: 0px;
	 padding: 0px 15px;
	 opacity: 0;
	 visibility: hidden;
	 -webkit-transition: 0.3s all;
	 transition: 0.3s all;
}
 .nav-btns .search-form.active {
	 opacity: 1;
	 visibility: visible;
}
 .nav-btns .search-form .search-input {
	 height: 65px;
	 width: 100%;
	 border: none;
	 border-bottom: 0; /*1px solid #eceef2;*/
	 background: #FFF;
	 padding: 0 10px;
	 font-weight: 600;
}
 .nav-btns .search-form .search-close {
	 position: absolute;
	 top: 50%;
	 right: 15px;
	 -webkit-transform: translateY(-50%);
	 -ms-transform: translateY(-50%);
	 transform: translateY(-50%);
	 border: none;
	 background: transparent;
	 line-height: 20px;
	 color: #212631;
	 font-size: 22px;
	 padding: 25px;
}
/*----------------------------*\
	nav aside
\*----------------------------*/
 #nav-aside {
	 position: fixed;
	 right: 0;
	 top: 0;
	 bottom: 0;
	 background-color: #fff;
	 max-width: 360px;
	 width: 100%;
	 padding: 55px 20px;
	 overflow-y: scroll;
	 z-index: 99;
	 -webkit-transform: translateX(100%);
	 -ms-transform: translateX(100%);
	 transform: translateX(100%);
	 -webkit-transition: 0.3s all;
	 transition: 0.3s all;
}
 #nav-aside.active {
	 -webkit-transform: translateX(0%);
	 -ms-transform: translateX(0%);
	 transform: translateX(0%);
}
 .nav-aside-menu li a {
	 font-family: Helvetica,'Open Sans','Microsoft YaHei','微軟雅黑體','Microsoft Jhenghei','微軟正黑體', sans-serif,'WenQuanYi Micro Hei',Simhei;
	 font-weight:400;
	 font-size:21px;
}
 .nav-aside-social {
	padding:0;
}
 .nav-aside-social li {
	 display: inline-block;
}
 .nav-aside-social li > a {
	 display: block;
	 width: 30px;
	 height: 30px;
	 line-height: 30px;
	 text-align: center;
	 /*background-color: #212631;*/
	 color: #FFF;
	 border-radius: 5px;
	 margin-right: 10px;
	 -webkit-transition: 0.2s opacity;
	 transition: 0.2s opacity;
}
 .nav-aside-social li > a:hover, .nav-aside-social li > a:focus {
	 opacity: 0.9;
}
 .nav-aside-close {
	 position: absolute;
	 top: 0px;
	 right: 0px;
	 height: 70px;
	 width: 70px;
	 line-height: 70px;
	 text-align: center;
	 background-color: transparent;
	 color: #212631;
	 border: none;
	 font-size: 22px;
	 border-radius: 50%;
	 padding: 0;
}
/*=========================================================
	HEADER
===========================================================*/
 .page-header {
	 position: relative;
	 margin: 0;
	 padding-top: 60px;
	 padding-bottom: 60px;
	 background-color: #fbfbfd;
	 border-bottom: 2px solid #F4f4f9;
}
 .page-header .background-img {
	 position: absolute;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 background-position: center;
	 background-size: cover;
}
 .page-header .background-img:after {
	 content: '';
	 position: absolute;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(33, 38, 49, 0.3)), to(transparent));
	 background-image: linear-gradient(to top, rgba(33, 38, 49, 0.3) 0%, transparent 100%);
}
 #post-header.page-header {
	 padding-top: 120px;
}
 .page-header h1 {
	 text-transform: capitalize;
	 margin-bottom: 0px;
}
 #post-header.page-header h1 {
	 color: #FFF;
}
 .page-header .post-meta {
	 margin: 15px 0px;
}
 .page-header .post-meta .post-date {
	 color: #eceef2;
}
 .page-header .page-header-breadcrumb {
	 margin: 15px 0px;
}
 .page-header .page-header-breadcrumb li {
	 display: inline-block;
}
 .page-header .page-header-breadcrumb li, .page-header .page-header-breadcrumb li a {
	 font-size: 13px;
	 text-transform: capitalize;
	 color: #a7b3c6;
}
 .page-header .page-header-breadcrumb li a {
	 -webkit-transition: 0.2s color;
	 transition: 0.2s color;
}
 .page-header .page-header-breadcrumb li a:hover, .page-header .page-header-breadcrumb li a:focus {
	 color: #0b0f28;
	 text-decoration: none;
}
 .page-header .page-header-breadcrumb li + li:before {
	 content: '/';
	 display: inline-block;
	 margin: 0px 10px;
}
/*=========================================================
	POST
===========================================================*/
/*----------------------------*\
	post
\*----------------------------*/
 .post {
	 margin-bottom: 40px;
}
 .post .post-img {
	 display: block;
	 -webkit-transition: 0.2s opacity;
	 transition: 0.2s opacity;
}
 .post .post-img:hover, .post .post-img:focus {
	 opacity: 0.9;
}
 .post .post-img > img {
	 width: 100%;
}
 .post .post-meta {
	 margin-top: 15px;
	 margin-bottom: 15px;
}
 .post-meta .post-category {
	 font-size: 13px;
	 text-transform: uppercase;
	 padding: 3px 10px;
	 font-weight: 600;
	 border-radius: 2px;
	 margin-right: 15px;
	 color: #FFF;
	 background-color: #212631;
	 -webkit-transition: 0.2s opacity;
	 transition: 0.2s opacity;
}
 .post-meta .post-category:hover, .post-meta .post-category:focus {
	 text-decoration: none;
	 opacity: 0.9;
}
 .post-meta .post-category.cat-1 {
	 background-color: #4BB92F;
}
 .post-meta .post-category.cat-2 {
	 background-color: #ff8700;
}
 .post-meta .post-category.cat-3 {
	 background-color: #8d00ff;
}
 .post-meta .post-category.cat-4 {
	 background-color: #0078ff;
}
 .post-meta .post-date {
	 font-size: 13px;
	 font-weight: 600;
}
 .post .post-title {
	 font-size: 18px;
	 margin-bottom: 0px;
}
 .post-tags li {
	 display:inline-block;
	 margin-right:3px;
	 margin-bottom:5px;
}
 .post-tags li a {
	 display:block;
	 color:#fff;
	 background-color: #212631;
	 padding:3px 10px;
	 font-weight:600;
	 border-radius:2px;
	 -webkit-transition:0.2s opacity;
	 transition:0.2s opacity;
}
/*----------------------------*\
	post thumb
\*----------------------------*/
 .post.post-thumb {
	 position: relative;
}
 .post.post-thumb .post-img:after {
	 content: '';
	 position: absolute;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 top: 0;
	 background: -webkit-gradient(linear, left bottom, left top, from(rgba(33, 38, 49, 0.3)), to(transparent));
	 background: linear-gradient(to top, rgba(33, 38, 49, 0.3) 0%, transparent 100%);
}
 .post.post-thumb .post-body {
	 position: absolute;
	 bottom: 0px;
	 padding: 20px 15px;
}
 .post.post-thumb .post-meta .post-date {
	 color: #eceef2;
}
 .post.post-thumb .post-title {
	 font-size: 22px;
}
 .post.post-thumb .post-title > a {
	 color: #FFF;
}
/*----------------------------*\
	post widget
\*----------------------------*/
 .post.post-widget:after {
	 content: '';
	 display: block;
	 clear: both;
}
 .post.post-widget .post-img {
	 width: 90px;
	 float: left;
	 margin-right: 15px;
}
 .post.post-widget .post-img img {
	 width: 100%;
}
 .post.post-widget .post-title {
	 font-size: 18px;
}
/*----------------------------*\
	post row
\*----------------------------*/
 .post.post-row:after {
	 content: '';
	 display: block;
	 clear: both;
}
 .post.post-row .post-img {
	 width: 40%;
	 float: left;
}
 .post.post-row .post-body {
	 margin-left: calc(40% + 30px);
}
 .post.post-row .post-meta {
	 margin-top: 0px;
}
 .post.post-row .post-title {
	 margin-bottom: 15px;
}
/*=========================================================
	POST PAGE
===========================================================*/
 .sticky-container {
	 position: relative;
	 padding-left: 80px;
}
 .sticky-container .sticky-shares {
	 position: absolute;
	 top: 0;
	 left: 0;
}
 .sticky-shares a {
	 display: block;
	 margin-bottom: 10px;
	 width: 40px;
	 height: 40px;
	 line-height: 40px;
	 text-align: center;
	 border-radius: 50%;
	 background-color: #fbfbfd;
	 color: #a7b3c6;
	 border: 1px solid #eceef2;
	 -webkit-transition: 0.2s all;
	 transition: 0.2s all;
}
 .sticky-shares a:hover {
	 -webkit-transform: scale(1.3);
	 -ms-transform: scale(1.3);
	 transform: scale(1.3);
}
 .sticky-shares a.share-facebook:hover {
	 color: #3b5998;
	 border-color: #3b5998;
}
 .sticky-shares a.share-twitter:hover {
	 color: #55acee;
	 border-color: #55acee;
}
 .sticky-shares a.share-google-plus:hover {
	 color: #dd4b39;
	 border-color: #dd4b39;
}
 .sticky-shares a.share-pinterest:hover {
	 color: #ff0000;
	 border-color: #ff0000;
}
 .sticky-shares a.share-linkedin:hover {
	 color: #007bb5;
	 border-color: #007bb5;
}
/*----------------------------*\
	author
\*----------------------------*/
 .post-author .media .media-left {
	 padding-right: 40px;
}
 .post-author .media .media-left .media-object {
	 width:120px;
	 border-radius: 50%;
}
 .post-author .author-social {
	 margin-top:15px;
}
 .post-author .author-social li {
	 display: inline-block;
	 margin-right: 5px;
}
 .post-author .author-social li > a {
	 display: block;
	 width: 30px;
	 height: 30px;
	 line-height: 30px;
	 text-align: center;
	 background-color: #a7b3c6;
	 color: #FFF;
	 border-radius: 2px;
	 -webkit-transition: 0.2s opacity;
	 transition: 0.2s opacity;
}
 .post-author .author-social li > a:hover, .post-author .author-social li > a:focus {
	 color: #FFF;
	 opacity: 0.9;
}
/*----------------------------*\
	comments
\*----------------------------*/
 .post-comments .media {
	 padding-top: 15px;
	 border-top: 1px solid #eceef2;
}
 .post-comments .media:nth-child(1) {
	 padding-top: 0px;
	 border-top: none;
}
 .post-comments .media .media-left {
	 padding-right: 15px;
}
 .post-comments .media .media-left .media-object {
	 width:70px;
	 border-radius: 50%;
}
 .post-comments .media .media-body .media-heading h4 {
	 text-transform: capitalize;
}
 .post-comments .media .media-body .media-heading .time {
	 font-size: 13px;
	 margin-right: 15px;
	 color: #a7b3c6;
}
 .post-comments .media .media-body .media-heading .reply {
	 font-size: 13px;
	 color: #a7b3c6;
	 -webkit-transition: 0.2s color;
	 transition: 0.2s color;
}
 .post-comments .media .media-body .media-heading .reply:hover, .post-comments .media .media-body .media-heading .reply:focus {
	 color: #212631;
	 text-decoration: none;
}
/*=========================================================
	Aside
===========================================================*/
 .aside-widget {
	 margin-bottom: 40px;
}
/*----------------------------*\
	category
\*----------------------------*/
 .category-widget ul li {
	 display:block;
	 padding-bottom: 10px;
	 border-bottom: 1px solid #eceef2;
}
 .category-widget ul li + li {
	 margin-top:10px;
}
 .category-widget ul li > a {
	 display:block;
	 -webkit-transition:0.2s color;
	 transition:0.2s color;
}
 .category-widget ul li > a > span {
	 float:right;
	 color:#fff;
	 background-color: #212631;
	 padding:0px 5px;
	 font-weight:600;
	 border-radius:2px;
}
 .category-widget ul li > a.cat-1 > span {
	 background-color: #4BB92F;
}
 .category-widget ul li > a.cat-2 > span {
	 background-color: #ff8700;
}
 .category-widget ul li > a.cat-3 > span {
	 background-color: #8d00ff;
}
 .category-widget ul li > a.cat-4 > span {
	 background-color: #0078ff;
}
 .category-widget ul li > a:hover, .category-widget ul li > a:focus {
	 text-decoration:none;
}
 .category-widget ul li > a.cat-1:hover, .category-widget ul li > a.cat-1:focus {
	 color: #4BB92F;
}
 .category-widget ul li > a.cat-2:hover, .category-widget ul li > a.cat-2:focus {
	 color: #ff8700;
}
 .category-widget ul li > a.cat-3:hover, .category-widget ul li > a.cat-3:focus {
	 color: #0078ff;
}
 .category-widget ul li > a.cat-4:hover, .category-widget ul li > a.cat-4:focus {
	 color: #8d00ff;
}
/*----------------------------*\
	tags
\*----------------------------*/
 .tags-widget ul li {
	 display:inline-block;
	 margin-right:3px;
	 margin-bottom:5px;
}
 .tags-widget ul li a {
	 display:block;
	 color:#fff;
	 background-color: #212631;
	 padding:3px 10px;
	 font-weight:600;
	 border-radius:2px;
	 -webkit-transition:0.2s opacity;
	 transition:0.2s opacity;
}
 .tags-widget ul li a:hover, .tags-widget ul li a:focus {
	 opacity:0.9;
	 color:#fff;
	 text-decoration:none;
}
/*----------------------------*\
	archive
\*----------------------------*/
 .archive-widget ul li {
	 display:block;
	 padding-bottom: 10px;
	 border-bottom: 1px solid #eceef2;
}
 .archive-widget ul li + li {
	 margin-top:10px;
}
 .archive-widget ul li > a {
	 display:block;
}
/*=========================================================
	FOOTER
===========================================================*/
 #footer {
	 padding-bottom: 15px;
	 margin-top: 15px;
	 background-color:#333;
	 color:#ccc;
}
 #footer .container {
	 padding-top: 25px;
	 /*border-top: 1px solid #F4f4f9;*/
	 letter-spacing:1px;
}
 .footer-widget {
	 margin-bottom: 40px;
}
 .footer-widget .footer-title {
	 margin-bottom: 40px;
	 text-transform: capitalize;
	 font-size: 18px;
}
 .footer-widget a {
	 color: #ccc;
	 -webkit-transition: 0.2s color;
	 transition: 0.2s color;
}
 .footer-widget a:hover, .footer-widget a:focus {
	 text-decoration: none;
	 color: #e0e0e0;
}
 .footer-logo {
	 margin-bottom: 40px;
}
 .footer-nav li {
	 display: inline-block;
	 margin-right: 15px;
}
 .footer-links li + li {
	 margin-top: 5px;
}
 .footer-copyright {
	 margin-top: 20px;
	 color: #ccc;
	 font-size: 13px;
}
 .footer-newsletter form {
	 position: relative;
}
 .footer-newsletter form > input.input {
	 padding-right: 55px;
}
 .footer-newsletter form > .newsletter-btn {
	 position: absolute;
	 top: 0;
	 right: 0;
	 height: 40px;
	 line-height: 40px;
	 width: 40px;
	 text-align: center;
	 color: #a7b3c6;
	 background: transparent;
	 border: none;
	 border-radius: 0px 2px 2px 0px;
	 -webkit-transition: 0.2s opacity;
	 transition: 0.2s opacity;
}
 .footer-newsletter form > .newsletter-btn:hover {
	 opacity: 0.9;
}
 .footer-social {
	 margin-top: 20px;
}
 .footer-social li {
	 display: inline-block;
	 margin-right: 5px;
}
 .footer-social li > a {
	 display: block;
	 width: 30px;
	 height: 30px;
	 line-height: 30px;
	 text-align: center;
	 background-color: #a7b3c6;
	 color: #FFF;
	 border-radius: 2px;
	 -webkit-transition: 0.2s opacity;
	 transition: 0.2s opacity;
}
 .footer-social li > a:hover, .footer-social li > a:focus {
	 color: #FFF;
	 opacity: 0.9;
}
/*=========================================================
	RESPONSIVE
===========================================================*/
 @media only screen and (min-width: 1200px) {
	.nav-menu li a {
		padding: 25px 13px;
	}
 }

 @media only screen and (max-width: 991px) {
	#nav .nav-menu {
		 display: none;
	}
}
 @media only screen and (max-width: 767px) {
	 #nav {
		height: 130px;
	 }
	 .page-header h1 {
		 font-size: 28px;
	}
	 .post.post-row .post-img {
		 width: 100%;
		 float: none;
	}
	 .post.post-row .post-body {
		 margin-left: 0px;
	}
	 .post.post-row .post-meta {
		 margin-top: 15px;
	}
	 .post.post-row .post-body p {
		 display:none;
	}
}