/* #Table of Contents

1. Site Styles
2. Header Section
   2.1. Site Logo
   2.2. Nav Menu
   2.3. Sub Header
3. Slider Section
   3.1. Slider 1
   3.2. Slider 2
   3.3. Slider 3
4. Main Section
   4.1. Introduction Text
   4.2. Main Features
   4.3. Main Latest News
   4.4. Main Testimonials
   4.5. Portofolio
   4.6. Blog Archive
   4.7. Single
   4.8. Single Portofolio
   4.9. Comments
   4.10. Page
5. Sidebar Section
6. Bottom Section
7. Footer Section
8. CSS Hacks
9. Media Queries
================================================== */



/* ========================= 1. Site Styles ========================= */

/* Page Styles */
@font-face { font-family: GeosansLight; src: url('GeosansLight.ttf'); }

* { 
	-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;
	background-color:rgb(226, 226, 226);
}

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; }

ul.list-arrow li {
	list-style:none;
	list-style-image:url(../images/list-arrow.png);
}
ul.list-arrow-bold li {
	list-style:none;
	list-style-image:url(../images/list-arrow-bold.png);
}
ul.list-arrow-circle li {
	list-style:none;
	list-style-image:url(../images/list-arrow-circle.png);
}

/* 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;
	}
	
.dropcaps {
	float:left;
	color:#3a3a3a;
	font-size:36px;
	line-height:1em;
	margin:12px;
}
.dropcaps.dropcaps-circle {
	background-color:#3a3a3a;
	color:#FFF;
	margin:4px 10px 0px 0px;
	width:52px;
	height:52px;
	text-align:center;
	line-height:52px;
	-moz-border-radius:26px;
    -khtml-border-radius:26px;
    -webkit-border-radius:26px;
    border-radius:26px;
}

.dropcaps.dropcaps-circle.dropcaps-orange { background-color:#f95f2a; }
.dropcaps.dropcaps-circle.dropcaps-green { background-color:#59b634; }
.dropcaps.dropcaps-circle.dropcaps-blue { background-color:#2e9fff; }
.dropcaps.dropcaps-circle.dropcaps-violet { background-color:#b42cb9; }
.dropcaps.dropcaps-circle.dropcaps-red { background-color:#d74949; }
.dropcaps.dropcaps-circle.dropcaps-yellow { background-color:#dcaa02; }

.wp-caption {
	border:1px solid #ddd;
	text-align:center;
	background-color:#f3f3f3;
	padding:8px 8px 0px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	max-width:100%;
}
	.wp-caption img {
		width:100%;
		height:auto;
		margin-bottom:8px;
	}
	.wp-caption p.wp-caption-text {
		font-size:12px;
		line-height:18px;
		padding:0px 4px 8px;
		margin:0;
		color:#707070;
	}

/* Links */

a, a:visited {
	color:#2e9fff;
	-webkit-transition:background .2s ease, background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
	-moz-transition:background .2s ease, background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
	-ms-transition:background .2s ease, background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
	-o-transition:background .2s ease, background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
	transition:background .2s ease, background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
}
a:hover {
	text-decoration:none;
	color:#4a4a4a;
}

/* Button */

.btn {
	background-color:#82c4fc;
	padding:11px 16px;
	text-transform:uppercase;
	color:#d6eafb !important;
	line-height:41px;
	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:#39a1fa;
	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);
}
	
/* Alingment Styles */

.aligncenter {
    display:block;
    margin:0px auto 20px auto;
}
.alignright {
    float:right;
    margin:10px 0 10px 10px;
}
.alignleft {
    float:left;
    margin:10px 10px 10px 0;
}

.left { float:left;	}
.right { float:right; }
.textcenter { text-align:center }
.textright { text-align:right }
.textleft { text-align:left }

/* Image Styles */

