/* ============================================================================================== 
This copyright notice must be kept untouched in the stylesheet at all times.
The original version of this stylesheet and the associated (x)html 
is available at http://www.script-tutorials.com/bootstrap-one-page-template-with-parallax-effect/
Copyright (c) Script Tutorials. All rights reserved.
This stylesheet and the associated (x)html may be modified in any way to fit your requirements.
================================================================================================= */

/* general styles */
html,
body {
	height: 100%;
	width: 100%;
	/* font-family: 'Open Sans', sans serif; */
	font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #222;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 700;
	letter-spacing: -0.5px;
}

/* Header H5 */
h5.h5-xs {
	font-size: 18px;
}

/* 18px */
h5.h5-sm {
	font-size: 19px;
}

/* 19px */
h5.h5-md {
	font-size: 20px;
}

/* 20px */
h5.h5-lg {
	font-size: 22px;
}

/* 22px */
h5.h5-xl {
	font-size: 24px;
}

/* 24px */

/* Header H4 */
h4.h4-xs {
	font-size: 26px;
}

/* 26px */
h4.h4-sm {
	font-size: 28px;
}

/* 28px */
h4.h4-md {
	font-size: 30px;
}

/* 30px */
h4.h4-lg {
	font-size: 32px;
}

/* 32px */
h4.h4-xl {
	font-size: 34px;
}

/* 34px */

/* Header H3 */
h3.h3-xs {
	font-size: 38px;
}

/* 38px */
h3.h3-sm {
	font-size: 40px;
}

/* 40px */
h3.h3-md {
	font-size: 42px;
}

/* 42px */
h3.h3-lg {
	font-size: 44px;
}

/* 44px */
h3.h3-xl {
	font-size: 48px;
}

/* 48px */

/* Header H2 */
h2.h2-xs {
	font-size: 52px;
}

/* 52px */
h2.h2-sm {
	font-size: 54px;
}

/* 54px */
h2.h2-md {
	font-size: 56px;
}

/* 56px */
h2.h2-lg {
	font-size: 60px;
}

/* 60px */
h2.h2-xl {
	font-size: 64px;
}

/* 64px */
h2.h2-huge {
	font-size: 80px;
}

/* 80px */

/*------------------------------------------*/
/*  PARAGRAPHS
/*------------------------------------------*/

p.p-sm {
	font-size: 15.2px;
}

/* 15.2px */
p {
	font-size: 16px;
	;
}

p.has-medium-font-size,
/* 16px */
p.p-md {
	font-size: 18px;
}

/* 18px */
p.p-lg {
	font-size: 20px;
}

/* 20px */
p.p-xl {
	font-size: 22px;
}

/* 22px */

/*------------------------------------------*/
/*  BACKGROUND SETTINGS
/*------------------------------------------*/

.bg-scroll {
	width: 100%;
	background-attachment: fixed !important;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.bg-fixed {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

/*------------------------------------------*/
/*  Background Colors for Sections
/*------------------------------------------*/

.bg-white {
	background-color: #fff;
}

.bg-lightdark {
	background-color: #35363a;
}

.bg-dark {
	background-color: #2e2f33 !important;
}

.bg-grey {
	background-color: #ede9e6;
}

.bg-lightgrey {
	background-color: #f8f9fb;
}

.bg-skyblue {
	background-color: #16a2e0;
}

.bg-blue {
	background-color: #2e71f1;
}

.bg-deepblue {
	background-color: #0b4265;
}

.bg-darkviolet {
	background-color: #3e416d;
}

.bg-deepviolet {
	background-color: #383b62;
}

.bg-green {
	background-color: #06c668;
}

.bg-purple {
	background-color: #8a2ee8;
}

.bg-rose {
	background-color: #ff3366;
}

/*------------------------------------------*/
/*  Background Images for Sections
/*------------------------------------------*/

#page-hero {
	min-height: 120px;
	background-image: url(../images/page-hero.jpg);
	background-position: top center;
}

@media(max-width:767px) {
	#page-hero {
		min-height: 60px;
	}
}

.bg-map {
	background-image: url(../images/bg-map.png);
}

.bg-dark.bg-map,
.bg-blue.bg-map,
.bg-darkblue.bg-map,
.bg-darkviolet.bg-map,
.bg-green.bg-map {
	background-image: url(../images/bg-white-map.png);
}

.bg-waves {
	background-image: url(../images/bg-waves.png);
}

.bg-lines {
	background-image: url(../images/bg-lines.png);
}

.bg-geometric {
	background-image: url(../images/bg-geometric.jpg);
}

.bg-graph {
	background-image: url(../images/bg-graph.jpg);
	background-position: bottom center;
}

a:hover {
	color: #f69221;
}

ol.styled {
	list-style: none;
	padding: 0;
	margin: 0
}

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

/* padded section */
.pad-section {
	padding: 50px 0;
}

.pad-section img {
	width: 100%;
}

/* vertical-centered text */
.text-vcenter {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.text-vcenter h1 {
	font-size: 4.5em;
	font-weight: 700;
	margin: 0;
	padding: 0;
}

.navbar-brand {
	padding: 5px 15px;
	height: 76px;
}


.navbar-brand img.logo {
	height: 55px;
	float: left;
	margin-top: 5px;
}

.navbar-brand div.logo {
	float: left;
	padding: 22px 10px;
	font-size: 36px;
	font-weight: bold;
	color: #f69221;
	text-shadow: 1px 1px #B2861D;
}

.navbar-default {
	background-color: #ffffff;
	border: none;
	-webkit-box-shadow: 0 0 2px rgb(50 50 50 / 40%);
	-moz-box-shadow: 0 0 2px rgba(50, 50, 50, .4);
	box-shadow: 0 0 2px rgb(50 50 50 / 40%);
}

.navbar-default .navbar-toggle {
	margin-top: 20px;
}

.navbar-default .navbar-nav>li>a {
	font-weight: bold;
	border-top: 2px solid transparent;
	font-size: 15px;
	margin-left: 2px;
	margin-right: 2px;
	padding: 10px 10px;
	line-height: 54px;
	color: #333;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
	color: #f69221;
	background-color: transparent;
	border-top: 2px solid #f69221;
}

/* 
.navbar-default .navbar-nav > li > a:focus {
	color: #333;
	background-color: transparent;
	border-top: 2px solid transparent;
} */

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
	color: #f69221;
	background-color: transparent;
	border-top: 2px solid #f69221;
}

.navbar-nav>li>.dropdown-menu {
	border-radius: 0;
	padding: 0px;
}

.navbar-default .navbar-nav li li {
	border-bottom: 2px solid #f69221;
}

.navbar-default .navbar-nav li li:last-child {
	border-bottom: none;
}

.navbar-default .navbar-nav li li>a {
	font-weight: bold;
	color: #333;
	padding-top: 10px;
	padding-bottom: 10px;
}

@media(max-width:991px) {

	.navbar-default .navbar-nav>li>a,
	.navbar-default .navbar-nav>li>a:hover,
	.navbar-default .navbar-nav>li>a:focus {
		padding: 10px 15px;
		line-height: 1em;
		border-top: none;
	}

	.navbar-default .navbar-nav>.active>a,
	.navbar-default .navbar-nav>.active>a:hover,
	.navbar-default .navbar-nav>.active>a:focus {
		border-top: none;
	}

	.navbar-default .navbar-nav li li {
		border-bottom: none;
	}
}

.navbar-default .soc-med {
	display: none;
}

.navbar-default .soc-med2 {
	display: none;
	/* position: absolute;
	right: 0px;
	top: -10px; */
}

@media(min-width:992px) {
	.navbar-default .soc-med2 {
		padding: 20px 10px;
		display: block;
	}

	.navbar-default .soc-med2 a {
		padding-top: 8px;
		padding-left: 5px;
		color: #333;
	}

	.navbar-default .soc-med2 a:hover {
		padding-top: 8px;
		color: #f69221;
	}
}

