* { 
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
	box-sizing:border-box; 
}

body {
	font-family:'Titillium Web', Arial, sans-serif;
	color:#5a5a5a;
	font-size:15px;
	line-height:21px;
}

h1, h2, h3, h4, h5, h6 {
	color:#404040;
	font-family:Bitter, serif;
	font-weight:normal;
	margin-top:0px;
}
h4, h5, h6 { line-height:1.4em; }
h1, h2, h3, h4 { margin-bottom:15px; }
h1 { font-size:36px; }
h2 { font-size:30px; }
h3 { font-size:24px; }
h4 { font-size:18px; }
h5 { font-size:15px; }
h6 { font-size:13px; }

figure { margin:0px; }
	figure img { width:100%; }
	
video {
	width:100%;
	height:auto;
}

figure.embed-section iframe {
	border:0px;
	overflow:hidden;
}
	
.no-margin-top { margin-top:0px !important;	}
.no-margin-bottom  { margin-bottom:0px !important; }
.no-margin-right { margin-right:0px !important;	}
.no-margin-left { margin-left:0px !important; }

.no-padding-top { padding-top:0px !important;	}
.no-padding-bottom  {padding-bottom:0px !important; }
.no-padding-right { padding-right:0px !important;	}
.no-padding-left { padding-left:0px !important; }

.margin-top20 { margin-top:20px !important; }
.margin-top30 { margin-top:30px !important; }
.margin-top40 { margin-top:40px !important; }

.margin-bottom20 { margin-bottom:20px !important; }
.margin-bottom30 { margin-bottom:30px !important; }
.margin-bottom40 { margin-bottom:40px !important; }

/* Fonts */

