/*
Theme Name: The HTML5 Reset Theme
Theme URI: http://html5reset.org
Description: A style-free theme to get you started on an HTML5-based WordPress theme of your own.
Author: Monkey Do! + @ckhicks
Author URI: http://monkeydo.biz
Version: 2.0
License: BSD 2-Clause
License URI: http://opensource.org/licenses/bsd-license.php
*/

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/
@font-face {
  font-family: 'Z-DemiBold';
  src: url('_/inc/fonts/Z-DemiBold.eot');
  src: url('_/inc/fonts/Z-DemiBold.woff2') format('woff2'),
       url('_/inc/fonts/Z-DemiBold.woff') format('woff'),
       url('_/inc/fonts/Z-DemiBold.ttf') format('truetype'),
       url('_/fonts/Z-DemiBold.svg#Z-DemiBold') format('svg'),
       url('_/inc/fonts/Z-DemiBold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Z-Regular';
  src: url('_/inc/fonts/Z-Regular.eot');
  src: url('_/inc/fonts/Z-Regular.woff2') format('woff2'),
       url('_/inc/fonts/Z-Regular.woff') format('woff'),
       url('_/inc/fonts/Z-Regular.ttf') format('truetype'),
       url('_/inc/fonts/Z-Regular.svg#Z-Regular') format('svg'),
       url('_/inc/fonts/Z-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Z-Italic';
  src: url('_/inc/fonts/Z-Italic.eot');
  src: url('_/inc/fonts/Z-Italic.woff2') format('woff2'),
       url('_/inc/fonts/Z-Italic.woff') format('woff'),
       url('_/inc/fonts/Z-Italic.ttf') format('truetype'),
       url('_/inc/fonts/Z-Italic.svg#Z-Italic') format('svg'),
       url('_/inc/fonts/Z-Italic.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
body {font: 17px; font-family: "Z-Regular", sans-serif;}
body, select, input, textarea {color: #231F20;}
textarea,
input{
	border: none;
	background:#fff;
	width: 100%;
	font-size: 19px;
	line-height: 19px;
	vertical-align: middle;
}



a {color: #03f;}
a:hover {color: #69f;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;}

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;}

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }
.hidden{
	display: none;
}
.darktext{
	color: #231F20;
}
.greytext{
	color: #4D4D4E;
}
.mediumgreytext{
	color: #999999;
}
.lightgreytext{
	color: #7F7F7F;
}
.whitetext{
	color: #fff;
}
.redtext{
	color: #EC2127;
}
.redtext a{
	color: #EC2127;
}
.font-35{
	font-size: 35px;
	line-height: 45px;
}
.font-28{
	font-size: 28px;
	line-height: 39px;
}
.font-24{
	font-size: 24px;
	line-height: 49px;
}
.font-20{
	font-size: 20px;
	line-height: 31px;
}
.font-18{
	font-size: 18px;
	line-height: 28px;
}
.align-left{
	text-align: left;
}
.bold{
	font-family: "Z-DemiBold";
}
.italic{
	font-family: "Z-Italic";
}
.uppercase{
	text-transform: uppercase;
}
.white-text{
	color: #fff;
}
#logo{
	position: fixed;
	top: 125px;
	right: -75px;
	width: 250px;
	transform: rotate(-0.25turn);
	z-index: 9;
	cursor: pointer;
}
#logo-white{
	position: absolute;
	top: 0;
	right: 0;
	transform: rotate(-0.25turn);
	z-index: 10;
}
#logo-white > div,
#logo-white > svg,
#logo > div,
#logo > svg{
	display: inline-block;
	vertical-align: middle;
}
#logo-white > div,
#logo > div{
	font-size: 35px;
}
svg.icon-cuxlogo{
  height:31px;
	width:25px;
	transform: rotate(0.25turn);
	margin-right: 10px;
	position: relative;
	top: 2px;
}
#logo-white div{
	color: #fff;
}
.center {width: 95%; padding: 0 2.5%; max-width: 749px; margin: 0 auto; text-align: center;}

