/*
Theme Name: KCN
Theme URI: http://www.kc-natural.com.au
Description: This theme has been designed by Central Web Services.
Version: 1.0
Author: Central Web Services.
Author URI: http://www.centralwebservices.com.au
*/

/*
dark blue: #002645
light blue: #1e5da7;
brown: #905142;
Green: #009c56
*/


/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
    font-family: 'Angelina';
    src:url('fonts/Angelina.ttf.woff') format('woff'),
        url('fonts/Angelina.ttf.svg#Angelina') format('svg'),
        url('fonts/Angelina.ttf.eot'),
        url('fonts/Angelina.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'flexslider-icon';
  src: url('fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}



.width-value {
position: fixed;
bottom: 0px;
background-color: #CCC;
border: 0px solid #C00;
width: 100px;
display: none;
z-index:5;
}


* {
margin: 0px;
padding: 0px;
	}

body {
position: relative;
background-color: #FFFFFF;
/*font-family: Franklin Gothic Medium,Franklin Gothic,ITC Franklin Gothic,Arial,sans-serif;
font-family: 'Roboto', sans-serif;
*/
font-family: "franklin-gothic-urw", sans-serif;
font-style: normal;
font-weight: 400;

font-size: 16px;

color: #002645;

}

/*
        header{
            position: fixed;
            width: 100%;
            text-align: center;
            font-size: 72px;
            line-height: 108px;
            height: 108px;
            background: #335C7D;
            color: #fff;
            font-family: 'PT Sans', sans-serif;

            // set animation
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

        header.sticky {
            font-size: 24px;
            line-height: 48px;
            height: 48px;
            background: #efc47D;
            text-align: left;
            padding-left: 20px;
        }
 */




/* HEADER */

#top_row_outer {
	position: fixed;
	top: 0px;
	width: 100%;
	height: 25px;
	background-color: #002645;
	z-index: 99;
	background-position:bottom;
}

#top_row {
position: relative;
margin: 0 auto;
height: 25px;
width: 935px;
border: 0px solid #0F0;

	}
	
	#top_row ul{
	float: right;
	border: 0px solid #0F0;	
	list-style-type: none;
	margin-top: 2px;
	padding: 0px;
	}
	#top_row ul li{
	float: left;
	margin: 0px 0px 0px 10px;
	padding: 0px;	
	}
	#top_row ul li a{
	color: #FFF;
	text-decoration: none;	
	text-transform: uppercase;
	font-size: 12px;
	line-height: 14px;
	}
    #top_row ul li a:hover{
	text-decoration: underline;	
	}


#header_outer {
	position: fixed;
	top: 25px;
	width: 100%;

	height: 55px;


	background-color: #FFF;
z-index: 99;
background-position:bottom;
-webkit-box-shadow: 0 4px 4px -2px rgba(0,0,0,0.3);
   -moz-box-shadow: 0 4px 4px -2px rgba(0,0,0,0.3);
        box-shadow: 0 4px 4px -2px rgba(0,0,0,0.3);
}



#header {
position: relative;
margin: 0 auto;
height: 55px;
width: 935px;
border: 0px solid #0F0;

	}


	#header h1{
display: block;
position: absolute;
top: -25px;
left: 0px;
width: 239px;
height: 216px;
border: 0px solid #0F0;
background-image: url(images/logo_bg.png);
background-repeat: no-repeat;
background-size: 239px 216px;
/*
transition: all 1s ease-in-out; 
  -moz-transition: all 1s ease-in-out; 
  -o-transition: all 1s ease-in-out; 
  -webkit-transition: all 1s ease-in-out; 
*/ 
	}
	
	#header h1.small-logo{	
/* top: -100px; */
	}

	#header h1 a{
	display: block;
	
	width: 198px;
	height: 122px;
	border: 0px solid #0F0;
	background-image: url(images/KCN_logo.png);
	background-repeat: no-repeat;
	text-indent: -9000px;
	z-index: 0;
	background-size: 198px 112px;
	margin: 65px 0px 0px 18px;

	}
	
	#header h1.small-logo a{
	/*	margin: 80px 0px 0px 18px; */
	}
	
	#header nav {
	border: 0px solid #0F0;	
	float: right;
	width:670px;
	}
	
	#hp_slider_outer {
	display: block;
	width: 100%;
	height: auto;
    margin-top: 80px;
	border: 0px solid #C00;
	background-color: f9f8e8;
	position: relative;
}





#para_outer {
	display: block;
	
	width: 100%;




	/* background-color: #FFF;*/
	
	 /* The image used 
  background-image: url('http://www.kcnatural.com.au/content/uploads/HP_slide_1-1.jpg');
  */

    /* Set a specific height 
    height: 600px;
	*/
	
	
	height: 31vw;

    /* Create the parallax scrolling effect 
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;

	
border: 0px solid #0F0;
background-size: cover;
*/	
}

#para_outer  video#vid {margin-top: 80px; width:100%; height:auto; position: fixed; z-index:1}



	#title {
position: absolute;
top: 65%;
width: 100%;
height: 95px;
border: 0px solid #C00;
text-align: center;
/* background-color:rgba(255,255,255,0.5); */
z-index: 2;
}

#title h2{
	display: inline-block;
	left: 50%;
	margin: 0px 0px 0px 0px;


color: #FFF;
font-size: 50px;
line-height:45px;

border: 0px solid #C00;
text-shadow: 2px 2px 4px #000000;

font-family: "franklin-gothic-urw",sans-serif;
font-style: normal;
font-weight: 400;
}

#title h2 span{
font-size: 50px;
font-family: 'Angelina';
line-height: 45px;	
}

#hp_slider,
#header_slider{
position: relative;
margin: 0 auto;
height: auto;
width: 100%;
border: 0px solid #C00;
overflow: hidden; 
	}
	
	
	
	
	
	
	p.flex-caption {
		position: absolute;
		bottom: 0px;
border: 0px solid #C00;	
width: 100%;
background-color:rgba(0, 0, 0, 0.3);
padding: 10px 0px 10px 15px;
color: #FFF;
font-size: 16px;
text-transform: uppercase;
	}
	
	

#hp_button_left {
    border: 0px solid #000;
    float: left;
    height: 144px;
	width: 144px;
    
    position: absolute;
    top: 20px;
    right: 55px;
    z-index: 90;

	background-image: url(images/decal_aust_owned.png);
    background-size: 144px 144px;
    background-repeat: no-repeat;
}

/* Slider */

/*subnav*/

#subnav-outer{
	width: 100%;
	background-image: url(images/bg_linen.jpg);
    height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#subnav {

margin: 0 auto;

width: 935px;
height: 55px;
border-left: 0px solid #777;
border-right: 0px solid #777;
padding: 18px 10px 4px 10px;
box-sizing: border-box;
}

