/*
Theme Name: KFI
Theme URI: http://www.kfi.co.nz/
Author: baseone
Author URI: http://baseonesolutions.com/
Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. KFI simple, straightforward typography is readable on a wide variety of screen sizes. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: kfi
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,
dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,
sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,
label,legend,table,caption,tbody,tfoot,thead,tr,th,td { 
	margin:0; 
	padding:0; 
	border:0; 
	outline:0; 
	font-size:100%; 
	vertical-align:baseline;
}
body {
	color:#000;
	padding:0;
	margin:0;
	font-size:12px;
	font-family: 'Lato', sans-serif;
	font-weight:400;
}
ul,ol { list-style:none; }
img,fieldset { border:none; }	
a { text-decoration:none; }
a:hover { text-decoration:none; }
.skip {
	position:absolute;
	left:-9999px;
}
article,aside,details,figcaption,figure,footer,
header,hgroup,main,nav,section,summary {
    display: block;
}
figure {
	margin:0;
	padding:0;
}
.clearfix {
	clear: both;
	width:100%;
	overflow:hidden;
}
.wp-caption { max-width: 100%; }
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
}
img.size-full,
img.size-large,
img.wp-post-image {
	height: auto;
	max-width: 100%;
}
img {
	max-width:100%;
	height:auto;
	display:block;
}
embed,iframe,
object,video {
	max-width: 100%;
}
html { -webkit-text-size-adjust: none; }
html,body {min-height:100%;}
.entry-content img {
	max-width: 100%;
	height:auto;
}
aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin:0 auto 20px;
}
.alignright {
	margin: 2px 0px 10px 15px;
	display: inline;
}
.alignleft {
	margin: 2px 15px 10px 0px;
	display: inline;
}
.alignright { float: right; }
.alignleft { float: left; }
.wp-caption {
	border: none;
	text-align: center;
	background:#f5f5f5;
	margin-bottom:10px;
	margin-top:10px;
	padding:5px 0 10px 0;
}
.wp-caption img {
	margin:0;
	padding:0;
	border:0;
	margin-bottom:12px;
}
.wp-caption p.wp-caption-text {
	line-height:18px;
	padding:0 15px;
	display:block;
	font-style:italic;
	color:#000000;
	font-size:12px;
}
input, textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/*----------------------*/
/*     Page structure   */
/*----------------------*/
#wrapper {
	width:100%;
}
#header_area {
	padding:0 10px;
	background:#000;
}
header {
	max-width:1170px;
	margin:0 auto;
	min-height:125px;
	position:relative;
}
#logo {
	width:63px;
	position:absolute;
	left:0;
	right:0;
	top:30px;
	margin:0 auto;
	z-index:9999999;	
}
nav {
	width:100%;
	padding-top:47px;
	position: relative; z-index: 999999;
}
#menu {
	text-align:center;
}
#menu > li {
	display:inline-block;
	font-size:14px;
	height:30px;
	line-height:30px;
	text-transform:uppercase;
	font-weight:400;
	position:relative;
	text-shadow: 2px 2px 2px #434544;
}
#menu > li:nth-child(3) { margin-left:282px;}
#menu > li:nth-child(1) { width:208px;}
#menu > li:nth-child(2) { width:203px;}
#menu > li:nth-child(3) { width:176px;}
#menu > li:nth-child(4) { width:222px;}
#menu > li > a {
	display:inline-block;
	color:#fff;
	height:30px;
	line-height:30px;
	font-weight:400;
}
#menu li.currrent_page_item > a,
#menu .current-menu-item a,
#menu li > a:hover,
.single-our_projects .project_select > a {
	border-bottom:1px solid #fff;
	font-weight:400;
}
#menu > li > ul {
	position:absolute;
	left:-20px;
	padding:10px 10px 10px 20px;
	top:100%;
	width:220px;
	background:#000;
	visibility:hidden;
	opacity:0;
}
#menu > li:hover > ul {
	visibility:visible;
	opacity:1;
}
#menu > li > ul > li {
	margin:0;
	text-align:left;
}
#menu > li > ul > li > a { color:#fff}
#menu > li > a,
.team_info,
.feature_info,
#menu > li > ul {
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.slicknav_menu { display:none}