.text-caption {
    border:1px solid #ddd;
    text-align:center;
    background-color:#f3f3f3;
    padding-top:4px;
    -moz-border-radius:3px;
    -khtml-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
	.text-caption img {
		margin:0;
		padding:0px 4px !important;
		border:0 none !important;
		width:100%;
		background-color:transparent !important;
	}
		.text-caption p.text-caption-text {
			font-size:11px;
			line-height:17px;
			padding:0 4px 5px;
			margin:0;
		}

/* Site Elements */

select {
	font-family:Arial, Helvetica, sans-serif;
	height:auto;
	padding:8px 12px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	outline:none;
}

input[type="text"] {
	height:38px;
	padding:0px 12px;
	font-family:'Titillium Web', Arial, sans-serif;
	border:1px solid #d9d9d9;
	outline:none !important;
	font-size:14px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	-moz-box-shadow:inset 0 0 6px #888;
	-webkit-box-shadow:inset 0 0 6px #888;
	box-shadow:inset 0 0 6px #EAEAEA;
}

textarea {
	padding:12px;
	font-family:'Titillium Web', Arial, sans-serif;
	border:1px solid #E0E0E0;
	outline:none;
	font-size:14px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	-moz-box-shadow:inset 0 0 6px #888;
	-webkit-box-shadow:inset 0 0 6px #888;
	box-shadow:inset 0 0 6px #EAEAEA;
}

label {
	font-family:'Titillium Web', Arial, sans-serif;
	text-transform:uppercase;
	font-size:12px;
	color:#4a4a4a;
	line-height:18px;
}

ul.the-icons {
	margin-left:0;
	list-style:none;
}
	ul.the-icons li {
		float:left;
		width:25%;
	}

figure.figure-hover { position:relative; }
	figure.figure-hover div {
		position:absolute;
		text-align:center;
		top:0;
		bottom:0;
		left:0;
		right:0;
		background:url(../images/base-figure-overlay.png) repeat;
		display:none;
	}
		figure.figure-hover div .icon-hover {
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
		}
		
		/* Figure hover icon */		
		figure.figure-hover div .icon-hover.icon-hover-zoom { background:url(../images/icon-hover-zoom.png) no-repeat center center; }

.sep-border-main {
	background:url(../images/sep-border-main.png) no-repeat center;
	width:100%;
	height:20px;	
}

.select-nav {
	display:none;
    background:#1886e3 url(../images/arrow-main-nav-responsive.png) no-repeat right center;
	width:100%;
    overflow:hidden;
    border:1px solid #0378dc;
}
	.select-nav select {
		background-color:#1886e3;
		width:100%;
		padding:5px 10px;
		color:#101010;
	    border:0px;
		margin:0px;
		height:auto;
		outline:none;
	}
	
/* Pricing Table */
	
.pricing-table .item {
	border:10px solid #f0f0f0;
	margin-bottom:30px;
	text-align:center;
}
	.pricing-table .item .tbl-top { margin:0px; }
		.pricing-table .item .tbl-top h4 {
			background-color:#2e9fff;
			margin:0px;
			padding:20px 20px 15px;
			color:#FFF;
			text-transform:uppercase;
		}
		.pricing-table .item .tbl-top .price {
			padding:0px 20px;
			background-color:#2e9fff;
		}
			.pricing-table .item .tbl-top .price .sep-border-pricing {
				border-top:1px solid #b0dbff;
				border-bottom:1px solid #b0dbff;
				height:6px;
			}
			.pricing-table .item .tbl-top .price p {
				margin:0px;
				padding-top:15px;
				font-size:30px;
				color:#afdaff;
				font-weight:bold;
			}
				.pricing-table .item .tbl-top .price p sup { font-size:16px; }
		.pricing-table .item .tbl-top .arrow-pricing {
			width:0;
			height:0;
			border-top:30px solid #2e9fff;
		}
		.pricing-table .item.span3 .tbl-top .arrow-pricing {
			border-right:125px solid transparent;
			border-left:125px solid transparent;
		}
		.pricing-table .item.span4 .tbl-top .arrow-pricing {
			border-right:175px solid transparent;
			border-left:175px solid transparent;
		}
	.pricing-table .item ul {
		margin:0px;
		padding:10px 20px;
	}
		.pricing-table .item ul li {
			list-style-type:none;
			border-bottom:1px dashed #e0e0e0;
			padding:10px 0px;
			font-size:15px;
		}
		.pricing-table .item ul li:last-child { border-bottom:0px; }
	.pricing-table .item .tbl-bottom {
		background-color:#f6f6f6;
		padding:20px;
	}

.pricing-table .item.recommended { margin-top:-15px; }
		.pricing-table .item.recommended .tbl-top h4 {
			background-color:#4589c2;
			margin:0px;
			padding:28px 20px 15px;
			color:#FFF;
			text-transform:uppercase;
		}
		.pricing-table .item.recommended .tbl-top .price {
			padding:0px 20px 7px;
			background-color:#4589c2;
		}
		.pricing-table .item.recommended .tbl-top .arrow-pricing { border-top:30px solid #4589c2; }
	.pricing-table .item.recommended .tbl-bottom { padding:27px 20px; }
	
/* Table Process */

.process-table .item {
	margin-bottom:10px;
	position:relative;
	background-color:#65AC65;
	height:44px;
}
.process-table .item:last-child { margin-bottom:0px; }
	.process-table .item .process-base {
		background-color:#2e9fff;
		height:100%;
	}
	.process-table .item .process-desc {
		position:absolute;
		color:#FFF;
		top:0;
		left:0;
		width:100%;
		height:100%;
		line-height:44px;
		overflow:hidden;
	}
	.process-table .item .process-desc .process-name {
		margin-left:12px;
		float:left;
	}
	.process-table .item .process-desc .process-val {
		margin-right:12px;
		float:right;
	}

/* Tabs */

ul.nav-tabs { border-bottom:none; margin:0px; }
	ul.nav-tabs li a {
		color:#ffffff;
		background-color:#4a4a4a;
		text-transform:uppercase;
		border:none;
		border-right:1px solid #FFF;
		margin:0px;
		font-size:14px;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		-o-border-radius:0px;
		-ms-border-radius:0px;
		border-radius:0px;
	}
	ul.nav-tabs li a:hover, ul.nav-tabs li.active a, ul.nav-tabs li.active a:hover {
		color:#FFF;
		background-color:#2e9fff;
		border:none;
		border-right:1px solid #FFF;
	}
	ul.nav-tabs li:last-child a, ul.nav-tabs li.active:last-child a { border-right:0px; }
		
	.tab-content .tab-pane {
		padding:20px;
		background-color:#f9f9f9;	
	}
	
.accordion .accordion-heading { background-color:#f0f0f0; }
.accordion .accordion-heading:hover, .accordion .accordion-heading.active { background-color:#E0E0E0; }
	.accordion .accordion-heading a, .accordion .accordion-heading a:hover { color:#3a3a3a; }



/* ========================= 2. Header Section ========================= */

#header {
	background-color:#5A8A80;
	position:relative;
	z-index:300;
}
	#header .edge-top {
		height:3px;
		background-color:#65AC65;
	}
	#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;
}

/* Logo */

#header .logo { margin:20px 0px; }
	#header .logo img { height:40px; }

/* Nav Menu */

#header .nav-menu { margin:-3px 0px 0px; }
	#header .nav-menu ul {
		float:left;
		margin:0px;
	}
		#header .nav-menu ul li {
			float:left;
			list-style-type:none;
			position:relative;
			z-index:400;
		}
			#header .nav-menu ul li a {
				float:left;
				color:#FFF;
				text-shadow:1px 1px #3f87c3;
				text-transform:uppercase;
				padding:32px 20px 30px;
				border-top:3px solid #65AC65;
				font-size:13px;
				line-height:18px;
			}
			#header .nav-menu ul li .arrow-nav-menu {
				display:inline-block;
				margin-left:6px;
				background:url(../images/nav-menu-arrow.png) no-repeat;
				width:8px;
				height:6px;
				vertical-align:middle;
			}
			#header .nav-menu ul li.active a, #header .nav-menu ul li a:hover { border-top:3px solid #FFF; }
			#header .nav-menu ul li.active .arrow-nav-menu, #header .nav-menu ul li a:hover .arrow-nav-menu { background:url(../images/nav-menu-arrow-hover.png) no-repeat; }
			#header .nav-menu ul li > ul {
				display:none;
				position:absolute;
				background-color:#2e9fff;
				width:200px;
				top:100%;
				left:0;
			}
			#header .nav-menu ul li:hover > ul { display:block; }
				#header .nav-menu ul li > ul li { width:100%; }
					#header .nav-menu ul li > ul li a {
						padding:14px 20px;
						width:100%;
						border-top:1px solid #1088dc !important;
						height:auto;
						line-height:1.4em;
						font-weight:normal;
					}
					#header .nav-menu ul li > ul li.active a, #header .nav-menu ul li > ul li a:hover {
						border-top:1px solid #1088dc;
						background-color:#1088dc;
						color:#FFF;
					}
					#header .nav-menu ul li > ul li .arrow-nav-menu {
						margin-top:6px;
						float:right;
						-webkit-transform:rotate(270deg);
						-moz-transform:rotate(270deg);
						-o-transform:rotate(270deg);
						-ms-transform:rotate(270deg);
						transform:rotate(270deg);
					}
					#header .nav-menu ul li > ul li > ul {
						left:100%;
						top:0;
					}
					
/* Sub Header */

.sub-header {
	position:relative;
	top:-10px;
	overflow:hidden;
	margin-bottom:30px;
	padding-top:30px;
}
.sub-header.no-menu {
	padding-bottom:30px;
	border-bottom:5px solid #65AC65;	
}
	.sub-header h3 {
		font-family:'Titillium Web', Arial, sans-serif;
		color:rgb(70, 70, 70);
		font-size:18px;
		line-height:24px;
		font-weight:bold;
		float:left;
		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 {
		margin:30px 0px 0px 0px;
		float:left;
		width:100%;
		background-color:#ef6b4f;
	}
		.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;
			}
			
			

/* ========================= 3. Slider Section ========================= */

/* Slider One */

#slider.slider-one {
	position:relative;
	top:-10px;
	overflow:hidden;
	margin-bottom:50px;
	background-color:#273a4a;
	border-bottom:5px solid #65AC65;
}
	#slider.slider-one .item {
		position:relative;
		float:left;
		overflow:hidden;
	}
	#slider.slider-one .item.item-big {
		width:50%;
		height:300px;
	}
	#slider.slider-one .item.item-small {
		width:25%;
		height:300px;
	}
		#slider.slider-one .item .img-thumb {
			width:100%;
			height:100%;
			position:absolute;
			background-repeat:no-repeat;
			background-position:center center;
			background-size:cover;
		}
		#slider.slider-one .item .content {
			position:absolute;
			left:0;
			bottom:0;
			color:#e9e9e9;
			background:rgba(42,42,42,.7);
			width:100%;
		}
		
		/* Sliders Color */
		#slider.slider-one .item.item-blue .content { background:url(../images/masked/blue.png) repeat; }
		#slider.slider-one .item.item-red .content { background:url(../images/masked/red.png) repeat; }
		#slider.slider-one .item.item-violet .content { background:url(../images/masked/violet.png) repeat; }
		#slider.slider-one .item.item-lightblue .content { background:url(../images/masked/lightblue.png) repeat; }
		#slider.slider-one .item.item-yellow .content { background:url(../images/masked/yellow.png) repeat; }
		#slider.slider-one .item.item-green .content { background:url(../images/masked/green.png) repeat; }
		#slider.slider-one .item.item-black .content { background:url(../images/masked/black.png) repeat; }
		
		#slider.slider-one .item.item-big .content {
			padding:20px;
			-webkit-transition:height .3s linear;
			-moz-transition:height .3s linear;
			-ms-transition:height .3s linear;
			-o-transition:height .3s linear;
			transition:height .3s linear;
		}
		#slider.slider-one .item.item-small .content {
			padding:20px;
			-webkit-transition:height .3s linear;
			-moz-transition:height .3s linear;
			-ms-transition:height .3s linear;
			-o-transition:height .3s linear;
			transition:height .3s linear;
		}
			#slider.slider-one .item .content-alignment {
				position:absolute;
				left:0;
				bottom:0;
				padding:20px;
			}
			#slider.slider-one .item .content h5 {
				font-size:12px;
				font-family:'Titillium Web', Arial, sans-serif;
				color:#dadada;
				text-transform:uppercase;
				margin:0px;
				line-height:18px;
			}
			#slider.slider-one .item .content h3 {
				color:#FFF;
				font-size:18px;
				line-height:1.4em;
				margin:0px 0px 5px;
			}
			#slider.slider-one .item .content .date {
				color:#FFF;
				font-size:12px;
				text-transform:uppercase;
				margin:0px;	
			}
				#slider.slider-one .item .content .date i { margin-right:5px; }
			#slider.slider-one .item .content .title { overflow:hidden; }
				#slider.slider-one .item .content .title img {
					float:left;
					width:8%;
				}
				#slider.slider-one .item .content .title .text {
					float:right;
					width:90%;	
				}
				#slider.slider-one .item .content .title h3 { margin:0px; }
			#slider.slider-one .item .content p {
				margin:20px 0px 0px;
				font-size:16px;
				line-height:22px;
			}
		#slider.slider-one .item.item-big:hover .content { height:100% !important; }
		#slider.slider-one .item.item-small:hover .content { height:100% !important;}
			