#subnav ul{

margin: 0 auto;
padding: 0px;
min-height: 14px;
list-style-type: none;	
border: 0px solid #C00;
display: block; text-align:center;
}

#subnav ul li{
display: inline-block;
margin: 0px 15px 0px 0px;
padding: 0px;
font-size:14px;
line-height: 20px;
}

#subnav ul li:last-child{margin-right: 0px;}

#subnav ul li a{

color: #002645;
text-decoration: none;
text-transform: uppercase;	
}

#subnav ul li a:hover{
color: #1e5da7;

}

#subnav ul li.active a{
color: #1e5da7;

}


#farms-subnav-outer{
	width: 100%;
	background: #eee;
    height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/* Content */

#content-outer {
	position: relative;
width: 100%;
padding: 0px 0px 0px 0px;
margin-top: 125px;
background-color: #FFF ;
z-index:2;
}

#content-outer.home {
margin-top: 0px	
}

#content-outer.proj_single {

	background-image: url(images/slider_bg.jpg);
	background-size: 100% 450px;
	background-position: top;
	background-repeat: no-repeat;
	
}

#content {

margin: 0 auto;

width: 935px;
border-left: 0px solid #777;
border-right: 0px solid #777;
padding: 40px 15px 20px 15px;
box-sizing: border-box;
}



#content p{

font-size:16px;
line-height:1.4em;
margin: 0px 0px 20px 0px;	
}


#content p a{

text-decoration: none;
color: #1e5da7;
}

#content p a:hover{

text-decoration: underline;

}

#content p a:visited {
color: #666;	
}


.drop_shadow {
-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.45);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.45);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.45);	

}

.no_shadow {
-webkit-box-shadow: none;
-moz-box-shadow:  none;
box-shadow:  none;

}



#content img.kcn_image{
	width: 100%;
	height: auto;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	 box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
border: 15px solid #FFF;
margin-top: 20px;	
}


#content .wp-caption{
	position: relative;
width: 100% !important;
	height: auto;
	padding-bottom: 30px;
	
}

#content .wp-caption .wp-caption-text {
	position: absolute;
	bottom: 50px;
	
	border: 0px solid #C00;
	width: 100%;
	
	text-align: center;
	margin-left: 15px;
}

#content .wp-caption .wp-caption-text span{
	
	border: 0px solid #0f0;
	padding: 5px;
	font-family: 'Angelina';
font-size: 28px;
color: #FFF;
background: rgba(255, 255, 255, 0.33); 
padding: 5px 10px 3px 10px;	
line-height: 40px;
}


#content img.no_shadow {
-webkit-box-shadow: none;
-moz-box-shadow:  none;
box-shadow:  none;
border: none;
}


#content iframe {
	display: block;
	margin: 40px auto 0px auto;
border: 15px solid #FFF;


width: 100%;
height: 525px;
box-sizing: border-box;
}

#content iframe.vimeo {height:525px;}

#content #quote_con {
display: block;
width: 100%;
margin: 45px 0px 0px 0px;
padding: 0px 35px 0px 35px;
border: 0px solid #0FF;
box-sizing: border-box;
}

#content #quote_con p{
	/* font-family: 'Bad Script', cursive; */
	font-family: 'Angelina';
font-size: 45px;
text-align:center;
color: #1e5da7;
line-height: 50px;	
}

#content #quote_con p.quoter {
	font-size: 16px;
font-family: 'Roboto', sans-serif;
color: #666;
line-height: 16px;
}

#content.proj_single {
background-color: transparent; 	
}


#content #hp_col_wide {
	display: block;
	float: left;
border: 0px solid #C00;	
width: 935px;
padding: 50px 25px 20px 25px;
box-sizing: border-box;
}

#content #hp_col_wide p strong {
font-size: 20px;
	color: #CCCCCC;
text-transform: uppercase;	
font-weight: bold;	
}






#content h1 {
	font-size: 26px;
	color: #CCC;
text-transform: uppercase;	
font-weight: bold;
 margin: 0px 0px 0px 0px;
 width: 100%;
 padding: 40px 25px 15px 25px;
box-sizing: border-box;	
}


#content h2,
#content h2 a {
	display: block;
	font-size: 18px;
	color: #1e5da7;
text-transform: uppercase;	


font-family: franklin-gothic-urw, sans-serif;

font-weight: 500;


 margin: 0px 0px 30px 0px;
 text-decoration: none;
 text-align: center;
}





#content  ul{
	    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	list-style-type: none;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#content  ul.two_cols{
	    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

#content  ul li{
		margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#content  ul li a{
	text-decoration: none;
	color: #cc6600;
}
#content ul li a:hover{
	text-decoration: underline;
}

#content  ul.numbers {
margin-left: 40px;	
}

#content  ul.numbers li span{
font-weight: bold;

padding-right: 20px;	
}

#content  ul.numbers li{
margin-bottom: 20px;
line-height: 1.4em;	
}

#content  ul.numbers li span,
#content  ul.numbers li strong{
color: #002645;	
font-weight: 600;
}

#content #projects_list,
#content #projects_list-1-cols,
#content #projects_list-2-cols,
#content #projects_list-4-cols,
#content #projects_list-5-cols {
		display: block;
	float: left;
width: 100%;
border: 0px solid #0D0;	
padding: 0px 0px 0px 0px;
box-sizing: border-box;	
margin: 25px 0px 45px 0px;
}

#content #projects_list .project_con,
#content #projects_list-4-cols .project_con{  
	float:left;
border: 0px solid #FA9;	
box-sizing: border-box;
width: 25%;
padding: 0px 20px 0px 0px;
}


#content #projects_list-5-cols .project_con{  
	float:left;
border: 0px solid #FA9;	
box-sizing: border-box;
width: 20%;
padding: 0px 20px 0px 0px;
}



#content #projects_list .project_con .project_inner,
#content #projects_list-4-cols .project_con .project_inner,
#content #projects_list-5-cols .project_con .project_inner {
width: 100%;
border: 15px solid #FFF;	
box-sizing: border-box;
}


#content #projects_list .project_con .project_inner a,
#content #projects_list-4-cols .project_con .project_inner a,
#content #projects_list-5-cols .project_con .project_inner a{
text-decoration: none;
}



#content #projects_list .project_con .project_inner a img,
#content #projects_list-4-cols .project_con .project_inner a img,
#content #projects_list-5-cols .project_con .project_inner a img{
width: 100%;	

-webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;

}
 
#content #projects_list .project_con .project_inner a:hover img{
opacity: 0.75;
    filter: alpha(opacity=75); /* For IE8 and earlier */
}