/*
svg use polygon,
svg use polyline,
svg use line,
svg use rect,
svg use path {
  fill: inherit;
  stroke: inherit;
  stroke-dasharray: inherit;
  stroke-dashoffset: inherit;
  animation: inherit;
} 
*/
svg.icon-knotuntanglers{
	width: 80%;
	max-width: 546px;
  height: 80vw;
	max-height: 527px;
	margin-bottom: 150px;
	color: #FFFFFF;
	fill: #000000;
}
svg.icon-brain{
	height: 190px;
	width: 170px;
	fill: #fff;
	stroke: #fff;
	background: #000;
}
svg.icon-knotline{
	width: 80%;
	max-width: 381px;
  height: 56px;
	max-height: 56px;
	margin-bottom: 48px;
	margin-top: 20px;
}

.black-section{
	padding: 100px 0;
	background: #000;
	text-align: center;
}
.white-section{
	padding: 100px 0;
	background: #fff;
}
.grey-section{
	padding: 80px 0;
	background: #E5E5E5;
}

#content-blocks .font-28{
	margin-bottom: 20px;	
}
#content-blocks .font-18{
	margin-bottom: 40px;	
}
.selected_client_list_title{
	margin-bottom: 25px;
}
.client_list_footer_statement{
	margin-top: 40px;
}
.nf-form-title{
	font-size: 35px;
	text-transform: uppercase;
	margin-bottom: 35px;
	font-family: "Z-DemiBold";
}
.nf-required-items{
	display: none;
}
.nf-field-element{
	margin:0 auto;
}
.ninja-forms-form-wrap input[type=button]{
	background: #000;
	height: 86px;
	width: 86px !important;
	border-radius: 86px;
	text-indent: 0;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	border: none;
	display: inline-block;;
}
.nf-form-wrap #nf_processing_1 input[type=button]{
	background: transparent;
	height: 86px;
	width: 100%;
	border-radius: 86px;
	text-indent: 0;
	text-align: center;
	text-transform: uppercase;
	color: #000;
	border: none;
	display: inline-block;
}
.nf-form-wrap  input[type=email]{
	height: 41px;
	text-indent: 10px;
}
#ninja_forms_field_3_div_wrap{
	padding-top: 10px;
}
.nf-form-wrap  textarea{
	padding: 10px;
}
#ninja_forms_form_1_cont{
	max-width: 558px;
	margin: 0 auto;
}
.field-wrap label{
	text-transform: uppercase;
	color: #4D4D4E;
	font-size: 15px;
	line-height: 20px;
}
#ninja_forms_form_1_response_msg img{
	padding-top: 20px;
	display: block;
	max-width: 558px;
	width: 100%;
}
.do_you_need_us_title{
	margin-bottom: 10px;
}
#need-us .redtext{
	margin-bottom: 38px;
}
#external a{
	display: block;
	text-decoration: none;
	color: #6FCCDD;
	margin-bottom: 10px;
}
.deep_thoughts_title{
	padding: 25px 0;
}
.articles_title{
	padding: 30px 0 13px 0;
}
.talks_title{
	padding-bottom: 13px;
}
#external{
	padding-bottom: 150px;	
}

#jump{
	background: #fff;
	height: 86px;
	width: 86px;
	border-radius: 86px;
	text-indent: 0;
	text-align: center;
	text-transform: uppercase;
	color: #000;
	border: none;
	display: inline-block;;
	margin-top: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
	cursor: pointer;
	font-family: "Z-DemiBold";
}
.copyright{
	margin-top: 50px;
}

@media screen and (max-width: 768px) {
	#logo{
		position: static;
		top: auto;
		right: auto;
		width: 234px;
		white-space: nowrap;
		margin: 40px auto 0 auto;
		transform: rotate(0);
		z-index: 9;
	}
	#knotheader{
		padding-top: 50px;
	}
	svg.icon-knotuntanglers{
		width: 100%;
		margin-bottom: 20px;
	}
	
}