@font-face {
  font-family: 'Armitage';
  src: url('./fonts/ArmitageLight.eot'); /* IE9 Compat Modes */
  src: url('./fonts/ArmitageLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./fonts/ArmitageLight.woff2') format('woff2'), /* Modern Browsers */
    url('./fonts/ArmitageLight.woff') format('woff'), /* Modern Browsers */
    url('./fonts/ArmitageLight.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./fonts/ArmitageLight.svg') format('svg'); /* Legacy iOS */  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ArmitageBlack';
  src: url('./fonts/ArmitageBlack.eot'); /* IE9 Compat Modes */
  src: url('./fonts/ArmitageBlack.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./fonts/ArmitageBlack.woff2') format('woff2'), /* Modern Browsers */
    url('./fonts/ArmitageBlack.woff') format('woff'), /* Modern Browsers */
    url('./fonts/ArmitageBlack.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./fonts/ArmitageBlack.svg') format('svg'); /* Legacy iOS */  font-weight: normal;
  font-style: normal;
}

@font-face {
font-family: "ArmitageLight";
  src: url('./fonts/ArmitageThin.eot'); /* IE9 Compat Modes */
  src: url('./fonts/ArmitageThin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./fonts/ArmitageThin.woff2') format('woff2'), /* Modern Browsers */
    url('./fonts/ArmitageThin.woff') format('woff'), /* Modern Browsers */
    url('./fonts/ArmitageThin.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./fonts/ArmitageThin.svg') format('svg'); /* Legacy iOS */  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ArmitageLightItalic';
  src: url('./fonts/ArmitageThin-Italic.eot'); /* IE9 Compat Modes */
  src: url('./fonts/ArmitageThin-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./fonts/ArmitageThin-Italic.woff2') format('woff2'), /* Modern Browsers */
    url('./fonts/ArmitageThin-Italic.woff') format('woff'), /* Modern Browsers */
    url('./fonts/ArmitageThin-Italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./fonts/ArmitageThin-Italic.svg') format('svg'); /* Legacy iOS */  font-weight: normal;
  font-style: normal;
}


@font-face {
font-family: "ArmitageBold";
  src: url('./fonts/Armitage-Bold.eot'); /* IE9 Compat Modes */
  src: url('./fonts/Armitage-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./fonts/Armitage-Bold.woff2') format('woff2'), /* Modern Browsers */
    url('./fonts/Armitage-Bold.woff') format('woff'), /* Modern Browsers */
    url('./fonts/Armitage-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./fonts/Armitage-Bold.svg') format('svg'); /* Legacy iOS */  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ArmitageSemibold';
  src: url('./fonts/ArmitageSemibold.eot'); /* IE9 Compat Modes */
  src: url('./fonts/ArmitageSemibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./fonts/ArmitageSemibold.woff2') format('woff2'), /* Modern Browsers */
    url('./fonts/ArmitageSemibold.woff') format('woff'), /* Modern Browsers */
    url('./fonts/ArmitageSemibold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./fonts/ArmitageSemibold.svg') format('svg'); /* Legacy iOS */  font-weight: normal;
  font-style: normal;
}


input,
label,
select,
button,
textarea
{
	margin:0;
	border:0;
	padding:0;
	display:inline-block;
	vertical-align:middle;
	white-space:normal;
	background:none;
	line-height:1;
	
	/* Browsers have different default form fonts */
	font-size:13px;
	font-family:Arial;
}

/* Remove the stupid outer glow in Webkit */
input:focus,
textarea:focus
{
	outline:0;
}

/* Box Sizing Reset
-----------------------------------------------*/

/* All of our custom controls should be what we expect them to be */
input,
textarea
{
  background:#fff;
  min-height:42px;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}

/* These elements are usually rendered a certain way by the browser */
button,
input[type=reset],
input[type=button],
input[type=submit],
input[type=checkbox],
input[type=radio],
select
{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/* Text Inputs
-----------------------------------------------*/

input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week]
{
}

/* Button Controls
-----------------------------------------------*/

input[type=checkbox],
input[type=radio]
{
	width:13px;
	height:13px;
}

/* File Uploads
-----------------------------------------------*/

input[type=file]
{

}

/* Search Input
-----------------------------------------------*/

/* Make webkit render the search input like a normal text field */
input[type=search]
{
	-webkit-appearance:textfield;
	-webkit-box-sizing:content-box;
}

/* Turn off the recent search for webkit. It adds about 15px padding on the left */
::-webkit-search-decoration
{
	display:none;
}

/* Buttons
-----------------------------------------------*/

button,
input[type="reset"],
input[type="button"],
input[type="submit"]
{
	/* Fix IE7 display bug */
	overflow:visible;
	width:auto;
}

/* IE8 and FF freak out if this rule is within another selector */
::-webkit-file-upload-button
{	
	padding:0;
	border:0;
	background:none;
}

/* Textarea
-----------------------------------------------*/

textarea 
{
	/* Move the label to the top */
	vertical-align:top;
	
	/* Turn off scroll bars in IE unless needed */
	overflow:auto;
}

/* Selects
-----------------------------------------------*/

select
{

}

select[multiple] 
{
	/* Move the label to the top */
	vertical-align:top;
}