#content #projects_list .project_con .project_inner  h3 a,
#content #projects_list-4-cols .project_con .project_inner  h3 a,
#content #projects_list-5-cols .project_con .project_inner  h3 a {
display: block;
background-color: #FFF;
border: 0px solid #9CF;	
text-align: center;	
text-decoration: none;
color: #1e5da7;
 width: 100%;
 height: 40px;
 	/* font-family: 'Bad Script', cursive; */
		font-family: 'Angelina';
	text-transform: none;
	padding: 10px 0px 0px 0px;
	font-size: 30px;
	line-height: 18px;
}

#content #projects_list-5-cols .project_con .project_inner  h3 a{
font-size: 24px;	
}


/* 2 Column Style */

#content #projects_list-1-cols .project_con{
	float:left;
border: 0px solid #FA9 !important;	
box-sizing: border-box;
width: 100% !important;
padding: 0px 0px 0px 0px;
margin: 0px 0px 40px 0px;
}

#content #projects_list-1-cols.our-certifications .project_con .project_inner img,
#content #projects_list-1-cols.our-farms-and-abattoir .project_con .project_inner img,
#content #projects_list-1-cols.news .project_con .project_inner img {
	float: left;
		
width: 164px;

margin: 0px 30px 30px 0px;	

-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);	

}
#content #projects_list-1-cols.news .project_con .project_inner img {
width: 225px;	
}

#content #projects_list-1-cols.our-farms-and-abattoir .project_con .project_inner img,
#content #projects_list-1-cols.news .project_con .project_inner img {
border: 10px solid #FFF;	
}

#content #projects_list-1-cols.our-certifications .project_con .project_inner,
#content #projects_list-1-cols.our-farms-and-abattoir .project_con .project_inner {
display: table;	
}

#content #projects_list-1-cols.our-certifications .project_con .project_inner div,
#content #projects_list-1-cols.our-farms-and-abattoir .project_con .project_inner div {
display: table-cell;
vertical-align: bottom;	
}

#content #projects_list-1-cols.our-certifications .project_con .project_inner div p,
#content #projects_list-1-cols.our-farms-and-abattoir .project_con .project_inner div p {
margin-bottom: 5px;
}


#content #projects_list-1-cols.news .project_con .project_inner div h3 {
	font-weight: normal;
	color: #1e5da7;
	margin-bottom: 10px;
}

#content #projects_list-1-cols.news .project_con .project_inner div p b {
color: #1e5da7;
font-weight: normal;
margin-bottom: 0px;
display: block;
text-transform: uppercase
}


#content #projects_list-1-cols.news .project_con {
border-bottom: 1px solid #1e5da7 !important;
padding-bottom: 40px;
}

#content #projects_list-2-cols .project_con{
	float:left;
border: 0px solid #FA9 !important;	
box-sizing: border-box;
width: 50% !important;
padding: 0px 20px 0px 0px;
}



#content #projects_list-2-cols .project_con .project_inner {
width: 100%;
border: 0px solid #CCC;	
box-sizing: border-box;
}

#content #projects_list-2-cols.our-farms-and-abattoir .project_con .project_inner img {
	
	display: none;
	
	float: left;
border: 10px solid #FFF;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);		
width: 95px;
margin-right: 15px;	
}

#content #projects_list-2-cols.our-farms-and-abattoir .project_con .project_inner div{
border-bottom: 1px solid #1e5da7;
height: 200px;
margin-bottom: 30px;	
}

#content #projects_list-1-cols.our-certifications .project_con .project_inner h3,
#content #projects_list-2-cols.our-farms-and-abattoir .project_con .project_inner h3,
#content #projects_list-2-cols.our-team .project_con .project_inner h3{
color: #1e5da7;
font-weight: normal;
margin-bottom: 10px;	
}

#content #projects_list-2-cols.our-farms-and-abattoir .project_con .project_inner p{
border: 0px solid #CCC;	
float:left;
/*
   width: -webkit-calc(100% - 140px);
    width:    -moz-calc(100% - 140px);
    width:         calc(100% - 140px);	
	*/
}




#content #projects_list-2-cols.our-team .project_con .project_inner img {

border: 15px solid #FFF;
border-bottom: 40px solid #FFF;
-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.45);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.45);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.45);		
width: 225px;
margin-bottom: 40px;
}

#content #projects_list-2-cols.our-team .project_con .project_inner p b {
color: #1e5da7;	
font-weight: normal;
margin-bottom: 0px;
display: block;
text-transform: uppercase;
}




#content #projects_list-2-cols.our-team .project_con{
border: 0px solid #C00 !important;	

height: 600px;
}






#content #projects_list-1-cols.our-certifications .project_con .project_inner p a,
#content #projects_list-2-cols.our-team .project_con .project_inner p a{
color: #1e5da7;	
display: block;
text-decoration: none;
margin-top: 10px;
}

#content #farm_map_con {
position: relative;
width: 905px;
height: 597px;
background: url('images/kcn_propertymap_blanc.png');	
background-size: cover;
border: 0px solid #C00;	
}

#content #farm_map_con .farm_con{
position: absolute;
top: 9.5%;
left: 24.5%;
width: 142px;
height: 160px;	

}

#content #farm_map_con .farm_con a{
	display: block;
width: 100%;
height: 100%;
border: 0px solid #0F0;
padding: 10px;
box-sizing: border-box;	
background: #FFF;
text-decoration: none;
   -webkit-transition: 1s; /* For Safari 3.1 to 6.0 */
    transition: 1s;
}

#content #farm_map_con .farm_con a.active{
background: #FC6;	
}

#content #farm_map_con .farm_con a img{
width: 100%;
height: auto;	
}
#content #farm_map_con .farm_con a h3{
width: 100%;
text-align: center;
font-size: 14px;
color: #1e5da7;
font-weight: normal;
text-decoration: none;
padding-top: 2px;	
}

#content #farm_map_con .farm_con a:hover{
background: #efefef;

width: 105%;
height: 105%;
top: -5%; /* inital top- (intial top-height)/2) */
    left: -5%;	
}


#content #farm_col_left {
float: left; 
width: 50%; 
height: 300px;	
box-sizing: border-box;
padding-right: 10px;
margin-bottom: 30px;
}

#content #farm_col_left iframe{
	
	width: 100%; height: 300px; border:0px; margin-top: 0px;
}
#content #farm_col_right {
float: left; 
width: 50%; 
height: 300px;	
box-sizing: border-box;
padding-left: 10px;
border: 0px solid #C00 !important;
margin-bottom: 30px;
}


ul.instagram-pics {
border: 0px solid #FA9;	
margin: 0px 0px 20px 0px !important;
padding: 0px;
list-style-type: none;	
}