@media(max-width:991px) {
	.navbar-default .soc-med {
		padding: 20px 10px;
		display: block;
	}

	.navbar-default .soc-med span {
		font-size: 24px;
	}

	.navbar-default .soc-med a {
		border: 1px solid #ddd;
		border-radius: 5px;
		width: 35px;
		height: 35px;
		text-align: center;
		padding: 5px;
		color: #888;
		margin-left: 5px;
	}

	.navbar-default .soc-med a:hover {
		border: 1px solid #ddd;
		background: #ddd;
		color: #888;
	}
}


/* additional sections */
#home {
	display: block;
	max-height: 100%;
	position: relative;
	width: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: #fff;
}

#home .container {
	display: table;
	height: 100%;
	position: relative;
}

#home .item {
	width: 100%;
	height: 100%;
	display: table;
	position: relative;
}

#home .item .header-text {
	width: 50%;
	padding: 0 50px;
	z-index: 10;
	color: #fff;
	display: table-cell;
	vertical-align: middle;
	margin: 0 auto;
}

#home .item .slide-content {
	position: absolute;
	bottom: 0px;
	left: 0px;
	min-height: 100px;
	background: url(../images/bgslide.png) repeat;
	display: block;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 20px;
}

#home h2 {
	color: #fff;
	margin: 0px;
	font-size: 30px;
	font-weight: bold;
	padding: 0px 0px 5px 0px;
}

#home .btn-readmore {
	background: #f69221;
	color: #fff;
	border-radius: 0;
	padding: 3px 8px;
}

.owl-home .owl-wrapper-outer,
.owl-home .owl-wrapper,
.owl-home .owl-item,
.owl-home .item {
	height: 100%;
	position: relative;
	width: 100%;
}

.owl-home.owl-theme .owl-controls .owl-buttons div {
	padding: 5px 9px;
}

.owl-home.owl-theme .owl-buttons i {
	margin-top: 2px;
	font-size: 70px;
}

.owl-home.owl-theme .owl-buttons i:hover {
	background: none;
}

.owl-home.owl-theme .owl-controls {
	margin-top: 0;
}

.owl-home.owl-theme .owl-controls .owl-buttons div {
	position: absolute;
	background: none;
	filter: Alpha(Opacity=70);
	/*IE7 fix*/
	opacity: 0.7;
}

.owl-home.owl-theme .owl-controls .owl-buttons .owl-prev {
	left: 0px;
	top: 35%;
}

.owl-home.owl-theme .owl-controls .owl-buttons .owl-next {
	right: 0px;
	top: 35%;
}

@media(max-width:767px) {
	.owl-home.owl-theme .owl-controls .owl-buttons .owl-prev {
		left: 0px;
		top: 40%;
	}

	.owl-home.owl-theme .owl-controls .owl-buttons .owl-next {
		right: 0px;
		top: 40%;
	}
}

#findme {
	background-color: #333333;
	color: #ffffff;
	padding-bottom: 30px;
	min-height: 650px;
	padding-top: 100px;
}

#findme h2 {
	font-size: 40px;
	font-weight: bold;
	margin: 0px;
	padding-top: 30px;
	color: #f69221;
}

#findme h2>span {
	border-bottom: 3px solid #f69221;
	padding-bottom: 3px;
}

#findme .logo2 {
	width: 200px;
}

#findme .email,
#findme .facebook,
#findme .twitter {
	text-align: center;
	padding-top: 70px;
}

#findme .email a,
#findme .facebook a,
#findme .twitter a {
	border: 3px solid #337ab7;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	text-align: center;
	padding: 15px 10px 10px 15px;
}

#findme .email a {
	padding: 12px 10px 10px 15px;
}

#findme .email a:hover,
#findme .facebook a:hover,
#findme .twitter a:hover {
	border: 3px solid #f69221;
	color: #f69221;
}

#findme .facebook span,
#findme .twitter span {
	font-size: 72px;
}

#findme .email span {
	font-size: 64px;
}

#management {
	background-color: #ffffff;
	color: #333333;
	padding-bottom: 30px;
}

#management h2 {
	font-size: 40px;
	font-weight: bold;
	margin: 0px;
	padding-top: 50px;
	color: #333
}

#partner {
	background-color: #ffffff;
	color: #333333;
	padding-bottom: 30px;
}

#partner h2 {
	font-size: 40px;
	font-weight: bold;
	margin: 0px;
	padding-top: 50px;
	color: #333
}

#partner .team-meta h5 {
	font-size: 16px;
	color: #389bf2;
}

#about {
	background-color: #ffffff;
	color: #333333;
	padding-bottom: 30px;
}

#about h2 {
	font-size: 40px;
	font-weight: bold;
	margin: 0px;
	padding-top: 50px;
	color: #333
}

#about h2>span {
	border-bottom: 3px solid #f69221;
	padding-bottom: 3px;
}

#about {
	background-color: #ffffff;
	color: #333333;
	padding-bottom: 30px;
}

#about h2 {
	font-size: 40px;
	font-weight: bold;
	margin: 0px;
	padding-top: 50px;
	color: #333
}

#about h2>span {
	border-bottom: 3px solid #f69221;
	padding-bottom: 3px;
}


#vision {
	background-color: #f69221;
	color: #333333;
	padding-bottom: 20px;
}

#vision h2 {
	font-size: 40px;
	font-weight: bold;
	padding-top: 20px;
}

#vision p {
	font-size: 20px;
}

#vision h2>span {
	border-bottom: 3px solid #333333;
	padding-bottom: 3px;
}

#mission {
	background-color: #f69221;
	color: #333333;
	padding-bottom: 30px;
	font-size: 16px;
}

#mission h2 {
	font-size: 40px;
	font-weight: bold;
	padding-top: 0px;
}

#mission h2>span {
	border-bottom: 3px solid #333333;
	padding-bottom: 3px;
}

#member {
	background-color: #f69221;
	color: #333333;
	padding-bottom: 30px;
}

#member h2 {
	font-size: 40px;
	font-weight: bold;
	padding-top: 20px;
}

#member p {
	/* font-size: 20px; */
}

#member h2>span {
	border-bottom: 3px solid #333333;
	padding-bottom: 3px;
}

#member h4 {
	margin-top: 0px;
	padding-top: 0px;
	color: #000000
}

#event {
	background-color: #ffffff;
	color: #333333;
	padding-bottom: 30px;
}

#event h2 {
	font-size: 40px;
	font-weight: bold;
	padding-top: 20px;
}

#event h2>span {
	border-bottom: 3px solid #333333;
	padding-bottom: 3px;
}

#event .btn-readmore {
	background: #f69221;
	color: #fff;
	border-radius: 0;
	padding: 5px 15px;
	font-weight: bold;
	margin: 0 auto;
}

#news {
	background-color: #ffffff;
	color: #333333;
	padding-bottom: 30px;
}

#news h2 {
	font-size: 40px;
	font-weight: bold;
	padding-top: 20px;
}

#news h2>span {
	border-bottom: 3px solid #333333;
	padding-bottom: 3px;
}

#news .btn-readmore {
	background: #f69221;
	color: #fff;
	border-radius: 0;
	padding: 5px 15px;
	font-weight: bold;
	margin: 0 auto;
}

#gallery {
	background-color: #f69221;
	color: #333333;
	padding-bottom: 30px;
}

#gallery h2 {
	font-size: 40px;
	font-weight: bold;
	padding-top: 20px;
}

#gallery h2>span {
	border-bottom: 3px solid #333333;
	padding-bottom: 3px;
}