* {
  font-family: "Armitage";  
  margin:0;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

::selection {
  background: #75acdc; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #75acdc; /* Gecko Browsers */
}

a:active,
a:selected,
a:visited,
a:focus,
.main,
.main:selected,
.main:focus{ 
    border: none;
    outline: none;
}

:focus {
outline: 0;
}

a{
  color:#00d6bf;
  text-decoration:none;
}

a:hover{
  color:#fff;
}

html{
  height: 100%;
}


body {
  margin: 0;
  height:100%;
  overflow:auto;
  min-height:100%;
  color:#414141;
}

span.green{
  font-family: "ArmitageLight";  
/*  color:#00d6bf;*/
  color:#00d6bf;  
}

.purple{
  color:#605aa7;
}

span.bold{
  font-family: "ArmitageSemibold";  
}

.mobile{
  display:none;
}

.wrap{
  width:1000px;
  margin-left:auto;
  margin-right:auto;
}

.header{
  height: 60px;
/*  left: 50%;
  margin-left: -500px;*/
  width:100%;
  position: fixed;
  top: 0;
  transition: top 0.2s ease-in-out;
  z-index:100;  
  transition: 400ms ease-in-out;  
}

.nav-up {
    top: -100px;
}


.menu-static.menu{
  margin-top:50px;
}

.menu{
  z-index:5;
  font-family: "Armitage";
  text-align:center;
  margin-top:10px;
  height:50px;
  width: 1000px;
/*  margin: 0 auto auto 0;*/
  position:relative;
  left: 50%;
  margin-left: -500px;  
/*  transition: 200ms ease-in-out;*/
}

.mobile-menu{
  display:none;
  text-align:left;
}



.menu-item-mobile-home{
  width:110px;
  float:left;
  margin-top: 15px;
  margin-left: 15px;  
}

.menu-item-mobile-home img{
  width:110px;
}

.mobile-menu-container{
  margin-top:100px;
  width:100%;
  height:300px;
  overflow:auto;
  position: relative;
}

.mobile-menu-item{
  color:#605aa7;
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-family: "ArmitageBlack";
  letter-spacing: 2px;
  font-size: 20px;
  margin-top: 40px;
  margin-bottom:40px;
  transition: 200ms ease-in-out;
}

.mobile-menu-item:hover{
  color:#00d6bf;
  cursor:pointer;
  
}

.mobile-menu-item.selected{
  color:#605aa7;
}

.menu-item-home{
  cursor:pointer;
  float:left;  
  width:170px;
  margin-right:280px;
}


.menu-item-home img{
    height:40px;
    float: left;
}

.menu-static .menu-item-home{
  width:238px;
  margin-right:215px;
}

.menu-static .menu-item-home img{
  height:60px;
}

.menu-static .menu-item{
  margin-top:8px;
  color: rgba(255,255,255,0.7);
  transition: color 200ms ease-in-out, border 200ms ease-in-out;
}


.menu-item{
  text-transform:uppercase;
  font-family: "ArmitageBlack";
  letter-spacing:2px;
  line-height: 2;
  font-size:14px;
  display:block;
  height:45px;
  float:left;
  width:15%;
  text-align:center;
  cursor:pointer;
  padding-top:6px;
  transition: color 200ms ease-in-out, border 200ms ease-in-out;
  color:#fff;
  margin-left:45px;
}

.menu-item.expertise{
  width:100px;
}

.menu-item.work{
  width:60px;
}
.menu-item.leadership{
  width:118px;
}

.menu-item.contact{
  width:86px;
}


.menu-item:hover,
.menu-item.selected,
.nav-down .menu-item:hover,
.nav-down .menu-item.selected{
  color:#00d6bf;
  border:0px;
}

.menu-item:hover,
.menu-item.selected{
  color:rgba(255,255,255,1);
  border-bottom:3px solid #00d6bf;
}


.menu-item.deselected,
.menu-item.selected.deselected{
  border:0px;
  color:rgba(255,255,255,0.7);
}

.nav-down .menu-item.selected.deselected{
    color: #605aa7;
}

.nav-down,
.nav-up{
  background:#efefef;  
/*  background-color:#fff;*/
}

.nav-down svg *,
.nav-up svg *{
  stroke: #000;
  fill: #000;
}
.nav-down .menu-item,
.nav-up .menu-item{
  color:#605aa7;
}

.armitage-black{
  font-family: "ArmitageBlack";  
  letter-spacing:2px;
  font-size:14px;
}

.armitage-black a{
  font-family: "ArmitageBlack";  
  letter-spacing:2px;
  font-size:14px;
}

.main{
  display:block;
/*  min-height:100%;*/
  width:100%;
  padding:0;
  height:100%;
  overflow:auto;
  overflow-y:scroll;
  -webkit-overflow-scrolling: touch;
}

.page{
  height:100%;
  width:100%;
  text-align:center;
  overflow:auto;
  z-index:1;
}

.h1{
  width:500px;
  font-size:60px;
  font-family: "ArmitageLight";
}

.h2{
  font-family: "ArmitageLight";
  margin-left:auto;
  margin-right:auto;
  width:660px;
  font-size:30px;
}

.break{
  margin-left:auto;
  margin-right:auto;
  width:30px;
  height:3px;
  background-color:#fff;
  margin-bottom:12px;
}

.h2 span.italic{
  font-family: "ArmitageLightItalic";
}

.text{
  margin-left:auto;
  margin-right:auto;
  width:500px;
  
}

.rounded-button {
  font-family: "ArmitageBlack";  
  letter-spacing:2px;
  font-size:14px;
  display:inline-block;
  height: 50px;
  background-color: none;
  border-radius: 25px;  
  moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  color:#00d6bf;
  border: 3px solid #00d6bf;
  padding: 5px 30px;
  line-height:2.5;
  text-transform:uppercase;
  cursor:pointer;
  transition: 100ms ease-in-out;  
}

.rounded-button:hover{
  background-color: #00d6bf;
  color:#fff;
  transition: 100ms ease-in-out;  
}

.middle{
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
/*  position: relative;
  top: 50%;
  transform: translateY(-50%) translateX(-50%) ;
  left:50%;*/
}

.page.page-text{
  background:#fff;
  height:auto;
  padding:120px;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform: translate3d(0,0,1);
}

.page.page-image .h1{
  color:#fff;
}

.page.page-image{
  display:block;
  height:100%;
  width:100%; 
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
-webkit-transform: translate3d(0,0,1);
}

.hero{
  position:fixed;
  z-index:-1;
  -webkit-transform: translate3d(0,0,-1);
  -webkit-backface-visibility: hidden;
}


#Theory-SVG-Fills-Hero-Stem{
  width: 84px; 
  height: 784px;
  margin-left: auto;
  margin-right: auto;
  
  
  position: fixed;
    left: 0;
    right: 0;
    bottom: -400px;
}

.one{
  position: relative;
  bottom: 100px;
}

.page.home.hero{
	background-size:cover; 
}

.slide{
  opacity: 1;
}