/* Slider Two */

#slider.slider-two {
	position:relative;
	top:-10px;
	overflow:hidden;
	margin-bottom:50px;
	background-color:#273a4a;
	border-bottom:5px solid #65AC65;
}
	#slider.slider-two ul.slides li { list-style-type:none; }
	#slider.slider-two .item img {
		float:left;
		width:50%;
	}
	#slider.slider-two .item .content {
		float:left;
		width:50%;
		color:#e0e0e0;
		padding:25px;
	}
		#slider.slider-two .item .content h5 {
			font-size:12px;
			font-family:'Titillium Web', Arial, sans-serif;
			color:#d0d0d0;
			text-transform:uppercase;
			margin:0px;
			line-height:18px;
		}
		#slider.slider-two .item .content h3 {
			color:#FFF;
			font-size:30px;
			line-height:1.2em;
			margin:0px 0px 10px;
			font-weight:bold;
			text-transform:uppercase;
		}
		#slider.slider-two .item .content p { margin:0px; }
	#slider.slider-two .item a { color:#FFF; }
	#slider.slider-two .item a:hover { color:#c0c0c0; }
	
/* Slider Three */

#slider.slider-three {
	position:relative;
	top:-10px;
	overflow:hidden;
	margin-bottom:50px;
	border-bottom:5px solid #65AC65;
	background-color:#273a4a;
}
	#slider.slider-three .flexslider {
		margin:0px;
		position:relative;
	}
		#slider.slider-three ul.slides li { list-style-type:none; }
		#slider.slider-three .item figure { position:relative; }
			#slider.slider-three .item figure img { width:100%; }
		#slider.slider-three .item .content {
			position:absolute;
			width:50%;
			left:0;
			bottom:0;
			color:#e9e9e9;
			padding:20px;
			background:url(../images/masked/black.png) repeat;
		}
			#slider.slider-three .item .content h5 {
				font-size:12px;
				font-family:'Titillium Web', Arial, sans-serif;
				color:#dadada;
				text-transform:uppercase;
				margin:0px;
				line-height:18px;
			}
			#slider.slider-three .item .content h3 {
				color:#FFF;
				font-size:18px;
				line-height:1.3em;
				margin:0px 0px 5px;
				font-weight:bold;
				margin-bottom:15px;
				text-transform:uppercase;
			}
			#slider.slider-three .item .content p { margin:0px; }
		#slider.slider-three .item a { color:#FFF; }
		#slider.slider-three .item a:hover { color:#e9e9e9; }
	#slider.slider-three .home-carousel {
		width:100% !important;
		border-top:1px solid #FFF;
	}
		#slider.slider-three .home-carousel ul.slides { width:100% !important; }
			#slider.slider-three .home-carousel ul li {
				width:20% !important;
				cursor: pointer;
				border-right:1px solid #FFF;
			}
			#slider.slider-three .home-carousel ul li:last-child { border:0px; }
				#slider.slider-three .home-carousel ul li img {
					width:100%;
					-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;
				}
				#slider.slider-three .home-carousel ul li.flex-active-slide img, #slider.slider-three .home-carousel ul li img:hover {
					opacity:.6;
					-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=60)";
					filter:alpha(opacity=60);
				}



/* ========================= 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;
	padding-top:10px;
}
	#main .page-nav a {
		float:left;
		background-color:#2e9fff;
		color:#FFF;
		font-size:13px;
		padding:16px 24px 4px 4px;
		line-height:18px;
		margin-left:1px;
	}
	#main .page-nav a:hover, #main .page-nav a.active { background-color:#1088dc; }
	#main .page-nav .empty-link {
		float:left;
		padding:15px 5px 0px;
	}

#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 Introduction */

#main .main-introduction {
	text-align:left;
	color:rgb(70,70,70);
	font-size:20px;
	font-weight:bold;
	margin-bottom:30px;
}
	#main .main-introduction i {
		color:#2e9fff;
		font-style:normal;
		line-height:1.5em;
	}

/* Main Features */

#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:0px; }
	#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:30px; }
	
/* Isotope */

.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
.isotope, .isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width;
}
	.isotope .isotope-item {
		-webkit-transition-property: -webkit-transform, opacity;
		-moz-transition-property: -moz-transform, opacity;
		-ms-transition-property: -ms-transform, opacity;
		-o-transition-property: top, left, opacity;
		transition-property: transform, opacity;
	}
	
/* Blog Archive */

#main.archive {
	padding-top:30px;
	overflow:hidden;
}
	#main.archive .item {
		overflow:hidden;
		padding:0px 0px 30px;
	}
		#main.archive .item h3 {
			font-size:24px;
			margin:0px 0px 10px;
			line-height:30px;
		}
			#main.archive .item h3 a { color:#2a2a2a; }
			#main.archive .item h3 a:hover { color:#2e9fff; }
		#main.archive .item p { margin:0px; }
		#main.archive .item .meta-desc, #main.single .meta-desc {
			overflow:hidden;
			border-top:1px solid #e0e0e0;
			border-bottom:1px solid #e0e0e0;
			font-size:11px;
			line-height:16px;
			text-transform:uppercase;
			color:#a9a9a9;
			width:100%;
			float:left;
			margin-top:30px;
		}
			#main.archive .item .meta-desc span {
				margin-top:10px;
				float:left;
			}
			#main.archive .item .meta-desc .more-btn {
				float:right;
				margin:0px;
			}
	
#main.archive.archive-sidebar figure { position:relative; }
	#main.archive.archive-sidebar figure .date {
		background:#2e9fff url(../images/icon-post-date.png) no-repeat top left;
		float:left;
		width:18%;
		position:absolute;
		left:20px;
		bottom:-90px;
		text-align:center;
		padding-top:15px;
	}
	#main.archive.archive-sidebar .date h2 {
		font-family:Lato, Arial, sans-serif;
		font-size:42px;
		line-height:48px;
		color:#FFF;
		font-weight:bold;
		margin:0px 0px 5px;
	}
	#main.archive.archive-sidebar .date h4 {
		font-family:Lato, Arial, sans-serif;
		font-size:18px;
		color:#3a3a3a;
		font-weight:bold;
	}
	#main.archive.archive-sidebar .date .date-month {
		background-color:#1088dc;
		color:#FFF;
		text-transform:uppercase;
		font-size:13px;
		padding:6px 10px;	
	}