/*change style*/





#menu_holder {
	margin-left:-10px;
	margin-right:-10px;
}
#slider {
	position:relative;
	visibility: hidden;
	overflow:hidden;
}
#slider_content { position: relative; overflow:hidden;}
.slider_loader {
	background:url(css/spin.svg) no-repeat center center;
	top:45%;
	left:45%;
	position:absolute;
	width:60px;
	height:60px;
	z-index:99999 !important;
}
.tp-caption {
	position:absolute !important;
	left:0;
	right:0;
	top:0;
	width:100%;
	height:100%;
}

.slider_text {
	max-width:1170px;
	margin:0 auto;
	padding:0 50px;
	width:100%;
	height:100%;
	display:table;
}
.slider_info {
	width:100%;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.slider_text h1 {
	font-weight:700;
	font-style:italic;
	color:#fff;
	font-size:75px;
	padding-bottom:73px !important;
	text-shadow: 2px 2px 2px #434544;
}
.slider_text h1 br { display:none }
.slider_text p span {
	display:inline-block;
}
.slider_text p {
    font-weight:400;
	color:#fff;
	font-size:25px;
	text-shadow: 2px 2px 2px #434544;
}
.slider_text p a {
	color:#fff;
	text-shadow: 2px 2px 2px #434544!important;
}
.slider_text p a:hover {
	color:#000!important;
}
#feature_section { padding:0 10px; clear:both; }
#feature_area {
	max-width:1170px;
	margin:0 auto;
	overflow:hidden;
	padding:60px 0 120px 0;
}
.feature_box {
	width:31.6%;
	float:left;
	margin:0 2.6% 2.6% 0;
}
.feature_img {
    width: 100%;
    height: 100%;    
}
.feature_photo img {
    -webkit-transition: all 1s ease;
  	-moz-transition: all 1s ease; 
  	-o-transition: all 1s ease; 
  	-ms-transition: all 1s ease; 
  	transition: all 1s ease;
}
.feature_photo:hover img  {
    -webkit-transform:scale(1.25); 
    -moz-transform:scale(1.25); 
    -ms-transform:scale(1.25); 
    -o-transform:scale(1.25);
     transform:scale(1.25);
}

