* { 
	-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;
	top: 10px;
}

h1, h2, h3, h4, h5, h6 {
	color:#404040;
	font-family:Bitter, serif;
	font-weight:bold;
	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:#c0c0c0;	}

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;
	}
	
/* 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;
}
/* 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%;
		}
		
/* 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:#fc7052;
	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:#2e9fff;
	position:relative;
	z-index:300;
}
	#header .edge-top {
		height:3px;
		background-color:#fc7052;
	}
	#header .select-nav { margin-bottom:20px; }
	
/* Sub Header */

.sub-header {
	position:relative;
	top:-10px;
	overflow:hidden;
	padding-top:20px;
	background:#4a4a4a url(../images/base-subheader.jpg) repeat-y;
}
.sub-header.no-menu {
	padding-bottom:20px;
	top: 92px;
}
	.sub-header h3 {
		font-family:'Titillium Web', Arial, sans-serif;
		color:#d0d0d0;
		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 Two */

#slider.slider-two {
	position:relative;
	top:-10px;
	overflow:hidden;
	margin-bottom:0px;
	background-color:#273a4a;
	border-bottom:5px solid #a0a0a0;
}
	#slider.slider-two ul.slides li { list-style-type:none; }
	#slider.slider-two .item img {
		float:left;
		width:100%;
	}
	#slider.slider-two .item .content {
		float:left;
		width:100%;
		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 #fc7052;
	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:0px;
	}
		#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;
		}
		#main .top-pagination .breadcrumb a { color:#2a2a2a; }
		#main .top-pagination .breadcrumb a:hover { color:#999; }
	#main .top-pagination .prevnext-link { float:right; }
		#main .top-pagination .prevnext-link a {
			width:50px;
			height:30px;
			background-color:#999;
			float:left;
			color:#FFF;
			font-size:13px;
			margin-left:1px;	
		}
		#main .top-pagination .prevnext-link a:hover { background-color:#333; }
		#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:#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; }

/* Single */

#main.single {
	padding-top:100px;
}
	#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:24px;
	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; }
	
/* ========================= 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;
	}
		
/* ========================= 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:50%;
		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 10px;
	}
	#main .top-pagination .prevnext-link { float:none; }
	#main .top-pagination .prevnext-link a {
		width:50%;
		height:30px;
		margin-left:0px;	
	}
	
	#main .page-nav { width:100%; }
	#main .page-nav a, #main .page-nav .empty-link {
		margin:0px;
		width:20%;
	}
	
	#sidebar { padding-top:60px; }
	

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