/*
	Theme Name: IKS Custom Theme
	Theme URI: http://inner-circle.co.nz
	Description: John's base theme
	Version: 1.0
	Author: John Fenton
	Author URI: http://inner-circle.co.nz
	Tags: Blank, HTML5, CSS3
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
html {
}
body {
	font-family:'Roboto', Helvetica, Arial, sans-serif;
	font-weight: 300;
	color:#444;
	margin: 0;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
	-webkit-transition: all 0.3s ease;
 	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

strong { font-weight: 900; }

.intro-anch {
    position: relative;
    top: -240px;
}

#mobile-head, .mob-banner { display:none; }

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/


/* header */

header.large {
    position: fixed;
    z-index: 1;
	width:100%;
	height: 182px;


}

header.small {
    position: fixed;
    z-index: 99;
	width:100%;
	height: 84px;
	background: rgba(0, 0, 0, 1);

}


 header, .header, .head-inner, .logo-img, .nav, .logo {
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
}

header.large .head-inner { max-width: 1420px; margin: 50px auto;}

header.small .head-inner { max-width: 1420px; margin: 0px auto;}

header.large .logo { display: inline-block; margin: 0; }
header.small .logo { display: inline-block; margin: 9px 0 0; }
.logo a { display:block;}
header.large .logo-img { width: 272px; height:82px; }
header.small .logo-img { width: 230px; height:69px; }

/* Main Nav */