.font-required { color:#f15620;	}

blockquote {
	background-color:#f6f6f6;
	padding:10px 15px;
	border-left:3px solid #2e9fff;
	font-style:italic;
	margin-left:40px;
}
	blockquote small {
		margin-top:5px;
		font-style:normal;
	}
	
.btn {
	background-color:#82c4fc;
	padding:4px 11px;
	text-transform:uppercase;
	color:#d6eafb !important;
	line-height:51px;
	font-size:13px;
	font-family:'Titillium Web', Arial, sans-serif;
	font-weight:bold;
	margin-bottom:4px;
	text-shadow:1px 1px #448ecc;
	border:1px solid #39a1fa;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background-repeat:repeat-x;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#82c4fc), to(#39a1fa));
	background:-webkit-linear-gradient(top, #82c4fc, #39a1fa);
	background:-moz-linear-gradient(top, #82c4fc, #39a1fa);
	background:-o-linear-gradient(top, #82c4fc, #39a1fa);
}
input[type="button"].btn, input[type="submit"].btn, input[type="reset"].btn, button.btn {
	line-height:1;
	padding:13px 16px;
}
.btn:hover {
	background-color:#666666;
	background-repeat:repeat-x;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#39a1fa), to(#5eb2fa));
	background:-webkit-linear-gradient(top, #39a1fa, #5eb2fa);
	background:-moz-linear-gradient(top, #39a1fa, #5eb2fa);
	background:-o-linear-gradient(top, #39a1fa, #5eb2fa);
}
	.btn i {
		margin:1px 4px 0px 0px;	
	}

.btn.btn-small {
	font-size:11px;
	padding:8px 13px;
	line-height:33px;
}
.btn.btn-medium {
	font-size:15px;
	padding:14px 19px;
	line-height:49px;
}
.btn.btn-large {
	font-size:17px;
	padding:17px 22px;
	line-height:57px;
}

input[type="button"].btn.btn-small, input[type="submit"].btn.btn-small, input[type="reset"].btn.btn-small, button.btn.btn-small {
	padding:10px 13px;
	font-size:11px;
}
input[type="button"].btn.btn-medium, input[type="submit"].btn.btn-medium, input[type="reset"].btn.btn-medium, button.btn.btn-medium {
	padding:16px 19px;
	font-size:15px;
}
input[type="button"].btn.btn-large, input[type="submit"].btn.btn-large, input[type="reset"].btn.btn-medium, button.btn.btn-large {
	padding:19px 22px;
	font-size:17px;
}

.btn.btn-orange {
	background-color:#fb9355;
	color:#fad7c2 !important;
	text-shadow:1px 1px #cb6426;
	border:1px solid #e0651b;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fb9355), to(#e0651b));
	background:-webkit-linear-gradient(top, #fb9355, #e0651b);
	background:-moz-linear-gradient(top, #fb9355, #e0651b);
	background:-o-linear-gradient(top, #fb9355, #e0651b);	
}
.btn.btn-orange:hover {
	background-color:#e0651b;
	background-repeat:repeat-x;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#e0651b), to(#fb9355));
	background:-webkit-linear-gradient(top, #e0651b, #fb9355);
	background:-moz-linear-gradient(top, #e0651b, #fb9355);
	background:-o-linear-gradient(top, #e0651b, #fb9355);
}

.btn.btn-green {
	background-color:#92d65b;
	color:#c8f1a7 !important;
	text-shadow:1px 1px #52941f;
	border:1px solid #67a338;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#92d65b), to(#67a338));
	background:-webkit-linear-gradient(top, #92d65b, #67a338);
	background:-moz-linear-gradient(top, #92d65b, #67a338);
	background:-o-linear-gradient(top, #92d65b, #67a338);	
}
.btn.btn-green:hover {
	background-color:#67a338;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#67a338), to(#92d65b));
	background:-webkit-linear-gradient(top, #67a338, #92d65b);
	background:-moz-linear-gradient(top, #67a338, #92d65b);
	background:-o-linear-gradient(top, #67a338, #92d65b);
}

.btn.btn-red {
	background-color:#f17070;
	color:#fec8c8 !important;
	text-shadow:1px 1px #bf3232;
	border:1px solid #cd4c4c;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f17070), to(#cd4c4c));
	background:-webkit-linear-gradient(top, #f17070, #cd4c4c);
	background:-moz-linear-gradient(top, #f17070, #cd4c4c);
	background:-o-linear-gradient(top, #f17070, #cd4c4c);	
}
.btn.btn-red:hover {
	background-color:#cd4c4c;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#cd4c4c), to(#f17070));
	background:-webkit-linear-gradient(top, #cd4c4c, #f17070);
	background:-moz-linear-gradient(top, #cd4c4c, #f17070);
	background:-o-linear-gradient(top, #cd4c4c, #f17070);
}

.btn.btn-yellow {
	background-color:#f4d350;
	color:#fceeb3 !important;
	text-shadow:1px 1px #c4a322;
	border:1px solid #ceaf35;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4d350), to(#ceaf35));
	background:-webkit-linear-gradient(top, #f4d350, #ceaf35);
	background:-moz-linear-gradient(top, #f4d350, #ceaf35);
	background:-o-linear-gradient(top, #f4d350, #ceaf35);	
}
.btn.btn-yellow:hover {
	background-color:#ceaf35;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ceaf35), to(#f4d350));
	background:-webkit-linear-gradient(top, #ceaf35, #f4d350);
	background:-moz-linear-gradient(top, #ceaf35, #f4d350);
	background:-o-linear-gradient(top, #ceaf35, #f4d350);
}

.btn.btn-purple {
	background-color:#e023f6;
	color:#f8c5fe !important;
	text-shadow:1px 1px #ab2cba;
	border:1px solid #b53fc3;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#e023f6), to(#b53fc3));
	background:-webkit-linear-gradient(top, #e023f6, #b53fc3);
	background:-moz-linear-gradient(top, #e023f6, #b53fc3);
	background:-o-linear-gradient(top, #e023f6, #b53fc3);	
}
.btn.btn-purple:hover {
	background-color:#b53fc3;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#b53fc3), to(#e023f6));
	background:-webkit-linear-gradient(top, #b53fc3, #e023f6);
	background:-moz-linear-gradient(top, #b53fc3, #e023f6);
	background:-o-linear-gradient(top, #b53fc3, #e023f6);
}
	
#header {
	background-color:;
	position:relative;
	z-index:300;
}
	#header .edge-top {
		height:3px;
	}
	#header .select-nav { margin-bottom:20px; }
	
.header-base-shadow {
	background:url(../images/header-base-shadow.png) repeat-x center;
	height:10px;
	position:relative;
	z-index:100;
	top: auto;
}

.sub-header {
	position:relative;
	top:82px;
	overflow:hidden;
	margin-bottom:0px;
	padding-top:40px;
	background:#4a4a4a url(../images/base-subheader.jpg) repeat-y;
}
	.sub-header h3 {
		font-family:Arial, Helvetica, sans-serif;
		color:#d8d8d8;
		font-size:28px;
		line-height:25px;
		font-weight:bold;
		float:left;
		text-transform: uppercase;
		text-shadow: 2px 0px 4px rgba(0,0,0,0.2);
		margin:0px;
		
	}
	.sub-header .breadcrumb {
		float:right;
		text-transform:uppercase;
		color:#d0d0d0;
		font-size:10px;
		line-height:15px;
		margin-top:6px;
	}
		.sub-header .breadcrumb a { color:#FFF; }
		.sub-header .breadcrumb a:hover { color:#d0d0d0; }
		.sub-header .menu li {
			list-style-type:none;
			float:left;	
		}
			.sub-header .menu li a {
				float:left;
				padding:12px 20px;
				text-transform:uppercase;
				color:#f9e1dc;
				font-size:12px;
				text-shadow:#3a3a3a 1px 1px;
			}
			.sub-header .menu li a:hover, .sub-header .menu li a.active {
				background-color:#e05537;
				color:#FFF;
			}
/* ========================= 4. Main Section ========================= */

#main .header {
	margin-bottom:30px;
	text-align:center;
}
	#main .header h2 {
		font-size:30px;
		text-transform:uppercase;
		font-family:Lato, Arial, sans-serif;
		font-weight:bold;
		margin:0px 0px 10px;
		line-height:1;
	}
	#main .header p {
		margin:0px;
		color:#9a9a9a;
		font-size:18px;
		line-height:24px;
	}

#main .sep-border {
	border-top:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	height:6px;
}

#main .cat-name, #main .header-desc {
	font-family:Arial, Helvetica, sans-serif;
	color:#9a9a9a;
	font-size:11px;
	text-transform:uppercase;
	line-height:15px;
}
#main .cat-name { font-family:'Titillium Web', Arial, sans-serif; }
#main .header-desc {
	line-height:16px;
	margin-bottom:2px;
}

#main .top-pagination {
	padding-bottom:10px;
	overflow:hidden;
}
	#main .top-pagination .breadcrumb {
		float:left;
		padding-left:40px;
		background:url(../images/icon-back-home.png) no-repeat center left;
		margin-top:12px;
	}
		#main .top-pagination .breadcrumb h6 {
			font-size:12px;
			color:#9a9a9a;
			text-transform:uppercase;
			margin-bottom:0px;
			line-height:15px;
			font-family:'Titillium Web', Arial, sans-serif;
		}
		#main .top-pagination .breadcrumb p {
			margin-bottom:0px;
			font-family:Bitter, serif;
			color:#2a2a2a;
			font-size:13px;
			line-height:20px;
		}
		#main .top-pagination .breadcrumb a { color:#2a2a2a; }
		#main .top-pagination .breadcrumb a:hover { color:#2e9fff; }
	#main .top-pagination .prevnext-link { float:right; }
		#main .top-pagination .prevnext-link a {
			width:50px;
			height:50px;
			background-color:#2e9fff;
			float:left;
			color:#FFF;
			font-size:13px;
			margin-left:1px;	
		}
		#main .top-pagination .prevnext-link a:hover { background-color:#1088dc; }
		#main .top-pagination .prevnext-link a.prev-link {
			padding-left:4px;
			background-image:url(../images/icon-prev-link.png);
			background-position:bottom left;
			background-repeat:no-repeat;
		}
		#main .top-pagination .prevnext-link a.next-link {
			text-align:right;
			padding-right:4px;
			background-image:url(../images/icon-next-link.png);
			background-position:bottom right;
			background-repeat:no-repeat;
		}

#main .page-nav {
	overflow:hidden;
	float:right;
}
	#main .page-nav a {
	float:left;
	background-color:;
	color:;
	padding:4px 7px 4px 4px;
	line-height:18px;
	}
	#main .page-nav a:hover, #main .page-nav a.active { background-color:; }

#main .more-btn {
	background:#2e9fff url(../images/icon-more-btn.png) no-repeat center right;
	padding:10px 34px 10px 10px;
	color:#FFF;
	text-transform:uppercase;
	font-size:12px;
	line-height:16px;
	text-align:right;
	margin-bottom:10px;
	-webkit-transition:background-color .2s ease;
	-moz-transition:background-color .2s ease;
	-ms-transition:background-color .2s ease;
	-o-transition:background-color .2s ease;
	transition:background-color .2s ease;
}
	#main .more-btn:hover { background-color:#1088dc; }
#main .main-features { margin:40px 0px 30px; }
	#main .main-features .item {
		border:1px solid #e0e0e0;
		border-bottom:5px solid #ececec;
		text-align:center;
		padding:25px 20px 35px;
		margin-bottom:30px;
		-webkit-transition:background-color .2s ease, border .2s ease;
		-moz-transition:background-color .2s ease, border .2s ease;
		-ms-transition:background-color .2s ease, border .2s ease;
		-o-transition:background-color .2s ease, border .2s ease;
		transition:background-color .2s ease, border .2s ease;
	}
		#main .main-features .item h4 {
			margin:0px 0px 30px;
			font-size:16px;
			line-height:1.4em;
		}
		#main .main-features .item img {
			opacity:.5;
			-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=50)";
			filter:alpha(opacity=50);
			-webkit-transition:opacity .2s ease-in-out;
			-moz-transition:opacity .2s ease-in-out;
			-ms-transition:opacity .2s ease-in-out;
			-o-transition:opacity .2s ease-in-out;
			transition:opacity .2s ease-in-out;
		}
		#main .main-features .item p { margin:30px 0px; }
		#main .main-features .item .readmore {
			background:url(../images/sep-border-features.png) repeat-x center;
			-webkit-transition:background .2s ease;
			-moz-transition:background .2s ease;
			-ms-transition:background .2s ease;
			-o-transition:background .2s ease;
			transition:background .2s ease;
		}
			#main .main-features .item .readmore a {
				background-color:#e0e0e0;
				color:#303030;
				text-transform:uppercase;
				padding:8px 20px;
				font-size:11px;
				line-height:16px;
				-moz-border-radius:16px;
				-webkit-border-radius:16px;
				border-radius:16px;
			}
	#main .main-features .item:hover {
		border-bottom:5px solid #c6dae5;
		background-color:#f9f9f9;
	}
		#main .main-features .item:hover img {
			opacity:1;
			-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter:alpha(opacity=100);
		}
		#main .main-features .item:hover .readmore { background:url(../images/sep-border-features-hover.png) repeat-x center; }
			#main .main-features .item:hover .readmore a {
				background-color:#2e9fff;
				color:#FFF;
			}
			
	#main .main-features-two .item { padding-bottom:30px; }
		#main .main-features-two .item img {
			float:left;
			width:20%;
		}
		#main .main-features-two .item .content {
			float:right;
			width:75%;
		}
			#main .main-features-two .item .content h4 {
				font-size:16px;
				margin:0px 0px 5px;
			}
			#main .main-features-two .item .content p { margin:0px; }
			
/* Main Latest News */

#main .main-latest-news { margin:40px 0px 30px; }
	#main .main-latest-news .item { margin-bottom:30px; }
	#main .main-latest-news h5 {
		color:#a9a9a9;
		font-family:'Titillium Web', Arial, sans-serif;
		font-size:12px;
		text-transform:uppercase;
		margin:0px 0px 6px;
		line-height:1.25em;
	}
	#main .main-latest-news h4 {
		font-size:15px;
		line-height:1.4em;
		background-color:#2e9fff;
		padding:10px;
		margin-top:0px;
		color:#FFF;
		-webkit-transition:background-color .2s ease;
		-moz-transition:background-color .2s ease;
		-ms-transition:background-color .2s ease;
		-o-transition:background-color .2s ease;
		transition:background-color .2s ease;
	}
	#main .main-latest-news img { width:100%; }
	#main .main-latest-news a { color:#FFF; }
	#main .main-latest-news a:hover h4 { background-color:#1088dc; }
	#main .main-latest-news .content {
		background:#F0F0F0 url(../images/main-left-border.png) repeat-y left;
		padding-left:5px;
	}
		#main .main-latest-news .content p {
			padding-left:12px;
			margin:0px;
			background-color:#FFF;
		}
		
/* Main Testimonials */

#main .main-testimonials { margin-top:40px; }
	#main .main-testimonials .item {
		position:relative;
		text-align:center;
		background-color:#f9f9f9;
		border:1px solid #e0e0e0;
		border-bottom:5px solid #eaeaea;
		padding:60px 20px 30px;
		margin-top:40px;
		margin-bottom:30px;
	}
		#main .main-testimonials .item img {
			position:absolute;
			width:80px;
			height:80px;
			top:-40px;
			right:50%;
			margin-right:-40px;
		}
		#main .main-testimonials .item h5 {
			font-size:15px;
			line-height:21px;
			margin-bottom:15px;
		}
		#main .main-testimonials .item p { margin-bottom:20px; }
		#main .main-testimonials .item span {
			background-color:#2e9fff;
			color:#FFF;
			font-size:11px;
			line-height:16px;
			text-transform:uppercase;
			padding:8px 20px;
			-moz-border-radius:16px;
			-webkit-border-radius:16px;
			border-radius:16px;
		}
		
/* Portofolio */

#main.portofolio { padding-top:15px; }
	#main.portofolio .portofolio-items .item {
		padding-top:15px;
		padding-bottom:15px;
	}
		#main.portofolio .portofolio-items .item .title {
			color:#4a4a4a;
			font-size:15px;
			font-family:Bitter, serif;
			margin-top:2px;	
		}
	
#main.portofolio.portofolio-1-column { padding-top:100px; }
	#main.portofolio.portofolio-1-column .item { padding:30px 0px; }
		#main.portofolio.portofolio-1-column .item h3 {
			font-size:24px;
			margin:0px 0px 10px;
			line-height:30px;
		}
			#main.portofolio.portofolio-1-column .item h3 a { color:#2a2a2a; }
			#main.portofolio.portofolio-1-column .item h3 a:hover { color:#2e9fff; }
			#main.portofolio.portofolio-1-column .item .content p { margin-bottom:20px; }
	#main.portofolio.portofolio-1-column .page-nav {
	padding-top:20px;
	padding-bottom: 40px;
}