#gallery .btn-readmore {
	background: #f69221;
	color: #fff;
	border-radius: 0;
	padding: 5px 15px;
	font-weight: bold;
	margin: 0 auto;
}

#foto_section {
	display: table;
	height: 800px;
	position: relative;
	width: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#vision-mission h3 {
	font-size: 44px;
	margin-top: 20px;
	margin-bottom: 25px;
}

#vision-mission ul {
	list-style: disc;
	margin: 0;
	padding: 0;
	margin-left: 15px;
}

#vision-mission ul li {
	font-size: 16px;
	margin-bottom: 7px;
}

#vision-mission ul li:last-child {
	margin-bottom: 0;
}

#legalitas h3 {
	color: #ffffff;
	font-size: 44px;
}

#legalitas p {
	color: #ffffff;
	font-size: 18px;
}

#content-wrapper {
	padding-top: 20px;
	padding-bottom: 120px;
}

.page-title-block {
	text-align: left;
}

.page-title-block-content {
	padding: 23px 0 0 0
}

.page-title-block .page-title-block-header h1 {
	margin: 0;
	text-transform: none;
	font-size: 100%;
	line-height: 1.2;
	color: #333333;
	font-size: 32px;
}

/* @media (max-width:550px) {
	.page-title-block .page-title-block-header h1 {
		font-size: 90%
	}
} */

.page-title-block .page-excerpt {
	margin: 11px 0 0 0;
	font-size: 112%
}

.post-image {
	padding-top: 9px;
	margin-bottom: 20px;
	text-align: center
}

.wrap-box .wrap-box-element {
	vertical-align: top;
	width: 100%;
	height: 100%
}

.wrap-box.image .wrap-box-element {
	height: auto
}

.blog_list>h3 {
	font-size: 28px;
	line-height: 40px;
	font-weight: normal;
	font-style: normal;
	color: #333333;
}

.blog_list ul {}

.blog_list li {
	padding-left: 0px
}

.blog_list li+li {
	margin-top: 40px
}

.blog_list li .comment-info {
	float: left;
	width: 85px;
	padding: 0 5px;
	margin-left: -100px;
	text-transform: uppercase;
	text-align: center
}

.blog_list li .date-day {
	display: block;
	margin: 0 auto;
	line-height: 62px;
	-webkit-border-radius: 31px;
	-moz-border-radius: 31px;
	border-radius: 31px;
	width: 62px;
	height: 62px;
	text-align: center;
	overflow: hidden;
	font-weight: 400;
	text-decoration: none
}

.blog_list li .date-day span {
	display: block;
	margin: 1px auto 0;
	line-height: 60px;
	-webkit-border-radius: 31px;
	-moz-border-radius: 31px;
	border-radius: 31px;
	width: 60px;
	height: 60px;
	text-align: center;
	overflow: hidden
}

.blog_list li .date-month {
	padding-top: 5px
}

.blog_list li .comment-count {
	margin-right: 18px
}

.blog_list li .comment-count b {
	font-size: 141%;
	font-weight: normal
}

.blog_list li .post-info {
	float: left;
	width: 550px
}

.blog_list li .post-info {
	float: left;
	width: 100%;
	border-bottom: 1px solid transparent;
	padding-bottom: 18px;
	border-color: #d6dde3;
}

.blog_list li .post-info h3 {
	margin-top: 10px;
	margin-bottom: 5px
}

.blog_list li .post-info a:hover {
	text-decoration: none;
}

.blog_list li .text {
	text-align: justify;
}

.post-image {
	padding-top: 9px;
	margin-bottom: 20px;
	text-align: center;
	/* max-height: 300px; */
	overflow: hidden;
}

.post-image img {
	width: 100%;
	height: auto;
}

.blog_list li .post-info-bottom {
	padding-top: 10px;
	font-size: 13px;
}

.blog_list li .post-info-bottom .more-link b {
	font-size: 0;
	line-height: 1
}

.blog_list li .post-info-bottom .more-link b:before {
	display: inline-block;
	font-family: 'FontAwesome';
	font-size: 12px;
	font-weight: bold;
	content: '\f054';
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=1);
	position: relative;
	margin: 0 7px 0 0
}

.blog_list li .post-info-bottom .categories {
	float: left
}

.categories .sep {
	margin: 0 10px
}

.blog_list li .post-info-bottom .comments-count {
	float: right
}

.post-tags-block {
	padding: 0 0 10px 0;
	border-bottom: 1px solid #d6dde3;
	margin-bottom: 23px;
	margin-top: 52px
}

.post-tags {
	float: right;
	font-size: 15px;
	padding: 18px 0 0 0
}

.post-tags-block .socials-sharing {
	float: left;
	margin: 0
}

.post-tags-block .sep {
	margin: 0 10px
}

.socials-sharing {
	margin-top: 30px
}

.socials ul {
	margin: 0 -15px -15px 0px;
	font-size: 0;
	list-style: none;
	padding: 0;
}

.socials li {
	display: inline-block;
	margin: 0 10px 10px 0 !important;
	padding: 0 !important
}

.socials li a {
	display: inline-block;
	position: relative;
	width: 35px;
	height: 35px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	vertical-align: top;
}

.socials li a:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	text-align: center;
	text-indent: 0;
	font-family: 'FontAwesome';
	font-weight: normal;
	font-size: 18px;
	color: #fff;
	background-color: #d6dde3;
}

.socials li a:hover:after {
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	background-color: #f69221;
}

.socials li.twitter a:after {
	content: "\f099";
}

.socials li.facebook a:after {
	content: "\f09a";
}

.socials li.linkedin a:after {
	content: "\f0e1";
}

.socials li.googleplus a:after {
	content: "\f0d5";
}

.socials li.stumbleupon a:after {
	content: "\f1a4";
}

.socials li.rss a:after {
	content: "\f09e";
}

.post-related-posts {
	margin: 0 -20px 0 0;
	padding: 0 0 20px 0
}

.post-related-posts-line {
	border-bottom: 1px solid #d6dde3
}

.post-comments-margin {
	margin: 49px 0 0 0
}

.post-related-posts h3 {
	margin-bottom: 0
}

.related-element {
	display: inline-block;
	width: auto;
	margin: 0;
	vertical-align: top;
	padding-top: 12px
}

.related-element img {
	float: left;
	border: 5px solid #d6dde3;
	width: 82px;
	height: 82px;
	/* border-radius:51px;
	-moz-border-radius:51px;
	-webkit-border-radius:51px */
}

.related-element .related-element-info {
	margin: 0 0 0 90px
}

.related-element.without-image>a {
	float: left;
	width: 82px;
	height: 82px;
	/* border-radius:41px;
	-moz-border-radius:41px;
	-webkit-border-radius:41px; */
	background: url('./images/dummy.png') no-repeat 50% 50%
}

.related-element .related-element-info a {
	font-size: 14px;
	line-height: 1.471
}

.related-element .related-element-info .date {
	font-size: 13px;
	line-height: 1.471
}

.member {
	margin-top: 20px;
}

.member .item {
	margin-bottom: 20px;
}

.member a:hover {
	text-decoration: none;
}

.member .aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.member .image-box {
	width: 100%;
	height: auto;
	max-height: 200px;
	overflow: hidden;
}

.member img {
	vertical-align: top;
	max-width: 100%;
	width: auto;
	height: auto;
}

.member .title {
	background-color: #333333;
	color: #ffffff;
}

.member ul.contact-info {
	margin: 0;
	padding: 0;
	list-style: none;
}

.member ul.contact-info li {
	padding: 10px 0;
	border-bottom: 1px dashed #c0c0c0;
	transition: all 300ms ease-in-out;
}

.member ul.contact-info li a {
	color: #555;
}

.member2 {
	margin-top: 20px;
}

.member2 .row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.member2 .item {
	margin-bottom: 20px;
}

.member2 a:hover {
	text-decoration: none;
}