ul.instagram-pics li{
	float:left;
border: 0px solid #FA9;	
box-sizing: border-box;
width: 25%;
padding: 0px 20px 0px 0px;
margin: 10px 0px 0px 0px !important;
}

ul.instagram-pics li a {
	display: inline-block;
	width: calc(100% - 20px);
	border: 0px solid #0F0;	

}

ul.instagram-pics li a img{
	width: 100%;
border: 15px solid #FFF;	
box-sizing: border-box;	
-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.45);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.45);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.45);	

}

.projects_list p.clear a{
	font-size: 16px;
font-family: 'Roboto', sans-serif;
color: #666;
line-height: 16px;
text-decoration: none;
}
.projects_list p.clear a:hover{
	text-decoration: underline;
}



#content #find_out_more_con {
	display: block;
	float:left;
width: 100%;
position: relative;
background-color: #002E52;	
min-height: 100px;
margin: 30px 0px 90px 0px;
padding: 30px 40px 30px 40px;
box-sizing: border-box;
}


#content #find_out_more_con h4{
	
color: #FFF;
font-weight: normal;
text-transform: uppercase;
margin-bottom: 20px;	
}

#content #find_out_more_con p{
color: #FFF;
}

#content #find_out_more_con p a{
color: #FC6;
text-decoration: none;
}

#content #find_out_more_con p a:hover{
text-decoration: underline;
}

#content #find_out_more_con #pdf_pic {
	display: block;
position: absolute;
top: -10px;
right: 30px;
height: 245px;
width: 175px;
border: 0px solid #C00;	
background-color: #CCC;
}


#content #find_out_more_con #form_con {
width: 500px;
border: 0px solid #C00;		
}

#content #find_out_more_con #form_con .vfb-col-6  {
padding: 0px 10px 0px 0px;	

}

#content #find_out_more_con #form_con #vfbField6,
#content #find_out_more_con #form_con .vfb-col-4 {
padding: 0px 0px 0px 0px;	

}

#content #find_out_more_con #form_con .vfb-form-group {
    margin-bottom: 10px;
}

#content #find_out_more_con #form_con input.vfb-form-control,
#content #find_out_more_con #form_con .btn-primary {
border-radius: 0px;	
}

.vfbp-form label,
#vfbField11 {
display: none !important;	
}

#vfbField20 {
float: right !important;	
}

#vfbField22 {
float: left !important;	
}



#slider.prods{
	display: block;
width: 100%;
	height: auto;
	-webkit-box-shadow: 5x 5px 5px 0px rgba(0,0,0,0.45);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.45);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.45);
border: 20px solid #FFF;
box-sizing: border-box;
margin: 40px 0px !important;
}




#slider.farms
	display: block;
width: 100%;
	height: auto;

border: 0px solid #FFF;
box-sizing: border-box;
margin: 0px 0px !important;
}


.flex-viewport ul.slides{
	margin-top: 0px !important;
	border: 0px solid #C00;	
	}
	
	.flex-viewport ul.slides li p{
	margin: 0px !important;	
	}
	
	ul.flex-direction-nav {
	margin: 0px !important;	
	}
#carousel {
width: 100%;
box-sizing: border-box;
border: 0px solid #C00;
height: 140px;
margin: 22px 0px;
}

#carousel ul.slides {
border: 0px solid #C00;	
margin: 0px 0px 0px 0px;
padding: 5px 20px 20px 0px;
}

#carousel ul.slides li {
  margin-left: 5px;
  margin-right: 5px;
  	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.45);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.45);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.45);
border: 10px solid #FFF;
box-sizing: border-box;

}

ul.slides li .capt {
position: absolute;
bottom: 40px;

border: 0px solid #C00;	
width: 100%;
text-align: center;
font-family: 'Angelina';
font-size: 30px;
color: #FFF;
}

ul.slides li .capt span{
background: rgba(255, 255, 255, 0.33); 
padding: 5px 10px 3px 10px;	
}

.custom-navigation {
position: relative;
height: 0px;
}

.custom-navigation a.flex-prev {
position: absolute;
width: 40px;
height: 40px;
top: -350px;
left: 20px;
z-index: 99;
background: url('images/cws_prev.png') no-repeat;
text-indent: -9999px;
background-position: 0px -40px; 
}

.custom-navigation a.flex-next {
position: absolute;
width: 40px;
height: 40px;
top: -350px;
right: 20px;
z-index: 99;
background: url('images/cws_next.png') no-repeat;

text-indent: -9999px;
background-position: 0px -40px;
}

.custom-navigation a.flex-next:hover {
background-position: 0px 0px;	
}

h2.fancy {
  line-height: 20px;
  text-align: left;
  overflow: hidden;
  padding: 0px 0px 0px 25px;
box-sizing: border-box;
margin-right: 25px !important;
font-weight: normal !important;	
}

.fancy span {
  display: inline-block;
  position: relative;  
}

.fancy span:after {
  content: "";
  position: absolute;
  height: 5px;

  border-bottom: 1px solid white;
  top: 4px;
  width: 900px;
}

.fancy span:after {
  left: 100%;
  margin-left: 15px;
}

#content #projects_list .project_con .project_inner a h3{
width: 100%;
text-align: center;
	font-size: 18px;
	color: #CCC;

font-weight: bold;
margin: 0px 0px 0px 0px;
text-decoration: none;
-webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

#content #projects_list .project_con .project_inner a h3.lite{
font-weight: normal;
	}


#content #projects_list .project_con .project_inner a:hover h3 {
color: #ffcc33;	
}

#content  #sidebar_col
 {
float: left;
width: 30%;
border: 0px solid #C00;
margin: 20px 0px 0px 0px;
padding: 0px 20px 0px 0px;
box-sizing: border-box;

}

#content  #content_col {
float: right;
width: 70%;
border: 0px solid #0F0;
margin: 20px 0px 0px 0px;
padding: 20px 0px 20px 0px;
box-sizing: border-box;
background-color: #002E52;
}



#content  #sidebar_col h3,
#content  #sidebar_col h4 {
	font-size: 18px;
	color: #1e5da7;
text-transform: uppercase;	
font-weight: normal;
margin: 0px 0px 5px 0px;

text-align: left;
}

#content  #sidebar_col h4{
margin: 15px 0px 0px 0px;	
}

#content  #sidebar_col h4 a{
color: #FFF;
text-decoration: none;	
}


#content  #sidebar_col h4 a:hover{
color: #ffcc33;	
}

#content  #sidebar_col h4.active a{
color: #ffcc33;	
font-weight: bold;
}
#content #content_col h1{
padding-left: 0px !important;	
}

table.proj_data {
padding: 20px 25px 0px 25px;	
}

table.proj_data tr td{
	padding: 0px 10px 10px 0px;
}

