@import url("https://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(bxslider.html);
@import url(flexslider.css);
@import url(linecon.css);
@import url(list.css);
@import url(magnified.css);


/* ==================================================
   TOP HEAD
================================================== */
.topHead {background:#F9E2944D;;}
.subHead {
    position: relative;
    width: 100%;
    height:90px;
    background:#fff;
}
.sticky-wrapper.is-sticky .subHead{
    position: relative;
    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: 150px;
}


/* ==================================================
   MAIN MENUS
================================================== */
.main_menus {
	max-height: 90px;
	float: right;
	text-align: left;
}
.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: #9da29f;
}
.menu a {
    display: block;
    position: relative;
    text-decoration: none;
    color: #2c3e50;
    font: 16px 'Open Sans';
	-webkit-transition: none;
	transition: none;
}
.menu a.active {
	color: #07437E;
}
.menu > li {
    display: inline-block;
    vertical-align: top;
}
.menu > li a:hover {
    color: #07437E;
}
.menu > li:before, .menu a.active:before { 
	content: '';
	display: block;
	height: 0;
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 0;
	z-index: 53;
	background: #07437E;
	-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: #ae2222;
}


/* ==================================================
   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: #EAEAEA;
}
.mobile_menu a {
    display: block;
    position: relative;
    padding-left: 30px;
    text-decoration: none;
    color: #ae2222;
    font: 14px 'Open Sans';
	-webkit-transition: none;
	transition: none;
}
.mobile_menu a.active {
	color: #07437E;
	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
/* ======================================================================== */
.fullwidthbanner-container{
	width:100% !important;
	position:relative;
	padding:0;
	height:480px;
	max-height:600px !important;
	overflow:hidden;
	z-index:9;
}
.fullwidthbanner > ul {margin: 0;}
.tp-caption.sprta_white{color:#DA992A;}
.tp-rightarrow:hover,
.tp-caption.sprta_inverse, .btn.btn-primary{background-color: #ae2222;}


/* ==================================================
   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: #9da29f;
    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: #9da29f;}
.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: #9da29f}
.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;
	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: 15px;
    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%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
}
.touching.medium 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.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: 51.5%;
	top: 50%;
}
.touching.medium a.hover-link {
	right: 51.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: 8px 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: #9da29f;}
.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: 15px;
	color: #BEBEBE;
	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: #939895;
	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:#DAD7D487;
}
.footerTitle {
    border-bottom: 1px solid #d0d5d3;
    margin-bottom:20px;
}
.footerTitle > h3 {
	border-bottom: 2px solid #d0d5d3;
	display: inline-block;
	color:#9da29f;
	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: #9da29f;
  color: #ffffff;
}
.tagsinput .tag {
    margin-right: 2px;
}


/* ==================================================
   TWITTER
================================================== */
/* ================================================================
                        Twitter List
================================================================== */
.tweet_list {
	list-style: none inside none;
	margin: 0;
	padding: 0;
}
.tweet_slider{
	padding:20px 0;
	background:#ae2222;
}
.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: #ae2222;
    font-family: source sans pro;
    font-size: 15px;
    line-height: 18px;
    vertical-align: top;
    word-wrap: break-word;
}
.footer_post a:hover {color: #07437E;}
.footer_post p span {
    color: #99948E;
    display: block;
    font-size: 12px;
}


/* ==================================================
   TOP SOCIAL
================================================== */
.top_social {
    float: right;
    margin: 0;
}
.top_social li {
    float: left;
    background: none !important;
}
.top_social li a {
    background: #ECF0F1;
    color: #DA992A;
    display: inline-block;
    height: 35px;
    text-align: center;
    width: 35px;
}
.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;
}


/* ==================================================
   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: #9da29f;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 {
	width: 100%; 
	margin: 0 auto; 
	position: relative;
	background-color: #D4E1EE;
	padding: 15px 0;
}
.pageTitle h1 {
	font-size: 18px;
	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: #B90D0D;
    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: #07437E;
	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: #07437E;
}
.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: #9da29f;
}


/* ==================================================
   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:#9da29f;
}
.highlight {color: #9da29f;}
.highlight1 {
    border-bottom: 1px dotted #9da29f;
    color: #9da29f;
}
.highlight2 {
    background: none repeat scroll 0 0 #9da29f;
    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: #9da29f !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: #9da29f;
	color: #fff;
}
.accordion-heading .accordion-toggle.active {background: #9da29f;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: #9da29f; 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: #6c736f;
}
.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: #9da29f;
	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:#9da29f;-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:#9da29f;-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: #C28722;
}
.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: #9da29f;}
.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: #9da29f;
}
.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: #ae2222;
	font-family: Open Sans;
	font-size: 13px;
}
.categories ul li a:hover {
	color: #07437E;
	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: #9da29f;
	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: 15px;
    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: #9da29f;
    padding:0px;
}
.pricingTable-header .heading{
    display:inline-block;
    width:100%;
    padding:15px 0px;
    text-transform:uppercase;
    
}
.pricingTable .heading{background: #34495E;}
.pricingTable.business .heading{background: #9da29f;}
.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: #9da29f;
}
.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: #C3BDBD;
    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: 26px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 0;
    margin-top: 15px;
}
.titlePost a {color: #DA992A;}
.titlePost a:hover {color: #9da29f;}
.layout_blog article h4 a:hover {color:#9da29f; 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: #9da29f;
    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:#9da29f;}
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.html") 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.html") 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.html") 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.html") 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.html") no-repeat;
	padding-left:60px;
	margin-top:40px;
}
.user_comment_reply {
	background: url("../images/user.html") 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:#9da29f;
}
.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:#9da29f}
#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:#9da29f; }
.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: #9da29f; }
.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:#9da29f;}
.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:#9da29f;
	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:#9da29f;
	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 #9da29f;
	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:#9da29f;
	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: #9da29f;}


/* ========================================================== */
/*                    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 */
}
#status p{text-align:center;}