.member2 .aligncenter {
	clear: both;
	display: block;
	/* margin-left: auto;
    margin-right: auto; */
}

.member2 .image-box {
	height: 150px;
	overflow: hidden;
}

.member2 img {
	vertical-align: top;
	max-width: 100%;
}

@media (min-width: 768px) {
	.member2 .size-full {
		/* height: 100%; */
	}
}

.gallery {
	margin-top: 20px;
}

.gallery .item {
	margin-bottom: 20px;
}

.gallery a:hover {
	text-decoration: none;
}

.gallery .aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.gallery .image-box {
	width: 100%;
	height: auto;
	/* max-height:180px; */
	overflow: hidden;
}

.gallery .image-box img {
	vertical-align: top;
	max-width: 100%;
	width: auto;
	height: auto;
}

.gallery .title {
	background-color: #5FDAC5;
	color: #ffffff;
}

@media (min-width: 768px) {
	.gallery .image-box {
		height: 200px;
	}
}

@media (max-width: 766px) {
	.gallery .image-box img {
		width: 100%;
	}
}

.gallerydetail {
	height: 400px;
	/* overflow: hidden; */
}

.gallerydetail .gallery-thumb {
	height: 400px;
	overflow: hidden;
}

.gallerydetail .gallery-thumb img {
	/* width:100%; */
	height: 100%;
}

.gallerydetail.owl-theme .owl-buttons i {
	margin-top: 2px;
	font-size: 50px;
}

.gallerydetail.owl-theme .owl-buttons i:hover {
	background: none;
}

.gallerydetail.owl-theme .owl-controls {
	margin-top: -10px;
}

.gallerydetail.owl-theme .owl-controls .owl-buttons div {
	position: absolute;
	background: none;
	filter: Alpha(Opacity=70);
	/*IE7 fix*/
	opacity: 0.7;
}

.gallerydetail.owl-theme .owl-controls .owl-buttons .owl-prev {
	left: 0px;
	top: 35%;
}

.gallerydetail.owl-theme .owl-controls .owl-buttons .owl-next {
	right: 0px;
	top: 35%;
}

.text_box {
	clear: both;
	border: 1px solid transparent
}

.text_box>.title,
.text_box>.text {
	padding: 20px 40px
}

.text_box>.title {
	background-color: #333333;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 14px;
}

.event .galleriffic,
.event .rubrics {
	position: relative;
	overflow: hidden
}

.event .galleriffic ul.thumbs,
.event .rubrics ul.thumbs {
	text-align: justify;
	margin-bottom: -30px;
	font-size: 1px;
	line-height: 0
}

.event .galleriffic ul.thumbs:after,
.event .rubrics ul.thumbs:after {
	content: '';
	display: inline-block;
	width: 100%;
	height: 0;
	font-size: 0px;
	overflow: hidden
}

.event .galleriffic ul.thumbs li,
.event .rubrics ul.thumbs li {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	margin-bottom: 47px;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	display: none
}

.event .item {
	margin-bottom: 30px;
}

.event ul.thumbs li {
	max-width: 100%
}

.event ul.thumbs li a {
	text-decoration: none;
	padding-bottom: 0;
	display: block;
	position: relative;
	text-align: center;
	overflow: hidden
}

.event ul.thumbs li a span {
	display: block
}

.event ul.thumbs li .image {
	position: relative;
	max-height: 200px;
}

.event ul.thumbs li .image img {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.event ul.thumbs li .image2 img {
	width: 100%;
}

.event ul.thumbs li .caption {
	width: 100%
}

.event ul.thumbs li .title a {
	text-align: left;
}

.event ul.thumbs li .title h3 {
	margin-top: 0px;
}

.event ul.thumbs li .title .title-inner {
	position: relative;
	height: 60px;
	overflow: hidden;
	z-index: 2
}

.event ul.thumbs li .title .title-inner-content {
	position: relative;
	z-index: 2
}

.event ul.thumbs li .title .title-hover-color {
	position: absolute;
	width: 100%;
	height: 0;
	left: 0;
	top: 0;
	z-index: 1;
	font-size: 0;
	line-height: 1
}

.event ul.thumbs li .share-block-toggle {
	font-family: 'Codeus-Socials';
	font-weight: normal;
	position: absolute;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 10.9%;
	font-size: 20px;
	z-index: 2
}

.event ul.thumbs li .share-block {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	height: 60px;
	line-height: 60px;
	z-index: 2
}

.event ul.thumbs li .share-block a {
	font-family: 'Codeus-Socials';
	font-weight: normal;
	width: 16.6666%;
	height: 100%;
	float: left;
	font-size: 24px
}

.event ul.thumbs li .description {
	padding: 0 0 0;
	min-height: 20px;
	text-align: left;
	line-height: 20px;
	text-align: justify;
}

.event ul.thumbs li .info {
	font-size: 14px;
	line-height: 1.471;
	text-align: left;
	padding: 0 0 6px 0
}

.event ul.thumbs li .info span {
	margin: 0 8px 0 6px
}

.event ul.thumbs li .info a {
	display: inline;
	font-size: 14px;
	line-height: 1.471;
	cursor: pointer
}

.event ul.thumbs li .info a:hover {
	text-decoration: underline
}

.event ul.thumbs li .place {
	font-size: 14px;
	line-height: 1.471;
	text-align: left;
	padding: 0 0 6px 0
}

.event ul.filter {
	margin-bottom: 45px;
	text-align: center
}

.event ul.filter li {
	display: inline-block;
	width: auto;
	padding-right: 15px;
	padding-left: 15px;
	line-height: 30px;
	min-height: 30px
}

.event ul.filter li a {
	display: block
}

.event ul.filter li.iconed a {
	position: relative;
	padding-left: 34px;
	background-position: 0 0;
	background-repeat: no-repeat;
	line-height: 30px;
	min-height: 30px
}

.event ul.filter li.active a {
	text-decoration: underline
}

.event ul.filter li .icon {
	background: none
}

.event ul.filter li a:hover .icon,
.event ul.filter li.active a .icon {
	background: none
}

.event ul.thumbs-temp {
	display: none
}

.event.list ul.thumbs li {
	display: block;
	text-align: left;
	width: 100%;
	margin-bottom: 75px;
	background: transparent;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	display: none
}

.event.list ul.thumbs li .left-block {
	float: left
}

.event.list ul.thumbs li .right-block {
	display: block;
	text-align: left;
	margin-left: 400px
}

@media (max-width: 999px) {
	.event.list ul.thumbs li .left-block {
		width: 45%
	}

	.event.list ul.thumbs li .right-block {
		margin-left: 50%
	}

}

@media (max-width: 599px) {
	.event.list ul.thumbs li .left-block {
		float: none;
		width: auto
	}

	.event.list ul.thumbs li .right-block {
		margin-left: 0
	}

}

.event.list ul.thumbs li .description {
	padding-top: 0
}

.event.list ul.thumbs li .share-block-toggle {
	width: 16.666%
}

.block.event {
	padding: 50px 0 60px;
	background-position: 50% 0;
	background-repeat: repeat
}

.block.event h2 {
	margin-bottom: 20px;
	text-align: center
}

.block.event .set-description {
	text-align: center;
	margin-bottom: 40px
}

.block.event .carousel-wrapper {
	position: relative;
	margin-right: 135px;
	margin-left: 135px
}

.block.event .carousel {
	margin: 0 auto;
	max-width: 1170px
}

.block.event ul.thumbs {
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	position: relative
}

.block.event ul.thumbs li {
	display: inline-block;
	padding: 0;
	width: 370px;
	margin-right: 15px;
	margin-left: 15px;
	vertical-align: top;
	position: absolute;
	left: 100%;
	max-width: 100%;
	overflow: hidden
}

.block.event ul.thumbs li a {
	text-decoration: none;
	padding-bottom: 0;
	display: block;
	position: relative
}

.block.event ul.thumbs li a span {
	display: block
}

.block.event ul.thumbs li .image {
	position: relative
}

.block.event ul.thumbs li .overlay {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(58, 83, 112, 0.8);
	display: none
}

.block.event ul.thumbs li .overlay .p-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	line-height: 100px;
	margin: -50px 0 0 -50px;
	font-family: 'Codeus';
	font-weight: normal;
	font-size: 52px;
	border: 1px solid transparent;
	border-radius: 50px;
	color: transparent
}