#main.archive.archive-sidebar .content {
	float:right;
	width:76%;
	margin-top:20px;
}
	
/* Single */

#main.single { padding-top:30px; }
	#main.single div.flexslider, #main.page div.flexslider { position:relative; }
		#main.single div.flexslider .flex-control-nav, #main.page div.flexslider .flex-control-nav { bottom:15px; }
			#main.single div.flexslider .flex-control-paging li a, #main.page div.flexslider .flex-control-paging li a {
				width:14px;
				height:14px;
			}
	#main.single .head-img { margin-bottom:20px; }
	#main.single .head-title { margin-bottom:5px; }
		#main.single .head-title h2 { margin-bottom:0px; }
	#main.single .meta-desc {
		padding:8px 0px;
		margin:0px 0px 20px;
	}
			
	#main.single .post-author { padding:30px 0px; }
		#main.single .post-author h4 { margin-bottom:20px; }
		#main.single .post-author figure {
			float:left;
			width:18%;
		}
		#main.single .post-author .content {
			float:right;
			width:80%;	
		}
			#main.single .post-author .content h5 {
				font-weight:normal;
				font-size:16px;
				font-family:'Titillium Web', Arial, sans-serif;
			}
			#main.single .post-author .content p {
				font-size:14px;
				margin:0px;	
			}
			
	#main.single .post-related { padding:30px 0px; }
		#main.single .post-related .item {
			overflow:hidden;
			margin-bottom:15px;
			padding-bottom:15px;
			border-bottom:1px dashed #e0e0e0;
		}
		#main.single .post-related .item:last-child {
			margin-bottom:0px;
			padding-bottom:0px;
			border-bottom:0px;
		}
			#main.single .post-related .item img {
				width:12%;
				float:left;	
			}
			#main.single .post-related .item .content {
				float:right;
				width:86%;	
			}
				#main.single .post-related .item .content .cat-name { font-size:11px; }
				#main.single .post-related .item .content p {
					margin:0px;
					font-size:14px;
				}
				#main.single .post-related .item .content h5 {
					font-size:15px;
					margin-bottom:5px;
				}
			
	#main.single .prevnext-posts a {
		width:50%;
		float:left;
		text-align:center;
		color:#4a4a4a;
		padding:25px 0px;
	}
	#main.single .prevnext-posts a.next {
		border-left:1px solid #e0e0e0;
		padding-left:15px;
		padding-right:45px;
		background:url(../images/next-post-arrow.png) no-repeat right center;
	}
	#main.single .prevnext-posts a.prev {
		padding-left:45px;
		padding-right:15px;
		background:url(../images/prev-post-arrow.png) no-repeat left center;
	}
	#main.single .prevnext-posts a:hover { background-color:#f6f6f6; }
		#main.single .prevnext-posts a p {
			margin-bottom:0px;
			text-transform:uppercase;
		}
		#main.single .prevnext-posts a p.title {
			text-transform:none;
			font-family:Bitter, serif;
			font-size:16px;
			color:#a9a9a9;
		}

/* Single Portofolio */

#main.portofolio.single.single-portofolio .content h3 {
	font-size:15px;
	font-weight:bold;
	line-height:1.4em;
	margin-bottom:20px;	
}
	#main.portofolio.single.single-portofolio .content ul { margin:0px; }
		#main.portofolio.single.single-portofolio .content ul li {
			list-style-type:none;
			border-bottom:1px dashed #aeaeae;
			padding-bottom:12px;
			margin-bottom:12px;
			color:#a9a9a9;
			overflow:hidden;
			font-size:14px;
		}
		#main.portofolio.single.single-portofolio .content ul li:last-child { margin-bottom:0px; }
			#main.portofolio.single.single-portofolio .content ul li span {
				float:left;
				width:37%;	
			}
			#main.portofolio.single.single-portofolio .content ul li i {
				color:#101010;
				font-style:normal;
				float:right;
				width:60%;
			}
		
	#main.portofolio.single.single-portofolio .portofolio-items .item .cat-name { font-size:10px; }
	#main.portofolio.single.single-portofolio .portofolio-items .item .title { font-size:14px; }
	
/* Comments */

#comments { padding-top:40px; }
	#comments h4 { margin-bottom:20px; }
	#comments .comment-lists { margin-bottom:20px; }
		#comments .comment-lists ul {
			overflow:hidden;
			margin:0px;
		}
			#comments .comment-lists ul li {
				list-style-type:none;
				overflow:hidden;
				padding-bottom:20px;
				position:relative;
			}
				#comments .comment-lists ul li figure {
					float:left;
					width:12%;	
				}
					#comments .comment-lists ul li figure img { border:3px solid #EFEFEF; }
					
				#comments .comment-lists ul li .content {
					width:85%;
					float:right;	
				}
					#comments .comment-lists ul li .content h5 {
						font-weight:normal;
						margin-bottom:0px;
						font-size:15px;
						color:#6a6a6a;
					}
					#comments .comment-lists ul li .content p.meta {
						font-size:13px;
						line-height:18px;
						color:#a9a9a9;
						padding-bottom:10px;
						border-bottom:1px dashed #e0e0e0;
					}
						#comments .comment-lists ul li .content p.meta strong { font-style:normal; }
						
					#comments .comment-lists ul li .content .comment-id {
						position:absolute;
						top:0px;
						right:5px;
						font-size:36px;
						font-family:Lato, Arial, sans-serif;
						color:#f0f0f0;
						line-height:40px;
						font-weight:bold;
					}
						
				#comments .comment-lists ul li > ul {
					overflow:hidden;
					width:100%;
					padding:20px 0px 0px 20px;
				}
					#comments .comment-lists ul li > ul li {
						padding-left:30px;
						border-left:1px solid #e0e0e0;
					}
					#comments .comment-lists ul li > ul li:before {
						content:"......";
						position:absolute;
						left:5px;
						top:5px;
						color:#9a9a9a;
						font-size:12px;
					}
						#comments .comment-lists ul li > ul li figure { width:11%; }
						#comments .comment-lists ul li > ul li .content { width:86%; }
	
		#comments .form-comment form { margin:0px; }
		#comments .form-comment input[type="text"] { width:60%;	}
		#comments .form-comment textarea {
			width:100%;
			height:100px;	
		}
		#comments .form-comment input[type="submit"] {
			margin:10px 0px 0px;
			display:block;	
		}

/* Page Contact */

#main.page.page-contact iframe {
	width:100% !important;
	border:1px solid #e0e0e0;
	padding:8px;
	margin-bottom:10px;
}

	#main.page.page-contact .contact-info a { color:#a9a9a9; }
	#main.page.page-contact .contact-info a:hover { color:#2e9fff; }
#main.page.page-contact form { margin:0px; }
	#main.page.page-contact form input[type="text"], #main.page.page-contact form textarea {
		width:100%;
		margin-bottom:20px;
	}
	#main.page.page-contact form textarea { height:140px; }
	#main.page.page-contact form .alert { margin:20px 0px 0px; }
		#main.page.page-contact form .alert .close { top:0; }
		
/* Author Page */

#main.page.page-author .author-bio { margin-bottom:30px; }
	#main.page.page-author .author-bio figure {
		width:18%;
		float:left;
	}
		#main.page.page-author .author-bio figure img { border:1px solid #eaeaea; }
	#main.page.page-author .author-bio .author-details {
		float:right;
		width:80%;
		margin:0px;
	}
		#main.page.page-author .author-bio .author-details h3 {
			margin:0px 0px 10px;
			font-size:18px;
			line-height:24px;
		}
		#main.page.page-author .author-bio .author-details p.add-info { margin-bottom:5px; }
		#main.page.page-author .author-bio .author-details p.add-info:last-child { margin-bottom:0px; }
			#main.page.page-author .author-bio .author-details p.add-info i { margin-top:4px; }
			
