.redzi {
			font-weight: bold;
			background-color: yellow;
			color: red;
		}

		body {
			font-size: 16px;
			color: #777;
			line-height: 1.4;
			background-color: #f7f7f7
		}

		body p {
			line-height: 1.6
		}

		a {
			color: #579eb8
		}

		a:active,
		a:focus,
		a:hover {
			text-decoration: none;
			color: #337ab7
		}

		video {
			width: 100% !important;
			height: auto !important
		}

		.btn-main {
			color: #fff;
			background-color: #579eb8;
			padding: 0 30px !important;
			line-height: 49px
		}

		.btn-main.active,
		.btn-main.active.focus,
		.btn-main.active:focus,
		.btn-main.active:hover,
		.btn-main.focus,
		.btn-main:active,
		.btn-main:active.focus,
		.btn-main:active:focus,
		.btn-main:active:hover,
		.btn-main:focus,
		.btn-main:hover,
		.open>.dropdown-toggle.btn-main,
		.open>.dropdown-toggle.btn-main.focus,
		.open>.dropdown-toggle.btn-main:focus,
		.open>.dropdown-toggle.btn-main:hover {
			color: #fff;
			background-color: #504f4c
		}

		.btn-main.disabled,
		.btn-main.disabled.focus,
		.btn-main.disabled:focus,
		.btn-main.disabled:hover,
		.btn-main[disabled].focus,
		.btn-main[disabled]:focus,
		.btn-main[disabled]:hover,
		fieldset[disabled] .btn-main.focus,
		fieldset[disabled] .btn-main:focus,
		fieldset[disabled] .btn-main:hover {
			background-color: #ffcc29
		}

		.btn-main .badge {
			color: #579eb8;
			background-color: #fff
		}

		.btn.btn-dashed {
			position: relative
		}

		.btn.btn-dashed:after {
			position: absolute;
			top: 4px;
			right: 4px;
			content: " ";
			bottom: 4px;
			left: 4px;
			z-index: 1;
			border: 1px dashed rgba(255, 255, 255, .3);
			-webkit-transition: border-color ease .2s;
			-moz-transition: border-color ease .2s;
			-o-transition: border-color ease .2s;
			transition: border-color ease .2s
		}

		.btn.btn-dashed:hover:after {
			border-color: rgba(255, 255, 255, .6)
		}

		.btn-main.green {
			background-color: #9BC53D
		}

		.btn-main.red {
			background-color: #E55934
		}

		.btn-main.blue {
			background-color: #5BC0EB
		}

		.btn-main.green:hover {
			background-color: #7D9E33
		}

		.btn-main.red:hover {
			background-color: #BF4A2B
		}

		.btn-main.blue:hover {
			background-color: #51A4C7
		}

		.social-icons {
			font-size: 0
		}

		.social-icons a {
			color: #999;
			width: 30px;
			display: inline-block;
			text-align: center;
			line-height: 30px;
			font-size: 14px;
			-webkit-transition: color ease .2s;
			-moz-transition: color ease .2s;
			-o-transition: color ease .2s;
			transition: color ease .2s
		}

		.social-icons a:hover {
			color: #579eb8
		}

		.social-icons a:before {
			display: inline-block;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: 400;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale
		}

		.social-icons a.facebook:before {
			content: "\f09a"
		}

		.social-icons a.twitter:before {
			content: "\f099"
		}

		.social-icons a.gplus:before {
			content: "\f0d5"
		}

		.social-icons a.rss:before {
			content: "\f09e"
		}

		.social-icons a.youtube:before {
			content: "\f167"
		}

		.social-icons a.skype:before {
			content: "\f17e"
		}

		.social-icons a.stumbleupon:before {
			content: "\f1a4"
		}

		.social-icons a.tumblr:before {
			content: "\f173"
		}

		.social-icons a.vine:before {
			content: "\f1ca"
		}

		.social-icons a.stack-overflow:before {
			content: "\f16c"
		}

		.social-icons a.linkedin:before {
			content: "\f0e1"
		}

		.social-icons a.dribbble:before {
			content: "\f17d";
			font-weight: 700
		}

		.social-icons a.soundcloud:before {
			content: "\f1be"
		}

		.social-icons a.behance:before {
			content: "\f1b4"
		}

		.social-icons a.digg:before {
			content: "\f1a6"
		}

		.social-icons a.instagram:before {
			content: "\f16d";
			font-weight: 700
		}

		.social-icons a.pinterest:before {
			content: "\f0d2"
		}

		.social-icons a.delicious:before {
			content: "\f1a5"
		}

		.social-icons a.codepen:before {
			content: "\f1cb"
		}

		.social-icons a.vimeo:before {
			content: "\f27d"
		}

		.fa-instagram:before,
		.fa-dribbble:before {
			font-weight: 700
		}

		.tooltip-inner {
			text-transform: capitalize
		}

		#loading,
		.overflow-hidden {
			position: fixed;
			top: 0;
			left: 0;
			right: 0
		}

		.alert {
			border-radius: 0
		}

		.body-overlay.show-body-overlay {
			display: block;
			visibility: visible;
			opacity: 1;
			filter: alpha(opacity=100)
		}

		.body-overlay {
			top: 0;
			right: 0;
			left: 0;
			background: rgba(0, 0, 0, .5);
			display: none;
			visibility: hidden;
			opacity: 0;
			filter: alpha(opacity=0);
			-webkit-transition: visibility ease .2s, opacity ease .2s;
			-moz-transition: visibility ease .2s, opacity ease .2s;
			-o-transition: visibility ease .2s, opacity ease .2s;
			transition: visibility ease .2s, opacity ease .2s;
			content: " "
		}

		.overflow-hidden {
			overflow: hidden;
			bottom: 0
		}

		#loading {
			margin: auto;
			bottom: 0;
			z-index: 999999999;
			background: #fff
		}

		.cssload-thecube {
			top: 45%;
			left: 47%;
			margin-top: -20px;
			margin-left: -20px;
			position: absolute
		}

		.loader {
			width: 50px;
			height: 50px;
			border-radius: 50%;
			margin: 3em;
			display: inline-block;
			position: relative;
			vertical-align: middle
		}

		.loader,
		.loader:before,
		.loader:after {
			animation: 1s infinite ease-in-out
		}

		.loader:before,
		.loader:after {
			width: 100%;
			height: 100%;
			border-radius: 50%;
			position: absolute;
			top: 0;
			left: 0
		}

		.loader-black {
			background-color: #333
		}

		.loader-1 {
			animation-name: loader1
		}

		@keyframes loader1 {
			from {
				transform: scale(0);
				opacity: 1
			}

			to {
				transform: scale(1);
				opacity: 0
			}
		}

		.back-top-fixed.show-button {
			right: 0
		}

		.back-top-fixed {
			background: #579eb8;
			right: -40px;
			width: 40px;
			height: 40px;
			line-height: 40px;
			text-align: center;
			background: #579eb8;
			cursor: pointer;
			font-size: 10px;
			-webkit-transition: right ease .2s, background-color ease .2s;
			-moz-transition: right ease .2s, background-color ease .2s;
			-o-transition: right ease .2s, background-color ease .2s;
			transition: right ease .2s, background-color ease .2s;
			color: #fff;
			text-decoration: none
		}

		.back-top-fixed,
		.body-overlay {
			position: fixed;
			z-index: 20;
			bottom: 0
		}

		.back-top-fixed {
			background: #579eb8
		}

		body {
			color: #777;
			background-color: #f7f7f7
		}

		.btn-main {
			background-color: #579eb8
		}

		.btn-main:focus,
		.btn-main.focus,
		.btn-main:hover,
		.btn-main:active,
		.btn-main.active,
		.open>.dropdown-toggle.btn-main,
		.btn-main:active:hover,
		.btn-main.active:hover,
		.open>.dropdown-toggle.btn-main:hover,
		.btn-main:active:focus,
		.btn-main.active:focus,
		.open>.dropdown-toggle.btn-main:focus,
		.btn-main:active.focus,
		.btn-main.active.focus,
		.open>.dropdown-toggle.btn-main.focus {
			background-color: #504f4c
		}

		.btn-main.disabled,
		.btn-main.disabled:hover,
		.btn-main[disabled]:hover,
		fieldset[disabled] .btn-main:hover,
		.btn-main.disabled:focus,
		.btn-main[disabled]:focus,
		fieldset[disabled] .btn-main:focus,
		.btn-main.disabled.focus,
		.btn-main[disabled].focus,
		fieldset[disabled] .btn-main.focus {
			background-color: #ffcc29
		}

		.btn-main .badge {
			color: #579eb8
		}

		.social-icons>a:hover {
			color: #579eb8
		}

		.nav-wrapper .nav-menu ul>li.active:hover>a,
		.nav-wrapper .nav-menu ul>li.active>a {
			background-color: #579eb8
		}

		.nav-wrapper .nav-menu ul>li:hover>a {
			color: #579eb8
		}

		.nav-wrapper .nav-menu ul>li>ul {
			background-color: #579eb8
		}

		.nav-wrapper .nav-menu ul>li>ul>li.active>a,
		.nav-wrapper .nav-menu ul>li>ul>li.active:hover>a,
		.nav-wrapper .nav-menu ul>li>ul>li:hover>a {
			background-color: #504f4c
		}

		footer .footer-text {
			background-color: #579eb8
		}

		@media only screen and (max-width: 1200px) {
			.nav-wrapper .nav-menu ul>li.active {
				border-bottom-color: #579eb8
			}
		}

		@media only screen and (max-width: 900px) {
			.wrapper.header-lg .nav-wrapper .nav-menu ul>li.active {
				border-bottom-color: #579eb8
			}
		}

		.widget .widget-heading:after {
			background-color: #579eb8
		}

		.widget-social-icons>a:hover {
			color: #579eb8
		}

		.widget-tags>a:hover {
			background-color: #579eb8
		}

		.widget-list ul>li>a span {
			background-color: #579eb8
		}

		.widget-twitter ul>li:hover:before {
			color: #579eb8
		}

		.widget-comments ul>li .comment-heading .date {
			color: #579eb8
		}

		.widget-post-list.list-numbering ul>li:hover:before {
			color: #579eb8
		}

		.widget-tabs .nav-tabs>li.active>a,
		.widget-tabs .nav-tabs>li.active>a:hover,
		.widget-tabs .nav-tabs>li.active>a:focus {
			border-bottom-color: #579eb8
		}

		.category a:hover {
			color: #579eb8
		}

		.post-meta a:hover {
			color: #579eb8
		}

		.has-post-format:hover .featured-img:after {
			background-color: #579eb8
		}

		.content-inner .next-prev-post .next-post:before,
		.content-inner .next-prev-post .prev-post:before {
			background-color: #579eb8
		}

		.widget-about.post-author .social-icons a:hover {
			color: #579eb8
		}

		.page-heading:before {
			background-color: #579eb8
		}

		.archive-heading .subheading {
			color: #579eb8
		}

		.archive-heading.bold-bordered {
			-webkit-box-shadow: 0 10px 0 0 #579eb8;
			-moz-box-shadow: 0 10px 0 0 #579eb8;
			box-shadow: 0 10px 0 0 #579eb8
		}

		.page-inner-content .heading-404 span {
			color: #579eb8
		}

		body.header-01-fixed {
			padding-top: 110px
		}

		body {
			font-size: 16px;
			color: #777;
			background: #f7f7f7
		}

		.clr {
			clear: both;
			float: none
		}

		.wrapper {
			position: relative;
			min-height: 100%
		}

		.wrapper:after,
		.wrapper:before {
			display: table
		}

		.wrapper:after {
			clear: both
		}

		.wrapper.fixed-layout {
			padding-top: 80px
		}

		.wrapper.fixed-layout header {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			-webkit-transition: top ease .2s;
			-moz-transition: top ease .2s;
			-o-transition: top ease .2s;
			transition: top ease .2s
		}

		.wrapper.fixed-layout header.scroll-up {
			top: -80px;
			-webkit-box-shadow: 0 2px 10px 0 transparent;
			-moz-box-shadow: 0 2px 10px 0 transparent;
			box-shadow: 0 2px 10px 0 transparent
		}

		.wrapper.fixed-layout.header-lg {
			padding-top: 200px
		}

		.wrapper.fixed-layout.header-lg header.header-shrink {
			top: -120px
		}

		.wrapper.fixed-layout.header-lg header.header-shrink .header-content .icons-and-search .search-form {
			top: 135px
		}

		.wrapper.fixed-layout.header-lg header.header-shrink.scroll-up {
			top: -200px
		}

		.wrapper.fixed-layout.disable-scroll-up header.scroll-up {
			top: 0;
			-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
			-moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
			box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1)
		}

		.wrapper.fixed-layout.disable-scroll-up.header-lg header.header-shrink.scroll-up {
			top: -120px
		}

		.wrapper.header-lg header {
			height: auto;
			padding: 0 !important
		}

		.wrapper.header-lg header .header-content {
			text-align: center;
			float: none;
			display: block;
			width: 100%;
			max-width: 1200px;
			position: relative;
			margin: 0 auto;
			padding: 20px 15px;
			height: 120px
		}

		.wrapper.header-lg header .header-content .main-logo {
			float: none;
			padding: 20px 0;
			margin-right: 0;
			display: inline-block;
			position: relative;
			z-index: 5
		}

		.wrapper.header-lg header .header-content .main-logo.text-logo h1 {
			font-size: 36px
		}

		.wrapper.header-lg header .header-content .icons-and-search {
			right: 15px;
			padding-right: 50px;
			left: 15px;
			height: 120px
		}

		.wrapper.header-lg header .header-content .icons-and-search:after,
		.wrapper.header-lg header .header-content .icons-and-search:before {
			display: table;
			content: " "
		}

		.wrapper.header-lg header .header-content .icons-and-search:after {
			clear: both
		}

		.wrapper.header-lg header .header-content .icons-and-search .social-icons {
			float: left;
			margin: 45px 45px 45px 0
		}

		.wrapper.header-lg header .header-content .icons-and-search .search-form {
			top: 35px;
			width: 250px;
			-webkit-transition: top ease .2s;
			-moz-transition: top ease .2s;
			-o-transition: top ease .2s;
			transition: top ease .2s
		}

		.wrapper.header-lg header .header-content .icons-and-search .search-form .btn-form {
			cursor: default
		}

		.wrapper.header-lg header .header-content .icons-and-search .search-form .btn-form:after {
			background-color: transparent
		}

		.wrapper.header-lg header .header-content .icons-and-search .search-form.toggle-search-form {
			width: 250px
		}

		.wrapper.header-lg header .header-content .icons-and-search .search-form.toggle-search-form .btn-form:after {
			content: "\f002"
		}

		.wrapper.header-lg header .nav-wrapper {
			float: none;
			display: block;
		}

		.wrapper.header-lg header .nav-wrapper .nav-menu {
			width: 100%;
			max-width: 1200px;
			position: relative;
			margin: 0 auto;
			padding: 0 8px
		}

		header {
			background-color: #fff;
			display: block;
			padding: 0 15px;
			position: relative;
			height: 80px;
			z-index: 20;
			-webkit-transition: box-shadow ease .2s;
			-moz-transition: box-shadow ease .2s;
			-o-transition: box-shadow ease .2s;
			transition: box-shadow ease .2s
		}

		header:after,
		header:before {
			display: table;
			content: " "
		}

		header:after {
			clear: both
		}

		header.add-shadow {
			-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
			-moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
			box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1)
		}

		header .collapse-nav-menu-btn {
			display: none
		}

		header .header-content {
			float: left
		}

		header .header-content:after,
		header .header-content:before {
			display: table;
			content: " "
		}

		header .header-content:after {
			clear: both
		}

		header .header-content .main-logo {
			float: left;
			padding: 20px 0;
			margin-right: 30px
		}

		header .header-content .main-logo img {
			height: 60px;
		}

		header .header-content .main-logo h1,
		header .header-content .main-logo p {
			padding: 0;
			margin: 0;
			line-height: 1
		}

		header .header-content .main-logo h1 {
			margin-bottom: 10px;
			font-size: 40px;
			text-shadow: 4px 4px rgba(0, 0, 0, .08);
			color: #579eb8;
			max-width: 555px
		}

		header .header-content .main-logo p {
			font-style: italic;
			color: #cecece;
			font-weight: 400;
			font-size: 12px;
			display: none
		}

		header .header-content .main-logo.text-logo {
			height: 80px
		}

		header .header-content .main-logo.text-logo img {
			display: none
		}

		header .header-content .main-logo.text-logo h1,
		header .header-content .main-logo.text-logo p {
			display: block
		}

		header .header-content .main-logo.text-logo.without-description {
			padding: 5px 0
		}

		header .header-content .main-logo.text-logo.without-description h1 {
			line-height: 60px
		}

		header .header-content .main-logo.text-logo.without-description p {
			display: none
		}

		header .header-content .main-logo>a {
			-webkit-transition: color ease .4s;
			-moz-transition: color ease .4s;
			-o-transition: color ease .4s;
			transition: color ease .4s
		}

		header .header-content .icons-and-search {
			position: absolute;
			right: 15px;
			top: 0;
			padding-right: 65px;
			height: 80px;
			z-index: 1
		}

		header .header-content .icons-and-search .social-icons {
			margin: 25px;
			-webkit-transition: opacity ease .2s;
			-moz-transition: opacity ease .2s;
			-o-transition: opacity ease .2s;
			transition: opacity ease .2s
		}

		header .header-content .icons-and-search .social-icons.toggle-social-icons {
			opacity: 0;
			filter: alpha(opacity=0)
		}

		header .header-content .icons-and-search .search-form {
			position: absolute;
			z-index: 2;
			right: 0;
			top: 15px;
			width: 50px;
			height: 50px;
			-webkit-transition: width ease .2s;
			-moz-transition: width ease .2s;
			-o-transition: width ease .2s;
			transition: width ease .2s
		}

		header .header-content .icons-and-search .search-form .form-group {
			position: relative
		}

		header .header-content .icons-and-search .search-form .form-group .form-control {
			border-color: #f4f4f4;
			background-color: #f4f4f4;
			-webkit-border-radius: 25px;
			-moz-border-radius: 25px;
			-o-border-radius: 25px;
			border-radius: 25px;
			-webkit-transition: background-color ease .15s, border-color ease .15s;
			-moz-transition: background-color ease .15s, border-color ease .15s;
			-o-transition: background-color ease .15s, border-color ease .15s;
			transition: background-color ease .15s, border-color ease .15s
		}

		header .header-content .icons-and-search .search-form .form-group .form-control:focus {
			border-color: #ececec;
			background-color: #fff
		}

		header .header-content .icons-and-search .search-form .form-group .btn-form {
			position: absolute;
			width: 50px;
			height: 50px;
			right: 0;
			top: 0;
			background-color: transparent;
			cursor: pointer
		}

		header .header-content .icons-and-search .search-form .form-group .btn-form:after {
			position: absolute;
			content: "\f002";
			font-family: FontAwesome;
			width: 50px;
			height: 50px;
			line-height: 50px;
			color: #999;
			right: 0;
			top: 0;
			text-align: center;
			background-color: #f4f4f4;
			-webkit-border-radius: 25px;
			-moz-border-radius: 25px;
			-o-border-radius: 25px;
			border-radius: 25px;
			-webkit-transition: background-color ease .2s;
			-moz-transition: background-color ease .2s;
			-o-transition: background-color ease .2s;
			transition: background-color ease .2s
		}

		.nav-wrapper .nav-menu ul>li>a,
		.widget-twitter ul>li:before {
			-webkit-transition: color ease .2s;
			-moz-transition: color ease .2s;
			-o-transition: color ease .2s
		}

		header .header-content .icons-and-search .search-form.toggle-search-form {
			width: 320px
		}

		header .header-content .icons-and-search .search-form.toggle-search-form .btn-form:after {
			content: "\f00d";
			background-color: transparent
		}

		.material-icons {
			font-weight: 400;
			font-style: normal;
			font-size: 24px;
			display: inline-block;
			width: 1em;
			height: 1em;
			line-height: 1;
			text-transform: none;
			letter-spacing: normal;
			word-wrap: normal;
			white-space: nowrap;
			direction: ltr;
			-webkit-font-smoothing: antialiased;
			text-rendering: optimizeLegibility;
			-moz-osx-font-smoothing: grayscale;
			font-feature-settings: liga;
			line-height: inherit
		}

		header .nav-wrapper {
			float: left
		}

		.nav-wrapper {
			height: 80px;
			text-align: left
		}

		.nav-wrapper .nav-menu ul {
			padding: 0;
			margin: 0;
			list-style: none;
			font-size: 0
		}

		.nav-wrapper .nav-menu ul>li {
			font-size: 14px;
			text-transform: uppercase;
			display: inline-block
		}

		.nav-wrapper .nav-menu ul>li>a {
			display: block;
			line-height: 80px;
			padding: 0 20px;
			color: #555;
			transition: color ease .2s
		}

		.nav-wrapper .nav-menu ul>li.has-children {
			position: relative
		}

		.nav-wrapper .nav-menu ul>li.has-children>a {
			position: relative;
			padding-right: 30px
		}

		.nav-wrapper .nav-menu ul>li.has-children>a:after {
			position: absolute;
			height: 80px;
			width: 10px;
			top: 0;
			right: 15px;
			content: "\f0d7";
			font-family: FontAwesome;
		}

		.nav-wrapper .nav-menu ul>li.active:hover>a,
		.nav-wrapper .nav-menu ul>li.active>a {
			background-color: #579eb8;
			color: #fff
		}

		.nav-wrapper .nav-menu ul>li.active.has-children>a:after,
		.nav-wrapper .nav-menu ul>li.active:hover.has-children>a:after {
			color: #fff
		}

		.nav-wrapper .nav-menu ul>li:hover>a {
			color: #579eb8
		}

		.nav-wrapper .nav-menu ul>li:hover>ul {
			opacity: 1;
			filter: alpha(opacity=100);
			visibility: visible;
			top: 100%
		}

		.nav-wrapper .nav-menu ul>li>ul {
			position: absolute;
			top: 120%;
			width: 225px;
			background-color: #579eb8;
			left: 0;
			z-index: 2;
			-webkit-transition: opacity ease .5s, visibility ease .5s, top ease .3s;
			-moz-transition: opacity ease .5s, visibility ease .5s, top ease .3s;
			-o-transition: opacity ease .5s, visibility ease .5s, top ease .3s;
			transition: opacity ease .5s, visibility ease .5s, top ease .3s;
			opacity: 0;
			filter: alpha(opacity=0);
			visibility: hidden
		}

		.nav-wrapper .nav-menu ul>li>ul>li {
			text-transform: none;
			display: block
		}

		.nav-wrapper .nav-menu ul>li>ul>li>a {
			line-height: 40px;
			padding: 0 20px;
			color: #fff;
			-webkit-transition: background-color ease .2s, color ease .2s;
			-moz-transition: background-color ease .2s, color ease .2s;
			-o-transition: background-color ease .2s, color ease .2s;
			transition: background-color ease .2s, color ease .2s
		}

		.nav-wrapper .nav-menu ul>li>ul>li.active:hover>a,
		.nav-wrapper .nav-menu ul>li>ul>li.active>a,
		.nav-wrapper .nav-menu ul>li>ul>li:hover>a {
			background-color: #504f4c;
			color: #fff
		}

		.sidebar,
		footer {
			background-color: #fff
		}

		.nav-wrapper .nav-menu ul>li>ul>li.has-children>a:after {
			right: 10px;
			height: 40px;
			content: "\f105";
			color: #fff;
			font-size: 12px
		}

		.nav-wrapper .nav-menu ul>li>ul>li:hover>ul {
			top: 0
		}

		.nav-wrapper .nav-menu ul>li>ul>li>ul {
			left: 100%;
			top: 50%
		}

		.content-wrapper {
			width: 100%;
			max-width: 1200px;
			margin: 0 auto;
			padding: 30px 0
		}

		footer {
			text-align: center
		}

		footer .footer-logo {
			padding: 40px 0
		}

		footer .footer-logo .logo {
			display: inline-block
		}

		footer .footer-logo .logo img {
			height: 90px
		}

		footer .footer-logo .logo h1,
		footer .footer-logo .logo p {
			padding: 0;
			margin: 0;
			line-height: 1;
			display: none
		}

		footer .footer-logo .logo h1 {
			margin-bottom: 10px;
			font-size: 30px;
			text-shadow: 4px 4px rgba(0, 0, 0, .08)
		}

		footer .footer-logo .logo p {
			font-style: italic;
			color: #cecece;
			font-weight: 400;
			font-size: 12px
		}

		.widget-twitter ul>li .date,
		footer .footer-text .footer-back-top,
		footer footer .footer-logo .logo.text-logo {
			height: auto
		}

		footer .footer-logo .logo.text-logo img {
			display: none
		}

		footer .footer-logo .logo.text-logo h1,
		footer .footer-logo .logo.text-logo p {
			display: block
		}

		footer .footer-logo .logo.text-logo.without-description {
			padding: 5px 0
		}

		footer .footer-logo .logo.text-logo.without-description h1 {
			line-height: 60px
		}

		footer .footer-logo .logo.text-logo.without-description p {
			display: none
		}

		footer .footer-logo .logo>a {
			-webkit-transition: color ease .4s;
			-moz-transition: color ease .4s;
			-o-transition: color ease .4s;
			transition: color ease .4s
		}

		footer .footer-logo .social-icons {
			margin-top: 30px
		}

		footer .footer-text {
			background-color: #579eb8;
			color: #fff;
			padding: 30px 0;
			position: relative;
		}

		footer .footer-text .footer-back-top {
			position: absolute;
			width: 80px;
			height: 80px;
			top: 0;
			left: calc(50% - 40px);
			text-align: center;
			z-index: 3;
			border-left: 1px solid rgba(255, 255, 255, .2);
			border-right: 1px solid rgba(255, 255, 255, .2);
			line-height: 1.6;
			padding: 15px 0;
			cursor: pointer;
			font-size: 14px
		}

		footer .footer-text .footer-copyright {
			padding: 0;
			margin: 0;
			text-align: left;
			line-height: 1.4
		}

		footer .footer-text .footer-menu {
			padding: 0;
			margin: 0;
			list-style: none;
			font-size: 0;
			text-align: right
		}

		footer .footer-text .footer-menu li {
			font-size: 13px;
			display: inline-block;
			padding: 0 15px;
			text-transform: uppercase
		}

		@media only screen and (max-width: 1200px) {
			.wrapper.header-lg header .collapse-nav-menu-btn {
				display: none
			}

			.wrapper.header-lg .nav-wrapper {
				width: 100%;
				position: relative;
				top: 0;
				left: 0;
				bottom: auto;
				overflow-x: visible;
				overflow-y: visible;
				background-color: transparent;
				height: auto;
				float: none;
				z-index: 21;
				-webkit-overflow-scrolling: none;
				overflow-scrolling: none;
				-webkit-transition: left ease .2s;
				-moz-transition: left ease .2s;
				-o-transition: left ease .2s;
				transition: left ease .2s
			}

			.wrapper.header-lg .nav-wrapper.collapse-nav-wrapper {
				left: 0
			}

			.wrapper.header-lg .nav-wrapper .nav-menu {
				width: 100%;
				max-width: 1200px;
				position: relative;
				margin: 0 auto;
				padding: 0 15px
			}

			.wrapper.header-lg .nav-wrapper .nav-menu ul>li {
				display: inline-block;
				width: auto;
				border-bottom: none
			}

			.wrapper.header-lg .nav-wrapper .nav-menu ul>li>a {
				line-height: 80px;
				height: 80px
			}

			.wrapper.header-lg .nav-wrapper .nav-menu ul>li:hover>ul {
				display: block
			}

			.wrapper.header-lg .nav-wrapper .nav-menu ul>li>ul {
				position: absolute;
				top: 100%;
				width: 225px;
				left: 0
			}

			.wrapper.header-lg .nav-wrapper .nav-menu ul>li>ul>li {
				width: 225px
			}

			.wrapper.header-lg .nav-wrapper .nav-menu ul>li>ul>li>a {
				line-height: 40px;
				height: 40px;
				padding: 0 20px
			}

			.wrapper.header-lg .nav-wrapper .nav-menu ul>li>ul>li.has-children>a:after {
				right: 10px;
				height: 40px;
				content: "\f105";
				color: #fff;
				font-size: 12px
			}

			.wrapper.header-lg .nav-wrapper .nav-menu ul>li>ul>li>ul {
				left: 100%;
				top: 0
			}

			header .header-content {
				margin-left: 95px;
				float: none;
				display: block
			}

			header .header-overlay {
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				background: rgba(0, 0, 0, .5);
				content: " ";
				z-index: 10;
				display: none;
				visibility: hidden;
				opacity: 0;
				filter: alpha(opacity=0);
				-webkit-transition: visibility ease .2s, opacity ease .2s;
				-moz-transition: visibility ease .2s, opacity ease .2s;
				-o-transition: visibility ease .2s, opacity ease .2s;
				transition: visibility ease .2s, opacity ease .2s
			}

			header .header-overlay.toggle-header-overlay {
				display: block;
				visibility: visible;
				opacity: 1;
				filter: alpha(opacity=100)
			}

			header .collapse-nav-menu-btn {
				width: 80px;
				height: 80px;
				line-height: 80px;
				text-align: center;
				border-right: 1px solid rgba(0, 0, 0, .05);
				cursor: pointer;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 6;
				display: block
			}

			.nav-wrapper {
				width: 250px;
				position: fixed;
				top: 0;
				left: -250px;
				bottom: 0;
				overflow-y: auto;
				overflow-x: hidden;
				background-color: #fff;
				height: auto;
				float: none;
				z-index: 21;
				-webkit-transition: left ease .2s;
				-moz-transition: left ease .2s;
				-o-transition: left ease .2s;
				transition: left ease .2s;
				-webkit-overflow-scrolling: touch;
				overflow-scrolling: touch
			}

			.nav-wrapper.collapse-nav-wrapper {
				left: 0
			}

			.nav-wrapper .nav-menu {
				width: auto;
				display: block
			}

			.nav-wrapper .nav-menu ul>li {
				display: block;
				width: 100%;
				border-bottom: 1px solid rgba(0, 0, 0, .05)
			}

			.nav-wrapper .nav-menu ul>li>a {
				line-height: 60px;
				height: 60px
			}

			.nav-wrapper .nav-menu ul>li.active {
				border-bottom-color: #579eb8
			}

			.nav-wrapper .nav-menu ul>li:hover>ul {
				display: none
			}

			.nav-wrapper .nav-menu ul>li>ul {
				position: relative;
				top: auto;
				left: auto;
				width: 100%;
				display: none;
				visibility: visible;
				opacity: 1;
				filter: alpha(opacity=100)
			}

			.nav-wrapper .nav-menu ul>li>ul>li {
				border-bottom: none
			}

			.nav-wrapper .nav-menu ul>li>ul>li>a {
				height: 40px;
				padding-left: 30px
			}

			.nav-wrapper .nav-menu ul>li>ul>li>ul {
				left: auto;
				top: auto
			}

			.nav-wrapper .nav-menu ul>li>ul>li>ul>li>a {
				padding-left: 40px
			}

			.nav-wrapper .nav-menu ul>li>ul>li>ul>li>ul>li>a {
				padding-left: 55px
			}

			.content-wrapper {
				padding: 30px
			}
		}

		@media only screen and (max-width: 1024px) {
			.wrapper {
				padding-top: 80px
			}

			.wrapper.fixed-layout header.scroll-up {
				top: 0;
				-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
				-moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
				box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1)
			}

			.wrapper.fixed-layout.header-lg {
				padding-top: 200px
			}

			.wrapper.fixed-layout.header-lg header {
				position: fixed
			}

			.wrapper.fixed-layout.header-lg header.header-shrink {
				top: -120px
			}

			.wrapper.fixed-layout.header-lg header.header-shrink .header-content .icons-and-search .search-form {
				top: 135px
			}

			.wrapper.fixed-layout.header-lg header.header-shrink.scroll-up {
				top: -120px
			}

			.wrapper.header-lg {
				padding-top: 0
			}

			.wrapper.header-lg header {
				position: static
			}

			header {
				position: fixed;
				top: 0;
				right: 0;
				left: 0
			}

			footer .footer-text {
				height: auto;
				padding-top: 0
			}

			footer .footer-text .footer-back-top {
				position: relative;
				left: auto;
				margin: 0 auto;
				display: block
			}

			footer .footer-text .footer-back-top+.container-fluid {
				border-top: 1px solid rgba(255, 255, 255, .2)
			}

			footer .footer-text .footer-copyright,
			footer .footer-text .footer-menu {
				text-align: center;
				line-height: 1.6;
				margin-bottom: 15px;
				margin-top: 30px
			}

			footer .footer-text .footer-menu {
				margin: 0
			}
		}

		@media only screen and (max-width: 900px) {

			.wrapper.fixed-layout.header-lg,
			.wrapper.header-lg {
				padding-top: 80px
			}

			.wrapper.fixed-layout.header-lg header.header-shrink {
				top: 0
			}

			.wrapper.fixed-layout.header-lg header.header-shrink .header-content .icons-and-search .search-form {
				top: 15px
			}

			.wrapper.fixed-layout.disable-scroll-up.header-lg header.header-shrink.scroll-up,
			.wrapper.fixed-layout.header-lg header.header-shrink.scroll-up {
				top: 0
			}

			.wrapper.header-lg header {
				height: 80px;
				text-align: left;
				position: fixed;
				top: 0;
				right: 0;
				left: 0
			}

			.wrapper.header-lg header .header-content {
				margin-left: 80px;
				float: none;
				display: block;
				width: auto;
				height: 80px;
				padding: 0 15px;
				text-align: left
			}

			.wrapper.header-lg header .header-content .main-logo {
				float: left;
				padding: 10px 0
			}

			.wrapper.header-lg header .header-content .main-logo.text-logo h1 {
				font-size: 30px
			}

			.wrapper.header-lg header .header-content .main-logo.text-logo.without-description {
				padding: 5px 0
			}

			.wrapper.header-lg header .header-content .icons-and-search {
				height: 80px;
				right: 15px;
				top: 0;
				padding-right: 65px;
				left: auto
			}

			.wrapper.header-lg header .header-content .icons-and-search .social-icons {
				float: none;
				margin: 25px;
				-webkit-transition: opacity ease .2s;
				-moz-transition: opacity ease .2s;
				-o-transition: opacity ease .2s;
				transition: opacity ease .2s
			}

			.wrapper.header-lg header .header-content .icons-and-search .social-icons.toggle-social-icons {
				opacity: 0;
				filter: alpha(opacity=0)
			}

			.wrapper.header-lg header .header-content .icons-and-search .search-form {
				top: 15px;
				width: 50px;
				height: 50px;
				-webkit-transition: width ease .2s;
				-moz-transition: width ease .2s;
				-o-transition: width ease .2s;
				transition: width ease .2s
			}

			.wrapper.header-lg header .header-content .icons-and-search .search-form .form-group .btn-form {
				cursor: pointer
			}

			.wrapper.header-lg header .header-content .icons-and-search .search-form .form-group .btn-form:after {
				background-color: #f4f4f4
			}

			.wrapper.header-lg header .header-content .icons-and-search .search-form.toggle-search-form {
				width: 320px
			}

			.wrapper.header-lg header .header-content .icons-and-search .search-form.toggle-search-form .btn-form:after {
				content: "\f00d";
				background-color: transparent
			}

			.wrapper.header-lg header .collapse-nav-menu-btn {
				display: block;
				background: #fff;
			}

			.wrapper.header-lg .nav-wrapper {
				width: 250px;
				position: fixed;
				top: 0;
				left: -250px;
				bottom: 0;
				overflow-y: auto;
				overflow-x: hidden;
				background-color: #fff;
				height: auto;
				float: none;
				z-index: 21;
				-webkit-transition: left ease .2s;
				-moz-transition: left ease .2s;
				-o-transition: left ease .2s;
				transition: left ease .2s;
				-webkit-overflow-scrolling: touch;
				overflow-scrolling: touch
			}

			.wrapper.header-lg .nav-wrapper.collapse-nav-wrapper {
				left: 0
			}

			.wrapper.header-lg .nav-wrapper .nav-menu {
				width: auto;
				padding: 0 !important;
				display: block
			}

			.wrapper.header-lg .nav-wrapper .nav-menu ul>li {
				display: block;
				width: 100%;
				border-bottom: 1px solid rgba(0, 0, 0, .05)
			}

			.wrapper.header-lg .nav-wrapper .nav-menu ul>li>a {
				line-height: 60px;
				height: 60px
			}

			.wrapper.header-lg .nav-wrapper .nav-menu ul>li.active {
				border-bottom-color: #579eb8
			}

			.wrapper.header-lg .nav-wrapper .nav-menu ul>li:hover>ul {
				display: none
			}

			.wrapper.header-lg .nav-wrapper .nav-menu ul>li>ul {
				position: relative;
				top: auto;
				left: auto;
				width: 100%
			}

			.wrapper.header-lg .nav-wrapper .nav-menu ul>li>ul>li {
				border-bottom: none;
				width: 100%
			}

			.wrapper.header-lg .nav-wrapper .nav-menu ul>li>ul>li>a {
				height: 40px;
				padding-left: 30px
			}

			.wrapper.header-lg .nav-wrapper .nav-menu ul>li>ul>li>ul {
				left: auto;
				top: auto
			}

			.wrapper.header-lg .nav-wrapper .nav-menu ul>li>ul>li>ul>li>a {
				padding-left: 40px
			}

			.wrapper.header-lg .nav-wrapper .nav-menu ul>li>ul>li>ul>li>ul>li>a {
				padding-left: 55px
			}
		}

		@media only screen and (max-width: 800px) {

			.wrapper.header-lg header .header-content,
			header .header-content {
				text-align: center;
				margin: 0
			}

			.wrapper.fixed-layout.header-lg header.header-shrink .header-content .icons-and-search .search-form {
				top: 0
			}

			.wrapper.header-lg header .header-content .main-logo {
				float: none;
				margin-right: 0;
				display: inline-block;
				position: relative;
				z-index: 5
			}

			.wrapper.header-lg header .header-content .icons-and-search {
				right: 0;
				left: 0;
				bottom: 0
			}

			.wrapper.header-lg header .header-content .icons-and-search .search-form {
				background: #fff;
				top: 0;
				right: 0;
				width: 80px;
				height: 80px
			}

			.wrapper.header-lg header .header-content .icons-and-search .search-form .form-group .btn-form {
				background-color: transparent;
				cursor: pointer
			}

			.wrapper.header-lg header .header-content .icons-and-search .search-form .form-group .btn-form:after {
				background-color: transparent
			}

			.wrapper.header-lg header .header-content .icons-and-search .search-form.toggle-search-form {
				width: 100%;
				border-left: 1px solid transparent
			}

			header .collapse-nav-menu-btn {
				-webkit-transition: visibility ease .2s, opacity ease .2s;
				-moz-transition: visibility ease .2s, opacity ease .2s;
				-o-transition: visibility ease .2s, opacity ease .2s;
				transition: visibility ease .2s, opacity ease .2s
			}

			header .collapse-nav-menu-btn.bring-to-back {
				z-index: 1;
				visibility: hidden;
				opacity: 0;
				filter: alpha(opacity=0)
			}

			header .header-content .main-logo {
				float: none;
				margin-right: 0;
				display: inline-block;
				position: relative;
				z-index: 5;
				-webkit-transition: visibility ease .2s, opacity ease .2s;
				-moz-transition: visibility ease .2s, opacity ease .2s;
				-o-transition: visibility ease .2s, opacity ease .2s;
				transition: visibility ease .2s, opacity ease .2s
			}

			header .header-content .main-logo.bring-to-back {
				z-index: 1;
				visibility: hidden;
				opacity: 0;
				filter: alpha(opacity=0)
			}

			header .header-content .social-icons {
				display: none
			}

			header .header-content .icons-and-search {
				z-index: 4;
				right: 0;
				left: 0;
				bottom: 0;
				height: 80px;
				padding-right: 0
			}

			header .header-content .icons-and-search .search-form {
				top: 0;
				right: 0;
				width: 80px;
				height: 80px;
				border-left: 1px solid rgba(0, 0, 0, .05);
				-webkit-transition: width ease .2s, left ease .2s;
				-moz-transition: width ease .2s, left ease .2s;
				-o-transition: width ease .2s, left ease .2s;
				transition: width ease .2s, left ease .2s
			}

			header .header-content .icons-and-search .search-form .form-group .form-control {
				height: 80px;
				border-color: transparent;
				background-color: transparent;
				padding-right: 80px;
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
				-o-border-radius: 0;
				border-radius: 0
			}

			header .header-content .icons-and-search .search-form .form-group .form-control:focus {
				border-color: transparent;
				background-color: transparent
			}

			header .header-content .icons-and-search .search-form .form-group .btn-form {
				width: 80px;
				height: 80px;
				background-color: transparent;
				cursor: pointer
			}

			header .header-content .icons-and-search .search-form .form-group .btn-form:after {
				width: 80px;
				height: 80px;
				line-height: 80px;
				background-color: transparent;
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
				-o-border-radius: 0;
				border-radius: 0
			}

			header .header-content .icons-and-search .search-form.toggle-search-form {
				width: 100%;
				border-left: 1px solid transparent
			}

			.content-wrapper {
				padding: 30px 0
			}
		}

		@media only screen and (max-width: 480px) {

			.wrapper.header-lg header .header-content .icons-and-search .search-form .form-group .btn-form:after,
			header .collapse-nav-menu-btn {
				height: 60px;
				line-height: 60px;
				width: 60px
			}

			.wrapper,
			.wrapper.fixed-layout,
			.wrapper.header-lg,
			.wrapper.header-lg.fixed-layout {
				padding-top: 60px
			}

			.wrapper.header-lg header,
			.wrapper.header-lg header .header-content {
				height: 60px
			}

			.wrapper.header-lg header .header-content .main-logo.text-logo.without-description {
				padding: 0
			}

			.wrapper.header-lg header .header-content .icons-and-search {
				height: 60px
			}

			.wrapper.header-lg header .header-content .icons-and-search .search-form {
				width: 60px;
				height: 60px
			}

			.wrapper.header-lg header .header-content .icons-and-search .search-form .form-group .form-control {
				height: 60px;
				padding-right: 60px
			}

			.wrapper.header-lg header .header-content .icons-and-search .search-form .form-group .btn-form {
				width: 60px;
				height: 60px
			}

			header {
				height: 60px
			}

			header .header-content .main-logo {
				padding: 10px 0
			}

			header .header-content .main-logo img {
				height: 40px;
				margin: 0 !important
			}

			header .header-content .main-logo h1 {
				font-size: 30px
			}

			header .header-content .main-logo.text-logo {
				height: 60px
			}

			header .header-content .main-logo.text-logo img,
			header .header-content .main-logo.text-logo p {
				display: none
			}

			header .header-content .main-logo.text-logo.without-description {
				padding: 0
			}

			header .header-content .main-logo.text-logo.without-description h1 {
				line-height: 1.7
			}

			header .header-content .icons-and-search {
				height: 60px
			}

			header .header-content .icons-and-search .search-form {
				width: 60px;
				height: 60px
			}

			header .header-content .icons-and-search .search-form .form-group .form-control {
				height: 60px;
				padding-right: 60px
			}

			header .header-content .icons-and-search .search-form .form-group .btn-form {
				width: 60px;
				height: 60px
			}

			header .header-content .icons-and-search .search-form .form-group .btn-form:after {
				width: 60px;
				height: 60px;
				line-height: 60px
			}

			footer .footer-text .footer-menu>li {
				padding: 0 10px
			}
		}

		.form-control,
		.input-group-lg .form-control {
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			-o-border-radius: 0;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			-o-border-radius: 0
		}

		.form-control {
			padding: 0 20px;
			height: 50px;
			line-height: 50px;
			color: #777;
			border-color: #ececec;
			border-radius: 0;
			-webkit-box-shadow: inset 0 0 0 0 transparent;
			-moz-box-shadow: inset 0 0 0 0 transparent;
			box-shadow: inset 0 0 0 0 transparent;
			-webkit-transition: border-color ease .15s;
			-moz-transition: border-color ease .15s;
			-o-transition: border-color ease .15s;
			transition: border-color ease .15s
		}

		.form-control:focus,
		.progress {
			-webkit-box-shadow: inset 0 0 0 0 transparent;
			-moz-box-shadow: inset 0 0 0 0 transparent
		}

		.form-control:focus {
			border-color: #cecece;
			box-shadow: inset 0 0 0 0 transparent
		}

		.form-control:-ms-input-placeholder {
			color: #cecece
		}

		.form-control::-moz-placeholder {
			color: #cecece
		}

		.form-control::-webkit-input-placeholder {
			color: #cecece
		}

		.form-control.input-lg {
			padding: 0 30px;
			height: 70px;
			line-height: 70px
		}

		.form-control.input-sm {
			padding: 0 15px;
			height: 40px;
			line-height: 40px
		}

		.form-control-feedback {
			width: 46px;
			height: 46px;
			line-height: 46px
		}

		.form-control[disabled],
		.form-control[readonly],
		fieldset[disabled] .form-control {
			background-color: #fafafa
		}

		.input-group-lg .form-control {
			height: 70px;
			line-height: 70px;
			padding: 0 30px;
			border-radius: 0
		}

		.input-group-lg .input-group-addon {
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			-o-border-radius: 0;
			border-radius: 0
		}

		.input-group-sm .form-control {
			height: 40px;
			line-height: 40px;
			padding: 0 15px;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			-o-border-radius: 0;
			border-radius: 0
		}

		.input-group-sm .input-group-addon {
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			-o-border-radius: 0;
			border-radius: 0
		}

		.has-feedback .form-control {
			padding-right: 50px
		}

		.form-group-lg .form-control+.form-control-feedback,
		.input-group-lg+.form-control-feedback,
		.input-lg+.form-control-feedback {
			width: 46px;
			height: 66px;
			line-height: 66px
		}

		.form-group-sm .form-control+.form-control-feedback,
		.input-group-sm+.form-control-feedback,
		.input-sm+.form-control-feedback {
			width: 46px;
			height: 36px;
			line-height: 36px
		}

		.input-group-addon {
			color: #fff;
			background-color: #cecece;
			border: none;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			-o-border-radius: 0;
			border-radius: 0
		}

		.btn-group.btn-group-lg .btn,
		.btn-group.btn-group-sm .btn {
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			-o-border-radius: 0
		}

		.help-block {
			margin: 10px 0;
			color: #999
		}

		.form-group label {
			font-weight: 700;
			font-weight: 500
		}

		.form-horizontal .control-label,
		.form-horizontal .form-control-static {
			height: 50px;
			line-height: 50px;
			padding: 0;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis
		}

		.has-success .checkbox,
		.has-success .checkbox-inline,
		.has-success .control-label,
		.has-success .help-block,
		.has-success .radio,
		.has-success .radio-inline,
		.has-success.checkbox label,
		.has-success.checkbox-inline label,
		.has-success.radio label,
		.has-success.radio-inline label {
			color: #9bc53d
		}

		.has-success .form-control {
			border-color: #9bc53d;
			-webkit-box-shadow: inset 0 0 0 0 rgba(155, 197, 61, 0);
			-moz-box-shadow: inset 0 0 0 0 rgba(155, 197, 61, 0);
			box-shadow: inset 0 0 0 0 rgba(155, 197, 61, 0)
		}

		.has-success .form-control:focus {
			border-color: #92bb38;
			-webkit-box-shadow: inset 0 0 0 0 rgba(155, 197, 61, 0);
			-moz-box-shadow: inset 0 0 0 0 rgba(155, 197, 61, 0);
			box-shadow: inset 0 0 0 0 rgba(155, 197, 61, 0)
		}

		.has-success .input-group-addon {
			color: #fff;
			background-color: #9bc53d;
			border-color: #9bc53d
		}

		.has-success .form-control-feedback {
			color: #9bc53d
		}

		.has-warning .checkbox,
		.has-warning .checkbox-inline,
		.has-warning .control-label,
		.has-warning .help-block,
		.has-warning .radio,
		.has-warning .radio-inline,
		.has-warning.checkbox label,
		.has-warning.checkbox-inline label,
		.has-warning.radio label,
		.has-warning.radio-inline label {
			color: #579eb8
		}

		.has-warning .form-control {
			border-color: #579eb8;
			-webkit-box-shadow: inset 0 0 0 0 rgba(245, 187, 0, 0);
			-moz-box-shadow: inset 0 0 0 0 rgba(245, 187, 0, 0);
			box-shadow: inset 0 0 0 0 rgba(245, 187, 0, 0)
		}

		.has-warning .form-control:focus {
			border-color: #504f4c;
			-webkit-box-shadow: inset 0 0 0 0 rgba(245, 187, 0, 0);
			-moz-box-shadow: inset 0 0 0 0 rgba(245, 187, 0, 0);
			box-shadow: inset 0 0 0 0 rgba(245, 187, 0, 0)
		}

		.has-warning .input-group-addon {
			color: #fff;
			background-color: #579eb8;
			border-color: #579eb8
		}

		.has-warning .form-control-feedback {
			color: #579eb8
		}

		.has-error .checkbox,
		.has-error .checkbox-inline,
		.has-error .control-label,
		.has-error .help-block,
		.has-error .radio,
		.has-error .radio-inline,
		.has-error.checkbox label,
		.has-error.checkbox-inline label,
		.has-error.radio label,
		.has-error.radio-inline label {
			color: #e55934
		}

		.has-error .form-control {
			border-color: #e55934;
			-webkit-box-shadow: inset 0 0 0 0 rgba(229, 89, 52, 0);
			-moz-box-shadow: inset 0 0 0 0 rgba(229, 89, 52, 0);
			box-shadow: inset 0 0 0 0 rgba(229, 89, 52, 0)
		}

		.has-error .form-control:focus {
			border-color: #e34e26;
			-webkit-box-shadow: inset 0 0 0 0 rgba(229, 89, 52, 0);
			-moz-box-shadow: inset 0 0 0 0 rgba(229, 89, 52, 0);
			box-shadow: inset 0 0 0 0 rgba(229, 89, 52, 0)
		}

		.has-error .input-group-addon {
			color: #fff;
			background-color: #e55934;
			border-color: #e55934
		}

		.has-error .form-control-feedback {
			color: #e55934
		}

		@-webkit-keyframes empty {
			0% {
				opacity: 1
			}
		}

		@-moz-keyframes empty {
			0% {
				opacity: 1
			}
		}

		@keyframes empty {
			0% {
				opacity: 1
			}
		}

		@-webkit-keyframes fadeIn {
			0% {
				opacity: 0
			}

			100% {
				opacity: 1
			}
		}

		@-moz-keyframes fadeIn {
			0% {
				opacity: 0
			}

			100% {
				opacity: 1
			}
		}

		@keyframes fadeIn {
			0% {
				opacity: 0
			}

			100% {
				opacity: 1
			}
		}

		@-webkit-keyframes fadeOut {
			0% {
				opacity: 1
			}

			100% {
				opacity: 0
			}
		}

		@-moz-keyframes fadeOut {
			0% {
				opacity: 1
			}

			100% {
				opacity: 0
			}
		}

		@keyframes fadeOut {
			0% {
				opacity: 1
			}

			100% {
				opacity: 0
			}
		}

		@-webkit-keyframes backSlideOut {
			25% {
				opacity: .5;
				-webkit-transform: translateZ(-500px)
			}

			75% {
				opacity: .5;
				-webkit-transform: translateZ(-500px) translateX(-200%)
			}

			100% {
				opacity: .5;
				-webkit-transform: translateZ(-500px) translateX(-200%)
			}
		}

		@-moz-keyframes backSlideOut {
			25% {
				opacity: .5;
				-moz-transform: translateZ(-500px)
			}

			75% {
				opacity: .5;
				-moz-transform: translateZ(-500px) translateX(-200%)
			}

			100% {
				opacity: .5;
				-moz-transform: translateZ(-500px) translateX(-200%)
			}
		}

		@keyframes backSlideOut {
			25% {
				opacity: .5;
				transform: translateZ(-500px)
			}

			75% {
				opacity: .5;
				transform: translateZ(-500px) translateX(-200%)
			}

			100% {
				opacity: .5;
				transform: translateZ(-500px) translateX(-200%)
			}
		}

		@-webkit-keyframes backSlideIn {

			0%,
			25% {
				opacity: .5;
				-webkit-transform: translateZ(-500px) translateX(200%)
			}

			75% {
				opacity: .5;
				-webkit-transform: translateZ(-500px)
			}

			100% {
				opacity: 1;
				-webkit-transform: translateZ(0) translateX(0)
			}
		}

		@-moz-keyframes backSlideIn {

			0%,
			25% {
				opacity: .5;
				-moz-transform: translateZ(-500px) translateX(200%)
			}

			75% {
				opacity: .5;
				-moz-transform: translateZ(-500px)
			}

			100% {
				opacity: 1;
				-moz-transform: translateZ(0) translateX(0)
			}
		}

		@keyframes backSlideIn {

			0%,
			25% {
				opacity: .5;
				transform: translateZ(-500px) translateX(200%)
			}

			75% {
				opacity: .5;
				transform: translateZ(-500px)
			}

			100% {
				opacity: 1;
				transform: translateZ(0) translateX(0)
			}
		}

		@-webkit-keyframes scaleToFade {
			to {
				opacity: 0;
				-webkit-transform: scale(.8)
			}
		}

		@-moz-keyframes scaleToFade {
			to {
				opacity: 0;
				-moz-transform: scale(.8)
			}
		}

		@keyframes scaleToFade {
			to {
				opacity: 0;
				transform: scale(.8)
			}
		}

		@-webkit-keyframes goDown {
			from {
				-webkit-transform: translateY(-100%)
			}
		}

		@-moz-keyframes goDown {
			from {
				-moz-transform: translateY(-100%)
			}
		}

		@keyframes goDown {
			from {
				transform: translateY(-100%)
			}
		}

		@-webkit-keyframes scaleUpFrom {
			from {
				opacity: 0;
				-webkit-transform: scale(1.5)
			}
		}

		@-moz-keyframes scaleUpFrom {
			from {
				opacity: 0;
				-moz-transform: scale(1.5)
			}
		}

		@keyframes scaleUpFrom {
			from {
				opacity: 0;
				transform: scale(1.5)
			}
		}

		@-webkit-keyframes scaleUpTo {
			to {
				opacity: 0;
				-webkit-transform: scale(1.5)
			}
		}

		@-moz-keyframes scaleUpTo {
			to {
				opacity: 0;
				-moz-transform: scale(1.5)
			}
		}

		@keyframes scaleUpTo {
			to {
				opacity: 0;
				transform: scale(1.5)
			}
		}

		blockquote:after,
		blockquote:before {
			position: absolute;
			color: #f4f4f4;
			font-size: 180px;
			line-height: 1;
			z-index: 0;
		}

		.category {
			font-size: 12px;
			font-weight: 700
		}

		.category,
		.post-meta,
		.post-title {
			padding: 0;
			margin: 0;
			line-height: 1
		}

		a.btn-sm {
			line-height: 40px
		}

		.back-top-fixed,
		a,
		a.btn {
			text-decoration: none
		}

		.btn-sm {
			padding: 0 15px;
			height: 40px
		}

		.post-head .entry-title {
			color: #50514f;
			line-height: 1.2;
			margin: 0;
			margin-bottom: 15px;
			font-size: 36px;
			text-transform: uppercase
		}

		.post-body {
			font-size: 16px;
			font-weight: 400;
			padding: 0;
			margin: 0;
			line-height: 31px;
			word-wrap: break-word
		}

		.post-meta-span {
			margin-right: 5px;
			background: #579eb8;
			color: #fff;
			font-weight: 100;
			padding: 4px 5px
		}

		.post-meta-span a {
			color: #fff !important
		}

		.post-meta-span a:hover {
			color: #fff
		}

		.iframe_wrapper {
			position: relative;
			padding-bottom: 56.25%;
			padding-top: 30px;
			height: 0;
			overflow: hidden
		}

		.iframe_wrapper iframe,
		.iframe_wrapper object,
		.iframe_wrapper embed {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%
		}

		.post-header .social-icons {
			float: right
		}

		.first_post_img {
			width: 100%
		}

		.trending-badges {
			position: absolute;
			top: 0;
			left: -45px;
			text-align: center;
			min-width: 40px;
			z-index: 11
		}

		.trending-badges .badges {
			font-size: 20px;
			color: #fff;
			line-height: 30px
		}

		.trending-badges .trending-label {
			padding: 7px 12px 3px;
			min-width: 43px;
			background-color: #579eb8;
			color: #333
		}

		.trending-badges .score-label.point {
			line-height: 28px
		}

		.trending-badges .score-label {
			color: #f3f3f3;
			font-size: 12px;
			font-weight: 700;
			line-height: 14px;
			background: #333;
			padding: 8px 12px 7px;
			min-width: 43px
		}

		.trending-badges .score-label span {
			display: block
		}

		.post-archive ul {
			padding: 0;
			margin: 0;
			list-style: none;
		}

		.post-archive ul li {
			margin-bottom: 30px
		}

		.post-archive.list-style ul li .post-item {
			padding: 30px
		}

		.post-archive ul li .post-item {
			background-color: #fff;
			position: relative;
			display: block;
			color: #444
		}

		.post-archive.list-style.left-img ul li .post-item .featured-img {
			float: left
		}

		.post-archive ul li .post-item .featured-img {
			width: 55%;
			overflow: hidden;
		}

		.post-archive ul li .post-item .featured-img img {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 1;
			object-fit: cover
		}

		.post-archive ul li .post-item .caption .category {
			margin: 0 0 5px
		}

		.post-archive ul li .post-item .caption p {
			margin-bottom: 15px
		}

		.category {
			font-size: 12px;
			font-weight: 700
		}

		.category,
		.post-meta,
		.post-title {
			padding: 0;
			margin: 0;
			line-height: 1
		}

		.category,
		.post-title,
		.widget-tabs .nav-tabs>li {
			text-transform: uppercase
		}

		.post-archive ul li .post-item .caption .category a,
		.post-archive ul li .post-item .caption .post-meta span {
			margin-right: 10px
		}

		.post-archive ul li .post-item .caption .post-meta span i {
			margin-right: 3px
		}

		.post-archive ul li .post-item .caption .post-title {
			color: #50514f;
			font-size: 24px;
			line-height: 1.2;
			margin-bottom: 10px
		}

		.post-archive ul li .post-item .caption .post-title a {
			color: #50514f
		}

		.category a {
			margin: 0 !important;
			color: #579eb8
		}

		.post-archive ul li .post-item .caption .post-meta {
			font-size: 14px;
			margin-bottom: 15px
		}

		.post-archive ul li .post-item .caption p {
			margin-bottom: 15px
		}

		.post-archive ul li .post-item .caption .category a,
		.post-archive ul>li .post-item .caption .post-meta span {
			margin-right: 10px
		}

		.post-meta span.author {
			font-weight: 700
		}

		.category a:nth-child(n+6) {
			display: none
		}

		.blog-feeds {
			display: none
		}

		.pnote {
			padding: 20px;
			background: #fafafa;
			border: 1px dashed #ececec
		}

		.pnote h5 {
			font-size: 18px;
			margin: 0 0 10px;
			padding: 5px 60px 15px 0;
			color: #50514f;
			font-weight: 700;
			border-bottom: 1px dashed #ececec;
			text-transform: capitalize
		}

		.pnote h5:before {
			position: absolute;
			right: 55px;
			width: 40px;
			margin-top: -15px;
			height: 40px;
			background: #ececec;
			content: "\f0c6";
			font-family: FontAwesome;
			text-align: center;
			line-height: 40px;
			color: #fff;
			font-size: 18px;
			font-weight: 400;
			-webkit-border-radius: 20px;
			-moz-border-radius: 20px;
			-o-border-radius: 20px;
			border-radius: 20px
		}

		.pnote p {
			font-size: 15px
		}

		.pnote.pnote-default {
			background-color: #fff
		}

		.pnote.pnote-success {
			background: rgba(155, 197, 61, .08);
			border-color: #9bc53d
		}

		.pnote.pnote-success h5 {
			color: #9bc53d;
			border-bottom-color: #9bc53d
		}

		.pnote.pnote-success h5:before {
			background: #9bc53d
		}

		.pnote.pnote-info {
			background: rgba(91, 192, 235, .08);
			border-color: #5bc0eb
		}

		.pnote.pnote-info h5 {
			color: #5bc0eb;
			border-bottom-color: #5bc0eb
		}

		.pnote.pnote-info h5:before {
			background: #5bc0eb
		}

		.pnote.pnote-warning {
			background: rgba(245, 187, 0, .08);
			border-color: #f5bb00
		}

		.pnote.pnote-warning h5 {
			color: #f5bb00;
			border-bottom-color: #f5bb00
		}

		.pnote.pnote-warning h5:before {
			background: #f5bb00
		}

		.pnote.pnote-danger {
			background: rgba(229, 89, 52, .08);
			border-color: #e55934
		}

		.pnote.pnote-danger h5 {
			color: #e55934;
			border-bottom-color: #e55934
		}

		.pnote.pnote-danger h5:before {
			background: #e55934
		}

		.post-meta-bottom {
			padding: 15px 0;
			margin-top: 25px;
		}

		.post-meta-bottom .widget-tags {
			float: left;
			width: 50%;
			padding-top: 10px
		}

		.widget-tags a {
			display: inline-block;
			height: 30px;
			line-height: 30px;
			text-align: center;
			font-size: 14px;
			background-color: #f4f4f4;
			color: #999;
			margin: 0 10px 10px 0;
			padding: 0 15px;
			-webkit-transition: background-color ease .2s, color ease .2s;
			-moz-transition: background-color ease .2s, color ease .2s;
			-o-transition: background-color ease .2s, color ease .2s;
			transition: background-color ease .2s, color ease .2s
		}

		.post-meta-bottom .social-icons {
			margin-top: 10px;
			float: left;
			width: 50%;
			text-align: right
		}

		.post-meta-bottom:after,
		.post-meta-bottom:before {
			display: table;
			content: " "
		}

		.post-meta-bottom:after {
			clear: both
		}

		.widget-tags a:nth-child(n+2) {
			display: none
		}

		.widget-tags>a:hover {
			background-color: #579eb8;
			color: #fff
		}

		.widget-about.post-author {
			text-align: left;
			position: relative;
			padding: 30px 0
		}

		.widget-about.post-author:after,
		.widget-about.post-author:before {
			display: table;
			content: " "
		}

		.widget-about.post-author .avatar {
			float: left;
			width: 80px;
			height: 80px;
			position: relative;
			z-index: 2;
			overflow: hidden;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			-o-border-radius: 50%;
			border-radius: 50%;
			margin: 0 auto 15px;
			background-color: #cecece
		}

		.widget-about .avatar img {
			position: absolute;
			margin: auto;
			top: -9999px;
			right: -9999px;
			bottom: -9999px;
			left: -9999px;
			width: 100%;
			height: auto;
			z-index: 1
		}

		.widget-about.post-author .caption {
			position: relative;
			margin-left: 100px
		}

		.widget-about .name {
			color: #50514f;
			margin-bottom: 5px;
			font-size: 20px
		}

		.widget-about.post-author .caption .subname {
			font-size: 12px;
			text-transform: uppercase
		}

		.widget-about.post-author .caption .description {
			font-size: 14px;
			color: #999
		}

		.widget-about.post-author .social-icons {
			position: relative;
			left: -10px
		}

		.widget-about.post-author .social-icons a {
			color: #50514f
		}

		.widget-about.post-author:after {
			clear: both
		}

		.widget-about.post-author:after,
		.widget-about.post-author:before {
			display: table;
			content: " "
		}

		.text-warning {
			color: #f5bb00
		}

		.item-related {
			width: 235px;
			float: left
		}

		.item-related img {
			width: 100%;
			height: 235px;
			object-fit: cover
		}

		.item-related h3 a {
			padding: 0;
			margin: 10px 0;
			font-size: 18px;
			text-transform: uppercase;
			line-height: 1.3;
			color: #50514f
		}

		.item-related h3 a:hover {
			color: #f5bb00
		}

		.content-inner {
			display: block;
			position: relative;
			overflow: hidden;
			width: 100%;
			background-color: #fff;
			margin-bottom: 40px
		}

		.content-inner .widget {
			padding: 20px
		}

		.content-inner .widget-heading {
			padding: 0 0 15px;
			margin: 0;
			line-height: 1;
			font-size: 14px;
			text-transform: uppercase;
			color: #50514f;
			border-bottom: 1px solid #f4f4f4;
			position: relative;
			text-align: left
		}

		.content-inner .widget-heading:after {
			background-color: #579eb8
		}

		.widget-related-post {
			padding-top: 20px
		}

		.content-inner .widget-heading:after {
			position: absolute;
			content: " ";
			z-index: 1;
			bottom: -1px;
			left: 0;
			width: 100px;
			height: 1px;
			background-color: #579eb8
		}

		.next-prev-post {
			position: relative;
			padding-top: 40px;
			border-top: 1px solid #f4f4f4
		}

		.next-prev-post:after,
		.next-prev-post:before {
			display: table;
			content: " "
		}

		.next-prev-post .next-post,
		.next-prev-post .prev-post {
			float: left;
			position: relative;
			width: 50%;
			height: 70px;
			padding: 5px 40px
		}

		.next-prev-post .next-post:before,
		.next-prev-post .prev-post:before {
			background-color: #504f4c;
			content: "\f104";
			font-family: FontAwesome;
			position: absolute;
			width: 30px;
			background-color: #504f4c;
			color: #fff;
			text-align: center;
			line-height: 70px;
			height: 70px;
			left: 0;
			top: 0;
			font-size: 14px
		}

		.next-prev-post .post-title {
			line-height: 1.4;
			font-size: 18px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			color: #777
		}

		.next-prev-post p {
			color: #cecece;
			font-size: 12px
		}

		.next-prev-post .prev-post {
			float: left;
			text-align: left
		}

		.next-prev-post .next-post {
			float: right;
			text-align: right
		}

		.next-prev-post .next-post:before {
			right: 0;
			left: auto;
			content: "\f105"
		}

		.next-prev-post:after {
			clear: both
		}

		.status-msg-wrap {
			text-align: center;
			padding: 17px;
			color: #6F6B6B;
			margin-bottom: 25px;
			text-transform: capitalize;
			border: 1px solid #ddd
		}

		.status-msg-border {
			display: none
		}

		#blog-pager {
			display: block;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			-o-border-radius: 0;
			border-radius: 0;
			padding: 0;
			margin: 0 0 30px;
			list-style: none;
			text-align: center
		}

		blockquote {
			border-left: 0;
			position: relative;
			padding: 65px 25px 45px;
			color: #999;
			font-size: 20px !important;
			background: #f9f9f9;
			line-height: 1.4;
			z-index: 1;
			margin: 0
		}

		blockquote:before {
			top: 0;
			left: 0;
			content: "\f10d"
		}

		blockquote:after {
			bottom: 0;
			right: 0;
			content: "\f10e"
		}

		blockquote:after,
		blockquote:before {
			position: absolute;
			color: #f4f4f4;
			font-size: 65px;
			line-height: 1;
			z-index: 0;
			font-family: FontAwesome;
			transition: .2s ease-in
		}

		blockquote:before {
			color: #579eb8
		}

		blockquote:after {
			color: #579eb8
		}

		pre {
			color: #fff;
			white-space: pre-wrap;
			word-wrap: break-word;
			background: 100% 50% no-repeat #579eb8;
			padding: 20px;
			border-width: 0;
			border-style: initial;
			border-color: initial;
			border-radius: 0;
			font-size: 16px;
			margin: 0
		}

		.btn-tc {
			padding: 8px 20px;
			display: inline-block;
			text-align: center;
			font-weight: 900;
			border: 3px solid #000;
			margin: 5px;
			transition: .2s ease-in
		}

		.btn-tc:hover {
			background: #000;
			color: #fff
		}

		.btn-tc.red {
			border-color: #e74c3c;
			color: #e74c3c
		}

		.btn-tc.red:hover {
			background: #e74c3c;
			color: #fff
		}

		.btn-tc.green {
			border-color: #27ae60;
			color: #27ae60
		}

		.btn-tc.green:hover {
			background: #27ae60;
			color: #fff
		}

		.btn-tc.blue {
			border-color: #2980b9;
			color: #2980b9
		}

		.btn-tc.blue:hover {
			background: #2980b9;
			color: #fff
		}

		.btn-tc.yellow {
			border-color: #f1c40f;
			color: #f1c40f
		}

		.btn-tc.yellow:hover {
			background: #f1c40f;
			color: #fff
		}

		.popular-posts ul {
			counter-reset: my-badass-counter
		}

		.popular-posts ul li {
			position: relative;
			padding-left: 0;
			font-size: 14px;
			padding-bottom: 15px;
			margin-bottom: 15px;
			border-bottom: 1px solid #f4f4f4;
			margin-left: 0
		}

		.popular-posts ul li:last-child {
			border: 0;
			margin: 0;
			padding-bottom: 0
		}

		.popular-posts li:hover .item-thumbnail:before {
			background-color: rgba(0, 0, 0, .5)
		}

		.popular-posts .item-thumbnail {
			display: block;
			width: 100%;
			position: relative;
			z-index: 2;
			overflow: hidden;
			background-color: #cecece
		}

		.popular-posts .item-thumbnail img {
			position: absolute;
			margin: auto;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 100%;
			padding: 0;
			z-index: 1;
			object-fit: cover
		}

		.popular-posts .item-title {
			line-height: 1.4;
			color: #777;
			font-size: 15px;
			font-weight: 700;
			background: #f9f9f9;
			text-align: center;
			position: relative;
			padding: 15px;
			overflow: hidden
		}

		.popular-posts li .item-title a {
			color: #777
		}

		.popular-posts li .item-title a:hover {
			color: #50514f
		}

		.popular-posts .item-snippet {
			display: none
		}

		.list-label-widget-content li {
			font-size: 14px;
			display: block;
			padding: 15px 0 !important;
			border-bottom: 1px solid #f4f4f4;
			margin: 0 !important;
			position: relative
		}

		.list-label-widget-content li a {
			color: #999;
			display: block
		}

		.list-label-widget-content li span {
			background-color: #f5bb00;
			height: 30px;
			padding: 0 10px;
			line-height: 30px;
			background-color: #f5bb00;
			color: #fff;
			position: absolute;
			right: 0;
			top: 10px;
			font-weight: 700;
			-webkit-transition: background-color ease .2s;
			-moz-transition: background-color ease .2s;
			-o-transition: background-color ease .2s;
			transition: background-color ease .2s
		}

		.list-label-widget-content li:hover>a {
			color: #50514f
		}

		.list-label-widget-content li:hover span {
			background-color: #50514f
		}

		.cloud-label-widget-content .label-size {
			display: inline-block;
			line-height: 30px;
			text-align: center;
			font-size: 14px;
			background-color: #f4f4f4;
			color: #999;
			margin: 0 5px 6px 0;
			border-radius: 2px;
			padding: 0 15px;
			-webkit-transition: background-color ease .2s, color ease .2s;
			-moz-transition: background-color ease .2s, color ease .2s;
			-o-transition: background-color ease .2s, color ease .2s;
			transition: background-color ease .2s, color ease .2s
		}

		.widget-content.cloud-label-widget-content {
			padding-top: 10px
		}

		.cloud-label-widget-content .label-size a {
			color: #999
		}

		.cloud-label-widget-content .label-size:hover {
			background-color: #579eb8;
			color: #fff
		}

		.cloud-label-widget-content .label-size:hover a {
			color: #fff
		}

		.Profile img {
			border: 1px solid #cecece;
			background: #fff;
			float: left;
			margin: 5px 10px 5px 0;
			padding: 5px;
			-webkit-border-radius: 50px;
			-moz-border-radius: 50px;
			border-radius: 50px
		}

		.profile-data {
			color: #999;
			font: bold 20px/1.6em Arial, Helvetica, Tahoma, sans-serif;
			font-variant: small-caps;
			margin: 0;
			text-transform: capitalize
		}

		.profile-datablock {
			margin: .5em 0
		}

		.profile-textblock {
			line-height: 1.6em;
			margin: .5em 0
		}

		a.profile-link {
			clear: both;
			display: block;
			font: 80% monospace;
			padding: 10px 0;
			text-align: center;
			text-transform: capitalize
		}

		.sidebar .widget h2 {
			padding: 0 0 15px;
			margin: 0;
			line-height: 1;
			font-size: 14px;
			text-transform: uppercase;
			color: #50514f;
			border-bottom: 1px solid #f4f4f4;
			position: relative;
			text-align: left
		}

		.sidebar .widget {
			clear: both;
			margin-bottom: 30px
		}

		.sidebar .widget:last-child {
			margin: 0
		}

		.sidebar ul {
			margin: 0;
			padding: 0;
			list-style: none
		}

		.sidebar li {
			margin: 0;
			padding: 0;
			text-transform: capitalize
		}

		#comments {
			padding: 0 20px;
			display: inline-block;
			width: 100%;
			background: #fff
		}

		#comments>h4 {
			padding: 0 0 15px;
			margin: 0;
			line-height: 1;
			font-size: 14px;
			text-transform: uppercase;
			color: #50514f;
			border-bottom: 1px solid #f4f4f4;
			position: relative;
			text-align: left;
			padding-top: 20px
		}

		#comments>h4:before {
			position: absolute;
			content: " ";
			z-index: 1;
			bottom: -1px;
			left: 0;
			width: 80px;
			height: 1px;
			background-color: #579eb8
		}

		.c_msg_p {
			font-size: 12px;
			padding: 5px
		}

		#comments #comment-post-message {
			color: #FFF;
			background: #504f4c;
			margin: 0;
			padding: 10px;
			line-height: normal;
			border-radius: 2px;
			font-size: 15px
		}

		#comments .user a {
			color: #555;
			font-style: normal;
			font-size: 16px;
			line-height: 26px;
			font-weight: 400;
			letter-spacing: 1px
		}

		#comments .datetime,
		#comments .datetime a {
			color: #999;
			text-decoration: none;
			margin: 0;
			font-size: 14px;
			display: inline-block;
			float: right
		}

		.comments .comments-content .comment-content {
			margin: 0 0 20px;
			color: #7B7B7B
		}

		#comments .datetime a {
			margin: auto
		}

		#comments .comment-actions a {
			background-color: #504f4c;
			border: 1px solid #504f4c;
			border-radius: 2px;
			color: #FFF;
			font-size: 11px;
			padding: 5px 15px;
			text-transform: uppercase;
			text-decoration: none;
			margin-right: 10px
		}

		#comments .comment-actions a:hover {
			color: #fff;
			background-color: #555;
			border: 1px solid #555
		}

		#comments .comment {
			border-bottom: 1px solid #eee;
			padding: 0 0 5px
		}

		#comments .loadmore {
			margin-top: 0
		}

		#comment-editor {
			height: 235px
		}

		.comments .comments-content .avatar-image-container {
			max-height: 76px;
			width: 76px
		}

		#comments .comments-content .avatar-image-container img {
			max-width: 75px;
			border-radius: 205px
		}

		.comments .comment-block {
			margin-left: 90px !important
		}

		span.icon.user.blog-author:after {
			background-color: #579eb8;
			color: #FFF;
			padding: 2px 5px;
			font-weight: 400;
			font-size: 13px;
			content: "Admin";
			display: inline-block
		}

		.thread-toggle {
			display: block !important
		}

		.thread-toggle.thread-expanded {
			border-bottom: 1px solid #ddd;
			width: 100%;
			padding: 0 0 10px;
			margin-bottom: 10px
		}

		#comments .thread-chrome .comment {
			border-bottom-color: #ddd !important
		}

		#comments .comment-author {
			padding-left: 25px
		}

		.comment-body {
			margin: .5em 25px
		}

		.comment-footer {
			margin: .5em 25px 1.5em
		}

		.comment-body p {
			margin: 0
		}

		#comments .avatar-comment-indent .comment-author {
			margin-left: -45px;
			padding-left: 45px
		}

		.deleted-comment {
			font-style: italic;
			opacity: .5
		}

		#comment-actions {
			background: transparent;
			border: 0;
			padding: 0;
			position: absolute;
			height: 25px
		}

		#comments .blogger-comment-icon,
		.blogger-comment-icon {
			line-height: 16px;
			background: url(/img/b16-rounded.gif) left no-repeat;
			padding-left: 20px
		}

		#comments .openid-comment-icon,
		.openid-comment-icon {
			line-height: 16px;
			background: url(/img/openid16-rounded.gif) left no-repeat;
			padding-left: 20px
		}

		#comments .anon-comment-icon,
		.anon-comment-icon {
			line-height: 16px;
			background: url(/img/anon16-rounded.gif) left no-repeat;
			padding-left: 20px
		}

		.comment-form {
			clear: both;
			_width: 410px
		}

		.comment-link {
			white-space: nowrap
		}

		.paging-control-container {
			float: right;
			margin: 0 6px 0 0;
			font-size: 80%
		}

		.unneeded-paging-control {
			visibility: hidden
		}

		#comments-block .avatar-image-container img {
			-ms-interpolation-mode: bicubic;
			border: 1px solid #ccc;
			float: right
		}

		#comments-block .avatar-image-container.avatar-stock img {
			border-width: 0;
			padding: 1px
		}

		#comments-block .avatar-image-container {
			height: 37px;
			left: -45px;
			position: absolute;
			width: 37px
		}

		#comments-block.avatar-comment-indent {
			margin-left: 45px;
			position: relative
		}

		#comments-block.avatar-comment-indent dd {
			margin-left: 0
		}

		iframe.avatar-hovercard-iframe {
			border: 0 none;
			padding: 0;
			width: 25em;
			height: 9.4em;
			margin: .5em
		}

		.comments {
			clear: both;
			margin-top: 10px;
			margin-bottom: 0
		}

		.comments .comments-content {
			margin-bottom: 16px
		}

		.comments .comment .comment-actions a {
			padding-right: 5px;
			padding-top: 5px
		}

		.comments .comment .comment-actions a:hover {
			text-decoration: underline
		}

		.comments .comments-content .comment-thread ol {
			list-style-type: none;
			padding: 0;
			text-align: left
		}

		.comments .comments-content .inline-thread {
			padding: .5em 1em
		}

		.comments .comments-content .comment-thread {
			margin: 8px 0
		}

		.comments .comments-content .comment-thread:empty {
			display: none
		}

		.comments .comments-content .comment-replies {
			margin-left: 36px;
			margin-top: 1em
		}

		.comments .comments-content .comment {
			margin-bottom: 16px;
			padding-bottom: 8px
		}

		.comments .comments-content .comment:first-child {
			padding-top: 16px
		}

		.comments .comments-content .comment:last-child {
			border-bottom: 0;
			padding-bottom: 0
		}

		.comments .comments-content .comment-body {
			position: relative
		}

		.comments .comments-content .user {
			font-style: normal;
			font-weight: 700
		}

		.comments .comments-content .icon.blog-author {
			display: inline-block;
			height: 18px;
			margin: 0 0 -4px 6px;
			width: 18px
		}

		.comments .comments-content .datetime {
			margin-left: 6px
		}

		.comments .comments-content .comment-header,
		.comments .comments-content .comment-content {
			margin: 0 0 8px
		}

		.comments .comments-content .comment-content {
			text-align: justify
		}

		.comments .comments-content .owner-actions {
			position: absolute;
			right: 0;
			top: 0
		}

		.comments .comments-replybox {
			border: none;
			height: 250px;
			width: 100%
		}

		.comments .comment-replybox-single {
			margin-left: 48px;
			margin-top: 5px
		}

		.comments .comment-replybox-thread {
			margin-top: 5px
		}

		.comments .comments-content .loadmore a {
			display: block;
			padding: 10px 16px;
			text-align: center
		}

		.comments .thread-toggle {
			cursor: pointer;
			display: inline-block;
			border: 1px solid #ddd;
			width: 100%;
			padding: 10px;
			margin-bottom: 10px
		}

		.comments .continue {
			cursor: pointer
		}

		.comments .continue a {
			background-color: #579eb8;
			border: 1px solid #579eb8;
			border-radius: 2px;
			color: #FFF;
			font-size: 11px;
			display: inline-block;
			padding: 10px 20px;
			text-transform: uppercase;
			text-decoration: none;
			margin-right: 10px
		}

		.comments .comments-content .loadmore {
			cursor: pointer;
			margin-top: 3em;
			max-height: 3em
		}

		.comments .comments-content .loadmore.loaded {
			max-height: 0;
			opacity: 0;
			overflow: hidden
		}

		.comments .thread-chrome.thread-collapsed {
			display: none
		}

		.comments .thread-toggle {
			display: inline-block
		}

		.comments .thread-toggle .thread-arrow {
			display: inline-block;
			height: 8px;
			margin: .3em;
			overflow: visible;
			padding-right: 4px;
			width: 10px;
			top: 3px;
			position: relative
		}

		.comments .thread-expanded .thread-arrow {
			background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC) no-repeat scroll 0 0 transparent
		}

		.comments .thread-collapsed .thread-arrow {
			background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==) no-repeat scroll 0 0 transparent
		}

		.comments .avatar-image-container {
			float: left;
			max-height: 36px;
			overflow: hidden;
			width: 36px
		}

		.comments .avatar-image-container img {
			max-width: 36px
		}

		.comments .comment-block {
			margin-left: 48px;
			position: relative
		}

		@media screen and (max-device-width: 480px) {
			.comments .comments-content .comment-replies {
				margin-left: 0
			}
		}

		table.tr-caption-container {
			padding: 4px;
			margin-bottom: .5em
		}

		td.tr-caption {
			font-size: 80%
		}

		.icon-action {
			border-style: none !important;
			margin: 0 0 0 .5em !important;
			vertical-align: middle
		}

		.comment-action-icon {
			width: 13px;
			height: 13px;
			margin-top: 3px
		}

		.delete-comment-icon {
			background: url(/img/icon_delete13.gif) no-repeat left;
			padding: 7px
		}

		#comment-popup {
			position: absolute;
			visibility: hidden;
			width: 100px;
			height: 20px
		}

		@media screen and (max-width: 768px) {
			#comment-editor {
				margin: 10px
			}

			.footer {
				width: 50%
			}
		}

		@media screen and (max-width: 420px) {
			.comments .comments-content .datetime {
				display: block;
				float: none
			}

			.comments .comments-content .comment-header {
				height: 70px
			}
		}

		@media screen and (max-width: 320px) {
			.footer {
				width: 100%
			}

			.ct-wrapper {
				padding: 0
			}

			.comments .comments-content .comment-replies {
				margin-left: 0
			}
		}

		h2.date-header,
		.post-feeds {
			display: none
		}

		@media all and (max-width: 600px) {
			.post-archive.list-style ul>li .post-item .featured-img {
				position: relative;
				z-index: 2;
				overflow: hidden
			}

			.post-archive ul li .post-item .caption .post-title {
				font-size: 21px
			}

			.category,
			.post-meta {
				display: none
			}
		}

		@media screen and (max-width: 480px) {
			.post-item .caption {
				padding: 20px
			}

			.post-item .featured-img {
				display: block;
				height: 0;
				position: relative;
				z-index: 2;
				overflow: hidden;
				width: 100%;
				padding-top: 50%;
			}

			.post-item .featured-img img {
				position: absolute;
				margin: auto;
				top: -9999px;
				right: -9999px;
				bottom: -9999px;
				left: -9999px;
				width: 100%;
				height: auto;
				z-index: 1
			}

			.post-item .caption .category {
				margin-bottom: 5px;
				display: block
			}

			.post-item .caption .post-title {
				font-size: 18px
			}

			.post-item .caption .post-meta {
				margin-bottom: 0;
				display: block
			}

			.post-archive.list-style ul>li .post-item {
				padding: 0
			}

			h1.post-title.entry-title {
				text-align: center;
				font-size: 24px;
				padding: 18px;
				border-bottom: 1px solid #ddd
			}

			.social-icons {
				float: none !important;
				text-align: center
			}
		}

		.item.slick-slide:before {
			content: '';
			position: absolute;
			opacity: 0;
			background: #000;
			height: 100%;
			width: 100%;
			z-index: 9;
			transition: all .25s;
			-moz-transition: all .25s;
			-webkit-transition: all .25s
		}

		.item.slick-slide.slick-active:before {
			content: '';
			position: absolute;
			opacity: 0;
			background: none;
			transition: all .25s;
			-moz-transition: all .25s;
			-webkit-transition: all .25s
		}

		.slicknav_menu {
			display: none
		}

		@media screen and (max-width: 40em) {
			.sky-mega-menu {
				display: none
			}

			.slicknav_menu {
				display: block
			}
		}

		.large-12.column {
			text-align: center
		}

		@-webkit-keyframes justified-gallery-show-caption-animation {
			from {
				opacity: 0
			}

			to {
				opacity: .7
			}
		}

		@-moz-keyframes justified-gallery-show-caption-animation {
			from {
				opacity: 0
			}

			to {
				opacity: .7
			}
		}

		@-o-keyframes justified-gallery-show-caption-animation {
			from {
				opacity: 0
			}

			to {
				opacity: .7
			}
		}

		@keyframes justified-gallery-show-caption-animation {
			from {
				opacity: 0
			}

			to {
				opacity: .7
			}
		}

		@-webkit-keyframes justified-gallery-show-entry-animation {
			from {
				opacity: 0
			}

			to {
				opacity: 1
			}
		}

		@-moz-keyframes justified-gallery-show-entry-animation {
			from {
				opacity: 0
			}

			to {
				opacity: 1
			}
		}

		@-o-keyframes justified-gallery-show-entry-animation {
			from {
				opacity: 0
			}

			to {
				opacity: 1
			}
		}

		@keyframes justified-gallery-show-entry-animation {
			from {
				opacity: 0
			}

			to {
				opacity: 1
			}
		}

		.justified-gallery {
			width: 100%;
			position: relative;
			overflow: hidden;
			margin-bottom: 30px
		}

		.justified-gallery>
		a,
		.justified-gallery>

		div {
			position: absolute;
			display: inline-block;
			overflow: hidden;
			opacity: 0;
			filter: alpha(opacity=0)
		}

		.justified-gallery>
		a>
		a>
		img,
		.justified-gallery>
		a>
		img,
		.justified-gallery>
		div>
		a>
		img,
		.justified-gallery>
		div>

		img {
			position: absolute;
			top: 50%;
			left: 50%;
			margin: 0;
			padding: 0;
			border: 0
		}

		.justified-gallery>
		a>
		.caption,
		.justified-gallery>
		div>

		.caption {
			display: none;
			position: absolute;
			bottom: 0;
			padding: 5px;
			background-color: #000;
			left: 0;
			right: 0;
			margin: 0;
			color: #fff;
			font-size: 12px;
			font-weight: 300;
		}

		.justified-gallery>
		a>
		.caption.caption-visible,
		.justified-gallery>
		div>

		.caption.caption-visible {
			display: initial;
			opacity: .7;
			filter: "-webkit-animation:justified-gallery-show-caption-animation 500ms 0 ease;-moz-animation:justified-gallery-show-caption-animation 500ms 0 ease;-ms-animation:justified-gallery-show-caption-animation 500ms 0 ease}
.justified-gallery>

			.entry-visible {
				opacity: 1;
				filter: alpha(opacity=100);
				-webkit-animation: justified-gallery-show-entry-animation 500ms 0 ease;
				-moz-animation: justified-gallery-show-entry-animation 500ms 0 ease;
				-ms-animation: justified-gallery-show-entry-animation 500ms 0 ease
			}

			.justified-gallery>

			.spinner {
				position: absolute;
				bottom: 0;
				margin-left: -24px;
				padding: 10px 0;
				left: 50%;
				opacity: initial;
				filter: initial;
				overflow: initial
			}

			.justified-gallery>
			.spinner>

			span {
				display: inline-block;
				opacity: 0;
				filter: alpha(opacity=0);
				width: 8px;
				height: 8px;
				margin: 0 4px;
				background-color: #000;
				border-radius: 6px
			}


			.post-header {
				display: inline-block;
				width: 100%;
			}

			.btn-main {
				margin: 10px;
			}
	
	
		.f1,
		.f11,
		.f12,
		.f13,
		.f14,
		.f15,
		.f16,
		.f17,
		.f18,
		.f19,
		.f2,
		.f20,
		.f3,
		.f4,
		.f5,
		.f6,
		.f7,
		.f8,
		.f9 {
			margin-left: 5px;
			float: left;
			margin-right: 5px
		}

		.f1,
		.f10,
		.f11,
		.f12,
		.f13,
		.f14,
		.f15,
		.f16,
		.f17,
		.f18,
		.f19,
		.f2,
		.f3,
		.f4,
		.f5,
		.f6,
		.f7,
		.f8,
		.f9,
		.w1,
		.w10,
		.w11,
		.w12,
		.w13,
		.w14,
		.w15,
		.w16,
		.w17,
		.w18,
		.w19,
		.w2,
		.w3,
		.w4,
		.w5,
		.w6,
		.w7,
		.w8,
		.w9 {
			float: left
		}

		.f1,
		.f10,
		.f11,
		.f12,
		.f13,
		.f14,
		.f15,
		.f16,
		.f17,
		.f18,
		.f19,
		.f2,
		.f3,
		.f4,
		.f5,
		.f6,
		.f7,
		.f8,
		.f9,
		.l1,
		.l10,
		.l11,
		.l12,
		.l13,
		.l14,
		.l15,
		.l16,
		.l17,
		.l18,
		.l19,
		.l2,
		.l3,
		.l4,
		.l5,
		.l6,
		.l7,
		.l8,
		.l9 {
			margin-right: 5px
		}

		.f1 {
			width: calc(5% - 10px)
		}

		.f2 {
			width: calc(10% - 10px)
		}

		.f3 {
			width: calc(15% - 10px)
		}

		.f4 {
			width: calc(20% - 10px)
		}

		.f5 {
			width: calc(25% - 10px)
		}

		.f6 {
			width: calc(30% - 10px)
		}

		.f7 {
			width: calc(35% - 10px)
		}

		.f8 {
			width: calc(40% - 10px)
		}

		.f9 {
			width: calc(45% - 10px)
		}

		.f10 {
			margin-left: 5px;
			width: calc(50% - 10px)
		}

		.f11 {
			width: calc(55% - 10px)
		}

		.f12 {
			width: calc(60% - 10px)
		}

		.f13 {
			width: calc(65% - 10px)
		}

		.f14 {
			width: calc(70% - 10px)
		}

		.f15 {
			width: calc(75% - 10px)
		}

		.f16 {
			width: calc(80% - 10px)
		}

		.f17 {
			width: calc(85% - 10px)
		}

		.f18 {
			width: calc(90% - 10px)
		}

		.f19 {
			width: calc(95% - 10px)
		}

		.f20 {
			width: calc(100% - 10px)
		}

		.w1 {
			width: 5%
		}

		.w2 {
			width: 10%
		}

		.w3 {
			width: 15%
		}

		.w4 {
			width: 20%
		}

		.w5 {
			width: 25%
		}

		.w6 {
			width: 30%
		}

		.w7 {
			width: 35%
		}

		.w8 {
			width: 40%
		}

		.w9 {
			width: 45%
		}

		.w10 {
			width: 50%
		}

		.w11 {
			width: 55%
		}

		.w12 {
			width: 60%
		}

		.w13 {
			width: 65%
		}

		.w14 {
			width: 70%
		}

		.w15 {
			width: 75%
		}

		.w16 {
			width: 80%
		}

		.w17 {
			width: 85%
		}

		.w18 {
			width: 90%
		}

		.w19 {
			width: 95%
		}

		.w100,
		.w20 {
			width: 100%;
			overflow: hidden
		}

		.fw1 {
			width: 5%
		}

		.fw2 {
			width: 10%
		}

		.fw3 {
			width: 15%
		}

		.fw4 {
			width: 20%
		}

		.fw5 {
			width: 25%
		}

		.fw6 {
			width: 30%
		}

		.fw7 {
			width: 35%
		}

		.fw8 {
			width: 40%
		}

		.fw9 {
			width: 45%
		}

		.fw10 {
			width: 50%
		}

		.fw11 {
			width: 55%
		}

		.fw12 {
			width: 60%
		}

		.fw13 {
			width: 65%
		}

		.fw14 {
			width: 70%
		}

		.fw15 {
			width: 75%
		}

		.fw16 {
			width: 80%
		}

		.fw17 {
			width: 85%
		}

		.fw18 {
			width: 90%
		}

		.fw19 {
			width: 95%
		}

		.l1 {
			margin-left: calc(5% + 5px)
		}

		.l2 {
			margin-left: calc(10% + 5px)
		}

		.l3 {
			margin-left: calc(15% + 5px)
		}

		.l4 {
			margin-left: calc(20% + 5px)
		}

		.l5 {
			margin-left: calc(25% + 5px)
		}

		.l6 {
			margin-left: calc(30% + 5px)
		}

		.l7 {
			margin-left: calc(35% + 5px)
		}

		.l8 {
			margin-left: calc(40% + 5px)
		}

		.l9 {
			margin-left: calc(45% + 5px)
		}

		.l10 {
			margin-left: calc(50% + 5px)
		}

		.l11 {
			margin-left: calc(55% + 5px)
		}

		.l12 {
			margin-left: calc(60% + 5px)
		}

		.l13 {
			margin-left: calc(65% + 5px)
		}

		.l14 {
			margin-left: calc(70% + 5px)
		}

		.l15 {
			margin-left: calc(75% + 5px)
		}

		.l16 {
			margin-left: calc(80 + 5px)
		}

		.l17 {
			margin-left: calc(85% + 5px)
		}

		.l18 {
			margin-left: calc(90% + 5px)
		}

		.l19 {
			margin-left: calc(95% + 5px)
		}

		@media screen and (max-width:900px) {
			.mf1 {
				width: calc(5% - 10px)
			}

			.mf2 {
				width: calc(10% - 10px)
			}

			.mf3 {
				width: calc(15% - 10px)
			}

			.mf4 {
				width: calc(20% - 10px)
			}

			.mf5 {
				width: calc(25% - 10px)
			}

			.mf6 {
				width: calc(30% - 10px)
			}

			.mf7 {
				width: calc(35% - 10px)
			}

			.mf8 {
				width: calc(40% - 10px)
			}

			.mf9 {
				width: calc(45% - 10px)
			}

			.mf10 {
				margin-l.mft: 5px;
				width: calc(50% - 10px)
			}

			.mf11 {
				width: calc(55% - 10px)
			}

			.mf12 {
				width: calc(60% - 10px)
			}

			.mf13 {
				width: calc(65% - 10px)
			}

			.mf14 {
				width: calc(70% - 10px)
			}

			.mf15 {
				width: calc(75% - 10px)
			}

			.mf16 {
				width: calc(80% - 10px)
			}

			.mf17 {
				width: calc(85% - 10px)
			}

			.mf18 {
				width: calc(90% - 10px)
			}

			.mf19 {
				width: calc(95% - 10px)
			}

			.mf20 {
				width: calc(100% - 10px)
			}
		}
	
	
		/*模版*/
		body,
		.header-content {
			background: #ecf5fb;
		}

		header {
			width: 100%;
			max-width: 1200px;
			margin: 0 auto;
		}

		.row {
			margin: 0
		}

		.content-wrapper .container-fluid {
			padding: 0
		}

		.content-wrapper .col-md-8 {
			padding-left: 0
		}

		.content-wrapper .col-md-8 .section {
			margin-top: 0
		}

		.content-wrapper .col-md-4 {
			padding-right: 0
		}

		.widget li {
			padding-top: 0
		}

		#Blog1 {
			background: #fff;
			padding-bottom: 5px;
		}

		.sidebar {
			background: initial;
		}

		.sidebar .widget {
			background: #fff;
			padding: 15px 20px;
		}

		/*字型*/
		body {
			font-family: '文泉驛正黑', 'WenQuanYi Zen Hei', '儷黑 Pro', 'LiHei Pro', '微軟正黑體', 'Microsoft JhengHei', Arial, sans-serif;
		}

		/*標頭*/
		@media only screen and (min-width: 901px) {
			.wrapper.header-lg header .header-content {
				text-align: left;
				padding: 0 0 0 30px;
				height: initiafl
			}
		}

		.section {
			margin: 15px 0 0
		}

		/*登入註冊*/
		@media only screen and (min-width: 901px) {

			.login_area,
			.dropdown.user_name {
				position: absolute;
				padding-bottom: 5px;
				right: 30px;
				font-size: large;
				top: 50%;
				transform: translateY(-50%);
				list-style-type: none;
				z-index: 30;
			}

			.login_area li {
				float: left;
			}

			.login_area a {
				color: #9d9d9d;
				padding: 10px 15px
			}

			.login_area a:hover {
				color: #555;
				background: #eee;
				text-decoration: none;
			}

			.user_name>a {
				font-size: 20px;
				font-weight: bold;
			}

			.dropdown:hover .dropdown-menu {
				display: block;
				margin: 0;
				min-width: initial;
				right: 0;
				left: initial;
			}

			#nav_login,
			#mobile_member_name {
				display: none !important;
			}
		}

		@media screen and (max-width: 900px) {

			.login_area,
			.user_name {
				display: none !important;
			}

			#mobile_member_name {
				display: none;
			}

			#mobile_member_name>ul {
				display: block;
			}

			#nav_login {
				display: block;
			}
		}

		/*導覽列*/
		.wrapper.header-lg .nav-wrapper {
			background: #e7e6e5
		}

		.wrapper.header-lg header .nav-wrapper .nav-menu {
			padding: 0
		}

		.nav-wrapper .nav-menu ul>li {
			font-size: 18px;
		}

		.nav-wrapper .nav-menu ul>li.active:hover>a,
		.nav-wrapper .nav-menu ul>li.active>a {
			background-color: #176788
		}

		.nav-wrapper .nav-menu ul>li>ul {
			background-color: #176788
		}

		.nav-wrapper .nav-menu ul>li:hover>a {
			background-color: #176788;
			color: #fff;
			text-decoration: none;
		}

		/*搜尋框*/
		.nav_search {
			float: right;
			margin: 20px 10px;
		}

		.nav_search .search_input {
			font-family: FontAwesome;
			height: 40px;
			box-sizing: border-box;
			width: 140px;
			border: 1px solid #194071;
			padding: 4px 10px;
			color: #8B8B8B;
			font-size: 20px;
			vertical-align: middle;
			border-top-left-radius: 7px;
			border-bottom-left-radius: 7px;
		}

		.nav_search .search_btn {
			width: 70px;
			height: 40px;
			font-size: 20px;
			box-sizing: border-box;
			background-color: #194071;
			color: #fff;
			border: 1px solid #194071;
			vertical-align: middle;
			border-top-right-radius: 7px;
			border-bottom-right-radius: 7px;
		}

		@media only screen and (min-width: 901px) {
			.search-form {
				display: none;
			}

			.nav_search {
				display: block;
			}
		}

		@media only screen and (max-width: 900px) {
			.search-form {
				display: block;
			}

			.nav_search {
				display: none;
			}
		}

		/*輪播*/
		.owl-carousel {
			position: relative
		}

		.owl-carousel .caption {
			position: absolute;
			bottom: 40px;
			width: 100%;
			height: 50px;
			line-height: 50px;
			font-size: 24px;
			color: #333;
			background-color: rgba(230, 230, 230, .7);
			text-align: center
		}

		.owl-carousel .owl-item img {
			height: 400px
		}

		.owl-prev {
			position: absolute;
			left: 0;
			top: calc(50% - 30px)
		}

		.owl-next {
			position: absolute;
			right: 0;
			top: calc(50% - 30px)
		}

		.owl-theme .owl-controls .owl-nav [class*=owl-] {
			margin: 0;
			padding: 10px;
			font-size: 30px;
			color: #888;
			background: #f3f3f3
		}

		.owl-dots {
			position: absolute;
			bottom: 0;
			right: 20px
		}

		.owl-theme .owl-dots .owl-dot span {
			width: 15px;
			height: 15px;
			border: 1px solid #869791;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0
		}

		/*索引頁*/

		.post-archive ul li {
			margin: 0;
			padding;
			0;
		}

		.post-archive ul li .post-item .featured-img a {
			display: block;
			position: relative;
			width: 100%;
			padding-bottom: 52.5%;
		}

		.post-item .ellipsis {
			overflow: hidden;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 4;
			line-height: 26px;
			height: 104px;
		}

		.post-archive ul li .post-item .caption p {
			margin-bottom: 0
		}

		.post-meta {
			line-height: 30px;
			overflow: auto;
		}

		.featured-img:hover img {
			transform: scale(1.1);
		}

		.featured-img img {
			transition: all 0.3s ease-in-out;
			-webkit-transition: all 0.3s ease-in-out;
		}

		.like_btn {
			float: right;
			margin-right: 0 !important;
		}

		.post-meta,
		.post-meta a {
			color: #555;
		}

		/*查詢頁*/
		.status-msg-wrap {
			padding: 10px;
			background: #fff;
		}

		.status-msg-body {
			position: initial;
		}

		/*文章頁*/
		.post-header {
			margin-bottom: 10px;
		}

		.date-header {
			font-size: small;
			margin-bottom: 10px
		}

		.post-body img {
			max-width: 100%;
		}

		/*作者資訊*/
		.post-meta {
			margin-bottom: 15px;
		}

		.doctor_name img {
			height: 30px;
		}

		/*文末資訊 社群分享按鈕*/
		.division_name {
			margin-bottom: 15px;
			color: #0e4c83;
			font-weight: bold;
			font-size: large;
		}

		.division_name a {
			color: #00bbff;
		}

		.postPV_container,
		.postPV_container a {
			color: #999;
		}

		#social_btn a {
			display: inline-block;
			text-decoration: none;
			transition: all .2s;
			-webkit-transition: all .2s;
			-moz-transition: all .2s
		}

		#social_btn a:hover {
			-ms-transform: translateY(-4px);
			-webkit-transform: translateY(-4px);
			transform: translateY(-4px)
		}

		#social_btn .fa-stack-1x {
			color: #fff
		}

		.social_fb .fa-stack-2x {
			color: #3B5998
		}

		.social_gplus .fa-stack-2x {
			color: #d73d32
		}

		.social_twitter .fa-stack-2x {
			color: #2ba9e1
		}

		.social_rss .fa-stack-2x {
			color: #f90
		}

		/*相關文章*/
		.widget-heading {
			margin-top: 10px;
		}

		.related-slide {
			overflow: auto;
		}

		.related-slide h3 {
			width: 100%;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis
		}

		.item-related {
			width: 225px;
			margin: 0 10px 20px 0;
		}

		.item-related>a {
			position: relative;
			padding-bottom: 52.5%;
			display: block
		}

		.item-related>a img {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

		/*上下頁*/
		#blog-pager-newer-link,
		#blog-pager-older-link {
			float: none;
		}

		/*數字分頁*/
		#blog-pager {
			clear: both;
			margin: 30px auto;
			text-align: center;
			padding: 7px
		}

		.blog-pager {
			background: none
		}

		.displaypageNum a,
		.showpage a,
		.pagecurrent {
			display: inline-block;
			margin: 0 5px 5px 0;
			min-width: 40px;
			height: 40px;
			line-height: 40px;
			font-size: 14px;
			padding: 0 12px;
			margin-right: 5px;
			color: #666;
			background-color: #efefef;
			transition: all .2s ease-in;
		}

		.showpage a {
			float: none;
		}

		.displaypageNum a:hover,
		.showpage a:hover,
		.pagecurrent {
			background: #b5b6b6;
			text-decoration: none;
			color: #fff
		}

		#blog-pager .pagecurrent {
			font-weight: 700;
			color: #fff;
			background: #b5b6b6;
		}

		.showPageOf {
			display: none !important
		}

		#blog-pager .pages {
			border: none
		}

		/*作者頁面*/


		/*側邊欄*/
		.sidebar .section {
			margin: 0
		}

		.sidebar .widget h2 {
			margin-bottom: 10px;
			padding: 0;
			text-align: center;
			font-size: 20px;
			font-weight: bold;
			border: 0;
			color: #0e4c83;
		}

		#HTML4 {
			height: 400px;
		}

		#HTML4 iframe {
			display: block;
			margin: auto;
		}

		/*熱門文章*/
		.popular-posts .item-thumbnail {
			padding-bottom: 52.5%;
			float: none;
		}

		.item-thumbnail:hover img {
			transform: scale(1.1);
		}

		.item-thumbnail img {
			transition: all 0.3s ease-in-out;
			-webkit-transition: all 0.3s ease-in-out;
		}

		#PopularPosts1 .item-title {
			padding: 0;
			text-align: left;
			background: initial;
			overflow: initial;
		}

		#PopularPosts1 li {
			counter-increment: no;
			border-bottom: 0;
			padding-bottom: 0;
		}

		#PopularPosts1 li a:before {
			content: counter(no) ". ";
			color: #194071;
		}

		/*底部標籤文章*/
		#crosscol h2 {
			display: block;
			margin: 10px auto;
			text-align: center;
			font-size: 24px;
			font-weight: bold;
			color: #0e4c83;
		}

		#crosscol .widget {
			background: #fff;
			padding: 15px
		}

		@media only screen and (min-width: 641px) {
			.label_post .post_container {
				width: 50%
			}
		}

		@media only screen and (max-width: 640px) {
			.label_post .post_container {
				width: 100%
			}
		}

		.label_post {
			overflow: auto;
		}

		.label_post .post_container {
			float: left;
			padding: 15px 20px 15px 15px
		}

		.label_post .post_thumb {
			position: relative;
			padding-bottom: 52.5%;
			overflow: hidden;
		}

		.label_post .post_thumb img {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
			transition: all 0.3s ease-in-out;
			-webkit-transition: all 0.3s ease-in-out;
		}

		.label_post .post_thumb:hover img {
			transform: scale(1.1);
		}

		.label_post .post_title {
			margin-top: 5px;
			width: 100%;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}

		.label_post .post_title a {
			color: #777
		}

		.label_link {
			text-align: center;
			font-size: 24px;
		}

		.label_link a {
			color: #0e4c83;
		}

		/*頁尾*/
		footer .footer-text {
			background-color: #fff;
			color: initial;
			padding: 30px 0 15px;
		}

		footer .section {
			margin: 0
		}

		@media only screen and (min-width: 901px) {
			.footer_link {
				width: 800px
			}
		}

		@media only screen and (max-width: 900px) {
			.footer_link {
				width: 400px
			}
		}

		.footer_link {
			margin: auto;
			max-width: 100%;
			overflow: auto
		}

		.footer_link .footer_webLogo,
		.footer_link .link_3col {
			float: left;
			margin-bottom: 20px;
			width: 400px;
			max-width: 100%;
			text-align: center
		}

		.footer_link .footer_webLogo img {
			height: 60px
		}

		.footer_link .link_col {
			float: left;
			width: 30%
		}

		.footer_link .link_col:first-child {
			width: 40%
		}

		.link_col a {
			display: block;
			text-align: left;
			font-size: 20px
		}

		.footer_link~.footer_row {
			margin: 5px
		}

		/*彈跳視窗*/
		.pop_cover {
			display: none;
			background: rgba(0, 0, 0, .7);
			position: fixed;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			z-index: 1050;
		}

		.pop_window {
			position: absolute;
			top: 50%;
			left: 50%;
			font-size: 16px;
			transform: translate(-50%, -50%);
			border: 1px solid #bbb;
			padding: 15px 40px;
			text-align: center;
			z-index: 10;
			background: #ecf5fb;
			max-height: 95vh;
			overflow: auto;
			overflow-x: hidden;
		}

		.pop_header {
			margin-bottom: 15px;
			font-weight: bold;
			font-size: 120%;
			color: gray;
		}

		.pop_body {
			margin: 10px 0 25px;
		}

		.pop_footer {}

		#wait_gif .pop_window {
			background: transparent;
			border: 0;
		}

		#wait_gif img {
			width: 150px;
		}

		/*彈跳按鈕*/
		@keyframes bounce {
			from {
				transform: translateY(0px)
			}

			to {
				transform: translateY(-10px)
			}
		}

		@-webkit-keyframes bounce {
			from {
				transform: translateY(0px)
			}

			to {
				transform: translateY(-10px)
			}
		}

		.bounce {
			animation: bounce 1s infinite alternate;
			-webkit-animation: bounce 1s infinite alternate;
		}

		.draw_btn {
			display: initial;
			position: fixed;
			z-index: 30;
			bottom: 0;
			right: 40px;
			height: 90px;
			animation: bounce 1s infinite alternate;
			-webkit-animation: bounce 1s infinite alternate;
		}

		/*常用class*/
		.none {
			display: none
		}

		.none {
			display: none
		}

		.auto {
			margin: auto
		}

		.center {
			text-align: center
		}

		.decoration {
			text-decoration: none !important
		}

		.middle {
			vertical-align: middle
		}

		.inline {
			display: inline
		}

		.inlineBlock {
			display: inline-block
		}

		.hidden {
			visibility: hidden
		}

		.overflow {
			overflow: auto;
		}

		.clear {
			clear: both;
		}

		.red {
			color: #990000;
		}

		.right {
			float: right;
		}

		.left {
			float: left;
		}

		.alignLeft {
			text-align: left;
		}

		.alignRight {
			text-align: right;
		}

		.tableRow {
			display: table-row;
		}

		.tableCell {
			display: table-cell;
		}

		label.tableCell {
			white-space: nowrap;
			padding-bottom: 10px;
			vertical-align: top;
		}

		.nowrap {
			white-space: nowrap;
		}

		.fixedRatio {
			position: relative;
			padding-bottom: 65%;
		}

		.fixedRatio img {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
	
	
		.content-wrapper {
			padding: 15px 0;
		}

		.content-wrapper .col-md-8 {
			padding: 0 10px;
		}

		html .widget {
			margin-bottom: 15px;
		}

		#Blog1 {
			padding: 10px;
		}

		#crosscol {
			margin: 15px 10px;
		}

		/*字型*/
		html body {
			font-size: 1em;
		}

		/*導覽列*/
		.header-content {
			background: #fff;
		}

		.wrapper.header-lg header .collapse-nav-menu-btn {
			background: #83b2c9;
			color: #fff;
			border: 0;
		}

		.btn-form {
			font-size: 24px;
		}

		header .header-content .icons-and-search .search-form {
			border: 0;
		}

		/*輪播*/
		#HTML1 {
			position: relative;
			padding-bottom: 52.5%;
		}

		#HTML1 .widget-content {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover
		}

		.owl-carousel .owl-item img {
			height: initial
		}

		.owl-theme .owl-controls .owl-nav [class*=owl-] {
			padding: 2vw;
			font-size: 5vw;
			line-height: 8vw
		}

		.owl-prev,
		.owl-next {
			top: calc(50% - 4vw);
		}

		.owl-theme .owl-dots .owl-dot span {
			width: 3vw;
			height: 3vw;
		}

		.owl-carousel .caption {
			bottom: 6vw;
			height: 8vw;
			line-height: 8vw;
			font-size: 4.5vw
		}

		/*索引頁*/


		/*查詢頁*/

		/*文章頁*/
		html .post-header {
			font-size: 100%
		}

		.date-header {
			font-size: small
		}

		h1.post-title.entry-title {
			text-align: left;
			margin-bottom: 5px;
			font-size: 20px;
			padding: 0;
			border: 0
		}

		.iframe_wrapper {
			padding-top: 0
		}

		.post-item .caption {
			padding: 0
		}

		html .post-body {
			line-height: 31px
		}

		/*作者資訊*/
		.post-meta {
			display: block
		}

		.doctor_name img {
			height: 25px
		}

		/*文末資訊 社群分享按鈕*/

		/*相關文章*/
		.widget-related-post {
			padding-top: 10px
		}

		.related-slide {
			margin: 0 -5px -20px 0;
		}

		.item-related {
			width: 50%;
			float: left;
			margin: 0 0 20px;
			padding: 0 5px
		}

		.item-related h3 a {
			margin: 0;
			font-size: 14px
		}

		/*數字分頁*/
		.displaypageNum a,
		.showpage a,
		.pagecurrent {
			min-width: 25px;
			height: 25px;
			line-height: 25px;
			font-size: 13px;
			padding: 0 8px;
		}

		/*作者頁面*/


		/*底部標籤文章*/
		#crosscol .widget {
			padding: 10px 15px;
		}

		#crosscol h2,
		.label_link {
			margin: 0;
			font-size: 14px;
			font-weight: bold;
		}

		.label_post .post_title a {
			color: #555;
			font-size: 16px;
		}

		/*一欄式*/
		#HTML3 .post_container {
			padding: 10px 20px;
		}

		/*二欄式*/
		#crosscol #HTML2 {
			padding: 10px 5px;
		}

		#HTML2 .post_container {
			width: 50%;
			padding: 10px 5px 10px;
		}

		/*頁尾*/
		footer .footer-text {
			padding: 0 0 15px;
			background-color: #ecf5fb;
		}

		.mobile_footer_link {
			margin: 5px;
			font-size: 14px;
		}