.block.event ul.thumbs li.inner-link .overlay .p-icon:before,
.block.event ul.thumbs li.self-link .overlay .p-icon:before {
	content: '\e60b'
}

.block.event ul.thumbs li.outer-link .overlay .p-icon:before {
	content: '\e60c'
}

.block.event ul.thumbs li.full-image .overlay .p-icon:before {
	content: '\e60d'
}

.block.event ul.thumbs li.youtube .overlay .p-icon:before,
.block.event ul.thumbs li.vimeo .overlay .p-icon:before,
.block.event ul.thumbs li.self_video .overlay .p-icon:before {
	content: '\e60e'
}

.block.event ul.thumbs li .caption {
	width: 100%
}

.block.event ul.thumbs li .title {
	position: relative;
	text-transform: uppercase;
	padding: 0 70px 0 25px;
	height: 60px;
	line-height: 60px;
	text-align: left;
	white-space: nowrap
}

.block.event ul.thumbs li .small-title {
	display: none
}

.block.event ul.thumbs li .title .title-inner {
	position: relative;
	height: 60px;
	overflow: hidden;
	z-index: 2
}

.block.event ul.thumbs li .title .title-inner-content {
	position: relative;
	z-index: 2
}

.block.event ul.thumbs li .title .title-hover-color {
	position: absolute;
	width: 100%;
	height: 0;
	left: 0;
	top: 0;
	z-index: 1;
	font-size: 0;
	line-height: 1
}

.block.event ul.thumbs li .share-block-toggle {
	font-family: 'Codeus-Socials';
	font-weight: normal;
	position: absolute;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 16.6666%;
	font-size: 20px;
	z-index: 2
}

.block.event ul.thumbs li .share-block {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	height: 60px;
	line-height: 60px;
	z-index: 2
}

.block.event ul.thumbs li .share-block a {
	font-family: 'Codeus-Socials';
	font-weight: normal;
	width: 16.6666%;
	height: 100%;
	float: left;
	font-size: 24px
}

.block.event ul.thumbs li .description {
	font-size: 17px;
	padding: 20px 10px 0;
	min-height: 40px;
	text-align: center
}

@media (max-width:767px) {
	.event ul.thumbs li .image {
		overflow: hidden;
		max-height: inherit;
	}

	.event ul.thumbs li .title h3 {
		margin-top: 10px;
	}
}

.sidebar {
	padding-left: 50px;
}

@media (max-width:767px) {
	.sidebar {
		padding-left: 15px;
	}
}

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

h3.widget-title {
	font-size: 24px;
	line-height: 40px;
	font-weight: bold;
	font-style: normal;
	color: #333333;
}

.widget.widget_categories ul {
	list-style: none;
	padding-left: 0px;
}

.widget.widget_categories ul li {
	border-bottom: 1px solid transparent;
	border-color: #d6dde3;
}

.widget.widget_categories ul li a {
	color: #3b3e4f;
	font-size: 15px;
	padding: 12px 20px 12px 35px;
	text-transform: uppercase;
	display: block;
	position: relative;
	line-height: 1.471;
}

.widget.widget_categories ul li a:before {
	position: absolute;
	left: 17px;
	top: 10px;
	font-family: 'FontAwesome';
	font-weight: normal;
	text-align: left;
	font-size: 11px;
	line-height: 29px;
	width: 29px;
	content: '\f054';
	color: #48afdb;
}

.widget+.widget {
	border-top-color: #d6dde3;
}

/* Custom Recent/Popular Posts */
.widget.Custom_Recent_Posts ul li,
.widget.Custom_Popular_Posts ul li,
.widget.widget_recent_entries ul li,
.widget.widget_rss ul li {
	padding: 0;
	font-size: 14px;
	line-height: 1.471
}

.widget.Custom_Recent_Posts ul li+li,
.widget.Custom_Popular_Posts ul li+li,
.widget.widget_recent_entries ul li+li,
.widget.widget_rss ul li+li {
	padding-top: 12px
}

.widget.widget_recent_entries li a,
.widget.widget_recent_entries li span,
.widget.widget_rss li a.rsswidget,
.widget.widget_rss li span.rss-date {
	display: block
}

.widget.widget_rss li span.rss-date {
	padding-bottom: 10px
}

.widget.Custom_Recent_Posts .image,
.widget.Custom_Popular_Posts .image {
	float: left;
	margin-right: 9px;
	width: auto;
	height: auto;
	padding: 6px;
	/* border-radius:46px;
	-moz-border-radius:46px;
	-webkit-border-radius:46px */
}

.widget.Custom_Recent_Posts .image img,
.widget.Custom_Popular_Posts .image img {
	width: 72px;
	height: 72px;
	/* border-radius:36px;
	-moz-border-radius:36px;
	-webkit-border-radius:36px */
}

.widget.Custom_Recent_Posts .image.dummy a,
.widget.Custom_Popular_Posts .image.dummy a {
	display: block;
	width: 72px;
	height: 72px;
	/* border-radius:36px;
	-moz-border-radius:36px;
	-webkit-border-radius:36px; */
	background: url('./images/dummy.png') no-repeat 50% 50%
}

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

.widget.widget_recent_comments ul li {
	padding: 0 0 0 35px;
	font-size: 14px;
	line-height: 1.471
}

.widget.widget_recent_comments ul li+li {
	padding-top: 28px
}

.widget.widget_recent_comments ul li:before {
	font-family: 'Codeus';
	content: '\e613';
	font-size: 20px;
	line-height: 1;
	margin-left: -35px;
	position: relative;
	top: 2px;
	float: left
}

.widget.Custom_Recent_Posts a,
.widget.Custom_Popular_Posts a,
.widget.widget_recent_entries a,
.widget.widget_rss a,
.twitter-box a,
.widget.widget_recent_comments a {
	color: #48afdb;
	font-size: 14px;
}

.widget.Custom_Recent_Posts p,
.widget.Custom_Popular_Posts p,
.widget.widget_recent_entries p,
.widget.widget_rss p,
.twitter-box p,
.widget.widget_recent_comments p {
	font-size: 13px;
}

.widget.Custom_Recent_Posts .image,
.widget.Custom_Popular_Posts .image {
	background-color: #f0f4f7;
}

.widget.widget_recent_comments ul li:before {
	color: #d6dde3;
}

.widget_tag_cloud a {
	color: #3b3e4f;
}

.widget.widget_archive a {
	color: #48afdb;
}

.widget.widget_archive ul li a:before {
	color: #3b3e4f;
}

.widget td {
	vertical-align: top;
}


#contact {
	/* background: url(../images/mapindoflat.jpg) no-repeat top center fixed;  */
	background-color: #191919;
	color: #ffffff;
	padding-bottom: 50px;
	font-size: 16px;
	overflow: hidden;
	position: relative;
	z-index: 9;
}

#contact h2 {
	font-size: 40px;
	font-weight: bold;
	padding-top: 20px;
}

#contact h2>span {
	border-bottom: 3px solid #ffffff;
	color: #ffffff;
	padding-bottom: 3px;
}

/* Input Styles */
.contact-input {
	width: 100%;
	padding: 15px;
	margin-bottom: 10px;
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.15);
	color: #727272 !important;
	font-size: 13px;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
	border-radius: 0;
	height: auto;
}