/* Teams Page */

#main.page.page-teams .team { margin-bottom:30px; }
	#main.page.page-teams .team .title {
		padding-bottom:10px;
		overflow:hidden;
	}
	#main.page.page-teams .team h5 {
		font-size:11px;
		text-transform:uppercase;
		line-height:16px;
		font-family:Arial, Helvetica, sans-serif;
		margin:0px;
		color:#a9a9a9;
	}
	#main.page.page-teams .team h4 {
		font-size:16px;
		margin:0px;
	}
	#main.page.page-teams .team img { width:100%; }
	#main.page.page-teams .team .content {
		background:#FFF url(../images/main-left-border.png) repeat-y left;
		padding-left:5px;
	}
	#main.page.page-teams .team .content p { padding-left:12px; }
	#main.page.page-teams .team .content p:last-child { margin-bottom:0px; padding: 10px 10px 10px 0px;}
	#main.page.page-teams .team .social {
		background-color:#0f86ec;
		padding:10px 12px;
		text-align:right;
		margin:0px 0px 15px;
	}
		#main.page.page-teams .team .social li {
			list-style-type:none;
			display:inline;
			margin-left:6px;
		}
			#main.page.page-teams .team .social li img {
				width:18px;
				height:18px;
				-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.page.page-teams .team .social li img:hover {
				-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=50)";
				filter:alpha(opacity=50);
				opacity:0.5;
			}
			
/* Sitemap Page */

#main.page.page-sitemap .item { padding-bottom:30px; }
	#main.page.page-sitemap ul { margin:0px 0px 0px 20px; }
		#main.page.page-sitemap ul li {
			border-bottom:1px dashed #e0e0e0;
			padding:0px 0px 8px 2px;
			margin-bottom:8px;
		}
	
/* Search Page */

#main.page.page-search form {
	padding:10px;
	background-color:#f3f3f3;
	margin-bottom:5px;	
}
	#main.page.page-search form input[type="text"] {
		width:100%;
		margin:0px;
		font-size:16px;
		height:42px;
	}
#main.page.page-search .search-info {
	text-align:right;
	margin-bottom:20px;
	font-size:13px;
	color:#a9a9a9;
}

/* Page 404 */

#main.page.page-404 ul li { list-style-type:square; }

/* Page FAQ */

#main.page.page-faq { padding-top:30px; }

/* Page About */

#main.page.page-about .column { padding-bottom:40px; }
	#main.page.page-about .head-content p { margin:0px; }
	#main.page.page-about .about-lists ul { margin-left:20px; }
		#main.page.page-about .about-lists ul li { margin-bottom:10px; }
		#main.page.page-about .about-lists ul li:last-chld { margin-bottom:0px; }	
	#main.page.page-about .about-testimonials .item {
		margin-bottom:20px;
		overflow:hidden;
	}
	#main.page.page-about .about-testimonials .item:last-child { margin-bottom:0px; }
		#main.page.page-about .about-testimonials .item img {
			float:left;
			width:15%;
		}
		#main.page.page-about .about-testimonials .item .content {
			float:right;
			width:82%;	
		}
			#main.page.page-about .about-testimonials .item .content h5 {
				font-size:15px;
				margin-bottom:5px;
				line-height:20px;
			}
			#main.page.page-about .about-testimonials .item .content p { margin:0px; }
		#main.page.page-about .about-clients figure {
			text-align:center;
			border:1px solid #e0e0e0;
			margin-bottom:20px;
		}
		
		

/* ========================= 5. Sidebar Section ========================= */

#sidebar { padding-top:30px; }
	#sidebar .widget { padding-bottom:40px; }
	#sidebar .widget:last-child { padding-bottom:0px; }
	#sidebar .widget .header { margin-bottom:20px; }
		#sidebar .widget .header p {
			font-family:Arial, Helvetica, sans-serif;
			color:#9a9a9a;
			font-size:11px;
			text-transform:uppercase;
			line-height:15px;
			margin-bottom:2px;
		}
		#sidebar .widget .header h4 {
			font-size:18px;
			line-height:24px;
			margin:0px;	
		}
		
	#sidebar .cat-name {
		color:#9a9a9a;
		font-size:11px;
		text-transform:uppercase;
		line-height:15px;
	}
		
/* Widget Search */

.widget.widget-search form { margin:0px; }
	.widget.widget-search form input[type="text"] {
		width:100%;
		background:#f9f9f9 url(../images/icon-widget-search.png) no-repeat center right;
		padding-right:54px;
		margin:0px;
	}

/* Variety Tab */
	
.widget.variety-tab ul.nav-tabs li { width:50%; }
.widget.variety-tab .tab-content .tab-pane {
	padding:20px 0px 0px 0px;
	background-color:transparent;	
}
	.widget.variety-tab .tab-content .tab-pane .item {
		clear:both;
		border-bottom:1px dashed #e0e0e0;
		padding-bottom:12px;
		margin-bottom:12px;
		width:100%;
		overflow:hidden;
	}
	.widget.variety-tab .tab-content .tab-pane .item:last-child, .widget.variety-tab .tab-content .tab-pane .item p { margin:0px; }
		.widget.variety-tab .tab-content .tab-pane .item figure {
			width:18%;
			float:left;
		}
		.widget.variety-tab .tab-content .tab-pane .item .content {
			float:right;
			width:78%;
		}
			.widget.variety-tab .tab-content .tab-pane .item .content h4 {
				margin:0px 0px 2px 0px;
				font-size:14px;
				line-height:20px;
			}
			.widget.variety-tab .tab-content .tab-pane .item .content .meta { font-size:13px; }

/* Widget Cats */

.widget.widget-cats { overflow:hidden; }
	.widget.widget-cats a {
		width:33%;
		float:left;
		border-right:1px solid #FFF;
		border-bottom:1px solid #FFF;
		background-color:#2e9fff;
		color:#FFF;
		position:relative;
		height:120px;
		font-size:13px;
	}
	.widget.widget-cats a:hover { background-color:#1088dc; }
		.widget.widget-cats a span {
			position:absolute;
			left:6px;
			right:6px;
		}
		.widget.widget-cats a span.count {
			top:6px;
			font-size:16px;
		}
		.widget.widget-cats a span.name { bottom:6px; }
		
/* Widget Archives */

.widget.widget-archives ul { margin:0px 0px 0px 20px; }
	.widget.widget-archives ul li {
		padding-bottom:8px;
		margin-bottom:8px;
		border-bottom:1px dashed #e0e0e0;
	}
	.widget.widget-archives ul li:last-child { margin-bottom:0px; }
		
/* Widget Accordion */

.widget.accordion { margin-bottom:0px; }
		
/* Widget Projects */

.widget.widget-projects { overflow:hidden; }
	.widget.widget-projects img {
		width:33%;
		float:left;
		border-right:1px solid #FFF;
		border-bottom:1px solid #FFF;
	}
	.widget.widget-projects img:hover {
		-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=70)";
		filter:alpha(opacity=70);
		opacity:0.7;	
	}



/* ========================= 6. Footer Section ========================= */

#footer {
	background:#303b41 url(../images/base-footer.jpg) repeat;
	padding-top:40px;
	margin-top:60px;
	color:#aedef9;
	border-top:10px solid #eaeaea;
}
	#footer a { color:#FFF; }
	#footer a:hover { color:#aedef9; }
		#footer .header h5 {
			color:#a9a9a9;
			font-size:11px;
			font-family:Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			margin:0px;
		}
		#footer .header h4 {
			color:#FFF;
			margin:2px 0px 25px;
		}
	#footer .widget { padding-bottom:40px; }
		#footer .widget ul { margin:0px; }
			#footer .widget ul li {
				list-style-type:none;
				margin-bottom:10px;
				padding-bottom:10px;
				border-bottom:1px dashed #4a5d67;
			}
			#footer .widget ul li:last-child { margin-bottom:0px; }
	