.nav { float: right; margin: 33px 0 0 0 ; }
.nav ul { margin:0; padding:0; }
.nav li { margin: 0; padding: 0; list-style: none; display: inline-block;}
.nav a { padding:5px 10px; margin: 0 5px; color: #fff; font-weight: 900; font-size: 18px; }
.nav a:hover { color:#84b840; }

.hotspot-nav { float: right; margin: 33px 14px 0 7px; color: #fff;}
.hotspot-nav a { 
padding: 5px 5px;
margin: 0 5px;
color: #fff;
font-weight: 300;
font-size: 18px; }


.hotspot-nav a:hover { color:#84b840;  }

/* hero */

section {
    position: relative;
    width: 100% !important;
    margin:0;
    padding: 0;
    overflow: hidden;
}

section:nth-of-type(1){height:890px;}
section:nth-of-type(2){height:890px;}

#main-banner>div:nth-of-type(1){
	
    margin: 0;
    height: 890px;
    position:absolute;
    top:0;
	left:0;
    width:100%;   
}


.home-banner { width:100%; max-width:1676px; padding:0; }

.top-page {
    margin: 0 auto;
    padding: 0;
    text-align: center;
	background: #000; 
    width: 100%;
    height: 890px;
}

.banner {
    height: 420px;
    margin: 0;
   
}

#main-banner h2 {
    font-weight: 300;
    z-index: 1;
    position: absolute;
    color: #fff;
    font-size: 60px;
    left: 50%;
	top: 40%;
    margin-left: -537px;
}

.hero-butt {
	position: absolute;
	z-index: 1;
	top: 60%;
	color: #fff;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 18px;
	border: 1px #fff solid;
	padding: 23px 30px;
	left: 50%;
	margin-left: -101px;
	background: rgba(0, 0, 0, 0.25);
}

.hero-butt:hover { background: rgba(0, 0, 0, 1); color: #fff;}


.panel2 {
    margin: 0 auto;
    padding: 0;
	background: #40383a url(img/panel-2.png) 0 0 no-repeat fixed; 
    width: 100%;
    height: 890px;
	position: relative;
}

.mob {
    margin: -76px 20% 0;
	position:relative;
	z-index: 999;
}

.home-txt { color:#fff; padding: 0 40px 0 0;  }
.byline { color:#756f70; font-weight: 900; margin: 70px 0 20px;}


.panel3 {
    margin: 0 auto;
    padding: 0;
	background: #599ecc url(img/panel-3.png) 0 0 no-repeat fixed; 
    width: 100%;
    height: 500px;
	position: relative;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 1px #2d8bc9;
}

.panel3 h2 { margin: 80px 10px 40px; }
.panel3 p { max-width: 800px; margin: 0 auto 40px; position: relative; }
.panel3 p::before { content:url(img/commas-1.png); position: absolute; left: -9%; }
.panel3 p::after { content:url(img/commas-2.png); position: absolute; right: -9%; }
.panel3 h3 { font-size:24px; letter-spacing: -1px; margin:0; }
.panel3 h4 { font-size:24px; letter-spacing: -1px; margin: 0; font-weight: 300; }



.panel4 {
    margin: 0 auto;
    padding: 0;
	background: #9fcf61 url(img/panel-4.png) 0 0 no-repeat fixed; 
    width: 100%;
    height: 890px;
	position: relative;
}

.home-txt2 { color:#fff; padding: 0 0 0 20px; z-index: 2; position: relative; }

.byline2 { color:#9fcf61; font-weight: 900; margin: 70px 0 20px;}
.hand-mob { position: absolute; bottom: 0; right: 0;z-index: 1; }

/*------------------------------------*\
    PAGES
\*------------------------------------*/

.top-content-page {
    width: 100%;
    height: 400px;
    background: #444;
    color: #fff;
    overflow: hidden;
    text-align: center;
    position: relative;
    padding: 140px 50px 20px;
}

.top-content-page h1 {
    font-size: 83px;
    letter-spacing: -2px;
	margin: 53px auto -13px;
}

.content { max-width:1000px; padding: 80px 20px 30px; margin: 0 auto; min-height: 600px; background: #fff;}

.page-template-contact .content {background:none;}


/* Interactive map  ////////////////////////////////////////////////////////*/

.st0{ fill:#295401; stroke:#FFFFFF; stroke-width:0.5;}

#map-graphic {
max-width: 554px;
margin: 50px 0;
float: right;
}

.region {
    cursor: pointer;

}

.building-tap { 
	margin: 70px 0 0 0; 
    transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;}


#map-graphic .region {
    opacity: 0.6;
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

#map-graphic:hover .region {
    opacity: 0.5;
}

#map-graphic:hover .active {
    opacity: 1;
}

#map-graphic .region:hover, #map-graphic .active {
    opacity: 1;
    /* stroke-dasharray: 15, 4; */
    /* stroke: #0b0a3a; */
    /* stroke-width: 1px; */
    -webkit-transition: opacity none;
    transition: opacity none;
}

#map-graphic .region:active {
    opacity: 0.9;
}

.building-tap {
	display: none;
}
.active{
	display: block;
}

.page-template-locations-map main {
	background: url(img/panel-4.png) 0 0 no-repeat fixed;
	color:#fff;
	}

.building-tap ul{ margin:0; padding: 0; }

.building-tap li { list-style-type:none; margin:0; }

.building-tap li a { font-size: 18px; font-weight: 900; margin: 0 0 10px 5px; color: #fff; display: inline-block; text-shadow: 0px 1px 2px #396411; }

.building-tap li a:hover { color:#4b7615; }

.location-icon {
    display: inline-block;
    margin: 0 15px 7px 0;
}

.contact-details p { font-weight:900; font-size:16px;}

.contact-details a {text-decoration:underline; }

.desc-para {
    border-bottom: 1px #444 solid;
    padding: 0 0 70px;
    margin: 0 0 70px;
}

/*------------------------------------*\
    Forms
\*------------------------------------*/

.page-template-contact main {
    background: url(img/panel-4.png) 0 0 no-repeat fixed;
    color: #fff;
}

#frm_form_7_container { display:block; }

.frm_style_formidable-style.with_frm_style label.frm_primary_label, .frm_style_formidable-style.with_frm_style.frm_login_form label {
    color: #fff;
    display: block;
    font-family:'Roboto', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 900;
	text-shadow: 0px 1px 2px #396411;
    margin: 0;
    padding: 0 0 3px;
    text-align: left;
    width: auto;
}

#form_contact2 { margin:0 0 50px; }

.frm_style_formidable-style.with_frm_style input[type="text"], .frm_style_formidable-style.with_frm_style input[type="password"], .frm_style_formidable-style.with_frm_style input[type="email"], .frm_style_formidable-style.with_frm_style input[type="number"], .frm_style_formidable-style.with_frm_style input[type="url"], .frm_style_formidable-style.with_frm_style input[type="tel"], .frm_style_formidable-style.with_frm_style input[type="file"], .frm_style_formidable-style.with_frm_style input[type="search"], .frm_style_formidable-style.with_frm_style select {
    height: 45px;
    line-height: 1.3;
}

.frm_style_formidable-style.with_frm_style input[type="text"], .frm_style_formidable-style.with_frm_style input[type="password"], .frm_style_formidable-style.with_frm_style input[type="email"], .frm_style_formidable-style.with_frm_style input[type="number"], .frm_style_formidable-style.with_frm_style input[type="url"], .frm_style_formidable-style.with_frm_style input[type="tel"], .frm_style_formidable-style.with_frm_style input[type="phone"], .frm_style_formidable-style.with_frm_style input[type="search"], .frm_style_formidable-style.with_frm_style select, .frm_style_formidable-style.with_frm_style textarea, .frm_form_fields_style, .frm_style_formidable-style.with_frm_style .frm_scroll_box .frm_opt_container, .frm_form_fields_active_style, .frm_form_fields_error_style, .frm_style_formidable-style.with_frm_style .chosen-container-multi .chosen-choices, .frm_style_formidable-style.with_frm_style .chosen-container-single .chosen-single {
    background-color: #fff;
    border-color: #718524;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    box-sizing: border-box;
    color: #444;
    font-size: 14px;
    font-weight: 300;
    max-width: 100%;
    outline: medium none;
    padding: 6px 10px;
    width: 100%; }
	
.frm_style_formidable-style.with_frm_style input[type="submit"], .frm_style_formidable-style.with_frm_style .frm_submit input[type="button"], .frm_form_submit_style, .frm_style_formidable-style.with_frm_style.frm_login_form input[type="submit"] {
    background: #4b7615 none repeat scroll 0 0;
    border-color: #718524;
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    box-shadow: 0 1px 1px #9fcf61;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-family:'Roboto', Helvetica, Arial, sans-serif;
    font-size: 29px;
    font-weight: 800;
    height: auto;
    line-height: normal;
    margin: 10px 0;
    padding: 18px 11px;
    text-align: center;
    text-shadow: none;
    vertical-align: middle;
    width: 100%;
		-webkit-transition: all 0.3s ease;
 	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.frm_style_formidable-style.with_frm_style input[type="submit"]:hover, .frm_style_formidable-style.with_frm_style .frm_submit input[type="button"]:hover, .frm_style_formidable-style.with_frm_style.frm_login_form input[type="submit"]:hover {
    background: #34540c none repeat scroll 0 0;
    color: #fff;
}




/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/


h2 { font-size:48px; letter-spacing: -1px; margin: 0 0 40px;}

 p { font-size:18px; line-height: 30px; }

.content a { text-decoration:underline; font-weight: 900;}

.content a:hover { color:#84b840;  }

.content ul { margin:0; padding:0; }

.content li { padding:0; margin:0 0 20px 15px; font-size:18px; list-style-type: square; }

.content  h4 { font-size: 40px; }

.content  h3 {line-height: 28px; }

.page-id-11 h2 { margin: 0; }

.page-id-11 h2 a { text-decoration: none; }

.page-id-11 h2 a:hover { color:#84b840; }

.page-id-11 h3 { font-weight:300; margin: 0 0 40px; border-bottom: 1px solid #444; padding:0 0 40px;}


/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}


/*------------------------------------*\
    FOOTER
\*------------------------------------*/


footer { width:100%; background: #000; }  

.contact-panel {
    margin: 0px auto 0;
    padding: 0;
	background: url(img/panel-5.jpg) 50% -70% no-repeat fixed;
    width: 100%;
    height: 550px;
	position: relative;
	text-align: center;
	overflow: hidden;
}

.contact-panel h2 { color: #fff; margin: 80px 0 0; }
.contact-panel p { color:#fff; }
.contact-panel h3 { font-size: 30px; color: #6da02b; border: 0; }

.green-butt {
    color: #fff;
    font-size: 24px;
    font-weight: 900;
    background: #6da02b;
    padding: 20px 20px;
    display: block;
    max-width: 251px;
    margin: 56px auto 0;
}

.green-butt:hover { color: #fff; background: #3f670b;}

.copyright {
    font-size: 13px;
    padding: 25px;
    margin: 0 auto;
    text-align: center;
    color: #676361
}

.copyright a { color: #676361; text-decoration: underline; }

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width: 1288px) {
	
.hotspot-nav { margin: -24px 14px 0 7px;}
.hotspot-nav a { font-size: 14px;}
#main-banner h2 {
    position: absolute;
    color: #fff;
    font-size: 60px;
    top: 40%;
    margin: 0 30px !important;
	left: inherit;}
	
.mob { margin: 0 40px 0 !important;  max-width: 82%;}
.hand-mob { opacity: .4;}
.home-txt2 {padding: 0 20px 0 20px; }
.home-txt {
    color: #fff;
    padding: 0 40px 0;
}

.page-template-contact main {background:#6da02b url(img/panel-4.png) 0 0 no-repeat;}
.page-template-locations-map main {background:#6da02b url(img/panel-4.png) 0 0 no-repeat;}
.panel2 { background: url(img/panel-2.png) 0 0 no-repeat; }
.panel3 { background: url(img/panel-3.png) 0 0 no-repeat; }
.panel4 { background: url(img/panel-4.png) 0 0 no-repeat; }
.contact-panel { background: url(img/panel-5.jpg) 0 0 no-repeat;}

	
}

@media only screen and (max-width: 970px) {

	.panel3 p::before {display:none;}
	.panel3 p::after {display:none;}
	.panel3 p {margin: 0 20px 40px;}
	
	
}


@media only screen and (max-width: 790px) {
	
.header { display: none; }
	
#mobile-head {
    background: #000 none repeat scroll 0 0;
    display: block;
    height: 77px;
    padding: 4px;
    position: fixed;
    width: 100%;
    z-index: 9999;
    box-shadow: 0 0 21px -8px #000;
}
#mob-logo { float: left; margin: 0 0 0 -8px; max-width: 232px;}

.mobmenu{ width:34px; height:28px; background:url(img/open.png) top no-repeat; display:block; float:right; cursor: pointer; margin: 20px 17px 0 0;}
	
.mm-list > li > a, .mm-list > li > span {
    text-transform: none !important;
    font-weight: 900 !important;
}
#main-banner h2 {top: 23%; }
	
p {
    font-size: 14px;
    line-height: 25px;
}
h2 {
	font-size: 30px; }

	
}

@media only screen and (max-width: 480px) {

#main-banner h2 { top: 16%; font-size:40px; }
	
.hero-butt {top: 42%; }	
.mob {
    margin: -380px auto 0 !important;
    max-width: 100%;
}
	
.panel2 {  height: 970px; }
.panel3 h2 { margin: 32px 10px 40px;}
.panel3 { height: 580px; }
.panel3 h4 { margin: 0 20px;}
.top-content-page h1 {
    font-size: 32px;
    letter-spacing: -1px;
    margin: 53px auto -13px;
}
	
.building-tap {
	margin: 0px 20px 40px;}
.top-content-page {
    width: 100%;
    height: auto;
    background: #444;
    color: #fff;
    overflow: hidden;
    text-align: center;
    position: relative;
    padding: 57px 50px 42px;
}
	
	.content { padding: 40px 20px 30px;}
	
}