#content #content_col p{

font-size: 15px;
color: #FFF;
margin: 0px 0px 25px 0px;
line-height: 22px;
padding: 0px 25px 0px 25px;
box-sizing: border-box;
}

#content #content_col p strong{
font-weight: bold;

}


#content #content_col img.alignleft{
float: left; 	
margin: 8px 15px 15px 0px;	
}

#content #content_col img.alignright{
float: left; 	
margin: 8px 0px 15px 15px;	
}


#content #content_col #prod_img_con{
float: left;
width: 100%;
border: 0px solid #9CF;
margin: 0px 0px 20px 0px;	
}

#content #content_col #prod_img_con img{
width: 100%;
height: auto;
 box-sizing: border-box;
}

#content #content_col #prod_info{
float: left;
width: 420px;
border: 0px solid #9CF;	
}

#content #content_col #prod_form{
float: right;	
width: 220px;
border-left: 1px solid #CCC;	
}

.ngg-gallery-thumbnail span{
font-family: museo-sans;
font-size: 15px;
font-weight: 300;
}



#content #content_col h4{
font-family: alternate-gothic-no-1-d;
font-size: 30px;
font-weight: 400;
color: #362f2d;
width: 100%;

margin: 0px 0px 10px 0px;
line-height: 30px;
}

#content #content_col p a{
	color: #bf1e2e;
	text-decoration: none;
}

#content #content_col p a.btn_book{
	font-family: alternate-gothic-no-1-d;
font-size: 18px;
font-weight: 300;
color: #FFF;
text-transform: uppercase;
padding: 2px 10px 0px 10px;
background:#bf1e2e;
border:0 none;
cursor:pointer;
-webkit-border-radius: 10px;
border-radius: 10px;
margin: 20px 0px 0px 0px;
}


#content #content_col img.alignright {
float: right;
margin: 0px 0px 15px 15px;
}

.news_row {
border: 0px solid #C00;
width: 100%;
}

/*
.news_row h3{
font-family: alternate-gothic-no-1-d;
font-size: 50px;
font-weight: 400;
color: #362f2d;
width: 100%;
border-bottom: 1px solid #362f2d;
margin: 0 0 24px 0;
line-height: 50px;
}
*/


.promobox {
	float: left;
border: 0px solid #C00;
width: 100%;
margin: 0px 0px 30px 0px;
}


.promobox h4,
.promobox h4 a{
font-family: alternate-gothic-no-1-d;
font-size: 30px;
font-weight: 400;
color: #362f2d;
width: 100%;

margin: 0px 0px 10px 0px;
line-height: 30px;
text-decoration: none;
}


.promobox img,
.promobox img a{
float: left;
width: 140px;
height: auto;
border: 5px solid #FFF;
border-radius: 3px;
margin: 0px 15px 0px 0px;
}

#testimonial,
.testimonials-list {
width: 100%;
border: 0px solid #C00;
font-family: museo-sans;
color: #362f2d;
font-size: 15px;
}

#testimonial strong,
.testimonials-list strong{
	display: block;
font-weight: 700;

text-transform: uppercase;
margin: 0px 0px 10px 0px;
}




#testimonial blockquote p,
.testimonials-list blockquote p {
margin: 0px;
line-height: 25px;
font-style: italic;
}


#testimonial blockquote p:before,
.testimonials-list blockquote p:before {
    content: '\201c';
	font-size: 25px;
	font-family: georgia;
	line-height: 5px;
}

#testimonial blockquote p:after,
.testimonials-list blockquote p:after {
    content: '\201d';
	font-size: 25px;
	font-family: georgia;
	line-height: 5px;
}


#testimonial cite,
.testimonials-list cite {
	display: block;
font-style: normal;
color: #656565;
margin: 10px 0px 0px 0px;
}

.testimonials-list div{
border: 0px solid #C00;
margin: 0px 0px 50px 0px;
}


.past-events {
    width: 100%;
}

.past-events, .past-events .items:after {
    content: '';
    display: table;
    clear: both;
}

.past-events .items {
    margin-right: -15px;
}

.past-events .past-event {
    float: left;
    margin-right: 15px;
    height: 250px;
}

.past-events .past-event img {
    height: auto;
    width: 140px;
    border: 5px solid white;
    border-radius: 3px;
}

.past-events h3 {
    font-family: alternate-gothic-no-1-d;
    font-size: 40px;
    font-weight: 400;
    color: #362f2d;
    width: 100%;
    border-bottom: 1px solid #362f2d;
    margin: 0 0 24px 0;
    line-height: 40px;
}

.event-datetime, .event-location, .event-ticketinfo {
    margin: 0 !important;
}

.event-meta, .event-make-booking, .event-description p {
    margin: 1em 0 !important;
}




.newsletter_box {
		float: left;
border: 0px solid #C00;
width: 100%;
background: rgba(0,0,0,0.05);

min-height: 135px;
margin: 0px 0px 0px 0px;
}


#content #content_col .newsletter_box h4{
	float: left;
font-family: alternate-gothic-no-1-d;
font-size: 30px;
font-weight: 400;
color: #362f2d;
width: 100%;

margin: 15px 0px 0px 11px;
line-height: 30px;
}

#content #content_col .newsletter_box p{
font-size: 12px;
margin: 15px 0px 0px 11px;
}


.ngg-gallery-thumbnail img {
    background-color: #ffffff;
    border: 0px solid #a9a9a9 !important;
    display: block;
    margin: 4px 0 4px 4px;
    padding: 4px;
    position: relative;
}





.newsletter_box form {
	float: left;
	width: 100%;
	padding: 8px 0 10px 11px;
	font-family: museo-sans;
	font-weight: 300;
}

.newsletter_box fieldset {
	border: 0;
}

.newsletter_box form div {
	float: left;
	margin: 0px 15px 0px 0px;
}

.newsletter_box form div.error {
	width: 95%;
}

.newsletter_box label {
	font-size: 10px;
	text-transform: uppercase;
	color: #333;
}

.newsletter_box input, .newsletter_box button {
	height: 40px;
	border: 0;
}

.newsletter_box input[type=text], .newsletter_box input[type=email] {
	width: 240px;
	font-size: 15px;
	padding: 0 10px;
}

.newsletter_box input[type=submit], .newsletter_box button {
	border: 0px solid #c00;
	font-family: "alternate-gothic-no-1-d";
	font-size: 18px;
	font-weight: 300;
	line-height: 40px;
	color: #fff;
	text-transform: uppercase;
	padding: 2px 10px 0px 10px;
	background: #bf1e2e;
	cursor: pointer;
	border-radius: 10px;
	margin-top: 20px;
	width: auto;
}