/* Tweets */

#footer .widget.tweets { padding-bottom:15px; }
	.widget.tweets .item {
		margin-bottom:25px;
		overflow:hidden;
		position:relative;
		padding-left:55px;
	}
		.widget.tweets .item img {
			width:38px;
			height:38px;
			position:absolute;
			top:5px;
			left:0;
		}
		.widget.tweets .item p { margin-bottom:8px; }
		.widget.tweets .item .date {
			font-family:Bitter, serif;
			font-size:11px;
			display:block;
			line-height:15px;
		}
			.widget.tweets .item .date a { color:#61c1ee; }
			.widget.tweets .item .date a:hover { color:#a0bbc9; }
		
/* Facebook Fans */

.widget.fb-fans .iframe {
	overflow:hidden;
	background-color:#FFF;
	border-right:10px solid #FFF;
	line-height:1;
}

/* Flickr */
	
.widget.flick-gallery ul { margin:0px; }
	.widget.flick-gallery ul li {
		display:inline;
		margin:0px !important;
		padding:0px !important;
		border:none !important;
	}
		.widget.flick-gallery ul li img {
			width:23%;
			margin:1%;
			background-color:#FFF;
			-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;
		}
		.widget.flick-gallery ul li img:hover {
			-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=50)";
			filter:alpha(opacity=50);
			opacity:.5;	
		}

/* Copyright */

#footer .copyright {
	overflow:hidden;
	position:relative;
	padding:25px 50px 25px 0px;
	background:url(../images/sep-footer-copyright.png) no-repeat top center;
}
	#footer .copyright p {
		margin:3px 0px 0px;
		font-size:13px;
		line-height:18px;
	}
	#footer .copyright ul.social { margin:0px; }
		#footer .copyright ul.social li {
			display:inline;
			list-style-type:none;
			margin:0px 1px;
		}
		#footer .copyright ul.social li:last-child { padding-right:0px; }
			#footer .copyright ul.social li img {
				width:24px;
				height:24px;
			}
			#footer .copyright ul.social li a:hover {
				-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)";
				opacity:0.5;
				filter:alpha(opacity=50);	
			}
	#footer .copyright .scrollup {
		position:absolute;
		width:24px;
		height:24px;
		background:url('../images/back-to-top.png') no-repeat;
		top:50%;
		right:0;
		margin-top:-12px;
	}
	#footer .copyright .scrollup:hover {
		-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)";
		opacity:0.5;
		filter:alpha(opacity=50);
	}



/* ========================= 8. CSS Hacks ========================= */

.ie input[type="text"] { line-height:38px; }

.ie .btn { color:#FFF !important; }

.ie .pricing-table .item .header h4 {
	padding:20px 15px 15px;
	font-size:16px;
}
.ie .pricing-table .item .tbl-top .price { padding:0px 15px; }
.ie .pricing-table .item .tbl-top .price p sup { font-size:20px; }
.ie .pricing-table .item.span3 .tbl-top .arrow-pricing {
	border-right:100px solid transparent;
	border-left:100px solid transparent;
}
.ie .pricing-table .item.span4 .tbl-top .arrow-pricing {
	border-right:140px solid transparent;
	border-left:140px solid transparent;
}
.ie .pricing-table .item ul { padding:10px 15px; }
.ie .pricing-table .item .tbl-bottom { padding:20px 15px; }	
.ie .pricing-table .item.recommended .tbl-top h4 { padding:28px 15px 15px; }
.ie .pricing-table .item.recommended .tbl-top .price { padding:0px 15px 7px; }
.ie .pricing-table .item.recommended .tbl-bottom { padding:27px 15px; }

.ie #header .nav-menu ul li a {
	padding-left:14px;
	padding-right:14px;
}
.ie #header .nav-menu ul li > ul li a { padding:10px 14px; }

.ie .sub-header h3 { float:none; }
.ie .sub-header .breadcrumb {
	float:none;
	text-align:left;
}
.ie .sub-header .menu li a { padding:10px 16px; }

.ie #slider.slider-one {
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
.ie #slider.slider-one .item.item-big, .ie #slider.slider-one .item.item-small { height:250px; }
.ie #slider.slider-one .item.item-big .content, .ie #slider.slider-one .item .content-alignment { padding:15px; }
.ie #slider.slider-one .item .content h5 { font-size:11px; }
.ie #slider.slider-one .item .content h3 { font-size:16px; }
.ie #slider.slider-one .item .content .date { font-size:11px; }
.ie #slider.slider-one .item .content .date i { margin-top:0px; }
.ie #slider.slider-one .item .content .title img { width:10%; }
.ie #slider.slider-one .item .content .title .text { width:87%;	}

.ie #slider.slider-two .item .content h3 {
	font-size:24px;
	margin-bottom:10px;
	line-height:1.3em;
}

.ie #slider.slider-three .item .content { width:60%; }
.ie #slider.slider-three .home-carousel ul li { border:0px; }

.ie #main .main-features-two .item img { width:25%; }
.ie #main .main-features-two .item .content { width:70%; }
	
.ie #main.archive.archive-sidebar figure .date {
	left:15px;
	width:20%;
}
.ie #main.archive.archive-sidebar .content { width:75%; }
	
.ie #main.single .post-author figure { width:20%; }
.ie #main.single .post-author .content { width:77%;	}
	
.ie #main.single .post-related .item img { width:14%; }
.ie #main.single .post-related .item .content { width:83%; }
	
.ie #comments .comment-lists ul li figure img { border:none; }
	
.ie #main.page.page-about .about-testimonials .item img { width:16%; }
.ie #main.page.page-about .about-testimonials .item .content { width:80%; }
	
.ie .widget.variety-tab .tab-content .tab-pane .item figure { width:20%; }
.ie .widget.variety-tab .tab-content .tab-pane .item .content { width:76%; }
	
.ie .widget.widget-cats a { height:100px; }

.ie #footer .copyright ul.social { display:none; }

.ie7 .btn i { display:none; }

.ie7 .pricing-table .item {
	border-left:0px;
	border-right:0px;
}

.ie7 #header .nav-menu ul li > ul li a { width:172px; }
.ie7 #header .nav-menu ul li > ul li .arrow-nav-menu { display:none; }

.ie7 #slider.slider-one .item.item-big .content { width:95%; }
.ie7 #slider.slider-one .item.item-big:hover .content { height:88% !important; }

.ie7 #slider.slider-two .item .content { width:44.5%; }

.ie7 #main .main-features .item { width:26.9%; }

.ie7 #main .main-testimonials .item { width:18.5%; }

.ie7 #main.portofolio .portofolio-items .item {
	margin-left:5px;
	margin-right:5px;
}
.ie7 #main.portofolio .portofolio-items.project-related .item {
	margin-left:20px;
	margin-right:0px;	
}
.ie7 #main.portofolio.portofolio-1-column .item .content { margin-left:10px; }

.ie7 #main.single .prevnext-posts a { width:40%; }

.ie7 #comments .comment-lists ul li .content .comment-id { display:none; }

.ie7 #main.page.page-contact form input[type="text"], .ie7 #main.page.page-contact form textarea { width:85%; }
.ie7 #main.page.page-contact form textarea { width:96%; }

.ie7 #main.page.page-search form input[type="text"] { width:97%; }

.ie7 #main.page.page-about .about-clients figure { border:0px; }

.ie7 .widget.widget-search form input[type="text"] { width:77%; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
	
.select-nav select {
	background:rgba(0,0,0,0);
	-webkit-appearance:none;
}
	
}
	
/* ========================= 9. Media Queries ========================= */

