body {
	font-family: Roboto, sans-serif
}

h2 {
	font-size: 36px
}

p {
	font-size: 20px;
	line-height: 1.4;
	font-weight: 300
}

#banner {
	background: url(../../images/cover-01-new.jpg) no-repeat;
	background-size: 100%;
	height: 800px
}

.logo {
	max-width: 238px;
	margin-top: 10%
}

.slogann {
	font-weight: 300;
	margin: 30px 0 15px;
	font-size: 48px
}

.slogan {
	text-transform: uppercase;
	font-weight: 700;
	margin: 15px 0 30px;
	font-size: 64px;
	color: #096f25
}

.slogan1 {
	font-size: 24px;
	margin-top: 15px
}

.buttongreen {
	background: #0dab39;
	color: #fff;
	border-radius: 6px;
	height: 80px;
	width: 280px;
	font-size: 24px;
	line-height: 2.8;
	font-weight: 300;
	text-transform: uppercase
}

.buttongreen:hover {
	background: #fff;
	color: #0dab39;
	border: 1px solid #0dab39
}

.buttonred {
	background: #d70404;
	color: #fff;
	border-radius: 6px;
	height: 80px;
	width: 280px;
	font-size: 24px;
	line-height: 2.8;
	font-weight: 400;
	text-transform: uppercase
}

.buttonred:hover {
	background: #fff;
	color: #d70404;
	border: 1px solid #d70404
}

.rednote {
	color: #d70404;
	font-size: 24px;
	font-weight: 300;
	margin-top: 10px;
	margin-bottom: 50px
}

.greennote {
	color: #0dab39;
	font-size: 24px;
	font-weight: 300;
	margin-top: 10px;
	margin-bottom: 50px
}

.greennote1 {
	color: #0dab39;
	font-size: 24px;
	font-weight: 300;
	margin-top: 30px;
	margin-bottom: 10px
}

.icontext {
	font-size: 20px;
	font-weight: 300;
	margin-top: 15px
}

#section1 {
	padding: 60px 0
}

#section2 {
	background: #fbf8f8;
	max-height: 602px
}

#section3 {
	padding: 60px 0
}

#section4 {
	background: #fbf8f8;
	padding: 60px 0
}

#section5 {
	padding: 60px 0
}

#section6 {
	padding: 60px 0;
	background: #fbf8f8
}

#section7 {
	padding: 60px 0 400px
}

.bancobiet {
	margin-bottom: 30px;
	color: #0dab39
}

.notpermission {
	padding-right: 0
}

.notpermission p {
	border: 1px dashed #fd0c0c;
	padding: 10px;
	font-size: 21px
}

.notpermission i {
	color: #fd0c0c
}

.permission p {
	border: 1px dashed #07e044;
	padding: 10px;
	font-size: 21px
}

.permission i {
	color: #07e044
}

.textbox {
	padding: 60px 0
}

.textbox h2 {
	color: #096f25
}

.phoneimage {
	height: 650px;
	position: absolute;
	z-index: 0
}

#section3 h2 {
	color: #096f25;
	margin-bottom: 50px
}

#section4 h2 {
	color: #096f25;
	margin-bottom: 50px
}

#section5 h2 {
	color: #096f25;
	margin-bottom: 50px;
	line-height: 1.3
}

#section6 h2 {
	color: #096f25;
	margin-bottom: 30px
}

#section7 h2 {
	color: #096f25;
	margin-bottom: 30px
}

.panel-default>.panel-heading {
	padding: 15px
}

.panel-group {
	margin-bottom: 10px
}

.panel-title {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.4
}

.panel-group .panel {
	border-radius: 0
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
	font-size: 20px;
	line-height: 1.4;
	font-weight: 300
}

footer {
	min-height: 795px;
	background: #f7f7f7 url(../../images/footer.png) bottom center no-repeat;
	width: 100%;
	background-size: contain
}

footer form {
	height: 800px;
	background: #fff;
	box-shadow: 4px 3px 10px rgba(0, 0, 0, .25);
	border-radius: 11px;
	margin-bottom: 145px;
	margin-top: -300px;
	padding: 30px 0 20px
}