@-webkit-keyframes mymove {
  0%  {opacity: 1;}
  10% {opacity: 1;}
  20% {opacity: 0;}
  30% {opacity: 0;}
  40% {opacity: 0;}
  50% {opacity: 0;}
  60% {opacity: 0;}
  70% {opacity: 0;}
  80% {opacity: 0;}
  90% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes mymove {
  0%  {opacity: 1;}
  10% {opacity: 1;}
  20% {opacity: 0;}
  30% {opacity: 0;}
  40% {opacity: 0;}
  50% {opacity: 0;}
  60% {opacity: 0;}
  70% {opacity: 0;}
  80% {opacity: 0;}
  90% {opacity: 0;}
  100% {opacity: 1;}
}

@-webkit-keyframes mymove2 {
  0%  {opacity: 0;}
  10% {opacity: 0;}
  20% {opacity: 1;}
  30% {opacity: 1;}
  40% {opacity: 0;}
  50% {opacity: 0;}
  60% {opacity: 0;}
  70% {opacity: 0;}
  80% {opacity: 0;}
  90% {opacity: 0;}
  100% {opacity: 0;}
}

@keyframes mymove2 {
  0%  {opacity: 0;}
  10% {opacity: 0;}
  20% {opacity: 1;}
  30% {opacity: 1;}
  40% {opacity: 0;}
  50% {opacity: 0;}
  60% {opacity: 0;}
  70% {opacity: 0;}
  80% {opacity: 0;}
  90% {opacity: 0;}
  100% {opacity: 0;}
}

@-webkit-keyframes mymove3 {
  0%  {opacity: 0;}
  10% {opacity: 0;}
  20% {opacity: 0;}
  30% {opacity: 0;}
  40% {opacity: 1;}
  50% {opacity: 1;}
  60% {opacity: 0;}
  70% {opacity: 0;}
  80% {opacity: 0;}
  90% {opacity: 0;}
  100% {opacity: 0;}
}

@keyframes mymove3 {
  0%  {opacity: 0;}
  10% {opacity: 0;}
  20% {opacity: 0;}
  30% {opacity: 0;}
  40% {opacity: 1;}
  50% {opacity: 1;}
  60% {opacity: 0;}
  70% {opacity: 0;}
  80% {opacity: 0;}
  90% {opacity: 0;}
  100% {opacity: 0;}
}

@-webkit-keyframes mymove4 {
  0%  {opacity: 0;}
  10% {opacity: 0;}
  20% {opacity: 0;}
  30% {opacity: 0;}
  40% {opacity: 0;}
  50% {opacity: 0;}
  60% {opacity: 1;}
  70% {opacity: 1;}
  80% {opacity: 0;}
  90% {opacity: 0;}
  100% {opacity: 0;}
}

@keyframes mymove4 {
  0%  {opacity: 0;}
  10% {opacity: 0;}
  20% {opacity: 0;}
  30% {opacity: 0;}
  40% {opacity: 0;}
  50% {opacity: 0;}
  60% {opacity: 1;}
  70% {opacity: 1;}
  80% {opacity: 0;}
  90% {opacity: 0;}
  100% {opacity: 0;}
}

@-webkit-keyframes mymove5 {
  0%  {opacity: 0;}
  10% {opacity: 0;}
  20% {opacity: 0;}
  30% {opacity: 0;}
  40% {opacity: 0;}
  50% {opacity: 0;}
  60% {opacity: 0;}
  70% {opacity: 0;}
  80% {opacity: 1;}
  90% {opacity: 1;}
  100% {opacity: 0;}
}

@keyframes mymove5 {
  0%  {opacity: 0;}
  10% {opacity: 0;}
  20% {opacity: 0;}
  30% {opacity: 0;}
  40% {opacity: 0;}
  50% {opacity: 0;}
  60% {opacity: 0;}
  70% {opacity: 0;}
  80% {opacity: 1;}
  90% {opacity: 1;}
  100% {opacity: 0;}
}


.home.hero.slide-one{
  background:url(../img/home/#00d6bf_1.jpg);
	background-size:cover;   
  -webkit-animation: mymove ease-in-out 30s infinite;
  animation: mymove 30s infinite;    
}

.home.hero.slide-two{
  background:url(../img/home/#00d6bf_2.jpg);
	background-size:cover; 
  -webkit-animation: mymove2 ease-in-out 30s infinite;
  animation: mymove2 30s infinite;      
}

.home.hero.slide-three{
  background:url(../img/home/#00d6bf_3.jpg);
	background-size:cover;   
  -webkit-animation: mymove3 ease-in-out 30s infinite;
  animation: mymove3 30s infinite;        
}

.home.hero.slide-four{
  background:url(../img/home/#00d6bf_4.jpg);
	background-size:cover; 
  -webkit-animation: mymove4 ease-in-out 30s infinite;
  animation: mymove4 30s infinite;      
}

.home.hero.slide-five{
  background:url(../img/home/#00d6bf_5.jpg);
	background-size:cover; 
  -webkit-animation: mymove5 ease-in-out 30s infinite;
  animation: mymove5 ease-in-out 30s infinite;  
}

.page.home.one{
/*  color:#fff;
  background:url(../img/home/#00d6bf_1.jpg) no-repeat center center;
  background-size:cover;*/
}

.page.home.hero > .middle{
  width: 660px;
  height: 200px;
}

.page.home.three{
  background: #fff url(../img/home/HOME_AMBIENT_1.jpg) no-repeat center center;
  background-size:cover;
  color:#fff;
  height:600px;
}

.home .brain-stem{
  height:150px;
  
}

.page.home.two > .h2{
  width:896px;
}

.page.home.three > .h2,
.page.home.four > .h2{
  width:830px;
  padding-bottom:30px;  
}

.page.home.three .rounded-button-container{
  margin-top:60px;
}

.page.home.four.page-text{
  padding-top: 90px;
  padding-bottom: 120px;  
}

.page.home.five{
  height:auto;
  
}

.home .logos-container{
  padding-top:60px;
  padding-bottom:30px;
  max-width:1000px;
  margin-left:auto;
  margin-right:auto;
}

.home .logos-container .logos-row{
  height:80px;
  margin-top:30px;
  margin-bottom:30px;
}

.home .logos-container .logo.svg,
.clients-logo-container .logo.svg{
  margin:30px;
  width:100px;
  margin-top:15px;
  margin-bottom:15px;
}

.home .logos-container .logo.svg *{
  path:#fff;
  stroke:none;
  fill:#fff;
}

.rounded-button-container.work{
  padding-bottom:60px;
}

.head{
  margin-left: auto;
  margin-right: auto;
  width:72px;
  margin-bottom:15px;
}


line,
circle,
path,
rectangle,
g
  { 
    vector-effect:non-scaling-stroke;
    stroke-width:3px;
    
  }


.head svg *{
  stroke:#fff;
}

.page.home.three > .text{
  font-family:"Armitage";
  line-height:1.3;
  font-size:21px;
  margin-top:30px;
  margin-bottom:60px;
  width:660px;
}

.applications-of-mind-modeling{
  margin-top:60px;
  color:#605aa7;
}

.applications-of-mind-modeling .break{
  margin-top:33px;
  background-color:#605aa7;
}


.home-icons-container{
  overflow:auto;
  width:645px;
  margin: 0 auto 0 auto;
}

.home-icons-container > .icon-container{
  float:left;
  width:100%;
  text-transform:uppercase;
  margin-top:90px;
}

.home-icon{
  height:120px;
}

.icon-image svg *{
  transition: 200ms ease-in-out;
}

.icon-image svg *{
  stroke: #605aa7;
  fill: none;
}

.head svg *{
  opacity:1;
  stroke: #fff;
  path:#fff;
  fill:none;
}

.icon-image:hover svg *{
/*  stroke: #00d6bf;*/
 }

.icon-image{
  float:left;
  width:150px;
  margin-right:90px;
}

.icon-words-container{
  text-align:left;
}

.icon-text{
/*  margin-top:9px;*/
/*  line-height:1.3;*/
  font-family: "ArmitageBold";
  letter-spacing:-0.5px;
  font-size:21px;
  text-transform:none;
}

.icon-copy{
  margin-top: 0px;
  font-size: 21px;
  margin-left: 75px;
  text-align: left;
  text-transform: none;
  line-height: 1.5;
}

.page.home.five{
  background: #fff  url(../img/home/HOME_AMBIENT_2.jpg) no-repeat center center;
	background-size:cover;    
  padding-top:100px;  
  color:#fff;
}

.circular {
  display:inline-block;
	width: 240px;
	height: 240px;
	border-radius: 240px;
	-webkit-border-radius: 240px;
	-moz-border-radius: 240px;  
}

.home-leaderships-container{
  overflow:auto;
  padding-top:60px;
  padding-bottom:60px;  
  width:660px;
  margin-left:auto;
  margin-right:auto;  
}

.home-leadership-container{
  width:50%;
  float:left;
}

.david-image{
  	background: url(../img/leadership/DAVID.png) no-repeat;
    background-size: contain;      
}

.carolyn-image{
  	background: url(../img/leadership/CAROLYN.png) no-repeat;
    background-size: contain;      
}

.home-leadership-title{
  margin-top:30px;
  margin-bottom:15px;
  font-family: "ArmitageLight";
  font-size:30px;
}

.our-leadership,
.home-leadership-description{
  text-transform:uppercase;
  letter-spacing:2px;
  font-size:14px;
  font-family: "ArmitageBlack";    
}

.boxed-in{
  padding-top:90px;
}

.horizontal-line{
  margin-left:auto;
  margin-right:auto;
  max-width:1000px;
  border-top:solid 1px #aaa;
}

.contact-theory{
  font-family: "ArmitageLight";  
  padding-top:120px;
  padding-bottom:120px;
  font-size:38px;
}

.page.home.six.page-text{
  padding-top:60px;
  padding-bottom:0px;
}

.footer{
  background:#efefef;
  padding-top:105px;
  width:100%;
  padding-bottom:105px;
}

.footer-item-container{
  margin-left:auto;
  margin-right:auto;
  width:1000px;
  overflow:auto;
}

.footer-item{
  float:left;
  width:33.3333%;
  text-align:center;
}

.footer-item-title{
  text-transform:uppercase;
  margin-bottom:14px;
  font-family: "ArmitageBlack";  
  letter-spacing:2px;
  font-size:14px;  
}

.footer-item-line a{
  transition:200ms ease-in-out;
  color: #414141;
}

.footer-item-line a:hover{
  color:#00d6bf;
}

.footer-item-line{
  line-height:1.5;
  font-size: 21px;
}

.copyright{
  padding-top:90px;
  text-align:center;
  clear:both;
  color:#a0a0a0;
  font-size: 18px;
}


/*CONTACT*/

.page.contact.hero{
  background:url(../img/contact/CONTACT_HERO.jpg) no-repeat center center;
	background-size:cover;    
}

.page.contact.one{
/*  position:fixed;*/
  bottom:50px;
}

.page.contact.one > .middle{
  width: 1000px;
  height: 500px;
}

.page.contact.one > .middle > a{
  font-family:"ArmitageLight";
  transition:200ms ease-in-out;
}

.contact .offices{
  margin-top:30px;
  margin-bottom:30px;
  font-family: "ArmitageLight";  
  font-size:30px;
  line-height:1.3;
}

.contact .map-icon{
  width:30px;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;  
}

.contact svg *{
  fill:#a1a1a1;
  path: #a1a1a1;
  transition: 200ms ease-in-out;
}

.contact svg:hover *{
  fill:#fff;
  path: #fff;
}

#contact-form{
  margin-top:60px;
  width:660px;
  margin-left:auto;
  margin-right:auto;
}

#contact-form div{
  margin-bottom:28px;
}
#contact-form label,
#contact-form label span{
  text-align:left;
  display:block;
  clear:both;
  font-size:12px;
  text-transform: uppercase;
  font-family: "ArmitageBlack";
  letter-spacing: 2px;
  margin-bottom:12px;
}

#contact-form input,
#contact-form textarea{
  display:block;
  clear:both;
  width:100%;
  padding-left: 5px;  
}

#contact-form .name,
#contact-form .email{
  float:left;
  width:50%;
}

#contact-form .email{
  padding-left:21px;
}

#contact-form .message textarea{
  line-height:1.3;
  height:133px;
  padding-top:5px;
}

#contact-form button{
  float:left;
  padding-left:24px;
  padding-right:24px;
  color:#00d6bf;  
  cursor:pointer;
  text-align:left;
  display:block;
  clear:both;
  font-size:12px;
  text-transform: uppercase;
  font-family: "ArmitageBlack";
  transition:200ms ease-in-out;
}

#contact-form button:hover{
  color:#fff;
}

/*END CONTACT*/


/* WORK CASES */

.page.clients.one-point-five{
  padding-top:90px;
  padding-bottom:90px;
}

.case-studies-container{
  width:1000px;
  margin-left:auto;
  margin-right:auto;
}

.case-study{
  margin-top:64px;
  margin-left:129px;
  width:310px;
  height:310px;
  float:left;
  display:block;
  cursor:pointer;
}