@media (min-width: 980px) and (max-width: 1199px) {
	
	.pricing-table .item .tbl-top h4 {
		padding:20px 15px 15px;
		font-size:16px;
	}
	.pricing-table .item .tbl-top .price { padding:0px 15px; }
	.pricing-table .item.span3 .tbl-top .arrow-pricing {
		border-right:100px solid transparent;
		border-left:100px solid transparent;
	}
	.pricing-table .item.span4 .tbl-top .arrow-pricing {
		border-right:140px solid transparent;
		border-left:140px solid transparent;
	}
	.pricing-table .item ul { padding:10px 15px; }
	.pricing-table .item .tbl-bottom { padding:20px 15px; }
	
	.pricing-table .item.recommended .tbl-top h4 { padding:28px 15px 15px; }
	.pricing-table .item.recommended .tbl-top .price { padding:0px 15px 7px; }
	.pricing-table .item.recommended .tbl-bottom { padding:27px 15px; }
	
	#header .nav-menu ul li a {
		padding-left:14px;
		padding-right:14px;
	}
	#header .nav-menu ul li > ul li a { padding:10px 14px; }
	
	.sub-header h3 { float:none; }
	.sub-header .breadcrumb {
		float:none;
		text-align:left;
	}
	.sub-header .menu li a { padding:10px 16px; }
	
	#slider.slider-one .item.item-big, #slider.slider-one .item.item-small { height:250px; }
	#slider.slider-one .item.item-big .content, #slider.slider-one .item .content-alignment { padding:15px; }
	#slider.slider-one .item .content h5 { font-size:11px; }
	#slider.slider-one .item .content h3 { font-size:16px; }
	#slider.slider-one .item .content .date { font-size:11px; }
	#slider.slider-one .item .content .date i { margin-top:0px; }
	#slider.slider-one .item .content .title img { width:10%; }
	#slider.slider-one .item .content .title .text { width:87%;	}
	
	#slider.slider-two .item .content h3 {
		font-size:24px;
		margin-bottom:10px;
		line-height:1.3em;
	}
	
	#slider.slider-three .item .content { width:60%; }
	
	#main .main-features-two .item img { width:25%; }
	#main .main-features-two .item .content { width:70%; }
	
	#main.archive.archive-sidebar figure .date {
		left:15px;
		width:20%;
	}
	#main.archive.archive-sidebar .content { width:75%; }
	
	#main.single .post-author figure { width:20%; }
	#main.single .post-author .content { width:77%;	}
	
	#main.single .post-related .item img { width:14%; }
	#main.single .post-related .item .content { width:83%; }
	
	#main.page.page-about .about-testimonials .item img { width:16%; }
	#main.page.page-about .about-testimonials .item .content { width:80%; }
	
	.widget.variety-tab .tab-content .tab-pane .item figure { width:20%; }
	.widget.variety-tab .tab-content .tab-pane .item .content { width:76%; }
	
	.widget.widget-cats a { height:100px; }
	
}

@media (min-width: 768px) and (max-width: 979px) {
	
	.pricing-table .item .tbl-top h4 {
		padding:20px 10px 15px;
		font-size:14px;
	}
	.pricing-table .item .tbl-top .price { padding:0px 10px; }
	.pricing-table .item.span3 .tbl-top .arrow-pricing {
		border-right:73px solid transparent;
		border-left:73px solid transparent;
	}
	.pricing-table .item.span4 .tbl-top .arrow-pricing {
		border-right:104px solid transparent;
		border-left:104px solid transparent;
	}
	.pricing-table .item ul { padding:10px; }
	.pricing-table .item .tbl-bottom { padding:20px 10px; }
	
	.pricing-table .item.recommended .tbl-top h4 { padding:28px 10px 15px; }
	.pricing-table .item.recommended .tbl-top .price { padding:0px 10px 7px; }
	.pricing-table .item.recommended .tbl-bottom { padding:27px 10px; }
	
	#header .nav-menu ul li a {
		padding-left:8px;
		padding-right:8px;
	}
	#header .nav-menu ul li > ul li a { padding:6px 8px; }
	
	.sub-header h3 { float:none; }
	.sub-header .breadcrumb {
		float:none;
		text-align:left;
	}
	.sub-header .menu li a { padding:8px 12px; }
	
	#slider.slider-one .item.item-big, #slider.slider-one .item.item-small { height:200px; }
	#slider.slider-one .item.item-big .content, #slider.slider-one .item .content-alignment { padding:10px; }
	#slider.slider-one .item .content h5 { font-size:10px; }
	#slider.slider-one .item .content h3 { font-size:14px; }
	#slider.slider-one .item .content .date { font-size:10px; }
	#slider.slider-one .item .content .date i { margin-top:-1px; }
	#slider.slider-one .item .content .title img { display:none; }
	#slider.slider-one .item .content .title .text {
		float:none;
		width:100%;
	}
	
	#slider.slider-two .item .content h3 {
		font-size:18px;
		margin-bottom:5px;
		line-height:1.4em;
	}
	
	#slider.slider-three .item .content { width:100%; }
	
	#main .main-features-two .item img { width:30%; }
	#main .main-features-two .item .content { width:64%; }
	
	#main.archive.archive-sidebar figure .date {
		left:10px;
		width:22%;
	}
	#main.archive.archive-sidebar .content { width:72%; }
	
	#main.single .post-author figure { width:22%; }
	#main.single .post-author .content { width:74%;	}
	
	#main.single .post-related .item img { width:16%; }
	#main.single .post-related .item .content { width:80%; }
	
	#main.page.page-author .author-bio figure { width:20%; }
	#main.page.page-author .author-bio .author-details { width:76%; }
	
	#main.page.page-about .about-testimonials .item img { width:17%; }
	#main.page.page-about .about-testimonials .item .content { width:78%; }
	#main.page.page-about .about-clients figure { width:228px; }
	
	.widget.variety-tab .tab-content .tab-pane .item figure { width:22%; }
	.widget.variety-tab .tab-content .tab-pane .item .content { width:74%; }
	
	.widget.widget-cats a { height:80px; }
		
}