.newsletter_box form div br:last-child { display: none; }






.visual-form-builder fieldset {
		
border: 0px solid #C00 !important;
width: 100%;
background: rgba(0,0,0,0.05) !important;

min-height: 135px;
margin: 0px 0px 20px 0px;

font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
    font-weight: 300;
color: #FFF;
}

.visual-form-builder .vfb-legend {
border: 0px solid #C00 !important;
}



.visual-form-builder label,
label.vfb-desc {
    color: #FFF !important;
    display: block;
    margin: 0;
    padding: 0 0 0px !important;

	font-size: 14px !important;
    text-transform: uppercase !important;
	font-weight: normal !important;
}


.visual-form-builder .vfb-legend h3 {

font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
    font-weight: normal !important;

color: #CCC !important;
font-size: 20px;

margin: 15px 0px 0px 0px;


border: none;
}

.visual-form-builder .vfb-legend,
.visual-form-builder ul.vfb-section,
.visual-form-builder ul.vfb-section li {
margin-left: 0px !important;
padding-left: 0px !important;	
}


input.vfb-text, input.vfb-text[type="text"], input.vfb-text[type="tel"], input.vfb-text[type="email"], input.vfb-text[type="url"], textarea.vfb-textarea {

    padding: 4px 0 4px 5px !important;
font-size: 14px !important;
}





#content  #sidebar_switch .widget_con ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#content  #sidebar_switch .widget_con ul li a{
	float: left;
	width: 100%;
	 box-sizing: border-box;  
margin: 0px 0px 3px 0px;
padding: 6px 0px 6px 10px;
background-color: #999;
-moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
	color: #FFF;
	text-decoration: none;
}

#content  #sidebar_switch .widget_con ul li a:hover,
#content  #sidebar_switch .widget_con ul li.widget_subpages_current_page a{
	background-color: #daa520;	
}



#content  #sidebar_switch h3 {
    color: #666;
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 15px 0;
    text-transform: uppercase;
	border-bottom: 1px solid #999; 
}


#content  #sidebar_switch .widget_con img {
margin: 0px 0px 15px 0px;	
}

#content  #sidebar_switch .widget_con p {
font-size: 14px;
color: #666;	
}

#content  #sidebar_switch .widget_con p a{
color: #daa520;
text-decoration: none;
}

#footer-outer {
	position: relative;
	width: 100%;
	background-image: url(images/bg_linen.jpg);

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 35px 0px;
	z-index: 2;
}

#footer {

	margin: 0 auto;
	position: relative;

width: 935px;
border: 0px solid #000;
color: #FFF;
font-size: 12px;



}


ol.numbers {
    counter-reset: foo;
    display: table;
	margin-left: 30px;
}

ol.numbers li {
    list-style: none;
    counter-increment: foo;
    display: table-row;
	margin-bottom: 20px;
line-height: 1.4em;

}
ol.numbers li::before {
    content: counter(foo) ".";
    display: table-cell;
    text-align: right;
    padding-right: 10px;
	
color: #002645;
font-weight: 600;
}

ol.numbers li div{
	
margin-bottom: 20px;	
}


ul#social {
	display: block;
	width: 100%;
	list-style-type: none;
margin: 25px 0px 0px 0px;
padding: 0px;	
}

ul#social li {
float: left;
margin: 0px 10px 0px 0px;
padding: 0px;	
}

ul#social li a{
	
color: #FFF;	
}

i
{
  display: inline-block;
  border-radius: 60px;
  box-shadow: 0px 0px 2px #888;
  background-color: #1e5da7;	

font-size: 50px;
padding: 5px;

}

i:hover {
background-color: #C00;	
}

i.fa-facebook {
padding: 5px 10px 5px 10px;	
}
i.fa-instagram {
padding: 5px 8px 5px 8px;	
}

ul#logo {
	display: block;
	width: 100%;
	list-style-type: none;
margin: 50px 0px 0px 0px;
padding: 0px;	
}

ul#logo li {
float: left;
margin: 0px 10px 0px 0px;
padding: 0px;
text-indent: -9000px;	
}

ul#logo li#tab a {
	display: block;
	width: 150px;
height: 74px;
	background-image: url(images/TrueAussieBeef_logo.png);
	background-size: 150px 74px;
	
}

ul#logo li#msa a {
	display: block;
	width: 74px;
height: 74px;
	background-image: url(images/MSA_logo.png);
	background-size: 74px 74px;
	
}


#footer #col_1 {
float: left;
width: 66%;
border: 0px solid #0F0;	
box-sizing: border-box;
padding: 50px 0px 0px 0px;
}

#footer #col_1 form#vfbp-form-3{
border: 0px solid #0F0;		
}

#footer #col_1 form#vfbp-form-3 div{
padding:0px;	
}

#footer #col_1 fieldset{
border: none;	
	
}
#footer #col_1 fieldset div{
float: left;
width: 70%;	
}
#footer #col_1 fieldset div:last-child{
float: left;
width: 15%;	
}

#footer #col_1 fieldset div input{
width: 100%;
border: none;
padding: 4px 0px 4px 4px;	
color: #666;
font-size: 16px;		
}

#footer #col_1 fieldset div input[type="submit"]{
background-color: #1e5da7;	
color: #FFF;
text-transform: uppercase;
font-size: 14px;	
}
#footer #col_1 fieldset div input[type="submit"]:hover{
background-color: #CCC;	

cursor: pointer;
}




#footer h3 {
	font-size: 18px;
	color: #1e5da7;
text-transform: uppercase;	
font-weight: normal;
margin: 0px 0px 4px 0px;

text-align: left;
}

#footer #col_2 {
float: left;
width: 33%;
border: 0px solid #0F0;	
box-sizing: border-box;
}


#footer #col_2 #KC_logo_con {
display: block;
	width: 185px;
	margin-left: 40px;	
}

#footer #col_2 #KC_logo_con img{
width: 100%;	
}
#footer #col_2 #KC_logo_con h3{
text-align: center !important;		
}
#footer #col_2 #KC_logo_con h3 a{
font-size: 16px;

color: #030;
}

.footer_nav ul {

	display: block;
	width: 100%;
	list-style-type: none;
margin: 60px 0px 0px 0px;
padding: 0px;	
}

.footer_nav li {
float: left;
margin: 0px 10px 0px 0px;
padding: 0px px 0px 0px;
font-size: 14px;
text-transform: uppercase;
}

.footer_nav li:last-child {
margin-right: 0px;	
}

.footer_nav li a{
color: #030;
}

#footer a{

text-decoration: none;	
}


#footer a:hover{

text-decoration: underline;	
}






