@import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,300,200,700,900");
@import url(flat-ui.css);
@import url(font-awesome.css);
@import url(flexslider.css);
@import url(linecon.css);
@import url(list.css);
@import url(magnified.css);
/* ==================================================
   TOP HEAD
================================================== */
body {
	background-color: #EDEDED;
	position: relative;
}
.boxed, section, header, footer, .pageTitle {
	width: 1004px;
	margin: 0 auto;
	max-width: 100%;
	background: #fff;
}
.topHead {
	background: #ecf0f1;
	;
}
.subHead {
	position: relative;
	width: 1004px;
	height: 113px;
	background: #fff;
}
.sticky-wrapper.is-sticky .subHead {
	position: relative;
	max-width: 100%;
	width: 100%;
	height: 80px;
	background: #fdfdfd;
	z-index: 999;
	border-top: none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
.sticky-wrapper.is-sticky .subHead .brand {
	margin-top: 0
}
.sticky-wrapper.is-sticky .subHead .menu > li > a {
	line-height: 80px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
.sticky-wrapper {
	max-height: 100px;
}
/* ==================================================
   BRAND
================================================== */
.brand {
	display: inline-block;
	float: left;
	margin-top: 5px;
	position: relative;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
.brand img {
	margin: 15px auto;
	width: 200px;
}
/* ==================================================
   MAIN MENUS
================================================== */
.main_menus {
	max-height: 90px;
	float: right;
	text-align: left;
	margin-top: 22px;
}
.main_menus.has_center .get_center {
	text-align: center;
}
.main_menus.has_center .get_left {
	position: absolute;
	bottom: 0;
	left: 40px;
}
.main_menus.has_center .get_left .slogan {
	margin-left: 0;
}
.main_menus.has_center .get_right {
	position: absolute;
	bottom: 0;
	right: 40px;
}
.menu_button {
	display: none;
}
.menu, .sub_menu {
	position: relative;
	z-index: 50;
	margin: 56px 0 0;
	padding: 0;
	list-style: none;
}
.menu {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 0;
	text-align: right;
	white-space: nowrap;
}
.menu li {
	position: relative;
	text-align: left;
}
.menu li.have_sub:hover:before {
	content: '';
	display: block;
	width: 180px;
	height: 2px;
	position: absolute;
	left: 15px;
	bottom: 0;
	z-index: 1;
	background: #1abc9c;
}
.menu a {
	display: block;
	position: relative;
	text-decoration: none;
	color: #2c3e50;
	font: 14px 'Open Sans';
	-webkit-transition: none;
	transition: none;
}
.menu a.active {
	color: #1abc9c;
}
.menu > li {
	display: inline-block;
	vertical-align: top;
}
.menu > li a:hover {
	color: #1abc9c;
}
.menu > li:before, .menu a.active:before {
	content: '';
	display: block;
	height: 0;
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 0;
	z-index: 53;
	background: #1abc9c;
	-webkit-transition: height 0.2s ease;
	transition: height 0.2s ease;
}
.menu > li:hover:before, .menu a.active:before {
	height: 2px;
}
.menu > li > a {
	padding: 0 15px;
	line-height: 90px;
	color: #2c3e50;
}
/* ==================================================
   SUB MENUS
================================================== */
.sub_menu {
	min-width: 180px;
	position: absolute;
	top: 0px;
	left: 100%;
	margin: 0;
	padding: 0;
	visibility: hidden;
	background: #fff;
	border-radius: 0;
	list-style: none;
}
.menu > li > .sub_menu {
	top: 100%;
	left: 15px;
}
.menu li:hover > .sub_menu {
	visibility: visible;
}
.sub_menu li {
	position: relative;
	-webkit-transition: background-color 0.2s ease, border 0.2s ease, height 0.3s ease, color 0.2s ease, opacity 0.5s ease;
	transition: background-color 0.2s ease, border 0.2s ease, height 0.3s ease, color 0.2s ease, opacity 0.5s ease;
}
.sub_menu li:hover {
	background: #ecf0f1;
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
}
.sub_menu li:hover > a {
	color: #000;
}
.sub_menu a {
	padding: 0 20px;
	line-height: 35px;
	font-size: 12px;
	color: #34495e;
	text-transform: none;
	font-family: 'Open Sans';
	letter-spacing: 0;
}
.sub_menu li {
	height: 10px;
	border-bottom: 1px solid #ecf0f1;
}
.sub_menu li i {
	margin-right: 7px;
}
.menu li:hover > .sub_menu > li {
	height: 35px;
}
/* ==================================================
   NAVIGATION
================================================== */
.navbar {
	background: #eff1f2;
}
.navbar .menu {
	display: block;
	width: 960px;
	min-width: 200px;
	margin: auto;
	text-align: left;
	font-size: 0;
}
.navbar .menu > li > a {
	line-height: 42px;
	font-size: 13px;
}
.navbar .menu > li:before, .navbar .menu a.active:before {
	left: 14px;
	right: 14px;
}
.navbar .menu > li > .sub_menu {
	left: 14px;
}
.navbar .menu li.have_sub:hover:before {
	left: 14px;
}
.navbar.mobile_dark {
	background: #2c3e50;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
.navbar.mobile_dark .menu > li {
	border-right: none;
}
.navbar.mobile_dark .menu > li:first-child {
	border-left: none;
}
.navbar.mobile_dark .menu a {
	border: none;
	color: #c4c4c4;
}
.navbar.mobile_dark .menu li i {
	color: #575b61;
	text-shadow: none;
}
/* ==================================================
   RESPONSIVE MENUS
================================================== */
.menu_button {
	width: 26px;
	height: 22px;
	position: absolute;
	top: 30px;
	right: 0;
	cursor: pointer;
	font: 28px/23px 'FontAwesome';
	color: #34495e;
}
.menu_button.active {
	color: #2c3e50;
}
.sub_menu_button {
	width: 70px;
	height: 44px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 12;
	text-align: center;
	font: 13px/42px 'FontAwesome';
	cursor: pointer;
}
.sub_menu_button.active {
	line-height: 39px;
}
.sub_menu_button:before {
	content: "\f0d7";
	color: #9a9a9a;
}
.sub_menu_button.active:before {
	content: "\f0d8";
}
.desk .mobile_menu {
	display: none !important;
}
.mobile_menu, .mobile_sub_menu {
	position: relative;
	z-index: 50;
	margin: 56px 0 0;
	padding: 0;
	list-style: none;
}
.mobile_menu {
	display: none;
	vertical-align: top;
	position: relative;
	margin: 0;
	background: #fff;
	white-space: nowrap;
}
.mobile_menu li {
	position: relative;
	text-align: left;
	margin-top: 1px;
	background: #ecf0f1;
}
.mobile_menu a {
	display: block;
	position: relative;
	padding-left: 30px;
	text-decoration: none;
	color: #8a9094;
	font: 14px 'Open Sans';
	-webkit-transition: none;
	transition: none;
}
.mobile_menu a.active {
	color: #1abc9c;
	font-weight: 600;
}
.mobile_menu > li > div > a {
	padding: 0 40px;
	line-height: 42px;
}
.mobile_menu div {
	width: 768px;
	position: relative;
	margin: 0 auto;
}
.mobile_menu > li > .mobile_sub_menu {
	background: #ecf0f1;
}
.mobile_sub_menu {
	display: none;
	min-width: 170px;
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}
.mobile_sub_menu:before {
	content: '';
	display: block;
	width: 100%;
}
.mobile_sub_menu a {
	padding: 0 20px;
	font: 14px/42px 'Open Sans';
	color: #8a9094;
	text-transform: none;
	letter-spacing: 0;
}
.mobile_sub_menu li {
	background: #fff;
}
.mobile_sub_menu li:last-child {
	border-bottom: 0px solid #262829;
}
.mobile_sub_menu li i {
	margin-right: 7px;
}
.mobile_sub_menu a {
	padding-left: 60px !important;
}
.mobile_sub_menu .mobile_sub_menu a {
	padding-left: 80px !important;
}
/* ======================================================================== */
/* ! REVOLUTION SLIDER
/* ======================================================================== */
.bannercontainer {
	background-color: #fff;
	width: 1004px;
	position: relative;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
.banner {
	width: 1004px;
	height: 480px;
	position: relative;
	overflow: hidden;
}
.banner > ul {
	margin: 0;
}
.tp-caption.sprta_white {
	color: #1abc9c;
}
.tp-rightarrow:hover, .tp-caption.sprta_inverse, .btn.btn-primary {
	background-color: #1abc9c;
}
/* ==================================================
   Social icon
================================================== */
.social-icons {
	text-align: right;
	float: right;
	margin: 0 auto;
}
.social-icons li {
	cursor: pointer;
	display: inline-block;
	margin-left: -2px;
}
.social-icons li a {
	color: #666666;
	display: block;
	font-size: 18px;
	height: 35px;
	line-height: 1.9;
	text-align: center;
	width: 35px;
}
.social-icons li a:hover {
	background: #fff;
	color: #323232;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	text-decoration: none;
}
.social-icons li a i, .social-icons li a i:before, .social-icons li a i:hover {
	cursor: pointer !important;
}
.topContact {
	text-align: center;
	margin: 0 auto;
}
.form-search .input-append {
	float: right;
}
.form-search {
	float: right;
	margin: 0;
}
.topContact li {
	display: inline-block;
	font-size: 13px;
	line-height: 35px;
	float: left;
	padding: 0 10px;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
}
.topContact span {
	padding: 2px 10px 2px 0;
	position: relative;
}
.addresTop:hover, .mailTop:hover, .phoneTop:hover {
	background: #fff;
	color: #232323;
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
}
/* ==================================================
   Intro Boxs
================================================== */
.intro {
	padding: 60px 0 30px;
}
.introText {
	border-bottom: 1px solid #ecf0f1;
	padding-bottom: 60px;
	text-align: center;
}
.introText h4 {
	font-family: open sans;
	font-size: 30px;
	font-weight: 500;
	line-height: 2;
}
/* ==================================================
   Feature Boxs
================================================== */
.featureContentBox {
	display: inline-block;
	padding-top: 60px;
	position: relative;
}
.feature-box {
	margin-bottom: 30px;
}
.feature-box .box-content h4 {
	margin-bottom: 10px;
	color: #2c3e50;
}
.features .feature-box .box-content p {
	color: #2c3e50;
}
.feature-box .feature-icon {
	float: left;
}
.feature-box .feature-icon i {
	color: #1abc9c;
	font-size: 35px;
}
.feature-box .feature-text {
	padding-left: 50px;
}
.feature-text h4 {
	color: #34495e;
	font-weight: 600;
	margin-bottom: 10px;
	font-family: Open Sans;
	font-size: 18px;
}
.feature-text > p {
	font-family: source sans pro;
	font-size: 13px;
	font-weight: 300;
	line-height: 20px;
}
/* ==================================================
   ALL SIZE PADDING
================================================== */
.latestWork, .ourClient, .features, .faq, .pricing, .alerts, .elements, .blogPost, .blog, .single_portfolio, .full_width {
	padding: 30px 0 60px;
	position: relative;
}
.latestBlog {
	padding: 30px 0;
	position: relative;
}
/* ==================================================
   SEPARATOR
================================================== */
.separator {
	padding-bottom: 30px;
}
.sepTitle > h3 {
	font-family: open sans;
	font-size: 22px;
	font-weight: 700;
}
.intButton {
	background: #ecf0f1;
	padding: 30px 0;
}
.sepTitle button {
	margin-top: 13px;
}
/* ==================================================
   BLOGGING
================================================== */
.blogTitle {
	margin: auto auto 10px;
	position: relative;
}
.blogTitle > a h2 {
	font-family: open sans;
	font-size: 16px;
	margin-bottom: 5px;
	color: #34495e;
	font-weight: 700;
	text-decoration: none;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
}
.blogContent > p {
	font-family: source sans pro;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
}
.blogTitle > a:hover h2 {
	color: #1abc9c;
}
.blogTitle span {
	color: #95A5A6;
	cursor: pointer;
	font-family: open sans;
	font-size: 12px;
	line-height: 24px;
}
.blogTitle span i {
	padding-right: 5px;
	font-size: 14px;
}
.blogTitle span:hover i {
	color: #95a5a6;
}
.blogMeta {
	display: inline-block;
	padding: 5px 0 0;
	position: relative;
}
.blogMeta a {
	color: #95A5A6;
	font-family: open sans;
	font-size: 12px;
	line-height: 20px;
	margin-right: 15px;
	text-decoration: none;
}
.blogMeta a:hover, .blogTitle span:hover {
	color: #1abc9c
}
.blogMeta a i {
	padding-right: 5px;
	font-size: 14px;
}
.blogMeta a:hover i {
	color: #95a5a6;
}
.blogDetail {
	border: 1px solid #ecf0f1;
	display: inline-block;
	padding: 15px;
	position: relative;
}
.blogPic {
	position: relative;
}
.blogPic .blog-hover {
	background: none repeat scroll 0 0 rgba(255,255,255, 0.5);
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	-webkit-transition: all 120ms ease-in-out;
	-moz-transition: all 120ms ease-in-out;
	-o-transition: all 120ms ease-in-out;
	-ms-transition: all 120ms ease-in-out;
	transition: all 120ms ease-in-out;
	width: 100%;
}
.blogPic:hover .blog-hover {
	opacity: 1;
}
.blogPic .blog-hover .icon {
	background: #2C3E50;
	border-radius: 50% 50% 50% 50%;
	display: block;
	height: 40px;
	margin: 25% auto 0;
	position: relative;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	color: #ecf0f1;
	width: 40px;
	text-align: center;
	font-size: 16px;
	line-height: 40px;
	top: 40px;
}
.blogPic .blog-hover:hover .icon {
	top: 0;
}
.blogPic .blog-hover p {
	font-size: 20px;
	text-align: center;
	text-transform: uppercase;
}
/* ==================================================
   Recent Works Carousel
================================================== */
.jcarousel {
	position: relative;
	overflow: hidden;
}
.jcarousel ul {
	position: absolute;
	list-style: none;
	margin: 0;
}
.carousel-navi {
	background: #FFF;
	bottom: 52px;
	float: right;
	left: 10px;
	margin-right: 10px;
	padding: 5px;
	position: relative;
}
.carousel-intro {
	display: inline-block;
	height: 50px;
	position: relative;
}
.jcarousel-list li {
	margin-bottom: 30px;
}
.touching.medium a.hover-zoom, .touching.medium a.hover-link, .blog-navi ul li a:hover, .blog-navi ul li a.current, .touching a.hover-zoom, .touching a.hover-link, #swipebox-caption, .swipe-navi .swipe-left, .swipe-navi .swipe-right {
	background: #34495e;
}
.arrow-left, .arrow-right {
	width: 23px;
	height: 23px;
	display: inline-block;
	float: left;
	background-color: #ecf0f1;
	margin-left: 3px;
	color: #2c3e50;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}
.arrow-left i, .arrow-right i {
	font-size: 14px;
	display: block;
	line-height: 16px;
	padding-top: 4px;
	text-align: center;
}
.arrow-left.active, .arrow-right.active {
	background-color: #bdc3c7;
	color: #ecf0f1;
	cursor: pointer;
}
.arrow-left.active:hover, .arrow-right.active:hover {
	background-color: #95a5a6;
}
.recent-item {
	display: block;
	background: rgba(255,255,255, 0.5);
	overflow: hidden;
	position: relative;
}
.item-description {
	padding: 20px 0 23px 0;
	height: 41px;
	background: #fff;
	border: 1px solid #ecf0f1;
	border-top: none;
	text-align: center;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
.item-description h5 {
	font-family: open sans;
	font-size: 14px;
	font-weight: 700;
	margin: 0;
}
.item-description span {
	color: #7f8c8d;
	font-size: 13px;
	display: block;
	font-family: Open sans;
	font-weight: 500;
}
.touching.medium {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 172px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.touching.medium img {
	width: 100%;
	min-height: 172px;
	position: relative;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
.touching.medium:hover img {
	zoom: 1;
	opacity: 0.25;
	filter: alpha(opacity=25);
}
.touching.medium a.hover-zoom {
	position: absolute;
	font-size: 17px;
	color: #FFF;
	width: 40px;
	height: 40px;
	text-align: center;
	zoom: 1;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 320ms ease-in-out;
	-moz-transition: all 320ms ease-in-out;
	-o-transition: all 320ms ease-in-out;
	-ms-transition: all 320ms ease-in-out;
	transition: all 320ms ease-in-out;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.touching.medium a.hover-link {
	position: absolute;
	font-size: 17px;
	color: #FFF;
	width: 40px;
	height: 40px;
	text-align: center;
	zoom: 1;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.touching.medium a.hover-zoom i {
	font-size: 15px;
}
.touching.medium a.hover-zoom i, .touching.medium a.hover-link i {
	line-height: 40px;
}
.touching.medium a.hover-link.alone {
	right: 40%;
}
.touching.medium a.hover-zoom {
	left: 39.5%;
	top: 50%;
}
.touching.medium a.hover-link {
	right: 39.5%;
	top: 50%;
}
.touching.medium:hover a.hover-zoom, .touching.medium:hover a.hover-link {
	zoom: 1;
	opacity: 0.9;
	filter: alpha(opacity=90);
	top: 40%;
}
.touching.two img {
	width: 100%;
	position: relative;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
.touching.two:hover img {
	zoom: 1;
	opacity: 0.25;
	filter: alpha(opacity=25);
}
.touching.two a.hover-zoom {
	position: absolute;
	font-size: 17px;
	color: #FFF;
	width: 40px;
	height: 40px;
	text-align: center;
	zoom: 1;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 320ms ease-in-out;
	-moz-transition: all 320ms ease-in-out;
	-o-transition: all 320ms ease-in-out;
	-ms-transition: all 320ms ease-in-out;
	transition: all 320ms ease-in-out;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.touching.two a.hover-link {
	position: absolute;
	font-size: 17px;
	color: #FFF;
	width: 40px;
	height: 40px;
	text-align: center;
	zoom: 1;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.touching.two a.hover-zoom i {
	font-size: 15px;
}
.touching.two a.hover-zoom i, .touching.two a.hover-link i {
	line-height: 40px;
}
.touching.two a.hover-link.alone {
	right: 50%;
}
.touching.two a.hover-zoom {
	left: 50.5%;
	top: 50%;
}
.touching.two a.hover-link {
	right: 50.5%;
	top: 50%;
}
.touching.two:hover a.hover-zoom, .touching.two:hover a.hover-link {
	zoom: 1;
	opacity: 0.9;
	filter: alpha(opacity=90);
	top: 35%;
}
.project_details {
	background-color: #fff;
	overflow: hidden;
}
.project_detail_slider {
	margin-bottom: 30px;
}
.project_desc p {
	margin-bottom: 20px;
}
.project_desc h6, .project_details h6 {
	font-size: 20px;
	margin-top: 5px;
}
.project_details .details li {
	border-bottom: 1px solid #F2F2F2;
	color: #A3A3A3;
	font-family: Open Sans, sans-serif;
	font-size: 12px;
	padding: 12px 0;
}
.project_details .details {
	margin: 0
}
.project_details .details li span {
	color: #686868;
	font-family: Open Sans, sans-serif;
	font-weight: bold;
}
.project_details .details li a {
	color: #A3A3A3;
	font-family: Open Sans, sans-serif;
	font-size: 12px;
}
.project_details .details li a:hover {
	color: #1abc9c;
}
.project_detail_box {
	margin-bottom: 30px;
}
/* ==================================================
   TITLE
================================================== */
h3.garis:before, h3.garis:after {
	content: "";
	width: 200%;
	height: 1px;
	display: inline-block;
	margin: 0 -200% 0 0;
	position: relative;
	left: 20px;
	bottom: 0.5em;
	background: #ecf0f1;
	vertical-align: bottom;
}
h3.garis:before {
	left: -20px;
	margin: 0 0 0 -200%;
}
h3.garis {
	overflow: hidden;
	font-size: 20px;
	color: #34495e;
	font-family: open sans;
	position: relative;
}
.titleHead {
	display: block;
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
}
/* ==================================================
   WIDGET
================================================== */
.widgetTitle h3.garis:before, h3.garis:after {
	content: "";
	width: 200%;
	height: 1px;
	display: inline-block;
	margin: 0 -200% 0 0;
	position: relative;
	left: 20px;
	bottom: 0.5em;
	background: #ecf0f1;
	vertical-align: bottom;
}
.widgetTitle h3.garis:before {
	left: -20px;
	margin: 0 0 0 -200%;
}
.widgetTitle h3.garis {
	overflow: hidden;
	font-size: 16px;
	line-height: 24px;
	color: #34495e;
	font-family: open sans;
	position: relative;
}
.widgetTitle {
	display: block;
	margin-bottom: 10px;
	overflow: hidden;
	position: relative;
}
/* ==================================================
   RECENT BLOGS
================================================== */
#recent-news {
	display: block;
	margin-top: 15px;
}
#recent-news h3 {
	margin-bottom: 15px;
}
.news-item {
	display: block;
	background-color: #fff;
	overflow: hidden;
	position: relative;
}
.news-thumb .swipe {
	margin-top: 0;
}
.swipe {
	margin-top: 10px;
	overflow: hidden;
	position: relative;
	visibility: hidden;
}
.news-thumb a {
	display: block;
	opacity: 1;
	zoom: 1;
	filter: alpha(opacity=100);
	transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
	-o-transition: all 200ms;
	-ms-transition: all 200ms;
	-webkit-backface-visibility: hidden; /* little fix */
}
.news-thumb a:hover {
	opacity: 0.7;
}
/* ==================================================
   SWIPE JS SLIDER
================================================== */
.swipe {
	overflow: hidden;
	visibility: hidden;
	position: relative;
	margin-top: 0;
}
.swipe-wrap {
	overflow: hidden;
	position: relative;
	margin: 0;
}
.swipe-wrap > li {
	float: left;
	width: 100%;
	position: relative;
}
.swipe-navi {
	position: absolute;
	top: 50%;
	display: block;
	width: 100%;
	height: auto;
	margin-top: 10px;
}
.swipe-navi .swipe-left, .swipe-navi .swipe-right {
	position: absolute;
	text-align: center;
	width: 34px;
	height: 34px;
	line-height: 34px;
	opacity: 0;
	zoom: 1;
	filter: alpha(opacity=0);
	color: #fff;
	cursor: pointer;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
.swipe:hover .swipe-navi .swipe-left {
	opacity: .9;
	zoom: 1;
	filter: alpha(opacity=90);
	margin-top: -27px;
}
.swipe:hover .swipe-navi .swipe-right {
	opacity: .9;
	zoom: 1;
	filter: alpha(opacity=90);
	margin-top: -27px;
}
.swipe-navi .swipe-left {
	left: 5px;
	margin-top: -32px;
}
.swipe-navi .swipe-right {
	right: 5px;
	margin-top: -22px;
}
.our_client {
	display: block;
	position: relative;
}
.client_list {
	margin: 0 0 60px;
}
.client_list li a {
	opacity: 0.5;
	padding: 10px;
}
.client_list li a:hover {
	opacity: 1;
}
.client_list li {
	border: 1px solid #fff;
	list-style: none outside none;
	margin: 0 auto 0 15px;
	overflow: hidden;
	-webkit-transition: all ease 0.4s;
	-moz-transition: all ease 0.4s;
	-ms-transition: all ease 0.4s;
	-o-transition: all ease 0.4s;
	transition: all ease 0.4s;
}
.client_list li:hover {
	border: 1px solid #EEEEEE;
	cursor: pointer;
}
/* ==================================================
   FOOTER
================================================== */
.footer {
	padding: 60px 0;
}
.footer_bottom {
	padding: 30px 0;
	background: #ecf0f1;
}
.footerTitle {
	border-bottom: 1px solid #ecf0f1;
	margin-bottom: 20px;
}
.footerTitle > h3 {
	border-bottom: 2px solid #1abc9c;
	display: inline-block;
	color: #34495e;
	font-family: open sans;
	font-size: 14px;
	line-height: 36px;
	margin-bottom: 0;
}
.fabout_block {
	background: url("../img/contact-map.png") repeat scroll 0 0 / cover transparent;
	position: relative;
}
.fabout_block p {
	font-family: source sans pro;
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	font-weight: 400;
}
.tagsinput .tag:hover {
	background-color: #1abc9c;
	color: #ffffff;
}
.tagsinput .tag {
	margin-right: 2px;
}
/* ==================================================
   TWITTER
================================================== */
/* ================================================================
                        Twitter List
================================================================== */
.tweet_list {
	list-style: none inside none;
	margin: 0;
	padding: 0;
}
.tweet_slider {
	padding: 30px 0;
	background: #1abc9c;
}
.footer-twitter {
	position: relative;
	z-index: 1;
	min-height: 60px;
	overflow: hidden;
}
.bx-wrapper {
	display: block;
	height: 40px;
	position: relative;
}
.twitter-icon {
	color: #16A085;
	float: left;
	font-size: 40px;
	line-height: 40px;
	margin-right: 20px;
}
.twitter-feed {
	list-style: none outside none;
	margin: 0;
	max-height: 30px;
	padding: 0;
	position: relative;
}
.tweet-slider ul > li {
	color: #FFFFFF;
	float: left;
	font-weight: 400;
	line-height: 1;
}
.tweet-slider ul > li small {
	color: #E6E6E6;
	display: block;
	float: none;
	font-style: italic;
	font-weight: 700;
	line-height: 24px;
	margin-top: -10px;
}
.in_twitter {
	margin-bottom: 15px;
}
.tweet_list li {
	font-family: source sans pro;
	font-size: 14px;
	line-height: 8px;
}
.tweet_time a {
	display: inline-block;
	margin: 10px auto;
	color: #ffffff;
}
.tweet_time a:hover {
	color: #bdc3c7;
}
.tweet_join {
	color: #FFFFFF;
	font-family: source sans pro;
	font-size: 14px;
	font-weight: bold;
}
.tweet_text {
	font-size: 12px;
	font-family: Open Sans;
	color: #ffffff;
}
.tweet_text a {
	color: #ffffff;
	font-weight: bold;
}
.tweet_text a:hover {
	text-decoration: underline;
	color: #bdc3c7;
}
.slidecontrols {
	display: inline-block;
	float: right;
	height: 14px;
	left: -10px;
	margin: 0;
	position: relative;
	top: -20%;
	margin-top: -10px;
}
.slidecontrols li {
	float: left;
}
.slidecontrols li a {
	background-color: #16a085;
	color: #FFFFFF;
	display: block;
	font-size: 20px;
	height: 25px;
	line-height: 28px;
	margin-right: 1px;
	padding: 0 1px 4px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all ease 0.4s;
	-moz-transition: all ease 0.4s;
	-ms-transition: all ease 0.4s;
	-o-transition: all ease 0.4s;
	transition: all ease 0.4s;
	width: 25px;
}
.slidecontrols li span .bx-next:before {
	font-family: 'FontAwesome';
	content: "\f107";
}
.slidecontrols li span .bx-prev:before {
	font-family: 'FontAwesome';
	content: "\f106";
}
#test-next:hover a, #test-prev:hover a {
	background: #16a085;
	color: #ecf0f1;
}
#test-next:hover a, #test-prev:hover a {
	background: #16a085;
	color: #ecf0f1;
}
/* ==================================================
   FOOTER RECENT POST
================================================== */
.footer_post {
	padding-bottom: 12px;
}
.footer_post img {
	float: left;
	margin-right: 12px;
	width: 45px;
}
.footer_post p {
	font-size: 12px;
	line-height: 16px;
	font-family: open sans;
	margin-bottom: 0;
	overflow: hidden;
}
.footer_post p a {
	color: inherit;
	font-family: source sans pro;
	font-size: 13px;
	line-height: 18px;
	vertical-align: top;
	word-wrap: break-word;
}
.footer_post a:hover {
	color: #1abc9c;
}
.footer_post p span {
	color: #B7B7B7;
	display: block;
	font-size: 11px;
}
/* ==================================================
   TOP SOCIAL
================================================== */
.top_social {
	float: right;
	margin: 0;
}
.top_social li {
	float: left;
	background: none !important;
}
.top_social li a {
	background: #ECF0F1;
	color: #34495e;
	display: inline-block;
	height: 30px;
	text-align: center;
	width: 22px;
}
.top_social li a i {
	font-size: 16px;
	line-height: 34px;
	margin-right: 0;
	float: none;
}
.top_social li a.fb:hover {
	background: #2f5a9a;
	color: #fff;
}
.top_social li a.twtr:hover {
	background: #3abdd1;
	color: #fff;
}
.top_social li a.gmail:hover {
	background: #363636;
	color: #fff;
}
.top_social li a.pintrest:hover {
	background: #d13a3a;
	color: #fff;
}
.top_social li a.rss:hover {
	background: #f15200;
	color: #fff;
}
.top_social li a.tumblr:hover {
	background: #203550;
	color: #fff;
}
.top_social li a.dribbble {
	color: #fff;
	background-color: #f973a4;
}
.top_social li a.flickr {
	color: #fff;
	background-color: #ff0084;
}
.top_social li a.instagram {
	color: #fff;
	background-color: #507ea4;
}
.top_social li a.linkedin {
	color: #fff;
	background-color: #0072b2;
}
.top_social li a.skype {
	color: #fff;
	background-color: #00aaf1;
}
.top_social li a.youtube {
	color: #fff;
	background-color: #ff3330;
}
/* ==================================================
   GET SOCIAL
================================================== */
.get_social {
	padding-top: 25px;
	margin: 0;
}
.get_social li {
	float: left;
	background: none !important;
	padding-left: 0 !important;
	margin-right: 5px;
	padding-bottom: 0;
}
.get_social li a {
	display: block;
	width: 31px;
	height: 32px;
	background: #ecf0f1;
	color: #95a5a6;
	text-align: center;
}
.get_social li a i {
	font-size: 16px;
	line-height: 34px;
	margin-right: 0;
	float: none;
}
.get_social li a.fb:hover {
	background: #2f5a9a;
	color: #fff;
}
.get_social li a.twtr:hover {
	background: #3abdd1;
	color: #fff;
}
.get_social li a.gmail:hover {
	background: #363636;
	color: #fff;
}
.get_social li a.pintrest:hover {
	background: #d13a3a;
	color: #fff;
}
.get_social li a.rss:hover {
	background: #f15200;
	color: #fff;
}
/* ==================================================
   FOOTER SOCIAL
================================================== */
.footer_social {
	padding-top: 25px;
	margin: 0;
}
.footer_social li {
	float: left;
	background: none !important;
	padding-left: 0 !important;
	margin-right: 5px;
	padding-bottom: 0;
}
.footer_social li a {
	display: block;
	width: 31px;
	height: 32px;
	background: #ecf0f1;
	color: #95a5a6;
	text-align: center;
}
.footer_social li a i {
	font-size: 16px;
	line-height: 34px;
	margin-right: 0;
	float: none;
}
.footer_social li a.fb:hover {
	background: #2f5a9a;
	color: #fff;
}
.footer_social li a.twtr:hover {
	background: #3abdd1;
	color: #fff;
}
.footer_social li a.gmail:hover {
	background: #363636;
	color: #fff;
}
.footer_social li a.pintrest:hover {
	background: #d13a3a;
	color: #fff;
}
.footer_social li a.rss:hover {
	background: #f15200;
	color: #fff;
}
/* ==================================================
   FLICKR
================================================== */
.flickr {
	text-align: left;
}
.flickr-feed {
	overflow: hidden;
	padding: 0;
}
.flickr-feed li {
	display: inline-block;
	margin: 0 8px 8px 0;
	position: relative;
}
.flickr-feed li img {
	width: 48px;
	height: 48px;
	box-shadow: none;
}
.flickr-feed li a {
	display: block;
	overflow: hidden;
	position: absolute;
	width: 48px;
	height: 48px;
	filter: alpha(opacity=100); /* internet explorer */
	-khtml-opacity: 1;      /* khtml, old safari */
	-moz-opacity: 1;       /* mozilla, netscape */
	opacity: 1;           /* fx, safari, opera */
}
.flickr-feed li .hover {
	position: absolute;
	width: 48px;
	height: 48px;
	background: #1abc9c;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
.flickr-feed li a:hover .hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.flickr-feed li a i {
	display: block;
	position: absolute;
	width: 48px;
	height: 48px;
	font-size: 16px;
	color: white;
	line-height: 3.2;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 10;
	-webkit-font-smoothing: antialiased;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
}
.flickr-feed li a:hover i {
	filter: alpha(opacity=100);
	-khtml-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
}
/* ==================================================
   PAGE TITLE
================================================== */
.pageTitle {
	margin: 0 auto;
	position: relative;
	background-color: #f9f9f9;
	padding: 15px 0;
}
.pageTitle h1 {
	font-size: 22px;
	padding: 10px 0;
}
.pageTitle h1 small {
	font-family: open sans, sans-serif;
	font-size: 14px;
	padding-left: 15px;
}
ul.breadcrumbs {
	float: right;
	text-align: right;
	margin-top: 25px;
}
ul.breadcrumbs {
	display: inline-block;
}
ul.breadcrumbs li {
	display: inline-block;
}
.breadcrumbs a {
	color: #1abc9c;
	font-family: source sans pro;
}
/* ==================================================
   CAROUSEL
================================================== */
.aboutCarousel, .porDetCarousel, .porDet2Carousel {
	margin-bottom: 20px;
	overflow: hidden;
	box-shadow: 0 1px 2px rgba(0,0,0,0.15)
}
.aboutCarousel, .carousel-content, .porDetCarousel, .porDet2Carousel {
	position: relative;
}
.carousel-item {
	width: 100%;
	display: block;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.carousel-item.active {
	display: block;
	visibility: visible;
	position: static;
}
.carousel-item.current {
	left: 0;
	right: 0;
	visibility: visible;
	z-index: 1;
}
.carousel-item {
	max-width: 100%;
	display: block;
}
.carousel-control {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
}
.aboutCarousel:hover .carousel-prev {
	left: 10px;
}
.aboutCarousel:hover .carousel-next {
	right: 10px;
}
.porDetCarousel:hover .carousel-prev {
	left: 10px;
}
.porDetCarousel:hover .carousel-next {
	right: 10px;
}
.porDet2Carousel:hover .carousel-prev {
	left: 10px;
}
.porDet2Carousel:hover .carousel-next {
	right: 10px;
}
.carousel-prev, .carousel-next {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 45%;
	left: -40px;
	z-index: 2;
	background: #2c3e50;
	border-radius: 2px;
	cursor: pointer;
	-webkit-transition: background-color 0.2s ease, left 0.2s ease, right 0.2s ease;
	transition: background-color 0.2s ease, left 0.2s ease, right 0.2s ease;
}
.carousel-next {
	left: auto;
	right: -40px;
}
.carousel-prev:hover, .carousel-next:hover {
	background: #34495e;
}
.carousel-prev:before, .carousel-next:before {
	content: '\f104';
	display: block;
	text-align: center;
	line-height: 40px;
	font: 20px/40px 'FontAwesome';
	color: #fff;
}
.carousel-next:before {
	content: '\f105';
}
.carousel-next:hover:before, .carousel-prev:hover:before {
	color: #fff;
}
.carousel-pagination {
	position: absolute;
	bottom: 20px;
	left: 50%;
	-webkit-transition: bottom 0.2s ease;
	transition: bottom 0.2s ease;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 2;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	line-height: 50px;
}
.carousel-pagination li {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
	cursor: pointer;
	float: left;
	height: 6px;
	margin: 0 2px;
	width: 20px;
}
.carousel-pagination li.active {
	background: #1abc9c;
}
/* ==================================================
   ABOUT PAGE
================================================== */
.aboutDesc p {
	font-family: Open Sans, sans-serif;
	font-size: 13.5px;
	line-height: 1.5;
	margin-bottom: 15px;
}
/* ==================================================
   TYPOGRAPHY
================================================== */
.dropcap {
	color: #585858;
	display: block;
	float: left;
	font-size: 44px;
	height: 40px;
	line-height: 40px;
	margin-right: 5px;
}
.dropcap1 {
	color: #fff;
	display: block;
	float: left;
	font-size: 40px;
	height: 40px;
	padding: 1px 5px;
	line-height: 40px;
	margin-right: 5px;
	background: #1abc9c;
}
.highlight {
	color: #1abc9c;
}
.highlight1 {
	border-bottom: 1px dotted #1abc9c;
	color: #1abc9c;
}
.highlight2 {
	background: none repeat scroll 0 0 #1abc9c;
	color: #FFFFFF;
	padding: 0 3px 3px;
}
.highlight3 {
	background: none repeat scroll 0 0 #16a085;
	color: #FFFFFF;
	padding: 0 5px 3px;
}
/* ==================================================================
  Progress Bar
================================================================== */
.progress {
	background: none repeat scroll 0 0 #ecf0f1;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
	height: 36px;
	margin-bottom: 10px;
}
.progress .bar {
	background: #1abc9c !important;
	line-height: 30px;
	text-align: left;
	font-weight: bold;
	text-indent: 15px;
	text-transform: uppercase;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	text-shadow: none;
	-webkit-transition: width 1s ease;
	-moz-transition: width 1s ease;
	-o-transition: width 1s ease;
	transition: width 1s ease;
}
.progress:hover .bar {
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
	background: #16a085 !important;
	color: #fff;
	cursor: pointer;
}
.progress-skill-bar {
	margin-bottom: 10px;
	margin-left: 0;
	margin-top: 15px;
}
.progress-skill-bar li {
	overflow: hidden;
}
.progress-skill-bar .lable {
	background: #16a085;
	float: left;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	border-right: 1px #FFFFFF solid;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 8px;
}
.progress-success .bar, .progress .bar-success {
	filter: none;
	background: #15b994;
}
/* ==================================================
   ACCORDIONS
================================================== */
.accordion {
	margin-bottom: 20px;
}
.accordion-group {
	margin-bottom: 10px !important;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.accordion-heading {
	border-bottom: 0;
}
.accordion-heading .accordion-toggle {
	display: block;
	padding: 8px 15px;
}
.accordion-toggle {
	cursor: pointer;
}
.accordion-teamDesc {
	padding: 9px 15px;
	border-top: 1px solid #e5e5e5;
	background: #ecf0f1;
}
.accordion {
	margin-bottom: 30px;
	font-size: 14px;
	line-height: 20px;
}
.accordion-inner {
	background: #FFFFFF
}
.accordion-group {
	margin-bottom: 1px;
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.accordion-heading {
	border-bottom: 0;
}
.accordion-heading .accordion-toggle {
	display: block;
	font-family: open sans;
	padding: 12px 44px 12px 20px;
	color: #2c3e50;
	font-size: 14px;
	padding: 10px 15px;
	line-height: 18px;
	background: #ecf0f1;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
	position: relative;
}
.accordion-heading .accordion-toggle:before {
	display: block;
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	content: "\f067";
	color: #2c3e50;
	width: 26px;
	padding: 11px 0 0 14px;
	border-left: 1px solid #fff;
	border-left: 1px solid rgba(255,255,255,0.2);
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
}
.accordion-heading .accordion-toggle:hover {
	background: #1abc9c;
	color: #fff;
}
.accordion-heading .accordion-toggle.active {
	background: #1abc9c;
	color: #fff
}
.accordion-heading .accordion-toggle.active:before {
	content: "\f068";
	color: #fff;
}
.accordion-heading .accordion-toggle.active i {
	top: -11px;
	border-left: 1px solid #313439;
}
.accordion-heading .accordion-toggle.active i:before {
	content: "\f00d";
}
.accordion-teamDesc {
	padding: 18px 0px 18px 20px;
	border-top: 0px solid #e5e5e5;
}
/* ==================================================
   ACCORDION 2
================================================== */
.accrodation {
	width: 100%;
}
.acc-trigger {
	cursor: pointer;
	display: block;
	margin: 15px 0 0;
	width: 100%;
}
.acc-trigger:last-of-type, .acc-container:last-of-type {
	margin-bottom: 20px;
}
.no-js .acc-trigger:last-of-type {
	border-bottom: none;
}
.acc-trigger a {
	background: url("../img/accordion-ico.png") no-repeat scroll 15px 11px transparent;
	display: block;
	padding: 12px 20px 12px 45px;
	text-decoration: none;
	text-shadow: none;
	font-family: 'Open Sans';
	font-size: 14px;
	font-weight: 600;
	color: #34495e;
	border: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.acc-trigger a:hover {
	background-color: #eee;
}
.acc-trigger a:hover, .acc-trigger.active a, .acc-trigger.active a:hover {
	color: #1abc9c;
	border-bottom: 1px solid #fff;
}
.acc-trigger.active a:hover {
	background-color: transparent;
}
.acc-trigger.active {
	cursor: default;
	background: #fff;
}
.acc-trigger.active:last-of-type {
	border-bottom: none;
	margin-bottom: 0;
}
.acc-trigger.active a {
	background-position: 15px -58px;
	cursor: default;
}
.acc-container .content {
	padding: 5px 15px 15px 45px;
	color: #95a5a6;
	margin-bottom: 5px;
	background-color: #fff;
	border: 1px solid #eee;
	border-top: 0px solid #eee;
	font-family: Lato;
	font-size: 14px;
	line-height: 1.6
}
/* ==================================================
   TEAM PAGE
================================================== */
.teamBlock {
	border: 1px solid #EEEEEE;
	margin-bottom: 20px !important;
	position: relative;
}
.teamPhoto {
	position: relative;
	overflow: hidden;
}
.teamPhoto:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,0);
	-webkit-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
}
.teamPhoto:hover:after {
	background: rgba(255,255,255,0.5);
}
.teamPhoto img {
	display: block;
	width: 100%;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.teamDetail {
	margin-top: 15px;
	text-align: center;
}
.teamBlock p {
	font-family: lato;
	font-size: 14px;
	line-height: 1.6;
	padding: 15px;
	text-align: center;
}
.teamName {
	color: inherit;
	font: 600 16px open sans;
}
.teamPosition {
	margin-top: 3px;
	font-size: 13px;
	color: #c5c5c5;
}
.teamBlock .aboutSocial {
	display: none;
	position: absolute;
	top: 50%;
	left: auto;
	right: auto;
	bottom: auto;
	width: 100%;
	height: 30px;
	margin: -15px 0 0 0;
	z-index: 2;
	text-align: center;
}
.teamBlock .aboutSocial a:hover {
	background: #1abc9c;
	color: #fff;
}
/* ==================================================
   SOCIAL ABOUT PAGE
================================================== */
.aboutPage, .our_team {
	padding: 30px 0 60px;
}
.aboutSocial {
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
	font-size: 0;
}
.aboutSocial li {
	display: inline-block;
	margin: 0 5px 5px 0;
	vertical-align: middle;
}
.aboutSocial a {
	display: block;
	width: 35px;
	height: 35px;
	background: #34495e;
	text-align: center;
	line-height: 38px;
	font-size: 16px;
	color: #fff;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.aboutSocial li a.fb:hover {
	background: #2f5a9a;
	color: #fff;
}
.aboutSocial li a.twitter:hover {
	background: #3abdd1;
	color: #fff;
}
.aboutSocial li a.gmail:hover {
	background: #363636;
	color: #fff;
}
.aboutSocial li a.pintrest:hover {
	background: #d13a3a;
	color: #fff;
}
.aboutSocial li a.rss:hover {
	background: #f15200;
	color: #fff;
}
/* ==================================================
   MARGIN SET
================================================== */
.mrg5 {
	margin: 5px auto;
	position: relative;
}
.mrg10 {
	margin: 10px auto;
	position: relative;
}
.mrg15 {
	margin: 15px auto;
	position: relative;
}
.mrg25 {
	margin: 25px auto;
	position: relative;
}
.mrg-5 {
	margin-bottom: 5px;
}
.mrg-10 {
	margin-bottom: 10px;
}
.mrg-15 {
	margin-bottom: 15px;
}
.mrg-25 {
	margin-bottom: 25px;
}
.mrg-35 {
	margin-bottom: 35px;
}
.mrg-45 {
	margin-bottom: 45px;
}
/* ==================================================
   TESTIMONIALS
================================================== */
.testimonials {
}
.testimonials .block-navigation {
	right: 0px;
}
.testimonials .author {
	padding-left: 18%;
	position: relative;
}
.testimonials .author img {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 65px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	margin-bottom: 10px;
	border: 2px solid #fff;
	box-shadow: 0 0 0 1px #34495e;
	margin-left: 1px;
}
.testimonials .author p {
	width: 100%;
	float: left;
}
.testimonials .author p.name {
	color: #2c3e50;
	font-family: open sans;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	margin: 20px auto 0;
}
.testimonials .author p.work {
	font-style: italic;
	margin: 0px auto 20px;
}
.testimonials .content {
	padding: 20px;
	color: #95a5a6;
	font-family: Lato;
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 10px;
	z-index: 9999;
	font-style: italic;
}
.testimonials .content:after {
	background: url("../img/panah.png") repeat scroll 0 0 transparent;
	bottom: 75px;
	content: "";
	display: block;
	height: 15px;
	left: 18%;
	position: absolute;
	width: 21px;
}
.testimonials-wrapper {
}
.testimonials-wrapper .jcarousel-skin-tango .jcarousel-container {
	border: 0px solid #f00 !important;
	background: transparent !important;
	float: left;
	width: 100%;
	padding: 0px !important;
	border-radius: 0px;
}
.testimonials-wrapper .jcarousel-skin-tango .jcarousel-clip-horizontal {
	width: 100%;
}
.testimonials-wrapper .jcarousel-skin-tango .jcarousel-next-horizontal, .testimonials-wrapper .jcarousel-skin-tango .jcarousel-prev-horizontal {
	background-image: none;
	line-height: 22px;
	width: 20px;
	height: 20px;
	background-color: #333;
	border-radius: 3px;
	text-align: center;
	background-color: #555;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #444;
	right: 0px;
	top: 0px !important;
}
.testimonials-wrapper .jcarousel-skin-tango .jcarousel-next-horizontal i, .testimonials-wrapper .jcarousel-skin-tango .jcarousel-prev-horizontal i {
	color: #ccc;
}
.testimonials-wrapper .jcarousel-skin-tango .jcarousel-hover, .testimonials-wrapper .jcarousel-skin-tango .jcarousel-hover {
	color: #ccc;
	border-bottom-width: 0px;
	line-height: 24px;
	height: 22px;
}
.testimonials-wrapper .testimonials-wrapper-nav-wrapper {
	position: absolute;
	right: 0px;
	top: -63px;
	width: 65px;
	height: 22px;
	background-color: #fff;
}
.testimonials-wrapper .jcarousel-skin-tango .jcarousel-pressed, .testimonials-wrapper .jcarousel-skin-tango .jcarousel-pressed {
	box-shadow: inset #111 0px 2px 2px;
}
.testimonials-wrapper .jcarousel-skin-tango .jcarousel-item-horizontal {
	height: auto;
	margin: 0px;
}
.testimonials-wrapper .jcarousel-skin-tango .jcarousel-prev-horizontal {
	left: auto;
	right: 25px !important;
}
.testimonials .arrow {
	height: 20px;
	margin-left: 27px;
	margin-top: 14px;
	transform: rotate(45deg);
	transition-duration: 0.2s;
	width: 20px;
	z-index: 99;
}
.testimonials .content, .testimonials .arrow {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #ecf0f1;
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
}
.jcarousel-skin-tango {
	margin: 0;
}
/* ==================================================
   TILE SERVICE BOX
================================================== */
.tile {
	background-color: #FFFFFF;
	padding: 60px 0 30px;
	position: relative;
	text-align: center;
}
.tile p {
	font-family: source sans pro;
	font-weight: 300;
	margin: 15px auto;
}
.tile-image {
	height: 60px;
	margin: 0 auto 20px;
	position: relative;
	text-align: center;
}
.tile-image.big-illustration {
	height: 111px;
	margin-top: 20px;
	width: 112px;
}
.tile-title {
	font-size: 20px;
	margin: 0;
}
/* ==================================================
   SERVICE BOX
================================================== */
.serviceBox1, .serviceBox2, .serviceBox3, .serviceBox4, .serviceBox5, .serviceBox6, .serviceBox7, .serviceBox8 {
	padding-bottom: 30px;
	position: relative;
}
.serviceBox {
	padding: 60px 0 0;
	position: relative;
}
.tile.nopad {
	padding: 0;
	margin-bottom: 30px;
}
.paddBot {
	padding-bottom: 30px;
}
.servContent {
	margin-bottom: 30px;
	position: relative;
	display: block
}
.servContent .ico {
	width: 55px;
	text-align: center;
	float: left;
	margin-top: 5px;
}
.servContent:hover .ico {
	background: #fff;
	color: #1abc9c;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}
.servContent:hover {
	cursor: pointer;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}
.servContent:hover h4 {
	color: #1abc9c;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}
.servDetil {
	margin-left: 80px
}
.servDetil h4 {
	font-family: Source Sans Pro;
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 10px;
}
.servDetil p {
	font-family: Source Sans Pro;
	font-size: 13px;
	font-weight: 300;
	line-height: 20px;
}
/* ==================================================
   TABS
================================================== */
.tab-pane p {
	color: #34495e;
	font-family: lato;
	font-size: 14px;
	line-height: 1.6;
}
/* ==================================================
   WIDGET SIDEBAR
================================================== */
.widgwtRPost img {
	float: left;
	margin-right: 12px;
	width: 45px;
}
.widgwtRPost {
	margin-bottom: 15px;
}
.widgwtRPost p {
	font-size: 12px;
	line-height: 16px;
	font-family: open sans;
	margin-left: 60px;
	margin-bottom: 0;
}
.widgwtRPost p a {
	color: inherit;
	font-family: open sans
}
.widgwtRPost a:hover {
	color: #1abc9c;
}
.widgwtRPost p span {
	color: #B7B7B7;
	display: block;
	font-size: 11px;
}
/* ==================================================
   LATEST COMMENTS SIDEBAR WIDGET
================================================== */
.widgwtLCom {
	margin-bottom: 15px;
}
.widgwtLCom p {
	font-size: 12px;
	line-height: 16px;
	font-family: open sans;
	margin-bottom: 0;
}
.widgwtLCom p a {
	color: inherit;
	font-family: open sans
}
.uCom {
	font-weight: 600;
}
.widgwtLCom a:hover {
	color: #1abc9c;
}
.widgwtLCom p span {
	color: #B7B7B7;
	display: block;
	font-size: 11px;
}
/* ==================================================
   POPULAR POST SIDEBAR WIDGET
================================================== */
.widgwPPost {
	margin-bottom: 15px;
}
.widgwPPost p {
	font-size: 12px;
	line-height: 16px;
	font-family: open sans;
	margin-left: 60px;
	margin-bottom: 0;
	overflow: hidden;
}
.widgwPPost p a {
	color: inherit;
	font-family: open sans
}
.widgwPPost a:hover {
	color: #1abc9c;
}
.widgwPPost p span {
	color: #B7B7B7;
	display: block;
	font-size: 11px;
}
.widgwPPost img {
	float: left;
	margin-right: 12px;
	width: 45px;
}
.widgetUserComm {
	float: left;
	position: relative;
	width: 45px;
}
.widgetContComm {
	margin-left: 60px;
}
.widgetContComm > span {
	color: #B7B7B7;
	display: block;
	font-size: 12px;
	margin-bottom: -3px;
	vertical-align: top;
}
.widgetRComm {
	margin-bottom: 5px;
}
.widgetContComm > h4 {
	font-size: 13px;
}
.widgetContComm > h4 a {
	font-size: 12px;
	color: #2c3e50;
}
/* ==================================================
   CATEGORIES SIDEBAR WIDGET
================================================== */
.categories {
	font-family: Verdana;
}
.categories ul {
	margin: 0 0 20px 0;
}
.categories ul li {
	list-style: none;
	display: block;
}
.categories ul li a {
	padding: 5px 0 6px 20px;
	display: inline-block;
	background: url("../img/c-arrow.png") no-repeat left 10px;
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
	color: #7f8c8d;
	font-family: Open Sans;
	font-size: 13px;
}
.categories ul li a:hover {
	color: #1abc9c;
	text-decoration: none;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}
.archieve {
	font-family: Verdana;
}
.archieve ul {
	margin: 0 0 20px 0;
}
.archieve ul li {
	list-style: none;
	display: block;
}
.archieve ul li a {
	padding: 5px 0 6px 20px;
	display: inline-block;
	background: url("../img/c-arrow.png") no-repeat left 10px;
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
	color: #7f8c8d;
	font-family: Open Sans;
	font-size: 13px;
}
.archieve ul li a:hover {
	color: #1abc9c;
	text-decoration: none;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}
.jml {
	color: #95a5a6;
	font-family: lato;
	font-size: 13px;
	font-style: italic;
	letter-spacing: 0px;
	padding-left: 5px;
}
/* ==================================================
   WIDGET SIDEBAR
================================================== */
.textBox, .widgetTab, .widgetCategory, .wTag, .wSocial {
	display: block;
	margin-bottom: 30px;
	position: relative;
}
.wSearch {
	display: inline-block;
	margin-bottom: 30px;
	position: relative;
}
.widgetTab ul li a {
	font-size: 13px;
	padding: 7px 15px 8px;
}
.widgetTab ul li a i {
	font-size: 16px;
}
.wAlert .alert h3 {
	font-size: 18px;
	line-height: 28px
}
.wAlert .alert p {
	font-family: lato;
	font-size: 13px;
}
.servBox {
	float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	padding: 30px 20px;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	-ms-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
	position: relative;
}
.servBox i {
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
	font-size: 40px;
	color: #34495E;
	display: block;
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear
}
.servBox h5 {
	font-family: source sans pro;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
	text-transform: capitalize;
	-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	-ms-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
}
.servBox p {
	text-align: center;
	font-family: source sans pro;
	font-size: 13px;
	font-weight: 300;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	-ms-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}
.servBox:hover h5, .servBox:hover i, .servBox:hover p {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
.servBox:hover {
	background-color: #ecf0f1;
}
.service-icon {
	display: block;
	float: left;
	margin: 0 6px 6px 0;
	width: 38px;
	height: 38px;
	font-size: 26px;
	color: #34495E;
	vertical-align: middle;
	text-align: center;
	line-height: 40px;
}
.tabbable {
	padding-bottom: 30px;
}
.pic.alignleft, .pic.alignright, .pic.alignleft img, .pic.alignright img {
	max-width: 210px;
}
.pic.alignleft {
	display: block;
	float: left;
	margin-right: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.pic.alignright {
	display: block;
	float: right;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 15px;
}
.pic.w_frame {
	border: 1px solid #EDEDED;
	padding: 4px;
}
.pic {
	display: inline-block;
	line-height: 0;
}
.rightContent {
	overflow: hidden;
}
.tab-pane p.text_subtitle_1 {
	color: #A6A6A6;
	font-family: source sans pro;
	font-size: 13px;
	line-height: 14px;
	margin-top: -5px;
	text-transform: uppercase;
}
.titleContentTabs {
	margin: 0 auto 10px;
}
.bold {
	font-weight: 700;
}
.nomartop {
	margin-top: 0 !important;
}
.margBot {
	margin-bottom: 30px;
}
/* ==================================================
   PRICING TABLES BOXS
================================================== */
.pricingBlock {
	display: inline-block;
	padding-bottom: 30px;
	position: relative;
}
.pricingTable {
	text-align: center;
	font-weight: 400;
}
.pricingTable-sign-up {
	padding: 20px;
	text-align: center;
	background: #ECF0F1;
}
.pricingContent ul li {
	padding: 5px 20px;
	text-align: center;
}
.pricingContent {
	background: #fff;
	border-left: 1px solid #ECF0F1;
	border-right: 1px solid #ECF0F1;
}
.pricingTable .pricingTable-header {
	color: #fff;
	background: #1ABC9C;
	padding: 0px;
}
.pricingTable-header .heading {
	display: inline-block;
	width: 100%;
	padding: 15px 0px;
	text-transform: uppercase;
}
.pricingTable .heading {
	background: #34495E;
}
.pricingTable.business .heading {
	background: #1abc9c;
}
.pricingTable.business .pricingTable-header .price-value {
	background: #16a085;
}
.pricingTable .pricingTable-header .price-value {
	background: #16A085;
}
.pricingTable .pricingTable-header .price-value {
	background: #2C3E50;
}
.pricingTable-header .price-value {
	display: inline-block;
	width: 100%;
	padding: 20px 0px;
	background: #1ABC9C;
}
.pricingTable-header .price-value span {
	font-size: 250%;
}
.pricingTable-header .price-value span.mo {
	font-size: 150%;
}
.pricingTable {
	text-align: center;
	font-weight: 400;
	margin-bottom: 30px;
	background: #fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.pricingTable:hover {
	overflow: hidden;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
.pricingContent ul li {
	color: #434343;
	overflow: hidden;
}
.pricingContent ul li {
	border-bottom: 1px solid #F0F0F0;
	padding: 15px 0;
	text-align: center;
	overflow: hidden;
	display: block;
}
.pricingContent ul {
	margin: 0;
}
.pricingTable.business {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
.b_list {
	line-height: 20px;
	list-style: none outside none;
	margin: 0 0 20px;
	padding: 0;
	position: relative;
}
.b_list li {
	margin-bottom: 5px;
}
.b_list li i {
	color: #444444;
	float: left;
	font-size: 14px;
	margin-right: 10px;
	text-align: center;
	width: 16px;
}
/* ==================================================
   BLOG CONTENT
================================================== */
.layout_blog article .f_pic {
	padding: 4px;
	border: 1px solid #EBEDEF;
	line-height: 0px;
}
.layout_blog article .f_pic img {
	width: 100%;
	height: auto;
}
.layout_blog article h4 {
	display: inline-block;
	font-family: lato;
	font-size: 28px;
	font-weight: 600;
	line-height: 30px;
	margin-bottom: 0;
	margin-top: 15px;
}
.titlePost a {
	color: #34495e;
}
.titlePost a:hover {
	color: #1abc9c;
}
.layout_blog article h4 a:hover {
	color: #1abc9c;
	text-decoration: none;
}
.layout_blog article .info {
	float: left;
	margin-right: 15px;
	margin-top: 15px;
	text-align: center;
	width: 8.5%;
}
.layout_blog article .info .date {
	background-color: #ECF0F1;
	color: #34495E;
	display: block;
	float: left;
	font-family: lato;
	font-size: 28px;
	font-weight: 900;
	height: 40px;
	line-height: 40px;
	width: 55px;
}
.layout_blog article .info .month {
	background-color: #1ABC9C;
	color: #ECF0F1;
	display: block;
	float: left;
	font-family: source sans pro;
	font-size: 12px;
	font-weight: 800;
	height: 25px;
	line-height: 2.2;
	text-transform: uppercase;
	width: 55px;
}
.layout_blog article .info .date:hover {
	text-decoration: none;
}
.layout_blog article .info .date span {
	padding: 8px 0px 4px;
	display: block;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #404040;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
}
.layout_blog article .info .comments {
	width: 75px;
	height: 45px;
	float: left;
	display: block;
	background-color: #f5f5f5;
	border-top: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #a3a3a3;
	text-align: center;
}
.layout_blog article .info .comments:hover {
	text-decoration: none;
}
.layout_blog article .info .comments span {
	padding: 8px 0px 4px;
	display: block;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #404040;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
}
.layout_blog article .content {
	overflow: hidden;
}
.layout_blog article .content p {
	padding-bottom: 10px;
}
.layout_blog article .links {
	margin: 10px auto 15px;
	overflow: hidden;
}
.layout_blog article .links li {
	height: 25px;
	margin-left: 1px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	display: block;
	border-left: 1px solid #ededed;
	font-family: Open Sans;
	font-size: 11px;
	color: #ababab;
	padding-top: 5px;
	background: none repeat scroll 0 0 #EEEEEE;
}
.layout_blog article .links li:first-child {
	margin-left: 0px;
	padding-left: 0px;
	border: 0px;
}
.layout_blog article .links li a {
	font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #737373;
}
.layout_blog article .links li.cats {
	background-color: #A3D63E;
	color: #FFFFFF;
	font-size: 30px;
	padding-right: 0;
	margin-right: 1px;
}
.layout_blog article .links li.authors {
	background-image: url("../images/icon_author.png");
	background-position: 5px center;
	background-repeat: no-repeat;
	border: 0 none;
	float: left;
	margin-right: 1px;
	padding-left: 30px;
}
.layout_blog article .links li.categorys {
	background-image: url("../images/icon_tag.png");
	background-position: 5px center;
	background-repeat: no-repeat;
	border: 0 none;
	float: left;
	margin-right: 1px;
	padding-left: 30px;
}
.layout_blog article .links li.comments {
	background-image: url("../images/icon_comment_1.png");
	background-position: 5px center;
	background-repeat: no-repeat;
	border: 0 none;
	float: left;
	margin-right: 1px;
	padding-left: 30px;
}
.links > ul {
	margin: 0;
}
.metaPost {
	margin-top: 8px;
}
.line_2 {
	background: #EBEDEF;
	clear: both;
	height: 1px;
	margin: 40px 0px;
	overflow: hidden;
}
.rec_post {
	float: left;
	position: relative;
}
.mediatouchinger {
	position: relative;
	overflow: hidden;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}
.mediatouchinger img {
	width: 100%;
	position: relative;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}
/* ==================================================
   HOVERING
================================================== */
.hovericon {
	position: absolute;
	left: 50%;
	top: 50%;
	color: #fff;
	font-size: 18px;
	margin-left: -30px;
	margin-top: -10px;
	width: 40px;
	height: 40px;
	text-align: center;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)";
	background-color: #34495e;
	border-radius: 50%;
	line-height: 38px;
}
.ie8 .hovercover {
	display: none;
}
.hovercover {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#59000000,endColorstr=#59000000)";
	background-color: rgba(255,255,255,0.5);
	opacity: 0;
	border-radius: 3px;
}
.portfolio-item .hovercover {
	border-radius: 3px 3px 0 0;
}
article.post div.metaInfo {
	font-size: 0.9em;
	margin-bottom: 7px;
}
article .metaPost div.metaInfo > span {
	display: inline-block;
	padding-right: 15px;
	color: #95a5a6;
}
article .metaPost div.metaInfo > span > a {
	color: #95A5A6;
	font-family: lato;
	font-size: 12.4px;
}
article .metaPost div.metaInfo > span > a:hover {
	color: #1abc9c;
}
article .metaPost div.metaInfo {
	font-family: open sans;
	font-size: 0.95em;
	margin: 0 auto;
	padding: 15px 0 20px;
}
article .metaPost div.metaInfo i {
	margin-right: 3px;
	color: #95a5a6;
}
.h_links-item {
	font-size: 14px;
	line-height: 20px;
	padding: 7px 18px;
	position: relative;
}
.post-img img {
	border-radius: 3px;
}
.mfp-gallery .mfp-image-touchinger .mfp-figure {
	cursor: pointer;
}
.slide-caption {
	margin: 0;
	position: absolute;
	display: block;
	z-index: 120;
	right: 15px;
	bottom: 15px;
	color: #fff;
	background-color: #000;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 3px;
	padding: 5px 9px;
	font-size: 12px;
	font-weight: 300;
	line-height: 18px;
}
.slide-caption a {
	color: #fff;
}
/* ==================================================
   MEDIUM BLOG CONTENT
================================================== */
.mediumBlog .metaPost {
	margin-top: 0;
}
.mediumBlog .titlePost > h4 {
	font-size: 26px;
	margin-top: 0;
}
/* ==================================================
   BLOG POST
================================================== */
.news_page {
	background-color: #fff;
	overflow: hidden;
}
.news_content {
}
.news_content p {
	line-height: 1.8;
}
.news_content h4 {
	font-family: Open Sans;
	font-size: 30px;
	line-height: 1;
	margin: 15px auto;
	padding-bottom: 15px;
}
.news-details {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}
p.post-admin {
	background: url("../images/post-admin.png") no-repeat scroll left center transparent;
	font-size: 12px;
	margin-bottom: 15px;
	color: #ABABAB;
	padding-left: 25px;
	float: left;
	font-family: open sans, sans-serif;
}
.black.mt.mb, .black.mb {
	font-family: 'Open Sans';
	font-size: 26px;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 15px;
	text-transform: uppercase;
}
p.post-calendar {
	background: url("../images/post-calendar.png") no-repeat scroll left center transparent;
	font-size: 12px;
	margin-bottom: 15px;
	color: #ABABAB;
	margin-left: 25px;
	padding-left: 25px;
	float: left;
	font-family: open sans, sans-serif;
}
p.post-tagss {
	background: url("../images/post-tag.png") no-repeat scroll left center transparent;
	font-size: 12px;
	margin-bottom: 15px;
	color: #ABABAB;
	margin-left: 25px;
	padding-left: 25px;
	float: left;
	font-family: open sans, sans-serif;
}
p.post-commentss {
	background: url("../images/post-comment.png") no-repeat scroll left center transparent;
	font-size: 12px;
	margin-bottom: 15px;
	color: #ABABAB;
	margin-left: 25px;
	padding-left: 25px;
	float: left;
	font-family: open sans, sans-serif;
}
p.post-admin:hover, p.post-commentss:hover, p.post-tagss:hover, p.post-calendar:hover {
	color: #34495e;
}
.news_comments {
	padding: 30px 0 0;
	border-top: #ecf0f1 solid 1px;
}
.user_comment {
	background: url("../images/user.png") no-repeat;
	padding-left: 60px;
	margin-top: 40px;
}
.user_comment_reply {
	background: url("../images/user.png") no-repeat scroll 0 0 transparent;
	margin-top: 40px;
	padding-left: 60px;
}
.comment-date {
	font-style: italic;
	margin-bottom: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #a1a1a1;
}
.comment-meta a:hover {
	color: 34495e;
}
.comment-text {
	color: #555555;
}
a.reply {
	float: right;
	font-weight: bold;
	margin-top: 10px;
}
a.reply:hover {
	text-decoration: underline;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
/* ================================================================
            Content Common Setting
================================================================== */
/* comment list */
#comment-list {
	margin: 0;
}
#comment-list li {
	background: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
/* comment depth */
#comment-list ul.children {
	margin-left: 94px;
}
.comment-container {
	border: solid 1px #ecf0f1;
	margin-bottom: 30px;
	margin-left: 94px;
	padding: 20px 20px 0;
	position: relative;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.comment-container:hover {
	background: #ecf0f1;
	border-color: #1abc9c;
}
.comment-body {
	margin-bottom: 20px;
}
.avatar {
	float: left;
	width: 74px;
}
.avatar img {
	display: block;
	margin-right: 20px;
	position: relative;
	z-index: 0;
	border: 1px solid #ecf0f1;
	padding: 3px;
}
h4.comment-author {
	font-size: 16px;
	line-height: 20px;
	margin: 0;
}
h4.comment-author a {
	color: #1abc9c
}
#comment-list .comment-meta {
	margin-bottom: 10px;
}
#comment-list .comment-date {
	font-size: 12px;
}
/* comment hover effect */  
#comment-list li .comment-container:hover h4 {
	color: #1abc9c;
}
.comment-reply-link {
	position: absolute;
	right: 20px;
	top: 20px;
}
a.link-style3 {
	color: inherit !important;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none !important;
	text-transform: uppercase;
}
.comment-reply-link {
	position: absolute;
	right: 20px;
	top: 20px;
}
.row-fluid textarea {
	font-size: 14.994px;
	height: auto;
	width: 99.5% !important;
	line-height: 24px;
	padding: 10px 0 !important;
	text-indent: 10px !important;
}
/* ==================================================
 Post Share Article
================================================== */
.shares {
	background: #f7f7f7;
	list-style: none;
	overflow: hidden;
	margin: 0;
}
.shares li {
	float: left;
	display: inline-block;
	border-right: 1px solid #fff;
}
.shares li.shareslabel h3 {
	padding: 12px 20px;
	font-weight: 600;
	text-transform: uppercase;
	background: #eee;
	font-size: 18px;
	margin: 0;
	font-family: open sans;
}
.shares li a {
	display: block;
	width: 45px;
	height: 46px;
	background-repeat: no-repeat;
	background-position: 7px 7px;
}
.shares li a:hover {
	background-position: 7px -58px;
	background-color: #1abc9c;
}
.shares li a:active {
	background-color: #999;
}
.shares li a.twitter {
	background-image: url(../images/icons/social/twitter.png);
}
.shares li a.facebook {
	background-image: url(../images/icons/social/facebook.png);
}
.shares li a.gplus {
	background-image: url(../images/icons/social/gplus.png);
}
.shares li a.pinterest {
	background-image: url(../images/icons/social/pinterest.png);
}
.shares li a.yahoo {
	background-image: url(../images/icons/social/yahoo.png);
}
.shares li a.linkedin {
	background-image: url(../images/icons/social/linkedin.png);
}
/* ==================================================
 Post Author
================================================== */
.post-author {
	margin-left: 94px;
	position: relative;
	margin-top: 15px;
	margin-bottom: 60px;
}
.post-author .avatar {
	left: -47px;
	position: absolute;
}
.post-author h6 {
	font-family: lato;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.6;
	margin-bottom: auto;
}
.news_content h2 {
	border-bottom: 1px solid #ecf0f1;
	font-family: Open Sans;
	font-size: 30px;
	font-weight: 600;
	line-height: 1.8;
	margin: 30px auto;
}
.metaInfo {
	font-size: 0.9em;
	margin-bottom: 7px;
}
.metaInfo > span {
	display: inline-block;
	padding-right: 15px;
	color: #95a5a6;
}
.metaInfo > span > a {
	color: #95a5a6;
}
.metaInfo > span > a:hover {
	color: #1abc9c;
}
.metaInfo {
	font-family: open sans;
	font-size: 0.95em;
	margin: 0 auto;
	padding: 15px 0 20px;
}
.metaInfo i {
	margin-right: 3px;
	color: #95a5a6;
}
.news_content .metaPost {
	margin-top: 0;
}
.news_content .titlePost > h4 {
	font-size: 28px;
	line-height: 1.4;
	margin-bottom: 0;
	margin-top: 0;
	padding-bottom: 0;
}
.news-slider {
	margin-bottom: 30px;
}
/* ========================================================== */
/*                    Portfolio                         */
/* ========================================================== */
#portfolio {
	width: 100%;
	padding-bottom: 120px;
	position: relative;
	z-index: 9;
}
#filter {
	margin: 0 auto 0 20px;
	overflow: hidden;
	padding: 15px 0 20px;
	position: relative;
	text-align: left;
	width: auto;
	z-index: 10;
}
#filter li {
	display: inline-block;
	margin: 0 0 10px 0;
}
#filter li a {
	color: #34495e;
	background: #ecf0f1;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 10px 20px;
	font-size: 12px;
	line-height: 12px;
	font-family: 'open_sansitalic', Arial, Helvetica, sans-serif;
	transition: all .50s ease-in-out;
	-moz-transition: all .50s ease-in-out;
	-webkit-transition: all .50s ease-in-out;
}
#filter li.selected a, #filter li a:hover {
	color: #fff;
	background-color: #1abc9c;
	transition: all .50s ease-in-out;
	-moz-transition: all .50s ease-in-out;
	-webkit-transition: all .50s ease-in-out;
}
#list {
	margin-bottom: 30px;
}
.portfolio_list {
	position: relative;
	padding: 0;
}
.list_item {
	margin-bottom: 2%;
	overflow: hidden;
}
.portfolio_details {
	display: block;
	clear: both;
	background-color: #ecf0f1;
	border-bottom: 1px solid #e5e5e5;
	padding: 30px;
	text-align: center;
}
.list_item:hover .portfolio_details {
	background-color: #1abc9c;
	transition: background-color .25s ease-in-out;
	-moz-transition: background-color .25s ease-in-out;
	-webkit-transition: background-color .25s ease-in-out;
}
.portfolio_details h2 {
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	color: #111!important;
	margin: 0;
}
.list_item:hover .portfolio_details h2 {
	color: #fff!important;
	transition: color .25s ease-in-out;
	-moz-transition: color .25s ease-in-out;
	-webkit-transition: color .25s ease-in-out;
}
.portfolio_details span {
	font-size: 14px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	color: #333;
}
.list_item:hover .portfolio_details span {
	color: #eee;
	transition: color .25s ease-in-out;
	-moz-transition: color .25s ease-in-out;
	-webkit-transition: color .25s ease-in-out;
}
.isotope ul {
	margin: 0;
}
/* ==================================================
   Contact Section
================================================== */
.contact {
	padding: 30px 0 60px;
}
.contact2 {
	padding: 0 0 60px;
}
.contact3 {
	padding: 15px 0 60px;
}
.contact .contact-form form textarea {
	-moz-box-sizing: border-box;
	max-width: 100%;
	width: 100%;
}
.contact_info.span6 > h6 {
	border-bottom: 1px solid #ECF0F1;
	line-height: 2.2;
	margin-bottom: 23px;
}
.contact_info.span6 h6 span {
	border-bottom: 3px solid #1abc9c;
	padding: 10px 0;
}
.contact .info address [class*="icon"] {
	left: 5px;
	position: absolute;
	top: 1px;
}
.contact .info .adr, .contact .info .phone, .contact .info .mail {
	padding-left: 30px;
	position: relative;
}
.contact-details h3 {
	color: #FFFFFF;
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 30px;
	line-height: 1em;
	text-transform: uppercase;
}
.contact-details ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.contact-details ul li {
	margin: 0 0 20px;
	line-height: 28px;
	padding: 0;
}
label {
	color: red;
	font-size: 12px;
	font-weight: 100;
	margin: 0 auto;
	padding: 2px 0 7px;
}
#contact-form, .contact_info {
	margin-bottom: 0;
	margin-top: 18px;
}
#contact-form p {
	margin-bottom: 15px;
}
#contact-form input, #contact-form textarea {
	border-radius: 0 0 0 0;
	border-width: 1px;
	color: #5F5F5F;
	font-size: 14px;
	height: auto;
	padding: 15px;
	resize: none;
}
#contact-form input {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 0 0 0 0;
	border-width: 1px;
	font-family: Open Sans;
	width: 100%;
}
#contact-form textarea {
	width: 100%;
	resize: vertical;
	font-family: Open Sans;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#contact-submit {
	margin: 0;
}
#response {
	margin-top: 20px;
	color: #FFFFFF;
}
.adr {
	line-height: 1.8
}
.adr span {
	border-bottom: 1px solid #EEEEEE;
	display: block;
	font-size: 12px;
	padding: 7px 0;
	position: relative;
}
address {
	margin-top: 10px;
}
.contact_info > p, .adr {
	color: #555;
	font-family: Open Sans;
	font-size: 14px;
	text-align: justify;
	line-height: 1.5;
}
.adr em {
	color: #2c3e50;
	padding-right: 10px;
	line-height: 1.5;
}
.mail > a, .web > a, .follow > a {
	color: #1abc9c;
	font-family: Open Sans;
	text-decoration: none;
}
.mail > a:hover, .web > a:hover, .follow > a:hover {
	color: #34495e;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	text-decoration: none;
}
#map {
	display: block;
	height: 350px;
	margin-bottom: 30px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.map3 {
	margin-top: 20px;
	display: block;
	height: 260px !important;
	margin-bottom: 30px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
/* ==================================================
   FOOTER BOTTOM
================================================== */
.copyright {
	float: left;
	position: relative;
	text-align: left;
}
.copyright > p {
	margin: 10px 0 0;
}
.bottom-icons {
	float: right;
	margin-top: 5px;
}
.bottom-icons li a {
	color: #BDC3C7;
	margin-top: 5px;
}
.bottom-icons li a:hover {
	color: #1abc9c;
}
/* ========================================================== */
/*                    Preloader                       */
/* ========================================================== */
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff; /* change if the mask should have another color then white */
	z-index: 999999; /* makes sure it stays on top */
}
#status {
	width: 200px;
	height: 200px;
	color: #fff;
	position: absolute;
	left: 50%; /* centers the loading animation horizontally one the screen */
	top: 50%; /* centers the loading animation vertically one the screen */
	background-image: url(../img/atoms.gif); /* path to your loading animation */
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px; /* is width and height divided by two */
}
.list_able {
	list-style-type: circle;
}
.list_able li a {
	border-bottom: 1px solid #DCDCDC;
	color: #34495e;
	width: 170px;
	display: block;
	height: 28px;
}
.middle_img img {
	margin-top: -20px;
	display: block;
}
.white_board_gallery {
	background-color: rgba(255, 255, 255, 0.23) !important;
	z-index: 9999;
	width: 100% !important;
	height: auto !important;
	height: 530px !important;
	overflow: hidden;
}
.ic_dis_mekan {
	width: 23.75%;
	height: 121px;
	overflow: hidden;
	float: left;
	margin-right: 12px;
    margin-bottom: 12px;
} 
.ic_dis_mekan img {
	width: 100%;
	display: block;
	min-height: 122px;
}