@media (max-width: 767px) {
	
	.select-nav { display:block; }
	
	.pricing-table .item.span3 {
		width:46%;
		float:left;
		margin-left:2%;
		margin-right:2%;
	}
	.pricing-table .item .tbl-top .price, .pricing-table .item.recommended .tbl-top .price { padding-bottom:20px; }
	.pricing-table .item .tbl-top .arrow-pricing { display:none; }
	
	#header, .header-base-shadow, .sub-header, #slider {
		margin-left:-20px;
		margin-right:-20px;
	}
	
	#header {
		overflow:hidden;
		height:auto;
	}
	#header .logo {
		float:none;
		text-align:center;
		margin:20px 20px 30px;	
	}
	#header .logo img { height:auto; }
	#header .nav-menu {
		float:none;
		margin-left:20px;
		margin-right:20px;
	}
	#header .nav-menu ul { display:none; }
	
	.sub-header .clearfix {
		padding-left:20px;
		padding-right:20px;	
	}
	.sub-header h3 { float:none; }
	.sub-header .breadcrumb {
		float:none;
		text-align:left;	
	}
	.sub-header .menu, .sub-header .menu li { float:none; }
	.sub-header .menu li a {
		float:none;
		display:block;
		padding:12px 20px;
	}
	
	#slider.slider-one { height:auto; }
	#slider.slider-one .item.item-big {
		width:100%;
		height:300px;
	}
	#slider.slider-one .item.item-small {
		width:100%;
		height:300px;
	}
	#slider.slider-one .item .img-thumb { background-size:100%;	}
	#slider.slider-one .item .content p {
		font-size:15px;
		line-height:21px;
	}
	
	#slider.slider-two .item img, #slider.slider-two .item .content {
		float:none;
		width:100%;
	}
	
	#slider.slider-three .item .content { width:100%; }
	
	#main .top-pagination .breadcrumb {
		float:none;
		margin:0px 0px 20px;
	}
	#main .top-pagination .prevnext-link { float:none; }
	#main .top-pagination .prevnext-link a {
		width:50%;
		height:50px;
		margin-left:0px;	
	}
	
	#main .main-features-two .item { text-align:center; }
	#main .main-features-two .item img {
		float:none;
		width:64px;
		height:64px;
		margin-bottom:20px;
	}
	#main .main-features-two .item .content {
		float:none;
		width:100%;	
	}
	
	#main .main-testimonials .item { margin-bottom:80px; }
	#main .main-testimonials .item:last-child { margin-bottom:30px; }
	
	#comments .form-comment input[type="text"] { width:100%; }
	
	#main .page-nav { width:100%; }
	#main .page-nav a, #main .page-nav .empty-link {
		margin:0px;
		width:20%;
	}
	
	#main.portofolio.portofolio-1-column .item figure, #main.archive .item figure { margin-bottom:20px; }
	#main.archive.archive-sidebar figure { margin-bottom:0px; }
	
	#main.portofolio.single.single-portofolio .content .portofolio-features { margin-top:40px; }
	
	#main.page.page-contact .contact-info { margin-bottom:30px; }
	
	#main.page.page-author .author-bio figure {
		width:100%;
		float:none;
		margin-bottom:20px;
	}
	#main.page.page-author .author-bio .author-details {
		float:none;
		width:100%;
	}
	
	#main.page.page-about .head-img { padding-bottom:20px; }
	#main.page.page-about .about-testimonials .item img { width:17%; }
	#main.page.page-about .about-testimonials .item .content { width:80%; }
	#main.page.page-about .about-clients figure {
		width:29%;
		float:left;
		margin:0px 2% 20px;
	}
	
	#sidebar { padding-top:60px; }
	
	#footer {
		margin-left:-20px;
		margin-right:-20px;
		padding-left:20px;
		padding-right:20px;
	}
	#footer .copyright {
		text-align:center;
		padding-right:0px;
	}
	#footer .copyright .pull-left {
		float:none;
		margin:0px;
	}
	#footer .copyright ul.social {
		float:none;
		margin-top:15px;
	}
	#footer .copyright .scrollup {
		position:static;
		top:auto;
		right:auto;
		margin-top:25px;
		display:inline-block;
	}
	
}

@media (max-width: 660px) {
	
	#slider.slider-one .item.item-big, #slider.slider-one .item.item-small { height:250px; }
	
	#main.archive.archive-sidebar figure .date {
		left:15px;
		width:20%;
	}
	#main.archive.archive-sidebar .content { width:74%; }
	
	#main.single .post-author figure { width:20%; }
	#main.single .post-author .content { width:77%;	}
	
	#main.single .post-related .item img { width:14%; }
	#main.single .post-related .item .content { width:83%; }
	
}

@media (max-width: 540px) {
	
	#slider.slider-one .item.item-big, #slider.slider-one .item.item-small { height:220px; }
	#slider.slider-one .item .content .title img { display:none; }
	#slider.slider-one .item .content .title .text {
		float:none;
		width:100%;	
	}
	
	#slider.slider-two .item .content h3 {
		font-size:24px;
		margin-bottom:10px;
		line-height:1.3em;
	}
	
	#slider.slider-three .item .content h3 { margin:0px; }
	#slider.slider-three .item .content p { display:none; }
	
	#main.archive .item .meta-desc span {
		float:none;
		display:block;
		padding-bottom:8px;
	}
	#main.archive .item .meta-desc .more-btn {
		float:none;
		display:block;
	}
	
	#main.archive.archive-sidebar figure .date {
		left:15px;
		width:22%;
	}
	#main.archive.archive-sidebar .content { width:72%; }
	
	#main.single .post-author figure { width:22%; }
	#main.single .post-author .content { width:74%;	}
	
	#main.single .post-related .item img { width:16%; }
	#main.single .post-related .item .content { width:80%; }
	
	#comments .comment-lists ul li > ul { padding-left:0px; }
	#comments .comment-lists ul li > ul li {
		padding-left:0px;
		border-left:0px;
	}	
	#comments .comment-lists ul li > ul li:before { display:none; }
	#comments .comment-lists ul li > ul li figure { width:12%;	}
	#comments .comment-lists ul li > ul li .content { width:85%; }
	
}

@media (max-width: 480px) {
	
	.pricing-table .item.span3 {
		width:100%;
		float:none;
		margin-left:0px;
		margin-right:0px;
	}
	.pricing-table .item.recommended { margin-top:0px; }
	
	#slider.slider-one .item.item-small { width:100%; }
	#slider.slider-one .item.item-big, #slider.slider-one .item.item-small { height:200px; }
	
	#main.archive.archive-sidebar figure .date {
		left:10px;
		width:24%;
	}
	#main.archive.archive-sidebar .content { width:70%; }
	
	#main.single .prevnext-posts a { width:100%; }
	#main.single .prevnext-posts a.next { border:0px; }
	
	#main.single .post-author figure { width:24%; }
	#main.single .post-author .content { width:71%;	}
	
	#main.single .post-related .item img { width:18%; }
	#main.single .post-related .item .content { width:77%; }
	
	#main.page.page-about .about-clients figure {
		width:46%;
		float:left;
	}
	
	.widget.variety-tab .tab-content .tab-pane .item figure { width:20%; }
	.widget.variety-tab .tab-content .tab-pane .item .content { width:76%; }
		
}

@media (max-width: 440px) {

	#slider.slider-one .item .img-thumb { background-size:cover; }
	
	#slider.slider-two .item .content h3 {
		font-size:18px;
		margin-bottom:5px;
		line-height:1.4em;
	}
	
	#slider.slider-three .home-carousel { display:none; }
	
	#main.archive.archive-sidebar figure .date { display:none; }
	#main.archive.archive-sidebar .content {
		float:none;
		width:100%;
	}
	
	#main.single .post-author figure, #main.single .post-related .item img, #comments .comment-lists ul li figure, #comments .comment-lists ul li > ul li figure, #main.page.page-about .about-testimonials .item img {
		width:100%;
		float:none;
		margin-bottom:15px;
	}
	#comments .comment-lists ul li figure, #comments .comment-lists ul li > ul li figure { margin-bottom:8px; }
	#main.single .post-author .content, #main.single .post-related .item .content, #comments .comment-lists ul li .content, #comments .comment-lists ul li > ul li .content, #main.page.page-about .about-testimonials .item .content {
		width:100%;
		float:none;
	}
	
	#comments .comment-lists ul li .content .comment-id { display:none; }
	
	.widget.variety-tab .tab-content .tab-pane .item figure { width:22%; }
	.widget.variety-tab .tab-content .tab-pane .item .content { width:74%; }
	
	.widget.widget-cats a { height:100px; }
	
}

@media (max-width: 300px) {
	
	#slider.slider-one .item.item-big, #slider.slider-one .item.item-small { height:240px; }
	
	#main .page-nav a, #main .page-nav .empty-link {
		margin:0px;
		width:50%;
	}
	#main.portofolio.portofolio-1-column .btn {
		margin:0px 0px 10px;
		display:block;
		padding-top:0px;
		padding-bottom:0px;
	}
	#main.portofolio.portofolio-1-column .btn:last-child { margin-bottom:0px; }
	
	#main.single .post-author figure { width:28%; }
	#main.single .post-author .content { width:65%;	}
	
	#main.single .post-related .item img { width:22%; }
	#main.single .post-related .item .content { width:71%; }
	
	#main.page.page-about .about-clients figure {
		width:100%;
		float:none;
		margin:0px 0px 20px 0px;
	}
	
	.widget.variety-tab .tab-content .tab-pane .item figure { width:26%; }
	.widget.variety-tab .tab-content .tab-pane .item .content { width:68%; }
	
	.widget.widget-cats a { height:80px; }
	
}