.case-study > div{
  display:block;
	width: 310px;
	height: 310px;
	border-radius: 310px;
	-webkit-border-radius: 310px;
	-moz-border-radius: 310px; 
}

.case-study-green{
  position:relative;
  bottom:310px;
  background:rgba(0, 214, 191,0.90);
  opacity:0;
  transition:200ms ease-in-out;
}

.case-study:hover > .case-study-green{
  opacity:1;
}

.case-study:hover > .case-study-image > .case-study-logo {
  opacity:0;
}

.case-study-words{
  margin-left:auto;
  margin-right:auto;
  line-height:1.5;
  width:66%;
  color:#fff;
  position:relative;
  top: 100px;
}

.case-study-more{
  margin-top:15px;
  color:#fff;
  text-transform:uppercase;
  font-family: "ArmitageBlack";
  letter-spacing: 2px;
  font-size: 14px;
}



.case-studies-container .horizontal-line{
  padding-top:129px;
  clear:both;
  border-top: none;
  border-bottom: solid 1px #aaa;
}

.case-studies-container .break{
  background-color:#000;
  margin-top:15px;
}

.kit-kat-logo svg{
  width:120px;
  height:70px;
}

.kisses-logo svg{
  width:190px;
  height:40px;
}

.hearts-logo svg{
  width:230px;
  height:45px;
}

.nascar-logo svg{
  width:235px;
  height:45px;
}

.case-study-logo{
  position:relative;
  top:40%;
  opacity:1;
  transition:200ms ease-in-out;
}

.case-item-logo-svg{
/*  width:200px;*/
  
}

.case-study-logo svg *{
  fill: #fff;
  path: #fff;
}



/*CASES*/

.page.cases.hero{
  background:url(../img/cases/CASE_LANDING_HERO.jpg) no-repeat center center;
	background-size:cover;    
}

.page.cases.one > .middle{
  width: 660px;
  height: 130px;
}

.page.cases.all-cases{
  background:#fff;
  height:auto;
}
.cases-container{
  background:#fff;
  overflow:auto;
  padding-top:120px;
  padding-bottom:60px;
}

.case-item{
  display:block;
  height:600px;
  width:1000px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:30px;
  position:relative;
}

.kit-kat-case-item{
  background:url(../img/cases/CASE_KITKAT_THUMBNAIL.jpg) no-repeat center center;
	background-size:cover;    
}

.kisses-case-item{
  background:url(../img/cases/CASE_KISSES_THUMBNAIL.jpg) no-repeat center center;
	background-size:cover;    
}

.hearts-case-item{
  background:url(../img/cases/CASE_HEARTS_THUMBNAIL.jpg) no-repeat center center;
	background-size:cover;    
}

.nascar-case-item{
  background:url(../img/cases/CASE_NASCAR_THUMBNAIL.jpg) no-repeat center center;
	background-size:cover;    
}

/*END CASES*/

/*INDIVIDUAL CASE*/

.page.kisses.one > .middle.h1,
.page.kitkat.one > .middle.h1,
.page.hearts.one > .middle.h1,
.page.nascar.one > .middle.h1{
  font-size:48px;
}

.case.all-cases .case-study {
  margin-left:11px;
  margin-right:11px;
}

.case.page.two{
  padding-bottom:60px;
}

.case.page.three .right-column{
  margin-top:60px;
} 

.case.all-cases .case-studies-container{
  overflow:auto;
  padding-bottom:90px;
}

.case-item-header-logo-svg{
  margin-top:90px;
  margin-bottom:60px;
  height:90px;
  width:150px;  
}

.case-item-header-logo-svg.nascar, .case-item-header-logo-svg.kisses {
    width: 210px;
}
.hearts .case-item-header-logo-svg{
  width:240px;
}

.case-studies-container .horizontal-line{
  padding-top:60px;
}

.clients.one-point-five.page-text{
  padding-bottom:60px;
}

/*END INDIVIDUAL CASE*/

/* KITKAT */

.break.case-title{
  margin-top:30px;
  margin-bottom:30px;
}

.page.kitkat.hero{
  background:url(../img/cases/CASE_KITKAT_HERO.jpg) no-repeat center center;
	background-size:cover;    
}

.page.kitkat.one > .middle{
  width: 896px;
  height: 220px;
}


/* END KITKAT */


/* KISSES */

.page.kisses.hero{
  color:#fff;
  background:url(../img/cases/CASE_KISSES_HERO.jpg) no-repeat center center;
	background-size:cover;    
}

.page.kisses.one > .middle{
  width: 900px;
  height: 350px;
}

.case.page.four .right-column{
  margin-top:60px;
} 

/* END KISSES */


/* NASCAR */

.page.nascar.hero{
  color:#fff;
  background:url(../img/cases/CASE_NASCAR_HERO.jpg) no-repeat center center;
	background-size:cover;    
}

.page.nascar.one > .middle{
  width: 750px;
  height: 220px;
}

/* END NASCAR */


/*HEARTS ON FIRE*/


.page.hearts.hero{
  color:#fff;
  background:url(../img/cases/CASE_HEARTS_HERO.jpg) no-repeat center center;
	background-size:cover;    
}

.page.hearts.one > .middle{
  width: 840px;
  height: 220px;
}

.case-hero-title{
  text-transform:uppercase;
  letter-spacing:2px;
  font-size:14px;
  font-family: "ArmitageBlack";    
  margin-bottom:12px;
}

.case-item-header-logo-svg *{
  fill: #605aa7;
  path: #605aa7;
}

.case .h2{
  font-family:"Armitage";
}

.case .header-subtitle{
  margin-top:33px;
  margin-bottom:99px;
  font-size:21px;
  line-height:1.4;
  width:660px;
  margin-left:auto;
  margin-right:auto;
  
}

.case .column-container{
  width:1000px;
  margin-left:auto;
  margin-right:auto;
  overflow:auto;
  margin-bottom:120px;
}

.column-container > div{
  width:490px;
  float:left;
  margin:0;
}

.right-column > div,
.left-column > div{
    text-align:left;
}

.right-column .column-text,
.right-column .column-title{
  padding-right:99px;
}

.left-column .column-text,
.left-column .column-title{
  padding-left:99px;
}

.left-column.hearts-svg-one{
/*  margin-top:30px;*/
}

.column-title{
  margin-left:auto;
  margin-right:auto;
  margin-bottom:33px;
  font-size:30px;  
}

.column-text{
  font-size:21px;
}

.margin-30-top{
  margin-top:30px;
}


.case .right-column .circular {
  display:inline-block;
	width: 300px;
	height: 300px;
	border-radius: 300px;
	-webkit-border-radius: 300px;
	-moz-border-radius: 300px;  
}

.page.case.two,
.page.case.three,
.page.case.four,
.page.case.five{
  padding-top:0;
}

.page.case.four{
  padding-bottom:90px;
}

.hearts-svg-one svg{
  width:240px;
}

.results{
  margin-left:auto;
  margin-right:auto;
}

.results-title{
  font-size:48px;
}

.results-text{
  margin-top:30px;
  font-size:30px;
  line-height:1.5;
  width:700px;  
  margin-left:auto;
  margin-right:auto;  
}

.results-text-small{
  margin-top:12px;
  font-size:21px;
  color:#75ACDC;
}

.results-graphic{
  margin-top:60px;
}

.results-graphic-left{
  float:left;
}

.result-icon{
  height:120px;
  width:60px;
}

.result-icon svg *{
  path: #605aa7;
  stroke: #605aa7;

}

.kitkat .results-graphic,
.kisses .results-graphic{
  margin-left:-5px;
  width: 760px;
  float:left;  
}

.kisses .results-graphic{
/*  float:none;*/
}


.kisses-line-left{
  margin-left:-120px;
  height: 384px;
  width: 200px;
  border-bottom:3px solid #605aa7;
}

.kitkat-line-left{
  margin-left:-120px;
  height:206px;
  width: 200px;
  border-bottom:3px solid #605aa7;
}

.kitkat .results-graphic-text{
  margin-left:15px;
  margin-top: 30px;
  font-size:21px;  
  width: 150px;
  color:#75acdc;
  text-align:left;
  float: left;  
}

.results-percent{
  font-size:60px;
  color:#605aa7;
  font-family:'ArmitageLight';
}

.kisses .results-graphic-text{
  margin-left:30px;
  margin-top: 90px;
  font-size:21px;  
  width: 180px;
  color:#75acdc;
  text-align:left;
  float: left;  
}