.feature_box:nth-child(3n+3) { margin-right:0}
.feature_photo {
	position:relative;
	width:100%;
	overflow:hidden;
}
.feature_photo img { width:100%}
.feature_info {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(images/bgr_hover.png) repeat;
	visibility:hidden;
	opacity:0;
}
.feature_photo a:hover .feature_info {
	visibility:visible;
	opacity:1;
}
.feature_text_box {
	width:100%;
	height:100%;
	display:table;
}
.feature_text {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	padding:0 10px;
}
.feature_text h2 {
	font-weight:700;
	font-size:26px;
	line-height:30px;
	color:#fff;
	text-transform:uppercase;
	padding-bottom:10px;
}
.feature_text span {
    font-weight:700;
	font-size:16px;
	color:#fff;
	display:inline-block;
	color:#fff;
	text-shadow: 2px 2px 2px #000;
	letter-spacing:1px;
	border-bottom:1px solid #f2f2f2;
	padding-bottom:5px;
}
.feature_text a { color:#fff}
.feature_content {
	padding:23px 0 15px 0;
}

.feature_content h3 {
	font-size:15px;
	color:#333;
	text-transform:uppercase;
    font-weight:400;
	padding-bottom:8px;
}

.feature_content p {
	font-size:14px;
	color:#4c4c4c;
	line-height:24px;
}
#footer_area {
	padding:0 10px;
	background:#000;
}
footer {
	max-width:1170px;
	margin:0 auto;
	min-height:64px;
	padding:25px 0 20px 0;
	overflow:hidden;
}
footer span,
footer p {
	font-size:12px;
	color:#fff;
	float:left;
}
footer p a { color:#fff }
footer span {
	display:block;
	float:right;
}
footer span a { color:#fff}
#banner {
	width:100%;
	padding:0 10px;
}
#banner_text_area {
	max-width:1170px;
	height:300px;
	margin:0 auto;
	position:relative;
}
.banner_text {
	position:absolute;
	left:0;
	bottom:55px;
}
#banner h1 {
   	font-weight:700;
	color:#fff;
	font-size:70px;
	text-shadow: 2px 2px 2px #434544;
}
#content_area {
	padding:0 10px;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	color:#333;
	font-size:27px;
	padding-bottom:20px;
	font-weight:700;
}
.entry-content h1 {
	font-size:36px;
	text-transform:uppercase;
	padding-bottom:15px;
}
.entry-content h2 {
	font-size:28px;
}
.entry-content h3 {
	font-size:22px;
}
.entry-content h4 {
	font-size:18px;
}
.entry-content h5 {
	font-size:16px;
}
.entry-content h6 {
	font-size:15px;
}
.entry-content p {
	color:#4c4c4c;
	font-size:15px;
	line-height:27px;
	padding-bottom:15px;
	font-weight:400;
}
.entry-content ul {
	list-style-type:disc;
	padding:0 0 20px 20px;
}
.entry-content ul li {
	list-style-type:disc;
	color:#4c4c4c;
	font-size:15px;
	line-height:27px;
}	
.entry-content ol {
	list-style-type:decimal;
	padding:0 0 20px 20px;
}
.entry-content ol li {
	list-style-type:decimal;
	color:#4c4c4c;
	font-size:15px;
	line-height:27px;
}	
.entry-content a {
	color:#007daf;
}
.entry-content blockquote {
	border:1px dashed #ccc;
	padding:10px;
	margin:0 0 20px 20px;
	color:#4c4c4c;
	font-size:15px;
	line-height:27px;
	font-style:italic;
}	
.entry-content blockquote p {
	padding-bottom:0;
}
.entry-content table {
    border-collapse: collapse;
	width:100%;
}
.entry-content table, 
.entry-content table th, 
.entry-content table td {
    border: 1px solid #dfe9f2;
	color:#4c4c4c;
	font-size:15px;
	line-height:27px;
	text-align:center;
	padding:5px 0;
}
hr {
	border:none;
	height:1px;
	background:#ebebeb;
	padding:0;
	margin:20px 0 30px 0;
}
#content {
	max-width:1170px;
	margin:0 auto;
	padding:75px 0 60px 0;
 }
#breadcrumb {
	padding-bottom:40px;
	float:left;
}
#breadcrumb ul {
	list-style-type:none;
	padding:0;
}
#breadcrumb ul li {
	list-style-type:none;
	padding:0;
	font-size:15px;
	color:#333;
	display:inline-block;
	background:url(images/bgr_arrow.png) no-repeat left center;
	padding-left:27px;
	margin-right:16px;
	text-transform:uppercase;
}
#breadcrumb ul li a,
#breadcrumb ul li:hover { color:#4c4c4c}
#breadcrumb ul li:first-child { background:none; padding-left:0}
#breadcrumb ul li a { color:#333}
.team_section h2 {
	font-size:34px;
	text-transform:uppercase;
}
.team_section p {
	color:#4c4c4c;
	font-size:15px;
	line-height:27px;
	padding:0px 0 40px 0;
	font-weight:400;
}
#team_feature_show {
	width:100%;
}
.team_feature_content {
	overflow:hidden;
	padding-bottom:30px;
	display:none;
}
.team_photo {
	width:32%;
	float:left;
}
.team_rgt {
	width:65%;
	float:right;
	border-top:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb;
	padding:20px 0  15px 0;
	position:relative;
}
.team_rgt h3 {
	font-size:30px;
	text-transform:uppercase;
	padding-bottom:20px;
}
.team_rgt p {
	font-size:15px;
	padding-bottom:28px;
}
.close_team {
	display:inline-block;
	background:url(images/bgr_close.png) no-repeat;
	width:13px;
	height:13px;
	position:absolute;
	right:0;
	top:30px;
}
.team_feature_area { overflow:hidden; margin-right:-30px;}
html,body { overflow-x:hidden}
.team_feature {
	width:25%;
	padding:0 30px 30px 0;
	float:left;
}
.team_feature_photo {position:relative;} 
.team_feature_photo img { width:100%}
.team_info {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#fff!important;
	visibility:hidden;
	opacity:0;
	overflow: hidden;
}
.team_feature.show_team_info .team_info,
.team_feature:hover .team_info{
	visibility:visible;
	opacity:1;
}