footer h2 {
	color: #096f25
}

.form-control {
	height: 61px;
	font-size: 20px;
	font-weight: 400;
	color: #333;
	background: #f7f7f7;
	border: 0;
	padding-left: 15px
}

.footercontact {
	list-style-type: none;
	padding-left: 0;
	font-size: 20px;
	font-weight: 300;
	margin-left: 10px
}

.loop.owl-carousel .owl-item img {
	width: auto
}

input[type=checkbox],
input[type=radio] {
	margin: 0 -5px 10px;
	height: 25px;
	width: 30px
}

.customer.owl-carousel .owl-prev {
	position: absolute;
	left: 0;
	top: 20%
}

.customer.owl-carousel .owl-next {
	font-size: 60px;
	position: absolute;
	right: 0;
	top: 20%
}

.customer.owl-carousel .owl-next span,
.customer.owl-carousel .owl-prev span {
	font-size: 60px
}

.owl-theme .owl-nav [class*=owl-]:hover {
	background: 0 0;
	color: #0dab39
}

.formbox {
	padding: 30px 50px
}

.mobile {
	display: none
}

.nopaddingleft {
	padding-left: 0
}

.partner {
	margin-bottom: 100px
}

.giam80 {
	margin-left: -20px
}

.giam20 {
	margin-left: -20px
}

.img-circle {
	border-radius: 50%
}

.timeline-centered {
	position: relative;
	margin-bottom: 30px
}

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

.timeline-centered:after {
	clear: both
}

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

.timeline-centered:after {
	clear: both
}

.timeline-centered:before {
	content: '';
	position: absolute;
	display: block;
	border-left: 2px dashed #096f25;
	top: 20px;
	bottom: 20px;
	margin-left: 30px
}

.timeline-centered .timeline-entry {
	position: relative;
	margin-top: 5px;
	margin-left: 30px;
	margin-bottom: 10px;
	clear: both
}

.timeline-centered .timeline-entry:after,
.timeline-centered .timeline-entry:before {
	content: " ";
	display: table
}

.timeline-centered .timeline-entry:after {
	clear: both
}

.timeline-centered .timeline-entry:after,
.timeline-centered .timeline-entry:before {
	content: " ";
	display: table
}

.timeline-centered .timeline-entry:after {
	clear: both
}

.timeline-centered .timeline-entry.begin {
	margin-bottom: 0
}