.nascar .results-graphic svg{
  width:1000px;
   border-bottom: solid 1px #aaa;   
}

.hearts-results-container{
  border-bottom: solid 1px #aaa;  
  height: 257px;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.hearts-results-1{
  width:630px;
  height:190px;
}

.hearts-results-1.svg *{
  path:#aaa;
  stroke: #aaa;  
}

.hearts-results-2{
  width:44px;
  height:260px;  
}

.results-graphic-nascar-container{
  border-bottom: solid 1px #aaa;    
  height:459px;
  margin-left:auto;
  margin-right:auto;
}

.results-graphic-nascar{
    width:380px;
}

.results-graphic svg *{
  path:#605aa7;
  stroke: #605aa7;  
}

.case .cases-container{
  padding-top:60px;
}

.case .three-column-container{
  clear:both;
  margin-top:115px;
  margin-bottom:90px;
  width:1000px;
  margin-left:auto;
  margin-right:auto;
  overflow:auto;
}

.case .three-column-container .column{
  width:30%;
  padding-left:31px;
  margin-left:31px;
  float:left;
}

.case .three-column-container .column div{
  text-align:left;
}

.case .three-column-container .column .result-icon img{
  height:62px;
}

.case .three-column-container .column .result-text{
  margin-top:9px;
  font-size:21px;
}

/*END HEARTS*/


/* LEADERSHIP */

.page.leadership.hero{
  background:url(../img/leadership/LEADERSHIP_HERO.jpg) no-repeat center center;
	background-size:cover;    
}

.page.leadership.one > .middle{
  width: 660px;
  height: 160px;
}

.leadership .text{
  width:660px;
  font-size:21px;
  line-height:1.5;
  margin-bottom:30px;
}

.leadership .text a{
  transition:200ms ease-in-out;
}

.leadership .text a:hover{
  color:#000;
  text-decoration:underline;
}

.leadership .horizontal-line{
  margin-top:120px;
}

.leadership.two{
  padding-bottom:70px;
}

.leadership.three{
  padding-top:0px;
  padding-bottom:90px;
}

.leadership .break{
  background-color:#000;
  margin-top:15px;
  margin-bottom:30px;
}

.leader{
  width:1000px;
  margin-left:auto;
  margin-right:auto;
  overflow:auto;
}

.leader{
  padding-top:90px;
}

.leader .circular{
  display:inline-block;
	width: 412px;
	height: 412px;
	border-radius: 412px;
	-webkit-border-radius: 412px;
	-moz-border-radius: 412px;
}

.leadership-info-container{
  display:block;
  float:left;
  width:490px;
  padding-top:60px;
}

.leadership-info-container.carolyn{
  padding-top:15px;
}

.leader .circular.david-image{
  float:left;
  margin-right:90px;
}

.leader .circular.carolyn-image{
  float:left;
  margin-left:90px;
}

.leader .title{
  font-size:48px;
  color:#605aa7;
  padding-bottom:12px;
}

.leader .subtitle{
  text-transform:uppercase;
  letter-spacing:2px;
  font-size:14px;
  font-family: "ArmitageBlack";    
  padding-bottom:12px;
}

.leader .description{
  overflow:hidden;
  text-align:left;
  line-height:1.4;
  transition: 500ms ease-in-out;
  margin-bottom:30px;
}

.leader .description.david{
  max-height:153px;
}

.leader .description.carolyn{
  max-height:220px;
}

.circular.carolyn-image.mobile{
  display:none;
}

.read-more{
  cursor:pointer;
  text-transform:uppercase;
  letter-spacing:2px;
  font-size:14px;
  font-family: "ArmitageBlack";    
  padding-bottom:12px;
  color: #00d6bf;
  transition:200ms ease-in-out;
}

.read-more:hover{
  color:#000;
}

/* END LEADERSHiP */

/* APPROACH */

.page.approach.hero{
  background:url(../img/approach/APPROACH_HERO1.jpg) no-repeat center center;
	background-size:cover;    
}

.page.approach.one > .middle{
  width: 1000px;
  height: 220px;
}

.approach-brainz{
  width:90px;
  display: block;
  margin-left: auto;
  margin-right: auto;  
  margin-bottom:30px;
}

.approach-brainz *{
  stroke: #fff;  
}

.approach .mind-modeling{
  width:896px;
  line-height:1.5;
}


.expertise-container{
  margin-top:120px;
  max-width:1000px;
  margin-left:auto;
  margin-right:auto;
  overflow:auto;
}


.expertise-container .left-side{
  float:left;
  width:300px;
}

.expertise-container svg *{
  fill:#605aa7;
/*  stroke: #605aa7;*/
  stroke-width:3px;
}

.facet-head-icon svg *{
  stroke: #605aa7;
  fill:#fff;
}

.expertise-container .right-side{
  float:left;
  margin-left:21px;
  width: 660px;
}

.s-shape{
  margin-left:149px;
  height:60px;
  width:500px;
  display: inline-table;
}

.facet-head-icon{
  width:160px;
  margin-left: auto;
  margin-right: auto;  
}
.left-arc{
  float:left;
  border-bottom: 3px solid #000000;
  border-left: 3px solid #000000;
  border-radius: 0 0 0 18px;
  height: 30px;
  width: 30px;
}

.between-the-bars{
  float:left;
  margin-top: 27px;
  border-bottom:3px solid #000;
  width:400px;
}

.right-arc{
  margin-top: 27px;
  float: left;
  border-top: 3px solid #000;
  border-right: 3px solid #000;
  border-radius: 0 18px 0px 0;
  height: 109px;
  width: 30px;
}

.applying-mind-modeling-container{
  position: relative;
  left: -150px;
}
.applying-mind-modeling-container .h2{
  font-size: 45px;
}

.applying-mind-modeling-container .text{
  width:660px;
  font-size:21px;
  padding-top:15px;
  line-height:1.5;
}

.approach .underlying-container{
  overflow:auto;
}

.underlying-container > .break{
  margin-left:0;
  background-color:#000;
  margin-top:30px;
  margin-bottom:30px;
}

.underlying-container .h1{
  text-align:left;
  font-size:45px;
  margin-bottom:15px;  
}

.underlying-container .h2.purple{
  font-family:"ArmitageSemiBold";
  margin-bottom:15px;
}

.underlying-container .h2{
  color:#605aa7;
  line-height:1.3;
  width:520px;
  margin-left:0;
  margin-right:0;
}

.underlying-text{
  margin-top:30px;
  text-align:left;
  line-height: 1.5;
  font-size: 21px;  
}

.underlying-copy-container{
  width:660px;
  float:left;
  margin-bottom:132px;
}

.underlying-image-container{
  width:320px;
  margin-right:21px;
  float:left;
  display: table;
  height: 100%;
}

.vertical-line{
  clear:both;
  border-left:3px solid #000;
  height:200px;
  width:3px;
  margin-left:auto;
  margin-right:auto;
}

.underlying-science.vertical-line{
  height:590px;
}

.approach-02.vertical-line{
   height:150px;
}

.steps-container{
  margin-bottom:250px;
}

.steps-container .h1{
  text-align:left;
  font-size:45px;
  margin-bottom:30px;
}

.home-icon.down-arrow{
  height:90px;
}

.approach .underlying-container .h1,
.approach .underlying-container .h2,
.approach .underlying-container .break,
.approach .underlying-container .left-column,
.approach .underlying-container .right-column,
.approach .steps-container .step div{
  text-align:left;
}

.left-column,
.right-column{
  font-size:16px;
  line-height:1.5;
  width:271px;
  float:left;
}

.right-column{
  margin-left:39px;
}

.step{
  margin-bottom:90px;
}

.steps-numeral{
  font-family:ArmitageBlack;
  margin-bottom:6px;
}

.step-title{
  clear:both;
  font-family: "Armitage";
  font-size:30px;
  width:421px;
  margin-bottom:12px;
}

.step-description{
  width:660px;
  line-height:1.5;
  font-size:21px;
}

.page.approach.two{
  padding-bottom:0px;
}

.application-list{
  margin-top:15px;
  overflow:auto;
  width:850px;
  margin-left:auto;
  margin-right:auto;
}

.application-item:first-of-type{
  margin-top:45px;
  border-top:1px solid #d9d9d9;  
}

.application-item{
  color:#605aa7;
  font-size:30px;
  padding-top:15px;
  padding-bottom:15px;
  border-bottom:1px solid #d9d9d9;
  transition:200ms ease-in-out;
}

.application-item:hover{
/*  cursor:pointer;
  background:#f9f9f9;
  transition:200ms ease-in-out;*/
}

.page.approach.four{
/*  color:#fff;
  background:url(../img/approach/APPROACH_AMBIENT_1.jpg) no-repeat center center;
  background-size:cover;*/
  height:450px;
}

.page.approach.four .h2{
/*  font-family:'ArmitageSemiBold';*/
}

.page.approach.five{
  padding-top:60px;
  padding-bottom:90px;
}

.page.approach.five .break{
  margin:30px;  
  margin-left:auto;
  margin-right:auto;
  background-color:#000;
}

.carousel{
  width:700px;
  margin-left:auto;
  margin-right:auto;
}

.carousel-item{
  background:#fff;
}

.carousel .carousel-icon{
  padding:30px;
}
 
.carousel-icon svg *{
  stroke: #605aa7;
  transition:200ms ease-in-out;
} 

.carousel-icon svg:hover *{
  stroke: #00d6bf;
} 
  
.carousel-title{
  font-family: "Armitage";
  font-size:30px;
  padding-top:0px;
  padding-bottom:15px;
}
  
.carousel-description{
  width:432px;
  margin-left:auto;
  margin-right:auto;
  font-family:ArmitageLight;
  font-size:21px;
  margin-bottom:30px;
}

.approach > .horizontal-line{
    margin-top: 100px;
}

/* END APPROACH */

/* CLIENTS */

.page.clients.hero{
  background:url(../img/clients/CLIENTS_HERO.jpg) no-repeat center center;
	background-size:cover;    
}
.page.clients.one > .middle{
  width: 896px;
  height: 190px;
}

.page.clients.two{
  padding-top: 0px;
}

.clients-two-container{

}

.clients-logo-description{
  padding-top:60px;
  padding-bottom:60px;  
  width:896px;  
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  font-size: 30px;
}

.clients-logo-container{
/*  float:left;*/
/*  width:660px;*/
/*  padding-left:30px;
  width:1000px;*/
  text-align:center;
  max-width:1000px;
  margin-left:auto;
  margin-right:auto;
}


.clients .clients-logo-container .logo.svg *{
  path:#5c5c5c;
  fill:#5c5c5c;
}


.page.clients.three{
  color:#fff;
  height:auto;
}

.page.clients.chocolate{
  background:url(../img/clients/TIMELINE_BKG.jpg) no-repeat center center;
	background-size:cover;    
  
  position: fixed;
  top: 100%;
  z-index: -1;
}


.theory-hershey-container{
  width:525px;
  margin-left:auto;
  margin-right:auto;
}

.timeline-top-line{
  border-right:3px solid #fff;
  height:120px;
  width:6px;
  margin-left:auto;
  margin-right:auto;
}

.theory-hershey-container .break{
  margin-top:15px;
  margin-bottom:15px;
}

.theory-hershey-title{
  margin-top:30px;
  font-size:30px;
}

.theory-hershey-description{
  font-family:ArmitageLight;  
  font-size:21px;
  line-height: 1.4;
}

.page.clients.three{
  overflow:auto;
}

.timeline{
  margin-top:30px;
}

.tl-item{
  width:800px;
  min-height:150px;
  margin-left:auto;
  margin-right:auto;
  clear: both;
}

.tl-item.y2015{
  height:160px;
}

.tl-item.y2015 .tl-middle .tl-line-bottom{
  height:130px;
}

.tl-item.y2014{
  height:300px;
}

.tl-item.y2014 .tl-middle .tl-line-bottom{
  height:270px;
}

.tl-item.y2013{
  height:600px;
}

.tl-item.y2013 .tl-middle .tl-line-bottom{
  height:570px;
}

.tl-item.y2012{
  height:400px;
}

.tl-item.y2012 .tl-middle .tl-line-bottom{
  height:370px;
}

.tl-item.y2011{
  height:300px;
}

.tl-item.y2011 .tl-middle .tl-line-bottom{
  height:270px;
}

.tl-item.y2010{
  height:550px;
}

.tl-item.y2010 .tl-middle .tl-line-bottom{
  height:520px;
}

.tl-item.y2009{
  height:375px;
}

.tl-item.y2009 .tl-middle .tl-line-bottom{
  height:345px;
}

.tl-item.y2008{
  height:260px;
}

.tl-item.y2008 .tl-middle .tl-line-bottom{
  height:230px;
}

.tl-item.y2007{
  height:280px;
}

.tl-item.y2007 .tl-middle .tl-line-bottom{
  height:250px;
}

.tl-item.y2006 .tl-middle .tl-line-bottom{
  height:200px;
}

.tl-left,
.tl-right,
.tl-middle{
  min-height: 1px;
  display:block;
  float:left;
}

.tl-left,
.tl-right{
  width:351px;
}

.tl-left{
  margin-left: 31px;  
  text-align:right;
  margin-right:18px;
}

.tl-right{
  text-align:left;
  margin-left:0px;
}

.tl-middle{
  width:21px;
  height:100%;  
}

.tl-year{
  font-family:ArmitageLight;
  color:#00d6bf;
  font-size:48px;
}

.tl-subtitle{
  margin-top:30px;  
  font-family:ArmitageBlack;
  font-size:12px;
  margin-bottom:6px;
  letter-spacing:1px;
  text-transform:uppercase;
  color:rgba(255,255,255,0.7);
}

.tl-description{
  font-size:21px;
  margin-top:6px;  
}

.tl-line-top,
.tl-line-bottom{
  border-left: 3px solid #fff;
}

.tl-line-top{
  height:15px;
}

.tl-line-bottom{
  height:90%;
}

.tl-dot{
  background-color: none;
  border: 3px solid #00d6bf;
  height: 12px;
  width: 12px;
  -moz-border-radius:6px;
  -webkit-border-radius: 6px;
  position: relative;
  left: -10px;
  margin: 6px;
}

.clients.page.four{
  padding-top:70px;
  padding-bottom:30px;
}

.clients.page.four .h1{
  width:1000px;
  margin-bottom:60px;
  margin-left:auto;
  margin-right:auto;
}

.clients.page.four .h1 a{
  font-family:ArmitageLight;
  transition:200ms ease-in-out;
}

.clients.page.four .h1 a:hover{
  color:#000;
}

/* END CLIENTS */

@media (max-width: 1240px){
  .page.page-text{
    padding-left:0;
    padding-right:0;    
  }
}

@media (max-width: 1000px){
  
  *{
    max-width:100%;
  }
  
  .menu{
    left:0;
    margin-left:0;
    width:100%;
  }
  
  .menu-static .menu-item-home,
  .menu-item-home{
    margin-left:5%;
    margin-right:30px;
  }
  
  .menu-item {
    margin-left:30px;
  }
 
 .expertise-container .left-side{
   width:100px;
 }
 .expertise-container .right-side{
   min-width:550px;
 }
 
 .applying-mind-modeling-container {
     left: -50px;
   }
/*  HOME*/
  
  .home-icons-container .icon-image,
  .home-icons-container .icon-text,
  .home-icons-container .icon-copy{
    float:none;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
  }
  
  .home .icon-container:first-of-type {
    margin-top:0px;
  }
  
  .home .icon-container{
    margin-top:30px;
  }
  
  .icon-words-container{
    margin-top:0px;    
  }
  
    .home .icon-image.StrategiestoInfluence{
      margin-top:15px;
      margin-bottom:15px;
    }
  
/*  END HOME*/
 
/*  WORK*/
  
  .s-shape{
    width:700px;
  }
  
  .case-study {
    margin-left:auto;
    margin-right:auto;
        float:none;
  }
  
  .case.all-cases .case-study {
    margin-left:auto;
    margin-right:auto;
  }
  
  .tl-item{
/*     margin-left: 15px;*/
  } 
  
  .tl-left {
    width:1px;
    margin-left:5px;
    margin-right:5px;
  }
  
  .tl-right{
    width:auto;
    overflow:hidden;
    max-width: 300px;    
  }
  
  .tl-description{
    max-width: 340px;
  }
  
/*  END WORK*/
 
/*  LEADERSHIP*/

  .leader .circular.carolyn-image{
    display:none;
  }
  
  .circular.carolyn-image.mobile{
    display:block;
  }
  
  .leader .circular.david-image,  
  .leader .circular.carolyn-image{
    float:none;
    margin-right:auto;
    margin-left:auto;
  }
  
  .leadership-info-container{
    float:none;
    margin-left:auto;
    margin-right:auto;
  }
  
/*  END LEADERSHIP*/
 
/*  CASES*/
  .column-container > div {
    float: none;    
    margin-left: auto;
    margin-right: auto;
    
  }
  
  .right-column > div, 
  .left-column > div {
    text-align: center;
  }

  .case.page.four .right-column{
    margin-top:90px;
  }

.left-column .column-text, 
.left-column .column-title,  
.right-column .column-text,
 .right-column .column-title{
    padding:0;
  }
  
  .case .three-column-container .column {
    width:100%;
    padding-left: 0;
    margin-left: 0;
  }
  
  .case .three-column-container .column div {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
  }
  
/*  END CASES*/
 
 
/*KISSES*/
  .kisses .results-graphic-text {
    margin-left: 30px;
        font-size: 21px;
        width: 180px;
        color: #75acdc;
        text-align: left;
  }
 
}

@media (max-width: 770px){

/*  GENERAL*/

.lazy-line{
/*  display:none;*/
}

.h1{
  font-size: 48px;
  width:90%;
}


.hero{
  top:60px;
}

.home.hero{
  top:30px;
}
.home.hero.slide-one{
  background-image:url(../img/tablet/HOME_HERO_1.jpg) !important;
  background-size:cover !important;
  background-position: top left !important;  
}

.home.hero.slide-two{
  background-image:url(../img/tablet/HOME_HERO_2.jpg) !important;
  background-size:cover !important;
  background-position: top left !important;  
}

.home.hero.slide-three{
  background-image:url(../img/tablet/HOME_HERO_3.jpg) !important;
  background-size:cover !important;
  background-position: top left !important;  
}

.home.hero.slide-four{
  background-image:url(../img/tablet/HOME_HERO_4.jpg) !important;
  background-size:cover !important;
  background-position: top left !important;  
}

.home.hero.slide-five{
  background-image:url(../img/tablet/HOME_HERO_5.jpg) !important;
  background-size:cover !important;
  background-position: top left !important;  
}

.page.home.three {
  background-image:url(../img/tablet/HOME_AMBIENT_1.jpg) !important;
  background-size:cover !important;
  background-position: top left !important;   
}

.page.home.five {
  background-image:url(../img/tablet/HOME_AMBIENT_2.jpg) !important;
  background-size:cover !important;
  background-position: top left !important;  
}

.page.approach.hero{
  background-image:url(../img/tablet/APPROACH_HERO.jpg) !important;
  background-size:cover !important;
  background-position: top left !important;  
}


.page.clients.hero{
  background-image:url(../img/tablet/CLIENTS_HERO.jpg) !important;
  background-size:cover !important;
  background-position: top left !important;  
}

.page.clients.chocolate{
  background-image:url(../img/tablet/CHOCOLATE.jpg) !important;
  background-size:cover !important;
  background-position: top left !important;  
}

.page.leadership.hero{
  background-image:url(../img/tablet/LEADERSHIP_HERO.jpg) !important;
  background-size:cover !important;
  background-position: top left !important;  
}

.page.contact.hero{
  background-image:url(../img/tablet/CONTACT_HERO.jpg) !important;
  background-size:cover !important;
  background-position: top left !important;  
}

.page.kitkat.hero{
  background-image:url(../img/tablet/CASE_KITKAT_HERO.jpg) !important;
  background-size:cover !important;
  background-position: top left !important;  
}

.page.kisses.hero{
  background-image:url(../img/tablet/CASE_KISSES_HERO.jpg) !important;
  background-size:cover !important;
  background-position: top left !important;  
}

.page.nascar.hero{
  background-image:url(../img/tablet/CASE_NASCAR_HERO.jpg) !important;
  background-size:cover !important;
  background-position: top left !important;  
}

.page.hearts.hero{
  background-image:url(../img/tablet/CASE_HEARTS_HERO.jpg) !important;
  background-size:cover !important;
  background-position: top left !important;  
}

  .mobile{
    display:block;
  }

  .desktop{
    display:none;
  }

  .menu{
    position:fixed;
    height:0px;
    overflow:hidden;
  }
  
  .menu.show{
    height:500px;
  }
  
  .mobile-menu{
    height:1000px;
    max-height:60px;
    background-color: #fff;
    background:#efefef;    
    display:block;
    transition:200ms ease-in-out;
    overflow:hidden;
  }

  .mobile-menu-static{
      max-height:60px;
      background-color: rgba(255,255,255,0.5);
      display:block;
      transition:200ms ease-in-out;
      overflow:hidden;
  }

  #nav-icon3 {
    float: right;
    width: 36px;
    height: 45px;
    margin-right:30px;
    margin-top:20px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
  }

  #nav-icon3 span{
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #00d6bf;
    border-radius: 0px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }


  /* Icon 3 */

  #nav-icon3 span:nth-child(1) {
    top: 0px;
  }

  #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
    top: 9px;
  }

  #nav-icon3 span:nth-child(4) {
    top: 18px;
  }

  #nav-icon3.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
  }

  #nav-icon3.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  #nav-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  #nav-icon3.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
  }
  
  .page.page-text{
    padding-top:60px;
    padding-bottom:60px;
    padding-left:21px;
    padding-right:21px;
  }
  
  .page.page-image{
    padding-left:21px;
    padding-right:21px;
  }
  
  .page.home.hero{
    padding:0;
  }  
  
  .page.one{
    bottom:0;
  }
  
  .page.home.hero > .middle{
    width:90%;
/*    height: 200px;*/
    height: 280px;
  }

  .page.home.three{
    height:700px;
  }

  .home-leadership-container{
    width:100%;
  }

  .home-leadership-title{
    margin-top:15px;
    margin-bottom:6px;
  }

  .home-leadership-container:nth-of-type(2){
    margin-top:60px;
  }

  .case-hero-title{
/*    width:70%;*/
    line-height:2;
    margin-left:auto;
    margin-right:auto;
  }
  
  