.contact-input:hover {
	border: 1px solid rgba(255, 255, 255, 0.3);
}

.contact-input:focus {
	color: white;
	outline: none;
	border: 1px solid rgba(255, 255, 255, 0.6);
}

.contact-textarea {
	width: 100%;
	padding: 15px;
	margin-bottom: 10px;
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.15);
	color: #727272 !important;
	font-size: 13px;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
	border-radius: 0;
	max-height: 200px;
	height: 200px !important;
	max-width: 100%;
}

.contact-textarea:hover {
	border: 1px solid rgba(255, 255, 255, 0.3);
}

.contact-textarea:focus {
	color: white;
	outline: none;
	border: 1px solid rgba(255, 255, 255, 0.6);
}

/* Send Button Styles */

.form-btn {
	width: 100%;
	display: block;
	height: auto;
	padding: 15px;
	color: #727272;
	background: rgba(83, 83, 83, 0.15);
	border: 1px solid rgba(255, 255, 255, 0.15);
	outline: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 0;
}

.form-btn:hover {
	background: #3498db;
	color: white;
	border: 1px solid #3498db;
}

.form-btn:active {
	opacity: 0.9;
}

#contact .alert {
	border-radius: 0;
}

#google,
#google_map {
	height: 500px;
	z-index: 0;
}

#footer {
	position: relative;
	z-index: 9;
}

.inset-shadow-bar {
	-moz-box-shadow: inset 0 8px 8px -8px #696868,
		inset 0 -8px 8px -8px #696868;
	-webkit-box-shadow: inset 0 8px 8px -8px #696868,
		inset 0 -8px 8px -8px #696868;
	box-shadow: inset 0 8px 8px -8px #696868,
		inset 0 -8px 8px -8px #696868;
}

.bottom-shadow-bar {
	position: relative;
	z-index: 9;
	-moz-box-shadow: 0 8px 8px -8px #696868;
	-webkit-box-shadow: 0 8px 8px -8px #696868;
	box-shadow: 0 8px 8px -8px #696868;
}

.top-shadow-bar {
	position: relative;
	z-index: 9;
	-moz-box-shadow: 0 -8px 8px -8px #696868;
	-webkit-box-shadow: 0 -8px 8px -8px #696868;
	box-shadow: 0 -8px 8px -8px #696868;
}

footer .socials a {
	width: 40px;
	height: 40px;
	font-size: 16px;
	line-height: 25px;
	color: #7c848f;
	background: #333333;
	border-radius: 50%;
	margin-right: 5px;
}

footer .socials a:hover {
	background: #f69221;
}

footer {
	padding: 20px 0 20px 0;
	background: #191919;
	color: #ffffff;

}

footer h4 {
	margin: 0px;
	padding-top: 10px;
}

footer p {
	margin: 0px;
	padding-top: 10px;
	text-align: left;
}

footer .glyphicon {
	color: #333333;
	font-size: 60px;
}

footer .glyphicon:hover {
	color: #306d9f;
}

@media(max-width:767px) {
	#footer {
		text-align: center;
	}

	footer {
		text-align: center;
	}

	footer p {
		text-align: center;
	}
}

/*Team*/

.team-1 {
	position: relative;
	text-align: center;
	margin-bottom: 50px;
}

.team-meta {
	margin-top: 20px;
}

.team-meta h5 {
	font-size: 18px;
	color: #389bf2;
}

.team-meta p {
	color: #666;
}