.team_feature.show_team_info .team_info{}
.team_text_box {
	width:100%;
	height:100%;
	display:table;
}
.team_text {
	vertical-align:middle;
	display:table-cell;
	/*padding-left:70px;*/
}
.team_text small {
	max-width:32px;
	display:block;
}
.team_text h4 {
	font-size:22px;
	text-transform:uppercase;
	font-weight:700;
	color:#fff;
	padding-bottom:2px;
}
.team_text span {
	display:block;
	font-size:15px;
	color:#fff;
	margin-bottom:25px;
	letter-spacing:1px;
}

.staff-name{
	text-align: center;
	padding: 1em 0 0;
}

.linkedin_mobile { display:none; max-width:60px;}
#map_banner {
	height:600px;
	max-width:1170px;
	margin:0 auto;
	display:table;
}
.map_banner_info {
	display:table-cell;
	vertical-align:middle;
}
.map_banner_info h1 {
	font-weight:700;
	font-style:italic;
	color:#fff;
	font-size:70px;
	padding-bottom:14px;
	text-shadow: 2px 2px 2px #434544;
}
.map_banner_info h1 a {
	color:#fff;
	background:url(images/bgr_map.png) no-repeat right center;
	padding-right:85px;
	display:inline-block;
}
.contact_column_holder {
	overflow:hidden;
}
.contact_column ul {
	list-style-type:none;
	padding:0;
}
.contact_column  {
	width:38%;
	float:left;
	padding:0 15px 50px 0;
}
.contact_column:nth-child(3n+3) { width:24%}
.contact_column ul li {
	list-style-type:none;
	padding:0 0 4px 0;
	font-size:16px;
	color:#4c4c4c;
}
.contact_column ul li a { color:#4c4c4c; text-decoration:underline}
.contact_column ul li strong {
	font-weight:400;
	color:#333333;
	display:inline-block;
	width:20px;
}
.contact_column h3 {
	font-size:23px;
	color:#333333;
	text-transform:uppercase;
	font-weight:400;
	padding-bottom:4px;
	line-height: normal;
}
.contact_column h4 {
	font-size:18px;
	color:#333333;
	padding-bottom:7px;
	font-weight:400;
	line-height: normal;
}
.news_widget_area {
	max-width:670px;
}
.news_widget_area h3 a { color:#4c4c4c}
.news_widget_area h3 {
	font-size:18px;
	color:#4c4c4c;
	text-transform:uppercase;
	font-weight:400;
	padding-bottom:10px;
	line-height: normal;
}
.news_widget_area h2 a { color:#333333}
.news_widget_area h2 {
	font-size:30px;
	color:#333333;
	padding-bottom:13px;
	line-height: normal;
	text-transform:uppercase;
	line-height:30px;
}
.news_widget_area span {
	font-size:17px;
	color:#4c4c4c;
	font-weight:700;
	font-style:italic;
	display:block;
	padding-bottom:22px;
}
.news_widget_area span a { color:#4c4c4c}
.news_widget_area span strong {
	font-weight:normal;
	color:#333;
}
.news_widget_area span strong a { color:#333}
.news_widget_area span small { padding-left:25px;}
.news_widgte {
	border-top:1px solid #ebebeb;
	padding:75px 0 43px 0;
}
.news_widgte:first-child {
	border-top:none;
	padding-top:0;
}
#content_two_column {
	overflow:hidden;
}
#content_left {
	width:57.26%;
	float:left;
}
#sidebar {
	width:32.47%;
	float:right;
	padding-top:15px;
}
#content_left h2 { text-transform:uppercase; padding-bottom:6px}
#content_left ul li { font-size:16px;}
#sidebar h3 {
	text-transform:uppercase;
	font-size:24px;
	font-weight:700;
}
#sidebar h5 {
	font-size:18px;
	text-transform:uppercase;
	font-weight:700;
	line-height:normal;
	padding-bottom:4px;
	color:#333;
}
#sidebar p {
	font-size:14px;
	line-height:normal;
	color:#4c4c4c;
	font-weight:400;
	padding-bottom:7px;
}
.widget { padding-bottom:15px}