.timeline-centered .timeline-entry.left-aligned {
	float: left
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {
	margin-left: 0;
	margin-right: -18px
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {
	left: auto;
	right: -100px;
	text-align: left
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {
	float: right
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {
	margin-left: 0;
	margin-right: 70px
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after {
	left: auto;
	right: 0;
	margin-left: 0;
	margin-right: -9px;
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.timeline-centered .timeline-entry .timeline-entry-inner {
	position: relative;
	margin-left: -20px
}

.timeline-centered .timeline-entry .timeline-entry-inner:after,
.timeline-centered .timeline-entry .timeline-entry-inner:before {
	content: " ";
	display: table
}

.timeline-centered .timeline-entry .timeline-entry-inner:after {
	clear: both
}

.timeline-centered .timeline-entry .timeline-entry-inner:after,
.timeline-centered .timeline-entry .timeline-entry-inner:before {
	content: " ";
	display: table
}

.timeline-centered .timeline-entry .timeline-entry-inner:after {
	clear: both
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
	position: absolute;
	left: -100px;
	text-align: right;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span {
	display: block
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span:first-child {
	font-size: 15px;
	font-weight: 700
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span:last-child {
	font-size: 12px
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
	background: #fff;
	color: #737881;
	display: block;
	width: 40px;
	height: 40px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
	-moz-box-shadow: 0 0 0 5px #f5f5f6;
	-webkit-box-shadow: 0 0 0 5px #f5f5f6;
	box-shadow: 0 0 0 2px #096f25;
	line-height: 40px;
	font-size: 15px;
	float: left
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary {
	background-color: #303641;
	color: #fff
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-secondary {
	background-color: #ee4749;
	color: #fff
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-success {
	color: #096f25
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-info {
	background-color: #21a9e1;
	color: #fff
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-warning {
	background-color: #fad839;
	color: #fff
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-danger {
	background-color: #cc2424;
	color: #fff
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
	position: relative;
	padding: 0 1em;
	margin-left: 60px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h3 {
	margin-top: 5px;
	color: #096f25;
	margin-bottom: 20px
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #f5f5f6 transparent transparent;
	left: 0;
	top: 10px;
	margin-left: -9px
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2,
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
	color: #737881;
	font-size: 20px;
	margin: 0;
	margin-bottom: 20px
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p+p {
	margin-top: 15px
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
	font-size: 16px;
	margin-bottom: 10px
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 a {
	color: #303641
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 span {
	-webkit-opacity: .6;
	-moz-opacity: .6;
	opacity: .6
}

.box {
	border: 1px solid #096f25;
	padding: 30px 20px;
	border-radius: 4px;
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 10px
}

.box p {
	text-align: center;
	margin: 15px 0;
	font-weight: 400;
	text-transform: uppercase
}

.box ul {
	list-style-type: none;
	padding-left: 18px
}

.box ul li {
	font-size: 18px;
	line-height: 1.445;
	font-weight: 300;
	margin-bottom: 20px
}

.box strong {
	font-size: 32px
}

@media (min-width:320px) and (max-width:1025px) {
	h2 {
		font-size: 24px
	}
	h3 {
		font-size: 20px
	}
	p {
		font-size: 18px;
		line-height: 1.5
	}
	.box {
		font-size: 16px;
		line-height: 1.5
	}
	.box ul li {
		font-size: 16px;
		line-height: 1.3
	}
	.form-control {
		height: 45px;
		font-size: 18px
	}
	.slogann {
		font-size: 32px
	}
	.slogan {
		font-size: 48px
	}
	section {
		padding-left: 0px;
		padding-right: 0px
	}
	.boxground {
		padding: 0
	}
	footer form {
		height: auto;
		margin-bottom: 20px;
		padding-top: 10px
	}
	#dangki p.note {
		padding: 20px
	}
	#banner {
		height: auto;
		padding-bottom: 60px;
		background-size: cover
	}
	.phoneimage {
		width: 100%;
		height: auto;
		position: inherit
	}
	#section2 {
		height: auto;
		max-height: none
	}
	.footercontact {
		font-size: 14px
	}
	.footercontact li {
		float: left;
		text-align: center
	}
	.partner .item img {
		height: 30px!important;
		width: auto!important
	}
	input[type=checkbox],
	input[type=radio] {
		margin: 25px auto 10px;
		background: #096f25;
		color: #096f25
	}
	.phone3 {
		margin-bottom: 20px
	}
	.notpermission {
		padding-right: 15px
	}
	.greennote,
	.greennote1,
	.rednote {
		font-size: 17px
	}
	.slogan1 {
		font-size: 18px
	}
	.icontext {
		font-size: 18px
	}
	.formbox {
		padding: 0 20px
	}
	.formbox .col-xs-6 {
		text-align: center
	}
	.notpermission p,
	.permission p {
		font-size: 18px
	}
	.textbox {
		padding: 60px 15px
	}
	.mobile {
		display: block
	}
	.desktop {
		display: none
	}
	.nopaddingleft {
		padding-left: 15px
	}
	.buttonred {
		width: 200px;
		height: 50px;
		line-height: 1.5
	}
	.buttongreen {
		width: 200px;
		height: 50px;
		line-height: 1.5
	}
	.loop .item p {
		font-size: 16px
	}
	.partner {
		margin-bottom: 30px
	}
	.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h3 {
		font-size: 18px;
		line-height: 1.4;
		margin-bottom: 10px
	}
	.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2,
	.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
		margin-bottom: 0;
		font-size: 18px
	}
}

@media (min-width:1024px) {
	.nopaddingleft {
		padding-left: 0
	}
	.boxground {
		padding: 0 15px
	}
	.form-control {
		height: 61px;
		font-size: 20px
	}
	footer {
		min-height: inherit
	}
	footer form {
		margin-bottom: 100px
	}
	.partner {
		margin-bottom: 50px
	}
}