.hover-overlay {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.hover-overlay>img {
	transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-moz-transform: scale(1);
	overflow: hidden;
	-webkit-transition: transform 500ms;
	-moz-transition: transform 500ms;
	-o-transition: transform 500ms;
	transition: transform 500ms;
}

.team-2 .item-overlay {
	opacity: .7;
	-moz-opacity: .7;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}

.team-1:hover .hover-overlay>img {
	transform: scale(1.2);
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-moz-transform: scale(1.2);
}

/*slick slider*/
.team-3 {
	text-align: center;
	padding: 0;
	text-align: center;
	-webkit-transform: scale(.85);
	-ms-transform: scale(.85);
	transform: scale(.85);
}

.bg-dark .team-3 {
	padding: 0;
	opacity: 0.3;
	text-align: center;
	-webkit-transform: scale(.85);
	-ms-transform: scale(.85);
	transform: scale(.85);
}

.bg-dark .team-3.slick-current {
	opacity: 1;
}

.team-3.slick-current {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.bg-dark .team-3 .grey-color {
	color: #858585;
}


/*single team*/


.single-team h3 {
	margin-bottom: 25px;
	font-size: 30px;
}

.single-team .contact-info i {
	margin-right: 6px;
}

.single-team .section-id {
	font-size: 14px;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
	letter-spacing: 0.5px;
	margin-bottom: 28px;
	color: #389bf2;
}

/*------------------------------------------*/
/*    Team Member Social Links
/*------------------------------------------*/

.tm-social ul {
	display: inline-block;
	padding-left: 0;
	margin-top: 14px;
	position: absolute;
	right: 15%;
	bottom: 0;
}

.tm-social ul li {
	width: auto !important;
	display: inline-block !important;
	vertical-align: top;
	clear: none !important;
	padding: 0;
}

.tm-social a {
	width: 32px;
	height: 32px;
	color: #fff;
	font-size: 18px;
	line-height: 32px !important;
	margin-right: 1px;
	display: block;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}

.tm-social a.ico-facebook {
	background-color: #3b5998;
}

.tm-social a.ico-twitter {
	background-color: #00a9ed;
}

.tm-social a.ico-instagram {
	background-color: #e44772
}

.tm-social a.ico-dribbble {
	background-color: #d92d84;
}

.tm-social a.ico-behance {
	background-color: #2473f6;
}

.tm-social a.ico-pinterest {
	background-color: #ac281a;
}

.tm-social a.ico-linkedin {
	background-color: #015886;
}

.tm-social a.ico-google-plus {
	background-color: #cd1111;
}

.tm-social a.ico-youtube {
	background-color: #cd1b20;
}

.tm-social a.ico-tumblr {
	background-color: #3a5976;
}

.tm-social a.ico-vk {
	background-color: #3b5998;
}

.tm-social {
	display: inline-block;
	padding-left: 0;
	margin-top: 10px;
	right: 15%;
	bottom: 0;
}

.tm-social li {
	display: inline-block;
	margin-right: 1px;
}

/*------------------------------------------*/
/*  INFO SECTION TYPOGRAPHY
/*------------------------------------------*/

.txt-block h3.h3-md,
.txt-block h3.h3-lg {
	margin-bottom: 25px;
}

.info-8-row .txt-block h3.h3-lg {
	margin-bottom: 20px;
}

.info-8-row .txt-block p {
	padding: 0 10%;
}

/*------------------------------------------*/
/*  Text List
/*------------------------------------------*/

ul.txt-list {
	list-style: disc;
	margin: 0;
	padding: 0;
	margin-left: 15px;
}

ul.txt-list li {
	font-size: 16px;
	margin-bottom: 7px;
}

ul.txt-list li:last-child {
	margin-bottom: 0;
}

/*------------------------------------------*/
/*  Donasi
/*------------------------------------------*/

.box-form-donasi {
	height: auto !important;
	padding: 5%;
	border-radius: 10px;
	background-color: #f7f7f7;
	margin-bottom: 20px;
}

.box-form-donasi a,
.box-form-donasi a:active,
.box-form-donasi a:focus {
	color: #6f6f6f;
	text-decoration: none;
}

.box-form-donasi a:hover,
.box-form-donasi a:active {
	color: #d98f36;
	text-decoration: none;
}

.box-form-donasi .labelform {
	text-align: center;
	display: block;
}

.box-form-donasi .separator-line {
	width: 100%;
	display: inline-block !important;
	margin-bottom: 5px;
	height: 1px;
	background-color: #f59220;
}

.box-form-donasi #type_donasi_form input {
	margin: 0;
	border-radius: 10px;
	border-color: #f59220;
}

.box-form-donasi .input-group input,
.input-group textarea,
.input-group select {
	margin: 0;
	border-radius: 0px 10px 10px 0px;
	border-left: 0px;
	border-color: #f59220;
}

.box-form-donasi .input-group-btn .btn {
	border-radius: 0 4px 4px 0
}

.box-form-donasi .input-group-btn .btn.btn-large {
	line-height: 2px;
	height: 62px;
	padding: 15px 25px !important
}

.box-form-donasi .input-group-404 input {
	height: 62px;
}

.box-form-donasi .input-group-addon:first-child {
	background-color: #fff;
	/*background-color:#f1ebeb;*/
	border-radius: 10px 0 0 10px;
	border-color: #f59220;
}

.box-form-donasi .margin-10px-bottom {
	margin-bottom: 10px;
}

.nav_slider {
	cursor: pointer;
}

.donate-now {
	list-style-type: none;
	padding: 0;
}

.donate-now li {
	width: 43%;
	height: 35px;
	height: 35px;
	position: relative;
	text-align: center;
	margin: 0 15px 8px 15px;
}

.donate-now li:hover label {
	background: #f59220;
	border-radius: 10px;
	border: 2px solid #f59220;
	color: #fff;
	cursor: pointer;
}

.donate-now label,
.donate-now input {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.donate-now input[type="radio"] {

	opacity: 0.011;
	z-index: 100;
	cursor: pointer;
}

.donate-now input[type="radio"]:checked+label {
	background: #f59220;
	color: #fff;
	cursor: pointer;
}

.donate-now label {
	border: 2px solid #f59220;
	cursor: pointer;
	z-index: 90;
	border-radius: 10px;
	color: #000;
	line-height: 26px;
}

.donate-now label:hover {
	background: #f59220;
	border-radius: 10px;
	border: 2px solid #f59220;
	color: #fff;
	cursor: pointer;
}


.donate-now-program {
	list-style-type: none;
	padding: 0;
}

.donate-now-program li {
	width: 100%;
	height: 35px;
	height: 35px;
	position: relative;
	text-align: center;
}

.donate-now-program label,
.donate-now input {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.donate-now-program input[type="radio"] {
	opacity: 0.011;
	z-index: 100;
}

.donate-now-program input[type="radio"]:checked+label {
	background: #f59220;
	color: #fff;
}

.donate-now-program label {
	border: 2px solid #f59220;
	cursor: pointer;
	z-index: 90;
	border-radius: 10px;
	color: #000;
	line-height: 26px;
}

.donate-now-program label:hover {
	background: #f59220;
	border-radius: 10px;
	border: 2px solid #f59220;
	color: #fff;
}

.donate-now-home {
	list-style-type: none;
	padding: 0;
}

.donate-now-home li {
	width: 43%;
	height: 35px;
	height: 35px;
	position: relative;
	text-align: center;
	margin: 0 15px 0 15px;
}

.donate-now-home label,
.donate-now input {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.donate-now-home input[type="radio"] {

	opacity: 0.011;
	z-index: 100;
}

.donate-now-home input[type="radio"]:checked+label {
	background: #f59220;
	color: #000;
}

.donate-now-home label {

	border: 2px solid #f59220;
	cursor: pointer;
	z-index: 90;
	border-radius: 10px;
}

.donate-now-home label:hover {
	background: #f59220;
	border-radius: 10px;
	border: 2px solid #f59220;
}


.donate-now-program-home {
	list-style-type: none;
	padding: 0;
}

.donate-now-program-home li {
	width: 100%;
	height: 35px;
	height: 35px;
	position: relative;
	text-align: center;
}

.donate-now-program-home label,
.donate-now input {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.donate-now-program-home input[type="radio"] {

	opacity: 0.011;
	z-index: 100;
}

.donate-now-program-home input[type="radio"]:checked+label {
	background: #f59220;
	color: #fff;
}

.donate-now-program-home label {

	border: 2px solid #f59220;
	cursor: pointer;
	z-index: 90;
	border-radius: 10px;

}

.donate-now-program-home label:hover {
	background: #f59220;
	border-radius: 10px;
	border: 2px solid #f59220;
}

/* DONASI */
.donasi-list {
	margin-top: 20px;
}

.donasi-list .row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.donasi-list .item {
	margin-bottom: 20px;
	height: 100%;
}

.donasi-list .donasi-image {
	display: block;
}

.donasi-list .donasi-image img {
	vertical-align: top;
	width: 100%;
}

.donasi-list .donasi-meta {
	display: block;
	padding: 10px 10px 10px 10px;
	border: 1px solid #ddd;
	border-top: none;
}

.donasi-list .donasi-meta a {
	color: #111111;
}

.donasi-list .donasi-meta hr {
	margin-top: 10px;
	margin-bottom: 10px;
}

.donasi-list .donasi-meta h3 {
	font-size: 18px;
	line-height: 1.4em;
	margin-top: 0px;
}

.donasi-list .donasi-meta p {
	line-height: 1.5em;
}

.donasi-list .donasi-meta .btn-donasi {
	color: #ffffff !important;
	font-weight: bold;
}

.donasi-cover {
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-direction: row-reverse !important;
}

@media (min-width: 768px) {
	/* .donasi-cover-left {
		float: right !important;
	}

	.donasi-cover-right {
		float: left !important;
	} */
}

.donasi .donasi-image {
	display: block;
}

.donasi .donasi-image img {
	vertical-align: top;
	width: 100%;
}

.donasi .donasi-meta {
	display: block;
	padding: 10px 10px 10px 10px;
	border: 1px solid #ddd;
	margin-top: 20px;
}

.donasi .donasi-meta a {
	color: #111111;
}

.donasi .donasi-meta hr {
	margin-top: 10px;
	margin-bottom: 10px;
}

.donasi .donasi-meta h3 {
	font-size: 18px;
	line-height: 1.4em;
	margin-top: 0px;
}

.donasi .donasi-meta p {
	line-height: 1.5em;
}

.donasi .donasi-meta .btn-donasi {
	color: #ffffff !important;
	font-weight: bold;
}

.donasi .donasi-info {
	margin-top: 20px;
}

.donasi .donasi-info .nav-tabs {
	border-bottom: 2px solid #ddd;
}

.donasi .donasi-info .nav-tabs>li {
	margin-bottom: -2px;
}

.donasi .donasi-info .nav-tabs>li>a {
	border-radius: 0;
	border: none;
	border-bottom: transparent;
	color: #333;
}

.donasi .donasi-info .nav-tabs>li.active>a,
.donasi .donasi-info .nav-tabs>li.active>a:hover,
.donasi .donasi-info .nav-tabs>li.active>a:focus {
	border: none;
	border-bottom: 2px solid #06c668;
	background-color: #EEEEEE;
	font-weight: bold;
}

.donasi .donasi-info #detail {
	padding: 15px 0px 15px 0px;
}

.donasi .donasi-item {
	display: block;
	padding: 10px 10px 10px 10px;
	border: 1px solid #ddd;
	margin-top: 20px;
	position: relative;
}

.donasi .donasi-item .title {
	font-size: 16px;
}

.donasi .donasi-item .donasi-meta {
	border: none !important;
	padding: 0px;
}

.donasi-item-radio {
	margin-bottom: 10px
}

.donasi-item-radio input {
	display: none
}

.donasi-item-radio input~label {
	display: inline-flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	min-height: 45px;
	padding: 10px 15px;
	cursor: pointer;
	background-color: #FFFFFF;
	border: 1px solid #EAEAEA;
	transition: all 0.3s ease-in-out;
	margin: 0;
}

.donasi-item-radio input~label h6 {
	font-weight: 500;
	margin-bottom: 0;
	margin-top: 0;
	line-height: normal !important;
	color: #000;
	font-size: 16px;
}

.donasi-item-radio input~label p {
	font-weight: 500;
	margin-bottom: 0;
	color: #878787;
	font-size: 14px;
}

.donasi-item-radio input:hover~label,
.donasi-item-radio input:checked~label {
	border-color: #7da801;
}

.donasi-item-radio input:hover~label h6,
.donasi-item-radio input:checked~label h6 {
	color: #7da801;
}

.donasi-item-radio-circle input {
	display: none
}

.donasi-item-radio-circle input~label {
	display: flex;
	align-items: center;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	position: relative;
	font-weight: 600;
	color: #393939
}

.donasi-item-radio-circle input~label:before {
	content: "";
	width: 19px;
	height: 19px;
	flex: 0 0 19px;
	background-color: #FFF;
	border-radius: 50%;
	border: 1px solid #7da801;
	;
	margin-right: 10px
}

.donasi-item-radio-circle input~label:after {
	position: absolute;
	content: "";
	width: 13px;
	height: 13px;
	flex: 0 0 13px;
	background-color: #7da801;
	;
	border-radius: 50%;
	left: 3px;
	top: 4px;
	transition: all 0.2s ease-in-out;
	opacity: 0
}

.donasi-item-radio-circle input~label:hover:after {
	opacity: 0.8
}

.donasi-item-radio-circle input:checked~label:after {
	opacity: 1
}

#progress-component {
	width: 100%;
	margin: 3px 0 7px 0;
	background-color: rgba(0, 0, 0, .1);
	box-shadow: #000 0 0 inset
}

#progress-component .bar {
	height: 4px;
	background-color: #afda33;
	border-radius: 2px
}

.card-nominal {
	background-color: #ffffff;
	border: 1px solid #EAEAEA;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
	padding: 10px 15px 15px;
}

.card-nominal label {
	color: #878787;
	font-weight: 500;
	font-size: 14px;
}

.card-nominal .form-group {
	margin-bottom: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	box-shadow: none;
}

.card-nominal .form-group span {

	color: #878787;
	margin-right: 12px;
}

.card-nominal .form-group .form-control {
	border: none;
	background-color: transparent;
	color: #3c3c3c;
	font-weight: 600;
	width: 100%;
	padding: 0;
	text-align: right;
	flex: 1 1 0%;
	font-size: 18px;
	box-shadow: none;
}

.card-nominal .form-group .form-control:focus,
.card-nominal .form-group .form-control:active {
	background-color: #FFF;
	box-shadow: none;
	border-color: #7da801;
}


/* Payment Method */

.payment-method {
	display: block;
	padding: 10px 10px 10px 10px;
	border: 1px solid #ddd;
	margin-top: 20px;
	position: relative;
}

.payment-method .title {
	font-size: 16px;
}

.payment-method .btn-method {
	cursor: pointer;
	border-radius: 3px;
	line-height: 1rem;
	box-shadow: none !important;
	padding: 3px 10px !important;
	text-transform: unset;
	font-size: 14px;
	border: none;
	background-color: #afda33;
	border-color: #afda33;
	color: #ffffff;
}

.payment-method p {
	margin: 0 0 6px 0;
	line-height: normal;
	font-size: 15px;
}

.payment-method h6 {
	font-size: 16px;
}

.payment-method span#grandtotal {
	font-size: 14px;
}

.card-payment-choosen {
	background: #FFF;
}

.card-payment-choosen input[type=radio] {
	display: none;
}

.card-payment-choosen label {
	display: inline-block;
	width: 100%;
	border: 1px solid #F1F3F8;
	box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.31) 0px 0px 1px 0px;
	padding: 10px;
	margin: 0;
	cursor: pointer;
}