/*  END GENERAL*/


  /* EXPERTISE */
  
  .page.approach.one > .middle{
    font-size:40px;
    width:90%;
/*    height: 150px;*/
    height: 280px;    
  }
  
  .approach > .horizontal-line{
    margin-top:60px;
  }
  
  .expertise-container{
    margin-top:60px;
  }
  
  .expertise-container .left-side{
    display:none;
  }
  
  .expertise-container .right-side {
    min-width:100%;
    margin-left: 0px;
  }

.facet-head-icon{
  margin-bottom:30px;
  margin-left:0;
  margin-right:0;
}

.underlying-copy-container{
  margin-bottom:90px;
}

.home-icon{
  height:200px;
/*  width:200px;*/
}

.home-icon.approach01{
  position:relative;
  left:-30px;
}

.home-icon.approach02{
  position:relative;
  left:-20px;
}

.home-icon.approach03{
  position:relative;
  left:-20px;
}

.step{
  margin-bottom:30px;
}

.steps-container{
  margin-bottom:60px;
}

.applying-mind-modeling-container .h2{
  font-size: 30px;
}
  .step-description {
    width:100%;
  }
  
  .down-arrow{
    display:none;
  }
  
  .applying-mind-modeling-container .h2,
    .applying-mind-modeling-container .text{
    text-align:left;
  }
  
  .applying-mind-modeling-container .text {
    width:100%;
  }

  .approach .underlying-container {
  }
  
  .right-side .svg{
    margin-left:0;
    margin-right:0;
  }
  
  .application-item{
    font-size:21px;
  }
  