@media screen and (min-width: 984px) {  /* This is style when it's fullscreen */

.nav-collapse ul {
	display: block;
	float: right;
width: auto;
margin: 18px 0px 0px 0px;
padding: 0px;
list-style-type: none;
border: 0px solid #9cf;
z-index: 9px;
}

.nav-collapse ul li{
float: left;
margin: 0px 0px 0px 17px;
padding: 0px;
text-align: center;
}

.nav-collapse ul li a{
color: #002645;
text-decoration: none;
text-transform: uppercase;

font-size: 16px;
font-weight: 100;
}



.nav-collapse ul li a:hover{
color: #1e5da7;

}

.nav-collapse ul li.current-menu-item a,
.nav-collapse ul li.current-page-ancestor a{
color: #1e5da7;

}

body.proj_nav .nav-collapse ul li.menu-item-64 a{
color: #ffcc33;
font-weight: bold;
}


.nav-collapse ul li a span{
	display: block;
clear: both;
text-transform: none;

font-family: ff-tisa-web-pro;
font-size: 12px;
font-weight: 400;
font-style: italic;
}

.nav-collapse ul li:first-child {
   border: 0px solid #9cf;
   margin-left: 0px;
}






}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 960px or less  964 */
@media screen and (max-width: 984px) {

.width-value {
position: fixed;
bottom: 0px;
background-color: yellow;
border: 0px solid #C00;
width: 100px;
}




#top_row {
position: relative;
margin: 0 auto;
height: 25px;
width: 768px;
border: 0px solid #0F0;

	}
	
	
#header_outer {
height: 50px;	
}

#header {
position: relative;
margin: 0 auto;
height: 50px;
width: 768px;
border: 0px solid #0F0;

	}

	
	#header h1{
display: block;
position: absolute;
top: -25px;
left: 0px;
width: 170px;
height: 154px;
border: 0px solid #0F0;
background-image: url(images/logo_bg.png);
background-repeat: no-repeat;
background-size: 170px 154px;
	}

	#header h1 a{
display: block;

width: 140px;
height: 86px;
border: 0px solid #0F0;
background-image: url(images/KCN_logo.png);
background-repeat: no-repeat;
text-indent: -9000px;
z-index: 0;
background-size: 140px 86px;
margin: 35px 0px 0px 13px;
	}	
	
		#header h1.small-logo{	
top: -25px;
	}

	
#header h1.small-logo a{
	margin: 35px 0px 0px 13px;
}

	
	.nav-collapse ul {
	display: block;
	float: right;
width: auto;
margin: 20px 0px 0px 0px;
padding: 0px;
list-style-type: none;
border: 0px solid #9cf;
}

.nav-collapse ul li{
float: left;
margin: 0px 0px 0px 17px;
padding: 0px;
text-align: center;
}



.nav-collapse ul li a{
color: #666;
text-decoration: none;
text-transform: uppercase;

font-size: 14px;
font-weight: 100;
}



.nav-collapse ul li.search_icon a{
	display: inline-block;
border: 0px solid #9cf;	
width: 20px;
height: 20px;
text-indent: -9000px;
background-image: url(images/icon_search.png);
background-repeat: no-repeat;
}






.nav-collapse ul li:first-child {

   margin-left: 0px;
}





#hp_slider_outer {
	display: block;
	width: 100%;
	height: auto !important;
	border: 0px solid #9cf;
    margin-top: 75px;
}

#hp_slider {
width: 100%;	
height: auto;
}





#subnav {

margin: 0 auto;

width: 768px;
height: 50px;
border-left: 0px solid #777;
border-right: 0px solid #777;
padding: 4px 10px 4px 10px;
box-sizing: border-box;
}

#content {
margin: 0 auto;
min-height: 400px;
width: 768px;
border: 0px solid #F90;
}

#content  #farm_map_con{
width: 738px !important;
height: 487px !important;	
}

#content #farm_map_con .farm_con{
width: 118px !important;
height: 133px !important;
}





#content #hp_col_wide {
	display: block;
	float: left;
border: 0px solid #C00;	
width: 750px;
margin: 0px 0px 0px 4px;
}

#content #hp_col_wide a.read_more {
margin: -10px 0px 0px -20px;
	
}











#footer {
	margin: 0 auto;
	height: 70px;
color: white;
width: 768px;
border: 0px solid #000;
}



}


/* for 768px or less  768 + REPONSIVE NAV*/
@media screen and (max-width: 760px) {

.width-value {
position: fixed;
bottom: 0px;
background-color: orange;
border: 0px solid #C00;
width: 100px;
}

#top_row {
position: relative;
margin: 0 auto;
height: 25px;
width: 640px;
border: 0px solid #0F0;

	}


#header {
position: relative;
margin: 0 auto;
height: 50px;
width: 100%;
border: 0px solid #0F0;

	}


	#header h1{

left: 20px;

	}





	#header nav {
	border: 0px solid #0F0;	
	float: none;
	width: 100% !important;
	}
	
	


/* This when the drop down Kicks in */

	.nav-collapse ul {
		position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
  background-color: #1e5da7;
  z-index: 99px;
}

.nav-collapse ul li{
float: none;
margin: 0px 0px 0px 0px;
padding: 4px 0px 4px 0px;
  width: 100% !important;
  display: block;
  text-align:center;
  border-bottom: 1px solid #FFF;
}


.nav-collapse ul li a{
color: #FFF;
text-decoration: none;
text-transform: uppercase;
font-size: 15px;
}

.nav-collapse ul li a:hover{
color: #ccc;
}

#hp_slider_outer {
height: auto !important;	
}

#hp_slider {
position: relative;
margin: 0 auto;
height: auto !important;
width: 100%;

	}



#subnav {

margin: 0 auto;

width: 640px;
height: 50px;

}


#content {
margin: 0 auto;
width: 640px;
border: 0px solid #F90;
}


#content  #farm_map_con{
width: 610px !important;
height: 403px !important;	
}

#content #farm_map_con .farm_con{
width: 99px !important;
height: 110px !important;
}


#footer {
	margin: 0 auto;
	height: 70px;
color: white;
width: 640px;
border: 0px solid #000;
}


#footer #col_2 #KC_logo_con {
display: block;
	width: 185px;
	margin-left: 15px;	
}

}



/* for 640px or less  640 */
@media screen and (max-width: 657px) {

.width-value {
position: fixed;
bottom: 0px;
background-color: red;
border: 0px solid #C00;
width: 100px;
}
/* 480 */


#top_row {

width: 480px;


	}


#header {

width: 100%;


	}
	
	#header h1{
display: block;
position: absolute;
top: -25px;
left: 10px;
width: 125px;
height: 113px;
border: 0px solid #0F0;
background-image: url(images/logo_bg.png);
background-repeat: no-repeat;
background-size: 125px 113px;
	}

	#header h1 a{