#navigation { clear:both; padding:15px 0 }
#navigation span { display:inline-block; padding:0; padding:3px 5px }
#navigation a { display:inline-block; font-size:18px }
#slider {
	max-height:600px !important;
}
#google_map {
	height:600px;
	width:100%;
	position:relative;
}
#google_map iframe {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}





/*new menu style*/
#menu_inn {  
	padding: 27px 0 10px 0;
}
#showTop {
	width: 78px;
	height: 78px;
	display: block;
	/*background: url(images/mobile_menu.png) no-repeat;*/
	position: absolute;
	left: 44px;
	top: 50px;
	z-index: 99;
	border: none;
	border-style: none;
	display: none;
	cursor:pointer;
	background:none;
	border:none;
	padding: 0;
	margin: 0;	
}

#showTop.active {
	width: 42px;
	height: 42px;
	/*background: url(images/mobile_close.png) no-repeat;*/
	position:  fixed;
	top: 13px;
	display: none;
}
#showTop img {
	display: block;
	width: 100%;
	height: auto;
	border:none;
	padding: 0;
	margin: 0;	
}
#showTop img:nth-child(1) { display: block;}
#showTop img:nth-child(2) { display: none;}
#showTop.active img:nth-child(1) { display: none;}
#showTop.active img:nth-child(2) { display: block;}
.cbp-spmenu ul {
	padding: 0; 
	margin: 0;
	padding-top:30px
}
.cbp-spmenu ul li { 
	width: 100%;
	padding:9px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.cbp-spmenu ul li a {
	display: block;
	font-size: 14px !important;
	color: #fff;
	line-height: 23px;
	text-transform: uppercase;
	text-align: center;
}
.cbp-spmenu ul li a:hover,
.cbp-spmenu ul li a:active {
	color: #fff;
}
.menu_icon_area { 
	text-align: center;
	padding-top: 15px;
	width:320px;
	margin:0 auto; 
}
.menu_icon_area small { float: left; }
.menu_icon_area a {
	min-height: 17px;
	padding-left: 20px;	
	-webkit-background-size: auto 17px;
	background-size: auto 17px;
	margin: 0 11px;
	font-size: 10px;
	color: #fff;
	display: block;
	float: left;
}
.icon_menu1 {
	background: url(images/icon_menu2.png) no-repeat;
	padding:3px 0 0 15px;
}
.icon_menu2 {
	background: url(images/icon_menu1.png) no-repeat;
	padding:3px 0 0 20px;
}
.icon_menu3 {
	background: url(images/icon_menu3.png) no-repeat;
	padding-left:3px 0 0 19px;
	max-width: 90px;
	text-align:left;
	line-height:13px;
}
.mobile_logo { 
	z-index: 9999999; 
	position: absolute;
	top: 10px;
	right: 46%;
	display: none;
}
.bottom_content {
	color:#4c4c4c;
	font-size:15px;
	line-height:27px;
}
.bottom_content img {
	margin-top:30px;
}
#content_prev_next {
	width:205px;
	float:right;
}
#content_prev_next ul {
	 overflow:hidden;
	 list-style-type:none;
	 padding:0;
}
#content_prev_next ul li {
	font-size:15px;
	font-weight:700;
	color:#333;
	list-style-type:none;
	text-transform:uppercase;
}
#content_prev_next ul li a {
	color:#333;
	display:inline-block;
}
#content_prev_next ul li.content_prev a {
	background:url(images/bgr_arrow_left.png) no-repeat left center;
	padding-left:17px;
}
#content_prev_next ul li.content_next a {
	background:url(images/bgr_arrow.png) no-repeat right center;
	padding-right:23px;
}
#content_prev_next ul li.content_prev {
	float:left;
}
#content_prev_next ul li.content_next {
	float:right;
}
#breadcrumb_area {
	 max-width:1038px;
}