/*  END EXPERTISE */
  
/*  WORK */
  
  .case.page.four{
    padding-bottom:60px;
  }
  
  .case.page.four .right-column{
    margin-top:60px;
  }
  
  .results-title{
    font-size:36px;
  }
  
  .results-text{
    font-size:21px;
  }
  
  .results-percent{
    font-size:36px;
  }

    .case .three-column-container .column{
      margin-top:30px;
    }  
    
    .case .three-column-container .column .result-icon{
    margin-left:0;
    height:auto;
  }
    .case .three-column-container .column .result-text{
    text-align: left;
  }
  
  .page.clients.one > .middle{
/*    height: 100px;*/
    height: 260px;    
  }
  
  .theory-hershey-container{
    text-align:left;
    padding-left: 15px;
    padding-right: 15px;
  }

  .theory-hershey-container .break{
    margin-left:0;
  }
  
  .hearts-results-container{
    width:100%;
    height:140px;
  }
  
  .hearts-results-1{
    width:250px;
    height:130px;
  }
  
  .hearts-results-2{
    width: 20px;
    height: 165px;
  }
  
/*  END WORK */  

/*  LEADERSHIP*/
  
  .page.leadership.one > .middle{
/*    height: 100px;*/
    height: 260px;    
  }
  
  .leader .circular{

  }
  
  .leadership-info-container{
    padding-top:0px;
  }


