/*

Theme Name: WordPress Template #1

Author: Kingfisher Creative
Description: This is our first template
Date: 13/10/2014
Author URI: http://www.kingfishercreative.com.au/
Description: Grid system for responsive design
Version: 0.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/
body,html{height: 100%;}
body {
	line-height: 1.7;
	font-family: 'Raleway', sans-serif;;
	background-color: #000000;
}
.montage{background: url(images/template/bg.jpg) repeat-x top center #000000;background-scroll:static;/* min-height: 100%;height:100%; *//* background-color:#090909;width: 100%;background */}

.sm-spacer{margin-top: 15px;}
.md-spacer{margin-top: 20px;}
.lg-spacer{margin-top: 30px;}
.xl-spacer{margin-top: 60px;}
.align-set{vertical-align: middle;margin-top: 20px;}
.white{background: #ffffff;}

.spread{padding-top: 10px;padding-bottom: 10px;}
/* .logo img{width: 100%;} */
/* .logo {padding-right:30px} */

.content{text-align: center;color: #ffffff;}

.content ul li a:hover{transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s}
.content ul li a:hover{background: #000000;}

.reset-left{padding-left: 0;}

a.instagram {color: #000000}

.nav-pills > li {margin-right: 10px;}
.nav-pills > li:last-child {margin-right: 0px;}
.shadowed {

filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=20, OffY=20, Color='#000000')";

filter: url(#drop-shadow);

-webkit-filter: drop-shadow(20px 20px 40px rgba(0,0,0,1));

filter: drop-shadow(20px 20px 40px rgba(0,0,0,1));

}



img.desaturate{



}


.slider .flexslider .slides img{
-webkit-filter: grayscale(1); -webkit-filter: grayscale(100%);

filter: gray; filter: grayscale(100%);


filter: url(../images/template/desaturate.svg#greyscale);
}
.slider .flexslider .slides img:hover{
	-webkit-filter: grayscale(0); -webkit-filter: grayscale(0%);
	filter: color; filter: grayscale(0%);
}



.nav a{text-transform: uppercase;color: #000000}
/*

.contentslider{position: relative}
.content{overflow: hidden;}
.contentslider ul{list-style: none;width: 2000px;display: block;padding-left: 0;}
.content ul li {width:900px;float: left;display: block;margin-right: 50px;}
*/


.section h3{font-family: 'Raleway', sans-serif;margin-top:30px;}

		.section .sub p{
/* 			width:550px; */
			margin:0 0 10px 0;
/* 			font-size:85%; */
/* 			line-height:1.4em; */
		}
		.section .next, .section .prev{
			font-size:18px;
			position:absolute;
			bottom:15px;
			letter-spacing:-2px;
		}
		.section .next{
			right:30px;
		}
		.section .prev{
			left:30px;
		}

#navigation, #content,.section{
	padding:0;
	margin:0;
	list-style:none;
}
#content{margin-bottom: 30px !important;}

.section .btn-default,input.btn-default,.nav-pills > li > a{background: none;color: #fff;text-transform: uppercase;padding: 10px 50px;-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px; /* future proofing */
-khtml-border-radius: 0px; /* for old Konqueror browsers */
}
.section .btn-default:focus:after,.section .btn-default:after,.nav-pills > li > a:focus:after,.nav-pills > li > a:after{-moz-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);}


.nav-pills > li > a,
.nav-pills > li > a:focus,
.section .btn-default,
.section .btn-default:focus,
input.btn-default,
input.btn-default:focus{
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
  padding: 17px 32px;
  border: 1px solid #fff;
  margin: 0 0 3px;
  display: inline-block;
  cursor: pointer;
  outline: 0;
  color: #ffffff;
  background: transparent;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: none !important;
  text-align: center;
  position: relative;
  overflow: hidden;
  letter-spacing: 0.2em;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.nav-pills > li > a:after,
.nav-pills > li > a:focus:after,
.section .btn-default:after,
.section .btn-default:focus:after,
input.btn-default:after,
input.btn-default:focus:after{
  content: '';
  position: absolute;
  z-index: -1;
  width: 0%;
  height: 100%;
  top: 0;
  left: 0;
  background: #ffffff;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus:hover,
.nav-pills > li.active > a:active,
.nav-pills > li.active > a:focus:active,.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{background: #ffffff;color: #000000;}

.nav-pills > li > a:hover,
.nav-pills > li > a:focus:hover,
.section .btn-default:hover,
.section .btn-default:focus:hover,
input.btn-default:hover,
input.btn-default:focus:hover{
  color: #000000;
}
.nav-pills > li > a:hover:after,
.nav-pills > li > a:focus:hover:after,
.section .btn-default:hover:after,
.section .btn-default:focus:hover:after,
input.btn-default:hover:after,
input.btn-default:focus:hover:after{
  width: 100%;
}
.nav-pills > li > a:active,
.nav-pills > li > a:focus:active,
.section .btn-default:active,
.section .btn-default:focus:active,
input.btn-default:active,
input.btn-default:focus:active{
  -moz-transform: translateY(2px);
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}





.content h2{font-family: 'Raleway', sans-serif;font-size: 16px;}

.flex-caption{position: absolute;top:-100px;text-align: center;width: 60%;margin: 0 20%;font-size: 16px;}
header .contact{color: #000000;text-transform: uppercase;}
header a.contact.btn:hover{background: #000000;color: #ffffff;}
header a.contact.btn{border:none;-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px; /* future proofing */
-khtml-border-radius: 40px; /* for old Konqueror browsers */}

footer{text-align: center;font-size: 12px;font-family: 'Raleway', sans-serif;padding: 40px 15px;float: left;width: 100%}
footer,footer a{color: #ffffff;}
/* footer a,footer span{padding: 0 30px;} */

footer ul{list-style: none;padding-left: 0;}
footer ul li{display: inline-block;padding: 0 15px;}

footer ul li:after{content: "]";padding-left: 15px;}
footer ul li:before{content:"[";padding-right:15px;}
footer ul li:first-child:before,footer ul li:last-child:after{content:"";padding: 0;}

footer ul li a{display: inline-block;background: none;color: #fff;padding: 4px 10px;}  
footer ul li a:hover{text-decoration:none;padding: 4px 10px;display: inline-block;
background: #ffffff;color:#000000;-o-transition:color .5s ease-out, background .2s ease-in;
-ms-transition:color .5s ease-out, background .2s ease-in;
-moz-transition:color .5s ease-out, background .2s ease-in;
-webkit-transition:color .5s ease-out, background .2s ease-in;

transition:color .5s ease-out, background .2s ease-in;}

.rotate{
	-webkit-transition-duration:0.8s;
	-moz-transition-duration:0.8s;
	-o-transition-duration:0.8s;
	transition-duration:0.8s;  
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
    overflow:hidden;
}  
 
.rotate:hover{
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
}  
@media (min-width: 1200px){
	.slider{padding-top: 216px;}
	#content{margin-left: 10% !important;}
	.strapline{margin-top: 22px;font-size: 13px;}
	.centered-nav{width: 71%;margin: 0 auto !important;}
}
@media (min-width:992px) and (max-width:1199px){
	.slider{padding-top: 246px;}
	#content{margin-left: 1% !important;}
		.strapline{margin-top: 15px;font-size: 13px;}
		.centered-nav{width: 71%;margin: 0 auto !important;}

}
@media (min-width: 992px){
	.contact-blurb{padding:0 14%;}
.carousel-caption{left:0%;right:0%;}

.item.carousel-height{height: 350px;}
	#content{
/* 		overflow:hidden; */
		width:900px;
/*
		position:relative;
		height:315px;
		float:left;
*/
	}
	.section .sub{
		position:relative;
		float:left;
		padding:9px 21px 42px 45px;
		width:900px;
		height:300px;
	}

}
@media (min-width: 768px) and (max-width: 991px){
	.strapline{margin-top: 25px;font-size: 13px;}
	.centered-nav{width: 90%;margin: 0 auto !important;}
	.carousel-caption{left:0%;right:0%;}
	.item.carousel-height{height: 350px;}
	#content{
/* 		overflow:hidden; */
		width:718px;
		position:relative;
		height:380px;
		float:left;

	}
		.section .sub{
			position:relative;
			padding:9px 21px 42px 45px;
			width:705px;
			height:300px;
					float:left;


	}
	
}
@media (max-width: 991px){
		.slider{padding-top: 280px;}
		
	


}
@media (min-width: 768px){
/* 	#content ul,#content ul li{list-style: outside none none;padding: 0 30px;margin: 0;} */
	.slidedown {
		  margin:0 auto;
	
	  margin-top: -900px;
	    height:900px;
	    width:100%; padding:20px 50px;
    }
	.section{
	width:3700px;
	position:relative;
	text-align: center;
	color: #fff;
	}
}

@media (min-width: 595px) and (max-width: 767px){
		.item.carousel-height{height: 450px;}
}
@media (min-width: 480px) and (max-width: 594px){
		.item.carousel-height{height: 650px;}
}
@media (max-width: 479px){
		.item.carousel-height{height: 850px;}
}
@media (max-width: 767px){
	.strapline{margin-top: 5px;font-size: 13px;}
	#content ul,#content ul li{list-style: outside none none;padding: 0 10px;margin: 0;}

	
	.slidedown{
		  margin:0 auto;
	
	  margin-top: -1200px;
	    height:1200px;
	    width: 100%;
	    padding: 20px 30px;
    }
	.section{
	width:100%;
	position:relative;
	text-align: center;
	color: #fff;
	}
	#content{
/* 		overflow:hidden; */
/*
		max-width: 767px;
		min-width: 480px;
*/
		width:100%;
		position:relative;
/* 		height:660px; */
		float:left;

	}
		.section .sub{
			position:relative;
			padding:9px 21px 42px 45px;
				float: left;
/*
			max-width:760px;
			min-width:300px;
*/
			width: 100%;
/* 			height:360px; */

	}
}



/* 
	
	***
	***
	***
	
	***	Below this line is KC BC styles ***
	
	***
	***	
	***

*/


/*

Secure zone styles
*/
.secure-zone input.cat_textbox_small{width: 100%;display: inline-block;margin-right: 8px;}
.secure-zone .password-retrieve{text-align: right;}
.secure-zone .password-retrieve a{color: #eeeeee;font-size: 12px}
/*

Slider styles

*/




.slider .flexslider .flex-direction-nav a:before,.partners .flexslider .flex-direction-nav a:before  { font-family: "FontAwesome";  display: inline-block; content: '\f104'; }

.slider .flex-direction-nav a.flex-next:before,.partners .flex-direction-nav a.flex-next:before  { content: '\f105'; }

.slider .flexslider{
	background: none;
	margin-bottom: 0;
	border:none;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	position: relative;	
	-moz-box-shadow:    0px 0px 0px 0px #ffffff;
	-webkit-box-shadow: 0px 0px 0px 0px #ffffff;
	box-shadow:         0px 0px 0px 0px #ffffff;
}
.slider .flex-direction-nav a:before{font-size: 40px;}
.slider .flex-direction-nav a{height: 60px;}

.slider .flex-direction-nav a  { opacity: 0; color: #fff}
.slider .flex-direction-nav .flex-prev { left: 10px; }
.slider .flex-direction-nav .flex-next { right: 10px; text-align: right; }
.slider .flexslider:hover .flex-prev { opacity: 1; left: 10px; }
.slider .flexslider:hover .flex-next { opacity: 1; right: 10px; }


.slider .slide-info {background: none repeat scroll 0 0 rgb(0, 95, 128);color: #ffffff;padding: 25px 20px;position: absolute;/* width: 35%; */line-height: 1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;bottom: 10%;
}
.slider p{padding: 0;margin: 0;}
.slider em{font-style: normal;}

/* body{position: relative;} */
.slidedown h3{text-transform: uppercase;}
.slidedown .stop a{color: #ffffff;}
.slidedown .stop a em{border: 3px solid #ffffff;padding:3px 4px;-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 30px;
border-radius: 30px; /* future proofing */
-khtml-border-radius: 30px; /* for old Konqueror browsers */}

.slidedown {

  background-color: #000000;
}


.slidedown{color: #fff;background:url(images/template/contact-bg.jpg) left top no-repeat;}


.contact-blurb{text-align: center;margin-bottom: 30px;}
.contact-deets h4{text-transform: uppercase;margin:0 0 10px 0;}
.contact-deets ul{list-style: none;padding: 0;}
.contact-deets ul li{border-bottom: 1px solid #ffffff;padding:8px 0;}
.contact-deets ul li a{color: #fff;text-decoration: none;}
.contact-deets ul li a:hover{text-decoration: underline;}
/* 
	
	Social media styles
	
 */
.social-feed ul{list-style: none;padding-left: 0;}

#divRss ul{height: 295px;overflow: hidden;}
#divRss ul li{padding-bottom: 8px;margin-bottom: 8px;border-bottom: 1px solid #cccccc;}

#instagram-gallery img{width: 100%;margin-right: 8px;}
#instagram-gallery a{padding-left: 0;padding-right: 8px;margin-bottom: 8px;}

/* 
	
	Photo swipe gallery 
	
*/


.my-simple-gallery {
  width: 100%;
  float: left;
}
.my-simple-gallery img {
  width: 100%;
  height: auto;
}



/*

	Webform styling
*/
table.webform td #recaptcha_area table td{line-height: 1;}
table.webform{width: 50%}

input.cat_textbox,
textarea.cat_listbox,
select.cat_dropdown,
select.cat_listbox {
	width: 100%;
	text-transform: uppercase;
	background-color: #eceff0;
}

@media (max-width: 767px){
	
.contact-deets{margin-top: 330px;}
table.webform,.form{width: 100%;}

/* webform recaptcha */
.recaptchatable .recaptcha_r4_c4,.recaptchatable .recaptcha_r1_c1,.recaptchatable .recaptcha_r2_c1,.recaptchatable .recaptcha_r3_c1,.recaptchatable .recaptcha_r3_c2,.recaptchatable .recaptcha_r3_c3,.recaptchatable .recaptcha_r7_c1,.recaptchatable .recaptcha_r8_c1,.recaptchatable .recaptcha_r4_c2,.recaptchatable .recaptcha_r2_c2,.recaptchatable .recaptcha_r2_c2{display: none;}

table.webform .recaptchatable #recaptcha_image[style]{width: 100% !important;}
table.webform .recaptchatable .recaptcha_r4_c1{background: none !important;}
table.webform .recaptchatable .recaptcha_image_cell center img{width: 100% !important;}
/* #recaptcha_area, #recaptcha_table{width:100% !important;padding: 3%;background: #fff;} */
table.webform #recaptcha_area, table.webform #recaptcha_table,table.webform .recaptchatable{width:100% !important;background: #fff;/* padding: 3%; */}
table.webform  .recaptchatable #recaptcha_image[style]{width:200px !important;height:10px !important;}
table.webform  .recaptchatable .recaptcha_image_cell{width: 100%;}

table.webform  .recaptcha_input_area{width: 100% !important}
table.webform .recaptchatable #recaptcha_response_field{width: 90% !important;padding: 10px !important;}
table.webform .recaptcha_only_if_privacy{float: left;text-align: left;}
	
}