.card-payment-choosen input:checked~label {
	border: 1px solid #afda33;
	background-color: #D1EA89;
}

.card-payment-choosen p.method {
	color: #4c4c4c;
	font-size: 15px;
}

.card-payment-choosen .brand-img img {
	/* height: 50px; */
	max-height: 44px;
	margin: 1px;
	width: auto
}

.card-payment-choosen .brand-name {
	text-transform: uppercase;
	color: #313131;
	font-size: 16px;
}

/* PERSONAL DATA */

.personal-data {
	display: block;
	padding: 10px 10px 10px 10px;
	border: 1px solid #ddd;
	margin-top: 20px;
	position: relative;
}

.personal-data .title {
	font-size: 16px;
}

.personal-data h6 {
	font-size: 16px;
}

.personal-data .form-control {
	border-radius: 3px;
	/* border-color: #7da801; */
}

.personal-data .form-control:focus,
.personal-data .form-control:active {
	background-color: #FFF;
	box-shadow: none;
	border-color: #7da801;
}

.custom-switch input {
	display: none
}

.custom-switch input~label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	/* color: #000;
	font-weight: 600; */
	text-transform: uppercase;
	position: relative;
	cursor: pointer
}

.custom-switch input~label:after {
	width: 44px;
	height: 22px;
	background-color: #EBF2FF;
	border: 1px solid #7da801;
	border-radius: 20px;
	content: "";
	transition: all 0.3s ease-in-out
}

.custom-switch input~label:before {
	position: absolute;
	content: "";
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background-color: #FFF;
	right: 22px;
	top: auto;
	transition: all 0.3s ease-in-out
}

.custom-switch input:checked~label:after {
	background-color: #7da801
}

.custom-switch input:checked~label:before {
	right: 2px
}

.custom-checkbox input:checked~label:before {
	background-color: #7da801;
}

.custom-checkbox input:checked~label:after {
	opacity: 1
}

.custom-checkbox input~label a {
	color: #7da801;
}

.custom-checkbox input {
	display: none !important;
}

.custom-checkbox input~label {
	display: flex;
	align-items: center;
	font-weight: 400;
	color: #000;
	cursor: pointer;
	padding-left: 0px;
}

.custom-checkbox input~label:before {
	width: 18px;
	height: 18px;
	border: 1px solid #7da801;
	border-radius: 3px;
	margin-right: 7px;
	content: "";
	transition: all 0.3s ease-in-out
}

.custom-checkbox input~label:after {
	position: absolute;
	top: auto;
	left: 0;
	display: block;
	width: 18px;
	height: 18px;
	content: "";
	background: no-repeat 50%/50% 50%;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
	transition: all 0.3s ease-in-out;
	opacity: 0
}

/* TABLE CONTRIBUTOR */
.contributor-list {
	margin-top: 10px;
	padding-left: 5px;
}

.contributor-list td {
	margin-bottom: 15px;
}

table.contributor-list,
table.contributor-list td,
table.contributor-list tr {
	border: none;
}

table.contributor-list td.middle {
	vertical-align: middle;
}

table.contributor-list td.top {
	vertical-align: top;
	width: 130px;
}

td.contributor-avatar {
	width: 55px;
	vertical-align: top;
	padding: 0 0 15px 0;
}

td.contributor-avatar img {
	border-radius: 50%;
}

td.contributor-name {
	text-align: left;
	vertical-align: top;
	padding: 0 10px 10px;
}

td.contributor-name p.date {
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 0px;
}

td.contributor-name .name {
	font-size: 16px;
	margin-top: 0px;
}

td.contributor-name .message {
	margin-bottom: 0px;
	font-size: 14px;
}

td.contributor-value {
	width: 100px;
	text-align: right;
	vertical-align: bottom !important;
	color: #7da801 !important;
	font-size: 16px;
	font-weight: bold;
	white-space: nowrap;
}