/*  END LEADERSHIP*/


/*  CONTACT*/
  
  .page.contact.one{
    bottom:0;
    top:0;
    height:550px
  }
  
  .page.contact.one > .middle {
    height:300px;
    font-size:30px;
    
  }
  
  #contact-form{
    padding-left:18px;
    padding-right:18px;
  }

#contact-form div{
  margin-bottom:0px;
}

#contact-form .message textarea {
  height:90px;
}
  
/*  #contact-form .name,
  #contact-form .email{
    clear:both;
    width:100%;
  }

    #contact-form .email{
      padding-left:0;
    }*/
  
/*  END CONTACT*/


/*INDIVIDUAL CASE*/

.page.kisses.one > .middle.h1, .page.kitkat.one > .middle.h1, .page.hearts.one > .middle.h1, .page.nascar.one > .middle.h1 {
    font-size: 32px;
    width:90%;
/*    height: 200px;*/
    height: 300px;    
  }

.case-studies-container .our-leadership{
  margin-bottom:30px;
}

.leadership .horizontal-line{
  margin-top:60px;
}
  

.page.leadership.three{
  padding-top:30px;
}

.leader .circular{
  height:312px;
}

.leader.david,
.leader.carolyn{
  padding-top:60px;
}

.leadership-info-container .title{
  font-size:30px;
}

.case-item-header-logo-svg {
  margin-top:30px;
  margin-bottom:30px;
}

.case .header-subtitle {
  margin-bottom:60px;
}

.case.page.two {
  padding-bottom:60px;
}

.case.page.three .right-column {
  margin-top:15px;
}

.case.page.three .column-container,
.case.page.four .column-container {
  margin-bottom:90px;
}

.case .three-column-container{
  margin-bottom:90px;
}

.page.all-cases .case-study{
  margin-top:30px;
}

/*END INDIVIDUAL CASE*/


.case-item-header-logo-svg.nascar,
.case-item-header-logo-svg.kisses{
  width:210px;
  margin-top:45px;
}

/*KISSES*/
.kisses .results-graphic {
  width:100%;
  margin-left:-30px !important;
}



.case.kisses .three-column-container{
  margin-top:0px;
  position: relative;
  top: -150px;
  margin-bottom:-80px;
}


.kisses .results-graphic-text {
      position:relative;
      bottom:260px;
}


/*KIT KAT*/

.kitkat .results-graphic {
  width:100%;
  margin-left:-30px !important;
}

.kitkat .results-graphic-text{
  width: 100%;
  margin-left:0;
  margin-bottom: 60px;
  text-align: center;
}

.case.kitkat .three-column-container{
  margin-top:30px;
}

  #contact-form{
    margin-top:33px;
  }
  
  #contact-form div{
    margin-bottom:9px;
  }


/*END KIT KAT*/

/*  FOOTER*/

.footer-item-container{
  width:100%;
}

.footer-item{
  float:none;
  width:100%;
  margin-bottom:30px;
}

.copyright{
  padding-top:30px;
}

/*END FOOTER*/


}

@media (max-height: 650px){
.lazyline{
/*    display:none;*/
  }
#Theory-SVG-Fills-Hero-Stem{
      bottom:-450px;
  }
    
}

@media (max-width: 640px){
/*  .page.page-text,
  .page.page-image{
    padding-left:9px;
    padding-right:9px;
  }*/
  
  

  .home.hero.slide-one{
    background-image:url(../img/mobile/HOME_HERO_1.png) !important;
    background-size:cover !important;
    background-position: top left !important;  
  }

  .home.hero.slide-two{
    background-image:url(../img/mobile/HOME_HERO_2.png) !important;
    background-size:cover !important;
    background-position: top left !important;  
  }

  .home.hero.slide-three{
    background-image:url(../img/mobile/HOME_HERO_3.png) !important;
    background-size:cover !important;
    background-position: top left !important;  
  }

  .home.hero.slide-four{
    background-image:url(../img/mobile/HOME_HERO_4.png) !important;
    background-size:cover !important;
    background-position: top left !important;  
  }

  .home.hero.slide-five{
    background-image:url(../img/mobile/HOME_HERO_5.png) !important;
    background-size:cover !important;
    background-position: top left !important;  
  }

  .page.home.three {
    background-image:url(../img/mobile/HOME_AMBIENT_1.png) !important;
    background-size:cover !important;
    background-position: top left !important;   
  }

  .page.home.five {
    background-image:url(../img/mobile/HOME_AMBIENT_2.png) !important;
    background-size:cover !important;
    background-position: top left !important;  
  }

  .page.approach.hero{
    background-image:url(../img/mobile/APPROACH_HERO.png) !important;
    background-size:cover !important;
    background-position: top left !important;  
  }


  .page.clients.hero{
    background-image:url(../img/mobile/CLIENTS_HERO.png) !important;
    background-size:cover !important;
    background-position: top left !important;  
  }

  .page.clients.chocolate{
    background-image:url(../img/mobile/CHOCOLATE.png) !important;
    background-size:cover !important;
    background-position: top left !important;  
  }

  .page.leadership.hero{
    background-image:url(../img/mobile/LEADERSHIP_HERO.png) !important;
    background-size:cover !important;
    background-position: top left !important;  
  }

  .page.contact.hero{
    background-image:url(../img/mobile/CONTACT_HERO.png) !important;
    background-size:cover !important;
    background-position: top left !important;  
  }

  .page.kitkat.hero{
    background-image:url(../img/mobile/CASE_KITKAT_HERO.png) !important;
    background-size:cover !important;
    background-position: top left !important;  
  }

  .page.kisses.hero{
    background-image:url(../img/mobile/CASE_KISSES_HERO.png) !important;
    background-size:cover !important;
    background-position: top left !important;  
  }

  .page.nascar.hero{
    background-image:url(../img/mobile/CASE_NASCAR_HERO.png) !important;
    background-size:cover !important;
    background-position: top left !important;  
  }

  .page.hearts.hero{
    background-image:url(../img/mobile/CASE_HEARTS_HERO.png) !important;
    background-size:cover !important;
    background-position: top left !important;  
  }
  
  
  .h1 {
      font-size: 30px !important;
  }
  
  .page.kisses.one > .middle.h1, .page.kitkat.one > .middle.h1, .page.hearts.one > .middle.h1, .page.nascar.one > .middle.h1 {
      font-size: 26px !important;
    }
  
  .page.clients.three.page-image{
    padding-left:0;
    padding-right:0;
  }
  
  .home .logos-container .logo.svg, 
  .clients-logo-container .logo.svg{
    margin:10px;
  }
  
  .home .logos-container .logo.svg:nth-of-type(even), 
  .clients-logo-container .logo.svg:nth-of-type(even){
    margin-left:25px;
    margin-right:0px;
  }
  
  .home .logos-container .logo.svg:nth-of-type(odd), 
  .clients-logo-container .logo.svg:nth-of-type(odd){
    margin-left:0px;
    margin-right:25px;
  }
  
/*  .home.two > .h2,
  .home.three > .h2,
  .home.four > .h2{
    font-size:24px;
    }*/
  
  .page > .h2,
  .clients-logo-description{
    font-size:24px;
  }
  
  .tl-left{
    margin-left:2px;
    margin-right:2px;
  }
  
  .tl-right{
    max-width:290px;
  }
  
  .page.contact.one > .middle {
    height:400px;
    top: 60px;
    font-size:32px !important;
  }
  
  #contact-form{
    margin-top:21px;
  }
  #contact-form .subject{
    margin-bottom:18px;
  }
  
  
  .case-study{
    width: 276px;
    height: 276px;
  }
  
  .case-study > div,
  .case .right-column .circular{
      display: block;
      width: 276px;
      height: 276px;
      border-radius: 276px;
      -webkit-border-radius: 276px;
      -moz-border-radius: 276px;
  }
  
  .case-study-green {
      bottom: 276px;
    }
    
   .case-study-green .case-study-words{
     top:80px;
   }
    
  
}