display: block;

width: 105px;
height: 65px;
border: 0px solid #0F0;
background-image: url(images/KCN_logo.png);
background-repeat: no-repeat;
text-indent: -9000px;
z-index: 0;
background-size: 105px 65px;
margin: 25px 0px 0px 8px;
	}
	
			#header h1.small-logo{	
top: -50px;
	}

	
#header h1.small-logo a{
	margin: 35px 0px 0px 8px;
}	

	
	.nav-collapse ul {

  width: 100%
	}


#hp_slider_outer {
height: auto !important;	
}

#hp_slider {
position: relative;
margin: 0 auto;
height: auto !important;
width: 100%;

	}
	
	
	#title {
position: absolute;
top: 50px;
	}


#subnav {

margin: 0 auto;

width: 480px;
height: 50px;

}

#content-outer {
width: 100%;
padding: 0px 0px 40px 0px;
margin-top: 75px;
}


#content {
margin: 0 auto;
min-height: 400px;
width: 480px;
border: 0px solid #F90;

}





#content #projects_list .project_con{
	float:left;
border: 0px solid #FA9;	
box-sizing: border-box;
width: 50%;
padding: 0px 10px 0px 0px;;
}

ul.instagram-pics li{
	float:left;
border: 0px solid #FA9;	
box-sizing: border-box;
width: 50%;
padding: 0px 10px 0px 0px;
}


ul.instagram-pics li a {
	display: inline-block;
	width: calc(100% - 10px);
	border: 0px solid #0F0;	

}

#content  #content_col {
	float: left;
width: 100%;
border: 0px solid #C00;
margin: 0px 0px 0px 0px;
}


#content  #sidebar_col
 {
float: right;
width: 100%;
border: 0px solid #C00;
margin: 0px 0px 0px 0px;
}





#footer {
	margin: 0 auto;
	height: 70px;
color: white;
width: 480px;
border: 0px solid #000;
}


#footer #col_2 #KC_logo_con {
display: block;
	width: 100%;
	margin-left: 0px;	
	padding-left: 15px;	
	box-sizing: border-box;
}


}

/* for 640px or less  640 */
@media screen and (max-width: 497px) {  /* kicks in at 463 */

.width-value {
position: fixed;
bottom: 0px;
background-color: purple;
border: 0px solid #C00;
width: 100%;
}
/* 320 */

#top_row {

width: 320px;


	}
	
		#top_row ul li{
	float: left;
	margin: 0px 0px 0px 5px;
	padding: 0px;	
	}
		#top_row ul li a{
	color: #FFF;
	text-decoration: none;	
	text-transform: uppercase;
	font-size: 11px;
	line-height: 11px;
	}


#header {

width: 100% !important;


	}
	
		.nav-collapse ul {

width: 100% !important;
	}

#hp_slider_outer {
height: auto !important;
border:0px solid #C00;	
}



#hp_slider {
position: relative;
margin: 0 auto;
height: auto !important;
width: 100%;
border:0px solid #0f0;
	}
	

#title {
position: absolute;
top: 50px;
}
#title h2{
font-size: 30px;
line-height:25px;

border: 0px solid #C00;
text-shadow: 2px 2px 4px #000000;

font-family: "franklin-gothic-urw",sans-serif;
font-style: normal;
font-weight: 400;
}

#title h2 span{
font-size: 35px;
font-family: 'Angelina';
line-height: 30px;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    /*Chrome CSS here*/

#title h2{
	color: #C00 !important;
}

}

#subnav {
display: block;
margin: 0 auto;

width: 320px;
height: auto !important;
border: 0px solid #0F0;
}


#subnav ul{
display: inline-block;
margin: 0 auto;
padding: 0px;
height: auto !important;
list-style-type: none;	
border: 0px solid #C00;
}

#subnav ul li{
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px;
font-size:14px;
line-height: 20px;
border-bottom: 1px solid #CCC;
text-align: center;
}

#content {
margin: 0 auto;
min-height: 400px;
width: 320px;
border: 0px solid #F90;

}


#content iframe.vimeo {
	height:175px !important;
	
	}

#content #hp_col_wide {
    border: 0 solid #c00;
    display: block;
    float: left;
    margin: 0 0 0 4px;
    width: 320px;
	text-align: center;	
}


#content #projects_list .project_con{
	float:left;
border: 0px solid #FA9;	
box-sizing: border-box;
width: 100%;
padding: 5px;
}


ul.instagram-pics li{
	float:left;
border: 0px solid #FA9;	
box-sizing: border-box;
width: 100%;
padding: 0px 10px 10px 0px;
}


ul.instagram-pics li a {
	display: inline-block;
	width: calc(100% - 10px);
	border: 0px solid #0F0;	

}

#content  #content_col {
	float: left;
width: 320px;
border: 0px solid #C00;
margin: 0px 10px 0px 0px;
}



#footer {
	margin: 0 auto;
	height: 70px;
color: white;
width: 320px;
border: 0px solid #000;
}

#footer  #col_1,
#footer  #col_2{
width: 100%;	
}

#footer #col_2 #KC_logo_con {
display: block;
	width: 75%;
	margin: 0px auto;	
	padding-top: 30px;	
	box-sizing: border-box;
}


}

@media screen and (max-width: 337px) {  /* 320px +  17px */

.width-value {
position: fixed;
bottom: 0px;
background-color: green;
border: 0px solid #C00;
width: 100%;
}

#hp_slider_outer {
	display: block;
	border: 0px solid #0f0;
}



#footer {
	margin: 0 auto;
	height: 70px;
color: white;
width: 320px;
border: 0px solid #000;
}






}







.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
  z-index: 2;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.disable-pointer-events {
  pointer-events: none !important;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

@media screen and (min-width: 760px) {
  .js .nav-collapse {
    position: relative;
	z-index: 2;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}


@font-face {
  font-family: "responsivenav";
  src:url("icons/responsivenav.eot");
  src:url("icons/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("icons/responsivenav.ttf") format("truetype"),
    url("icons/responsivenav.woff") format("woff"),
    url("icons/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}

.nav-toggle {
  position: fixed;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  text-indent: -999px;
  position: relative;
  overflow: hidden;
  width: 70px;
  height: 55px;
  float: right;
  border: 0px solid #0F0;
}

.nav-toggle:before {
  color: #006; /* Edit this to change the icon color */
  font-family: "responsivenav", sans-serif;
  
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 28px;
  text-transform: none;
  position: absolute;
  content: "≡";
  text-indent: 0;
  text-align: center;
  line-height: 55px;
  speak: none;
  width: 100%;
  top: 0;
  left: 0;
}

.nav-toggle.active::before {
  font-size: 24px;
  content:"x";
}