.clear:before, .clear:after {
  content: ' ';
  display: table; }

.clear {
  *zoom: 1; }
  .clear:after {
    clear: both; }

.no-cssanimations .rw-wrapper .rw-sentence span:first-child{
		opacity: 1;
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  height: 100%;
}

body {
  margin: 0 auto;
  padding: 0;
  /*overflow-y: scroll;*/
  position: relative;
  height: 100%;
  overflow-x: hidden !important;
}

a:hover {
	color: white;
	text-decoration: none;
}

a:visited {
	color: white;
}

.no-scroll {
	-webkit-overflow-scrolling:touch;
	overflow: hidden;
}

/*---------------------- Media Queries ---------------------- */

/* Small devices (tablets, 768px and up) */
@media only screen and (max-width: 767px) {
	/*.csTagline {
		display: none;
	}*/
}

/*--------------------------------------------------------------*/

a {
	color: white;
	text-decoration: underline;
}

@charset "UTF-8";
/* CSS Document */

/* general styles */

.container {
    /*max-width: 100% !important;*/
    max-width: 1170px !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    margin: 0 auto;
padding: 0;
height: 100%;
}

.container-fluid {
width: 100%;
max-width: 100% !important;
/*overflow-x: hidden !important;*/
margin: 0 auto;
padding: 0;
}

.fullwidth {
	width: 100%
	margin:0 auto;
	padding: 0;
}

.row {
	margin: 0 auto;
}

.main-container {
	margin: 0 auto;
	padding: 0;
}


.row-spacer {
	margin: 1.5em 0 1.5em 0;
}

.wrapper {
  width: 100%;
  margin: 0 auto;
  padding-top: 2em;
  padding-bottom: 4em; 
}

.wrapper-no-top {
	padding-bottom: 4em;
	width: 100%;
  	margin: 0 auto;
}

.content {
	position: relative;
	z-index: 10;
}

.col {
	padding: 0;
}

.centerItem {
	margin: auto;
	text-align: center;
}

.align-left {
	text-align: left;
}

hr {
	/*border-bottom:1px solid #e1e1e1;*/
	/*background-color: white;*/
	border-color: #e1e1e1;
	margin: 0;
}

.hr-white {
	border-color: rgba(255,255,255,.5)
}

.light-divider {
	margin-bottom:4em;
}

.light-divider-last {
	margin-bottom:1em;
	margin-top:0;
}

html, body {
height: 100%;
width: 100%;
margin:0 auto;
padding: 0;
background-color: white;
}

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

.btn-default {
	border-radius: 0;
	font-family: 'Crimson Text', serif;
	width: 100%;
	margin: auto;
	position: relative;
	margin-top:20px;
	margin-bottom: 20px;
	padding: 7px 3px 8px 3px;
	border: 1px;
	outline: none  !important;
}

.no-touch .btn-default {
	padding: 12px 3px 8px 3px;
	
}

.touch .btn-default {
	height: 3em;
}

.btn-dark {
	border: 1px solid #C5C5C5;
	color: #565656;
	background-color: #ffffff !important;
	-webkit-transition: -webkit-transform 0.2s, background-color 0.2s;
  -moz-transition: -moz-transform 0.2s, background-color 0.2s;
  transition: transform 0.2s, background-color 0.2s;
}




.touch .btn-dark:hover {
	border: 1px solid #c5c5c5;
	padding: 7px 3px 8px 3px;
	color: #565656;
	background-color: #ffffff !important;
	-webkit-transition: -webkit-transform 0.2s, background-color 0.2s;
  -moz-transition: -moz-transform 0.2s, background-color 0.2s;
  transition: transform 0.2s, background-color 0.2s;
}

.touch .btn-dark:active {
	border: 1px solid #565656;
	padding: 7px 3px 8px 3px;
	color: #ffffff;
	background-color: #565656 !important;
	-webkit-transition: -webkit-transform 0.2s, background-color 0.2s;
  -moz-transition: -moz-transform 0.2s, background-color 0.2s;
  transition: transform 0.2s, background-color 0.2s;
}

.no-touch .btn-dark:hover {
	border: 1px solid #565656;
	color: #ffffff;
	background-color: #565656 !important;
	-webkit-transition: -webkit-transform 0.2s, background-color 0.2s;
  -moz-transition: -moz-transform 0.2s, background-color 0.2s;
  transition: transform 0.2s, background-color 0.2s;
}

.no-touch .btn-dark:active {
	border: 1px solid #565656;
	color: #ffffff;
	background-color: #565656 !important;
	-webkit-transition: -webkit-transform 0.2s, background-color 0.2s;
  -moz-transition: -moz-transform 0.2s, background-color 0.2s;
  transition: transform 0.2s, background-color 0.2s;
}


.btn-light-primary {
	border: 1px solid #fff;
	color: #565656;
	background-color: rgba(255, 255, 255, 1);
  -webkit-transition: -webkit-transform 0.2s, background-color 0.2s;
  -moz-transition: -moz-transform 0.2s, background-color 0.2s;
  transition: transform 0.2s, background-color 0.2s;
}

.no-touch .btn-light-primary:hover {
	border: 1px solid #fff;
	color:#fff;
	background:none;
	  -webkit-transition: -webkit-transform 0.2s, background-color 0.2s;
  -moz-transition: -moz-transform 0.2s, background-color 0.2s;
  transition: transform 0.2s, background-color 0.2s;
}

.btn-light-secondary {
	border-color: #fff;
	border: 1px solid rgba(255,255,255,.5);
	color: #fff;
	background: none;
	-webkit-transition: -webkit-transform 0.2s, background-color 0.2s;
  -moz-transition: -moz-transform 0.2s, background-color 0.2s;
  transition: transform 0.2s, background-color 0.2s;
}

.no-touch .btn-light-secondary:hover {
	border-color: #fff;
	border: 1px solid rgba(255,255,255,.5);
	color:#565656;
	background-color: rgba(255, 255, 255, 1);
	 -webkit-transition: -webkit-transform 0.2s, background-color 0.2s;
  -moz-transition: -moz-transform 0.2s, background-color 0.2s;
  transition: transform 0.2s, background-color 0.2s;
}




/* padded section */
.pad-section {
padding: 50px 0;
}
.pad-section img {
width: 100%;
}
p {
	font-size: 1.2em;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 100;
	line-height: 1.8em;
	padding-bottom: 10px;
}

li {
	font-size: 1.2em;
	font-weight: 100;
	line-height: 2em;
	font-family: 'Source Sans Pro', sans-serif;
}

h1 {
	font-size: 2.5em;
	font-weight: 400;
	font-family: 'Source Sans Pro', sans-serif;
	padding-top: -.1em;
	margin-top: -.1em;
}
h2 {
	font-size: 1.5em;
	font-weight: 100;
	font-family: 'Source Sans Pro', sans-serif;
	text-transform: uppercase;
	font-kerning: normal;
	padding-bottom: none;
	margin-bottom: none;
}
h3 {
	font-size: 1.2em;
	font-weight: 400;
	font-family: 'Source Sans Pro', sans-serif;
	text-transform: uppercase;
	font-kerning: normal;
	padding-top: 15px;
	margin: 0px;
}
h4 {
	font-size: 2em;
	font-weight: 400;
	font-family: 'Source Sans Pro', sans-serif;
	padding-top: -.1em;
	margin-top: -.1em;
	padding-bottom: .5em;
}

h5 {
	font-family: 'Crimson Text', serif;
	font-size:1.6em;
	font-weight: 100;
	padding-top: .8em;
	padding-bottom: .8em;
	line-height: 1.8em;
}

.headline {
	font-size: 1.4em;
	font-weight: 400;
	font-family: 'Source Sans Pro', sans-serif;
	margin: 0;
	padding-bottom: 1em;
}

.sectionTitle {
	margin-bottom: 1.5em;
	position: relative;
	/*text-align: center;*/
	/*margin-top: 3.5em;*/
}

.light {
	color:white;
}
.dark {
	color:#565656;
}

.darker {
	color:#2b2b2b;
}

.bold {
	font-weight: 600;
}

.rw-sentence-IE{
	display: none;
	padding: 30px;
}


/*------------------------------- Backgrounds -------------------------*/

#intro .wrapper {
    /*padding-top: 120px;*/
    z-index: 10;
    position: relative;
}

.bcg {
  background: no-repeat center center;
 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: absolute;
z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 1;
  margin: 0;
  padding: 0;
}

.logo {
	height:89px;
	margin-top: 22px;
	/*width: 90px;*/
	/*margin-right: 10px;*/
	margin-left: 0;
}

/*--------------------- Background Images ----------------------*/


#intro .bcg {
    background: url(../images/partnerScorecard/introBG.jpg) no-repeat left bottom;
    background-size: cover;
    -moz-background-size: cover;
    z-index: 5;
    height: 340px;
}

.headerGraphic {
	/*background: url(../images/partnerScorecard/headergraphic.png) no-repeat right top;*/
	position: relative;
	z-index: 10;
	right:0;
	padding-right: 0;
	margin-right: 0 !important;
	margin-top: -20px;
	float: right;
	text-align: right;
	max-width: 587px;
	max-height:842px;
}

.headerGraphic img {
	width:100%;
	margin: 0;
	padding: 0;
}

 #slide01-cs2 .bcg {
    background: url(../images/partnerScorecard/processBG.jpg) no-repeat center bottom;
    background-size: cover;
    -moz-background-size: cover;
    z-index: 1;
}

 #slide03-cs2 .bcg {
    background: url(../images/partnerScorecard/designBG.jpg) no-repeat center bottom;
    background-size: cover;
    -moz-background-size: cover;
    z-index: 1;
}
.no-touch #contact .bcg {
    background: url(../images/partnerScorecard/contact.jpg) no-repeat center center;
    background-size: cover;
    -moz-background-size: cover;
    background-attachment: fixed;
}

.touch #contact .bcg {
    background: url(../images/partnerScorecard/contact.jpg) no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
}


.scroll-hint {
  position: absolute;
  visibility: 1;
  bottom: 30px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
  padding: 10px 40px;
  z-index: 20;
}


/*------------------------------ Home Section --------------------*/
/* ---------------------------------------------home section--------------------------------- */


#intro {
	position: relative;
	overflow: hidden;
	z-index: 10;
	min-height: 800px;
}

.namePosition {
	text-align: right;
	padding-top: 30px;
	padding-right: 30px;
}


.ui-credit {
	font-size: 1.3em;
	font-style: italic;
	font-family: 'Source Sans Pro', sans-serif;
	color: #16304C;
	padding: 0 0 1em 0;
	margin-bottom: 30px;
}

.background-text {
	float: left;
	/*padding-top: 2em;*/
	/*margin-bottom: 3em;*/
	margin-top:-9em;
}

.titleText {
	padding-top: 20px;
}

.background-container {
	/*background-color: #ffffff;*/
	position: relative;
	z-index: 8;
	margin-top: 60px;
}

.background-wrapper {
	background-color: white;
	position: relative;
	height: auto;
}

.homeArrows {
 	position: absolute;
 	bottom:10px;
 	left: 50%;
 	text-align: center;
 	color: white;
 	  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 20;
}

.hr-whitebg {
	margin-top: 500px;
	background-color: white;
	padding-bottom: 0;
}

#opportunities {
	background-color: white;
}

#setup ul, #work-cs2 ul {
	padding-left: 18px;
	list-style-type: none;
	padding-bottom: 1em;
}

#setup li:before, #work-cs2 li:before { /* the custom styled bullets */
  content: "";
  margin-right: 10px;
  margin-left:-16px;
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #F5CE65;
  border-radius: 50%;
  margin-bottom: 2px;
}

.setup-group {
	margin-bottom: 2em;
	text-align: center;
}

.setup-icon {
	height: 48px;
	width: 48px;
	text-align: center;
}

.setup-title {
	margin-bottom: 1em;
	text-align: center;
}

.icon-label {
	color: #878787;
}

.homeText {
	position: absolute;
	bottom:25%;
	margin: none;
	width: 100%;
}
.homeText h1 {
	/*border-bottom: 1px solid #fff;*/
	/*margin-bottom: 40px;*/
}
u {
    text-decoration: none;
    border-bottom: 1px solid white;
}​
.rw-wrapper{
	/*width: 80%;*/
	position: absolute;
 	bottom:25%;
	margin: none;
	width: 100%;
}


.list-padding {
	padding-bottom: 1em;
}

img.maxwidth-image {
	max-width: 100%;
}

.project-hr{
	margin-bottom: 2em;
	margin-top: 2em;
}

.twocoltext{
	padding-right: 20px;
}

#slide03-cs2 {
	overflow-y: hidden !important;
	overflow-x: hidden !important;
	height: 100%;
}

#paperprototypes {
	background-color: white;
	position: relative;
	z-index: 10;
}

.slide03-toptext {
	margin-bottom: 1em;
}

.slide03-topimage img{
	max-width: 100%;
	margin-bottom: -250px;
}

#slide03 .sectionTitle {
	text-align: left;
}

.solid-break {
	color: white;
	margin: 7em 0 2em 0;
	padding: 2em 0 2em 0;
	height: 100%;
	position: relative;
	z-index: 15;
	float: left;
}


.motionContainer {
	height: 100%;
	margin-top: 4em;
}

.motionBG {
	position: absolute;
	z-index: 10;
	float: left;
	height: 100%;
	
}

#work-cs2 {
	background-color: white;
	position: relative;
	z-index: 10;
}

#digitalwireframes {
	position: relative;
	z-index: 15;
}

#optimisation-cs2 {
	background-color: white;
	position: relative;
	z-index: 10;
	margin-top: -140px;
	padding-top: 100px;
}

.postImageText {
	position: relative;
	z-index: 15;
	text-align: center;
	padding-top: 300px;
}

.finalGraphic {
	position: relative;
	z-index: 15;
	text-align: right;
	right:0;
}

/*----------------------------- Nav --------------------------*/

nav ul {
	list-style: none;
}

.no-touch #navbar li {
  text-align: right;
  
}

.no-touch #navbar.is-light .cd-container {
	border-left: 1px solid #c4c4c4;
}

.no-touch #navbar.is-light .cd-container {
	border-left: 1px solid #c4c4c4;
}

.no-touch #navbar.is-dark .cd-container {
	border-left: 0;
}

.no-touch #navbar.is-light li:first-child .cd-container{
  	border-top: 1px solid #c4c4c4;
}

.no-touch #navbar li:first-child .cd-container{
	border-radius: 5px 0 0 0;
}

nav ul li:first-child{
	
}

nav ul li:first-child a .cd-icon{
/*border-radius: 5px 0 0 0;*/
}

.no-touch #navbar.is-light li:last-child .cd-container{
	border-radius: 0 0 0 5px;
	border-bottom: 1px solid #c4c4c4;
	border-top: 1px solid rgba(135, 135, 135, .5);
}

.no-touch #navbar.is-light li:last-child a:hover .cd-container{
}

.no-touch #navbar li:last-child .cd-container{
	border-radius: 0 0 0 5px;
	border-top: 1px solid rgba(255, 255, 255, .5);
}

.no-touch #navbar li:first-child a:hover .cd-container {
	border: none;
}

.no-touch #navbar li:last-child a:hover .cd-container {
	border: none;
	border-top: 1px solid rgba(255, 255, 255, .5);
}

nav ul li:last-child a .cd-icon{
border-radius: 0 0 0 5px;
}

nav li {
	margin: 0;
	padding: 0;
	line-height: 0;
}

nav a {
	padding: 0;
	margin: 0;
}



/*--------------------------- Nav Icon List ----------*/

/* dark values */

#navbar.is-light .cd-container .homeIcon {
	background:url("../images/homeIcon-CS.svg") no-repeat center bottom;
}
#navbar.is-light .cd-container .cs2Icon {
	background:url("../images/cs2Icon.svg") no-repeat center bottom;
}
#navbar.is-light .cd-container .setupIcon {
	background:url("../images/backgroundIcon.svg") no-repeat center center;
}
#navbar.is-light .cd-container .strategyIcon {
	background:url("../images/strategyIcon.svg") no-repeat center center;
}
#navbar.is-light .cd-container .processIcon {
	background:url("../images/processIcon.svg") no-repeat center center;
}
#navbar.is-light .cd-container .sketchIcon {
	background:url("../images/sketchIcon.svg") no-repeat center center;
}
#navbar.is-light .cd-container .digwiresIcon {
	background:url("../images/digwiresIcon.svg") no-repeat center center;
}
#navbar.is-light .cd-container .optimisationIcon {
	background:url("../images/optimisationIcon.svg") no-repeat center center;
}
#navbar.is-light .cd-container .contactIcon {
	background:url("../images/contactIcon.svg") no-repeat center center;
}

#navbar.is-light .cd-container .nextIcon {
	background:url("../images/nextIcon.svg") no-repeat center center;
}

#navbar.is-light .cd-container .cd-arrow {
	background:url("../images/triangle-dark.svg") no-repeat right bottom;
}

/* light values */

.no-touch #navbar.is-dark .cd-container .homeIcon {
	background:url("../images/homeIcon-CS-light.svg") no-repeat center bottom;
}
.no-touch #navbar.is-dark .cd-container .cs2Icon {
	background:url("../images/cs2Icon-light.svg") no-repeat center bottom;
}
.no-touch #navbar.is-dark .cd-container .setupIcon {
	background:url("../images/backgroundIcon-light.svg") no-repeat center center;
}
.no-touch #navbar.is-dark .cd-container .strategyIcon {
	background:url("../images/strategyIcon-light.svg") no-repeat center center;
}
.no-touch #navbar.is-dark .cd-container .processIcon {
	background:url("../images/processIcon-light.svg") no-repeat center center;
}
.no-touch #navbar.is-dark .cd-container .sketchIcon {
	background:url("../images/sketchIcon-light.svg") no-repeat center center;
}
.no-touch #navbar.is-dark .cd-container .digwiresIcon {
	background:url("../images/digwiresIcon-light.svg") no-repeat center center;
}
.no-touch #navbar.is-dark .cd-container .optimisationIcon {
	background:url("../images/optimisationIcon-light.svg") no-repeat center center;
}
.no-touch #navbar.is-dark .cd-container .contactIcon {
	background:url("../images/contactIcon-light.svg") no-repeat center center;
}

.no-touch #navbar.is-dark .cd-container .nextIcon {
	background:url("../images/nextIcon-light.svg") no-repeat center center;
}

.no-touch #navbar.is-dark .cd-container .cd-arrow {
	background:url("../images/triangle-light.svg") no-repeat right bottom;
}

/* light values touch */

.touch #navbar .cd-container .homeIcon {
	background:url("../images/homeIcon-touch-light.svg") no-repeat center bottom;
}
.touch #navbar .cd-container .cs2Icon {
	background:url("../images/backgroundIcon.svg") no-repeat center center;
}
.touch #navbar.is-dark .cd-container .setupIcon {
	background:url("../images/backgroundIcon.svg") no-repeat center center;
}
.touch #navbar.is-dark .cd-container .strategyIcon {
	background:url("../images/strategyIcon.svg") no-repeat center center;
}
.touch #navbar.is-dark .cd-container .processIcon {
	background:url("../images/processIcon.svg") no-repeat center center;
}
.touch #navbar.is-dark .cd-container .sketchIcon {
	background:url("../images/sketchIcon.svg") no-repeat center center;
}
.touch #navbar.is-dark .cd-container .digwiresIcon {
	background:url("../images/digwiresIcon.svg") no-repeat center center;
}
.touch #navbar.is-dark .cd-container .optimisationIcon {
	background:url("../images/optimisationIcon.svg") no-repeat center center;
}
.touch #navbar.is-dark .cd-container .contactIcon {
	background:url("../images/contactIcon.svg") no-repeat center center;
}

.touch #navbar .cd-container .nextIcon {
	background:url("../images/nextIcon-touch-light.svg") no-repeat center center;
}

.touch #navbar.is-dark .cd-container .cd-arrow {
	background:url("../images/triangle-dark.svg") no-repeat right bottom;
}

.touch #navbar.is-light .cd-container .cd-arrow {
	background:url("../images/triangle-dark.svg") no-repeat right bottom;
}

.no-touch #navbar a{

	background-position: -40px 50%;
	opacity: 1;
	/*width: 100px;*/
	margin: 0;
	padding: 0;
}

#scrollArrows .scroll-hint{
	fill: orange;
}

.cd-img-replace {
  /* replace text with a background-image */

  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.cd-scroll-down {
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 20px;
  width: 38px;
  height: 44px;
  background: url("../img/cd-arrow-bottom.svg") no-repeat center center;
}

/* No Touch devices */
.no-touch .cd-nav-trigger {
  display: none;
}

.no-touch #navbar {
  position: fixed;
  right: 0px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 50;
}

.no-touch #navbar a {
  display: inline-block;
  text-decoration: none;
  /* prevent weird movements on hover when you use a CSS3 transformation - webkit browsers */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.no-touch #navbar a:after {
  content: "";
  display: table;
  clear: both;
}
.no-touch #navbar a span {
  float: right;
  display: inline-block;

}

.no-touch #navbar.is-light a:hover {
	background-position: 100% 100%;
	border-radius: 5px 0 0 5px;
	/*border: 1px solid #c4c4c4;*/
	border-right: none;
	background-color: rgba(255, 255, 255, .8);
  -webkit-box-shadow: 0px 0px 0px 1px #c4c4c4;
    -moz-box-shadow: 0px 0px 0px 1px #c4c4c4;
    box-shadow: 0px 0px 0px 1px #c4c4c4;
}

.no-touch #navbar.is-dark a:hover {
	background-position: 100% 100%;
	border-radius: 5px 0 0 5px;
	/*border: 1px solid #eaeaea;*/
	border-right: none;
	background-color: rgba(255, 255, 255, 0.2);
  /*-webkit-box-shadow: 0px 0px 0px 1px #eaeaea;
    -moz-box-shadow: 0px 0px 0px 1px #eaeaea;
    box-shadow: 0px 0px 0px 1px #eaeaea;*/
}



.no-touch #navbar.is-light a:hover .cd-label {
  opacity: 1;
  margin-right: 4px;
  color: #565656;
  -webkit-transition: margin-right 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
   -moz-transition: margin-right 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
     -o-transition: margin-right 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
        transition: margin-right 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
}

.no-touch #navbar.is-dark a:hover .cd-label {
  opacity: 1;
  margin-right: 4px;
  color: white;
  -webkit-transition: margin-right 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
   -moz-transition: margin-right 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
     -o-transition: margin-right 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
        transition: margin-right 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
}

.no-touch #navbar a:hover .cd-container {
	border: none;
	background-color: none;
  -webkit-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
   -moz-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
     -o-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
        transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
}

.no-touch #navbar a:hover .cd-icon {
	opacity: 1;
}

.no-touch #navbar a:hover .cd-arrow {
	opacity: 0;
}



#navbar a.is-selected .cd-container .cd-icon{
  opacity: 1;
}

#navbar a.is-selected .cd-container .cd-arrow{
  opacity: 1;
}

.no-touch #navbar .cd-container {
  position: relative;
  /* we set a top value in order to align the dot with the label. If you change label's font, you may need to change this top value*/
  /*top: 8px;*/
  
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-transition: -webkit-transform 0.2s, background-color 0.5s;
  -moz-transition: -moz-transform 0.2s, background-color 0.5s;
  transition: transform 0.2s, background-color 0.5s;
}

.no-touch #navbar .cd-icon {
  position: relative;
  /* we set a top value in order to align the dot with the label. If you change label's font, you may need to change this top value*/
  /*top: 8px;*/
  height: 48px;
  width: 48px;
  opacity: .6;
  z-index: 10;
  -webkit-transition: -webkit-transform 0.2s, background-color 0.5s;
  -moz-transition: -moz-transform 0.2s, background-color 0.5s;
  transition: transform 0.2s, background-color 0.5s;
}

#navbar .cd-arrow {
  position: absolute;
  right: 0;
  top:20px;
  margin: 0;
  padding: 0;
  /* we set a top value in order to align the dot with the label. If you change label's font, you may need to change this top value*/
  /*top: 8px;*/
  height: 8px;
  width: 5px;
  opacity: 0;
  z-index: 15;
  /*border-radius: 50%;*/
  -webkit-transition: -webkit-transform 0.2s, background-color 0.5s;
  -moz-transition: -moz-transform 0.2s, background-color 0.5s;
  transition: transform 0.2s, background-color 0.5s;
}

.no-touch #navbar.is-light .cd-icon {
  opacity: .5;
  /*border-radius: 50%;*/
  -webkit-transition: -webkit-transform 0.2s, background-color 0.5s;
  -moz-transition: -moz-transform 0.2s, background-color 0.5s;
  transition: transform 0.2s, background-color 0.5s;
}

.no-touch #navbar.is-dark .cd-icon {
  opacity: .4;
  /*border-radius: 50%;*/
  -webkit-transition: -webkit-transform 0.2s, background-color 0.5s;
  -moz-transition: -moz-transform 0.2s, background-color 0.5s;
  transition: transform 0.2s, background-color 0.5s;
}

.no-touch #navbar.is-dark .cd-container {
  position: relative;
  /* we set a top value in order to align the dot with the label. If you change label's font, you may need to change this top value*/
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-transition: -webkit-transform 0.2s, background-color 0.5s;
  -moz-transition: -moz-transform 0.2s, background-color 0.5s;
  transition: transform 0.2s, background-color 0.5s;
}

.no-touch #navbar.is-dark a:hover > .cd-container {
	border: none;
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 0;
  -webkit-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
   -moz-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
     -o-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
        transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
}

.no-touch #navbar.is-light .cd-container {
  position: relative;
  /* we set a top value in order to align the dot with the label. If you change label's font, you may need to change this top value*/
	background-color: rgba(255, 255, 255, 0.85);
  -webkit-transition: -webkit-transform 0.2s, background-color 0.5s;
  -moz-transition: -moz-transform 0.2s, background-color 0.5s;
  transition: transform 0.2s, background-color 0.5s;
}


.no-touch #navbar.is-dark a:active > .cd-container {
	background-color: rgba(0,0,0,.6);
}

.no-touch #navbar.is-light a:active  .cd-container{
	background-color: rgba(0,0,0,.1);
}

.no-touch #navbar .cd-label {
  position: relative;
  margin-right: -20px;
  padding: 24px 1em;
  float: left;
  color: white;
  font-size: 1em;
  letter-spacing: 1px;
  font-weight: 200;
  opacity: 0;
}

.no-touch #navbar.is-dark .cd-label {
  color: white;
  font-size: 14px;
  font-size: 1em;
  opacity: 0;
}

.no-touch #navbar.is-light .cd-label {
  color: black;
  font-size: 14px;
  font-size: 1em;
  opacity: 0;
}

.no-touch #nav-overlay {
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 14;
	background: rgba(24, 24, 24, 0.8); 
	visibility: hidden;
	display: none;
	background-size: cover;
	margin: 0;
	padding: 0;
}

/* Touch devices */

.touch #nav-container {
	display: block;
  overflow: visible;
  /*height:400px;*/
}

/*.touch #navigation {
 position: absolute;
 display: none;*/
  /*left: 50%;*/
  /*top: 0;
  bottom: auto;
  right: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}*/

.touch #nav-overlay {
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 14;
	background: rgba(24, 24, 24, 0.8); 
	visibility: hidden;
	background-size: cover;
	margin: 0;
	padding: 0;
	opacity: 0;
}

.touch #nav-overlay.overlay-visible{
	visibility: visible;
	opacity: 1;
}

.touch #nav-overlay.overlay-invisible{
	visibility: hidden;
	opacity: 0;
}

.touch #navbar .cd-icon {
  position: relative;
  /* we set a top value in order to align the dot with the label. If you change label's font, you may need to change this top value*/
  /*top: 8px;*/
  height: 48px;
  width: 48px;
  opacity: .5;
  z-index: 10;
  -webkit-transition: -webkit-transform 0.2s, background-color 0.5s;
  -moz-transition: -moz-transform 0.2s, background-color 0.5s;
  transition: transform 0.2s, background-color 0.5s;
}

.touch #navbar .cd-container {
  position: relative;
}

.touch #navbar.is-dark + .cd-nav-trigger {
  display: block;
  z-index: 15;
  position: fixed;
  top: 45%;
  right: -5px;
  height: 64px;
  width: 64px;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.15);
}

.touch #navbar.is-dark + .cd-nav-trigger:active {
  display: block;
  z-index: 15;
  position: fixed;
  top: 45%;
  right: -5px;
  height: 64px;
  width: 64px;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.5);
}

.touch #navbar.is-light + .cd-nav-trigger {
  display: block;
  z-index: 15;
  position: fixed;
  top: 45%;
  right: -5px;
  height: 64px;
  width: 64px;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.15);
}

.touch #navbar.is-light + .cd-nav-trigger:active {
  display: block;
  z-index: 15;
  position: fixed;
  top: 45%;
  right: -5px;
  height: 64px;
  width: 64px;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.touch .cd-nav-trigger {
  display: block;
  z-index: 15;
  position: fixed;
  top: 45%;
  right: -5px;
  height: 70px;
  width: 70px;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.15);
}

.touch #navbar.is-light + .cd-nav-trigger span {
  position: absolute;
  height: 4px;
  width: 4px;
  background-color: #3e3947;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.touch #navbar.is-dark + .cd-nav-trigger span {
  position: absolute;
  height: 4px;
  width: 4px;
  background-color: #ffffff;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}


.touch .cd-nav-trigger span::before, .touch .cd-nav-trigger span::after {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  background-color: inherit;
  border-radius: inherit;
}
.touch .cd-nav-trigger span::before {
  top: -9px;
}
.touch .cd-nav-trigger span::after {
  bottom: -9px;
}

.touch #navbar {
  z-index: 150;
  visibility: hidden;
  display: none;
  display:block;
  /*right: 100px;*/
  /*margin: 10% 0;*/
  /*bottom: 13%;*/
  /*width: 60%;*/
  position: fixed;
  bottom: 0;
  right: 80px;
  /*height: 95%;*/
  padding-left: 10px;
  padding-right: 10px;
  padding-left: 0;
  margin-bottom: 10px;
  margin-top: 10px;
  padding-right: 0;
    border: 1px solid rgba(255,255,255,.5);
  /*max-width: 300px;*/
  max-height: 95%;
  overflow: scroll;
  
  overflow: auto !important;
  overflow: hidden;
  -webkit-overflow-scrolling: touch !important;
  
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  border-radius: 0.4em;

  
 
}



.touch #navbar a {
  display: block;
  padding-top: 1.6em;
  padding-bottom: 1.6em;
  text-align: right;
  border-bottom: 1px solid rgba(62, 57, 71, 0.1);
  color: rgba(122, 122, 122, .6);
  font-weight: 400;
  text-decoration: none;
  font-size: 1.2em;
  margin: 0;
  background-color: rgba(255, 255, 255, 1);
}

.touch #navbar li {
	font-size: 1em;
}

.touch #navbar li:first-child a {
	background-color: rgba(242,242,242,.9);
	color: rgba(100,100,100,.9);
	text-align: center;
}

.touch #navbar li:first-child a:active {
	background-color: rgba(242,242,242,.7);
	color: rgba(80,80,80,1);
}

.touch #navbar li:first-child a .cd-container {
	opacity: 1;
	display: none;
}


.touch #navbar li:last-child a {
	background-color: rgba(242,242,242,.9);
	color: rgba(100,100,100,.9);
	text-align: center;
}

.touch #navbar li:last-child a:active {
	background-color: rgba(242,242,242,.7);
	color: rgba(80,80,80,1);
}

.touch #navbar li:last-child a .cd-container {
	opacity: 1;
	display:none;
}



.touch #navbar a:active {
  display: block;
  padding-top: 1.6em;
  padding-bottom: 1.6em;
  text-align: right;
  border-bottom: 1px solid rgba(62, 57, 71, 0.1);
  color: rgba(90, 90, 90, .9);
  font-weight: 400;
  text-decoration: none;
  font-size: 1.2em;
  margin: 0;
  background-color: rgba(255,255,255,.9);
}

.touch #navbar ul {
	margin: 0;
	padding: 0;
}

.touch .cd-label {
	float: right;
	padding-right: 10px;
	padding-left: 20px;
	position: relative;
	z-index: 80;
}


.touch #navbar a span:first-child {
  /*display: none;*/
  /*opacity: 1;*/
  /*position: absolute;*/
  
  
  /*visibility: visible;*/
}

.touch #navbar .cd-container {
	position: relative;
	float: right;
	margin: 0;
	padding: 0;
	z-index: 80;
}

.touch #navbar .cd-icon {
	position: relative;
	top:0;
	z-index: 80;
	float: right;
	padding: 0;
	margin-top: -24px;
	margin-right: 6px;
}

.touch #navbar .cd-arrow {
  position: absolute;
  right: 0;
  top:-2px;
  margin: 0;
  margin-right: 0;
  padding: 0;
  float: right;
  /* we set a top value in order to align the dot with the label. If you change label's font, you may need to change this top value*/
  /*top: 8px;*/
  height: 8px;
  width: 5px;
  z-index: 15;
}

.touch #navbar li:last-child a .cd-label {
	text-align: left;
	float: none;
}


.touch #navbar li:first-child a .cd-label {
	text-align: center;
	float: none;
}

.touch #navbar a span:first-child {
  display: inline;
}

.touch #navbar a.is-selected span:last-child {
  color: rgba(122, 122, 122, 1);
  font-weight: 600;
}
.touch #navbar.open {
	visibility: visible;
	display: inherit;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.touch #navbar.open + .cd-nav-trigger {
  background-color: transparent;
  border: 1px solid white;
}
.touch #navbar.open + .cd-nav-trigger span {
  background-color: rgba(62, 57, 71, 0);
}
.touch #navbar.open + .cd-nav-trigger span::before, .touch #navbar.open + .cd-nav-trigger span::after {
  background-color: #ffffff;
  height: 1px;
  width: 20px;
  border-radius: 0;
  left: -8px;
}
.touch #navbar.open + .cd-nav-trigger span::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 2px;
}
.touch #navbar.open + .cd-nav-trigger span::after {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  bottom: 1px;
}
.touch #navbar li:last-child a {
  border-bottom: none;
}

@media only screen and (min-width: 768px) {
  .touch .cd-nav-trigger, .touch #navbar {
    bottom: 40px;
  }
}


/*------------------------------- Slide Stuff -------------------------*/
.fs {
  /*height: 100vh;*/
  /*height: 750px;*/
  /*height:100%;*/
}

.slide {
  color: #ffffff;
  position: relative; }
.slide .wrapper {
    /*padding-top: 30px;*/
    text-align: center;
    position: relative;
    z-index: 2; }

#contact .slide .wrapper {
    position: absolute;
    top: 50%;
 }



/*------------------------------------- =Content Block -------------------------*/
#cb01 {
	/*min-height: 600px;*/
	position: relative;
	z-index: 10;
}

#cb02 {
	/*min-height: 600px;*/
	position: relative;
	z-index: 10;
}

#caseStudies {
	/*min-height: 600px;*/
	position: relative;
	z-index: 10;
}

#setup {
	background-color: white;
	position: relative;
	z-index: 10;
}

.content-block {
	    position: relative;
	    z-index: 10;
	    /*background-color: white;*/
	       /*min-height: 500px;*/
}

.content-block .wrapper {
    visibility: visible;
    opacity: 0; }

#intro.content-block .wrapper {
	opacity: 1;
}

.touch .content-block .wrapper {
    visibility: visible;
    opacity: 1; }

.content-block.is-active .wrapper {
    visibility: visible;
    opacity: 1;
    /*-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);*/
}


/*--------------------------------- Animations ------------------------------*/

/*--------------------- Touch ---------------*/

/*.touch .slideInUp,.slideInUp2,.slideInUp3,.slideInUp4,.slideInUp5 {
  opacity: 1;
  -webkit-transition: all .6s ease-out;
          transition: all .6s ease-out;
          -moz-transition: all .6s ease-out;
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  -moz-transform: translate3d(0, 40px, 0);
}

.touch .slideInLeft,.slideInLeft2,.slideInLeft3,.slideInLeft4,.slideInLeft5 {
  opacity: 1;
  -webkit-transition: all .6s ease-out;
          transition: all .6s ease-out;
          -moz-transition: all .6s ease-out;
  -webkit-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0);
  -moz-transform: translate3d(-40px, 0, 0);
}

.touch .slideInRight,.slideInRight2,.slideInRight3,.slideInRight4,.slideInRight5 {
  opacity: 1;
  -webkit-transition: all .6s ease-out;
          transition: all .6s ease-out;
          -moz-transition: all .6s ease-out;
  -webkit-transform: translate3d(40px, 0, 0);
  transform: translate3d(40px, 0, 0);
  -moz-transform: translate3d(40px, 0, 0);
}*/

/* =Simple animation up */


.slideInUp,.slideInUp2,.slideInUp3,.slideInUp4,.slideInUp5 {
  /*visibility: visible;*/
  opacity: 0;
  -webkit-transition: all .6s ease-out;
          transition: all .6s ease-out;
          -moz-transition: all .6s ease-out;
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  -moz-transform: translate3d(0, 40px, 0); }

.is-active .slideInUp {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0); }

/*.touch .is-active .slideInUp {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0); }*/

.is-active .slideInUp2 {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0); 
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
          -moz-transition-delay: 0.3s; }
.is-active .slideInUp3 {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
          -moz-transition-delay: 0.6s; }
.is-active .slideInUp4 {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
          -moz-transition-delay: 0.9s; }
.is-active .slideInUp5 {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
          -moz-transition-delay: 1.2s; }

/* =Simple animation left to right */


.slideInLeft,.slideInLeft2,.slideInLeft3,.slideInLeft4,.slideInLeft5 {
  /*visibility: visible;*/
  opacity: 0;
  -webkit-transition: all .6s ease-out;
          transition: all .6s ease-out;
          -moz-transition: all .6s ease-out;
  -webkit-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0);
  -moz-transform: translate3d(-40px, 0, 0); }

.is-active .slideInLeft {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0); }
.is-active .slideInLeft2 {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0); 
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
          -moz-transition-delay: 0.3s; }
.is-active .slideInLeft3 {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
          -moz-transition-delay: 0.6s; }
.is-active .slideInLeft4 {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
          -moz-transition-delay: 0.9s; }
.is-active .slideInLeft5 {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
          -moz-transition-delay: 1.2s; }

/* =Simple animation right to left */



.slideInRight,.slideInRight2,.slideInRight3,.slideInRight4,.slideInRight5 {
  /*visibility: visible;*/
  opacity: 0;
  -webkit-transition: all .6s ease-out;
          transition: all .6s ease-out;
          -moz-transition: all .6s ease-out;
  -webkit-transform: translate3d(40px, 0, 0);
  transform: translate3d(40px, 0, 0);
  -moz-transform: translate3d(40px, 0, 0); }

.is-active .slideInRight {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0); }
.is-active .slideInRight2 {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0); 
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
          -moz-transition-delay: 0.3s; }
.is-active .slideInRight3 {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
          -moz-transition-delay: 0.6s; }
.is-active .slideInRight4 {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
          -moz-transition-delay: 0.9s; }
.is-active .slideInRight5 {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
          -moz-transition-delay: 1.2s; }



/*-----------------------Process Animations--------------------------*/

.processRow .processTitle {
  opacity: 0;
  -webkit-transition: all .6s ease-out;
          transition: all .6s ease-out;
          -moz-transition: all .6s ease-out;
  -webkit-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0);
  -moz-transform: translate3d(-40px, 0, 0); 
}

.processRow.is-active .processTitle {
visibility: visible;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
    -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
          -moz-transition-delay: 0.3s;
}

.processRow .processIcon {
  opacity: 0;
  -webkit-transition: all .6s ease-out;
          transition: all .6s ease-out;
          -moz-transition: all .6s ease-out;
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  -moz-transform: translate3d(0, 40px, 0); 
}

.processRow .processLine {
  opacity: 0;
  -webkit-transition: all .6s ease-out;
          transition: all .6s ease-out;
          -moz-transition: all .6s ease-out;
  -webkit-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
  -moz-transform: translate3d(0, 0px, 0); 
}

.processRow.is-active .processIcon {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
    -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
          -moz-transition-delay: 0.3s;
}

.processRow.is-active .processLine {
	opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
    -webkit-transition-delay: 1s;
          transition-delay: 1s;
          -moz-transition-delay: 1s;
}

.processRow .processDescription {
  opacity: 0;
  -webkit-transition: all .6s ease-out;
          transition: all .6s ease-out;
          -moz-transition: all .6s ease-out;
  -webkit-transform: translate3d(40px, 0, 0);
  transform: translate3d(40px, 0, 0);
  -moz-transform: translate3d(40px, 0, 0); 
}

.processRow.is-active .processDescription {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
    -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
          -moz-transition-delay: 0.3s;
}



/* ----------------------------------- process section -------------------------------- */


#slide01-cs2 {
/*background: url(../images/process.jpg) no-repeat center center;*/ 
display: table;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#slide03-cs2 {
/*background: url(../images/process.jpg) no-repeat center center;*/ 
display: table;
position: relative;
z-index: 1;
height: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.processRow {
	padding-top: 15px;
	padding-bottom: 15px;
}

.processTitle {
	float: left;
	text-align: left;
	vertical-align: middle;
	padding: 0;
	/*width: 45%;*/
	text-transform: uppercase;
}
.processIcon {
	text-align: center;
	float: left;
	padding: none;
	vertical-align: middle;
	/*width: 10%;*/
	position: relative;
	z-index: 10;
}
.processDescription {
	float: left;
	vertical-align: middle;
	text-align: left;
	/*width: 45%;*/
	position: relative;
	padding-left:0;
	padding-top: 20px;
}

.processDescription p {
	vertical-align: middle;
	/*padding-right: 20%;*/
}
#process .panel {
opacity: 0.85;
}

.processDiagram {
	background: ;
}

#processLine-trigger {
}

/*#processLine-position svg{
	position: absolute;
	left:50%;
	/*z-index: 10;*/
	/*width: 2px;
	opacity: 1;
}*/


.processLine {
	background:url("../images/partnerScorecard/processLine.svg") no-repeat center center;
	height: 1px;
	position: absolute;
	right:50%;
	text-align: center;
	/*left:calc(50% - 1px);*/
	z-index: 2;
	width: 2px;
	opacity: 0;
	margin-top: -2px;
}

/*path#processLine.dashed {
  stroke-dasharray: 2;
}*/

#iterationContainer {
	height: 100%;
	margin: 0;
	padding: 0;
}

#iterationLine {
	height: 0;
	visibility: hidden;
}

/*.iterationLine {
	position: absolute;
	right: 68%;
	align-items: stretch;
	margin-top: 2em;
	z-index: 1;
	opacity: 0;
	height: 1px;
	visibility: hidden;
	  -webkit-transition: all .6s ease-out;
          transition: all .6s ease-out;
  -webkit-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0); 
}*/

#iterationLine-small {
	height: 0;
	visibility: hidden;
	position: absolute;
	z-index: 3;
}

#iterationLine {
	height: 0;
	visibility: hidden;
	position: absolute;
	z-index: 5;
}

#iterationLine-mobile {
	height: 0;
	visibility: visible;
	position: absolute;
	z-index: 4;
	margin-top: 2em;
	right: 5%;
	align-items: stretch;
		  -webkit-transition: all .6s ease-out;
          transition: all .6s ease-out;
          -moz-transition: all .6s ease-out;
  -webkit-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
  -moz-transform: translate3d(0, 0px, 0); 
}

.iterationLine-mobile {
	position: absolute;

	
	z-index: 1;
	opacity: 0;
	height: 1px;
	  -webkit-transition: all .6s ease-out;
          transition: all .6s ease-out;
          -moz-transition: all .6s ease-out;
  -webkit-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
  -moz-transform: translate3d(0, 0px, 0); 
}

.is-visible {
	opacity: 1;
	visibility: visible;
}

.is-hidden {
	visibility: hidden;
}

.isnt-visible {
	right: 1%;
	opacity: 0;
	visibility: hidden;
}


/*------------------------ Case Study Animations ------------------------*/

.caseStudy .worksecImage {
  opacity: 0;
  -webkit-transition: all .6s ease-out;
          transition: all .6s ease-out;
          -moz-transition: all .6s ease-out;
  -webkit-transform: translate3d(40px, 0, 0);
  transform: translate3d(40px, 0, 0);
  -moz-transform: translate3d(40px, 0, 0); 
}

.caseStudy.is-active .worksecImage {
visibility: visible;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
    -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
          -moz-transition-delay: 0.3s;
}

.caseStudy .worksecTitle {
  opacity: 0;
  -webkit-transition: all .6s ease-out;
          transition: all .6s ease-out;
          -moz-transition: all .6s ease-out;
  -webkit-transform: translate3d(0, -40px, 0);
  transform: translate3d(0, -40px, 0);
  -moz-transform: translate3d(0, -40px, 0); 
}

.caseStudy.is-active .worksecTitle {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
    -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
          -moz-transition-delay: 0.3s;
}

.caseStudy .worksecDescription {
  opacity: 0;
  -webkit-transition: all .6s ease-out;
          transition: all .6s ease-out;
          -moz-transition: all .6s ease-out;
  -webkit-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0);
  -moz-transform: translate3d(-40px, 0, 0); 
}

.caseStudy.is-active .worksecDescription {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
    -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
          -moz-transition-delay: 0.3s;
}

.caseStudy .worksecTagline {
  opacity: 0;
  -webkit-transition: all .6s ease-out;
          transition: all .6s ease-out;
          -moz-transition: all .6s ease-out;
  -webkit-transform: translate3d(40px, 0, 0);
  transform: translate3d(40px, 0, 0);
  -moz-transform: translate3d(40px, 0, 0); 
}

.caseStudy.is-active .worksecTagline {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
    -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
          -moz-transition-delay: 0.6s;
}

/*----------------------------------- Case Study Section -------------------*/

#cb02 {
	padding-bottom:0;
}

#caseStudies {
	position: relative;
	z-index: 10;
	background-color: white;
}

#caseStudies.wrapper{
	padding-bottom: 0;
}

.worksecBG {
	height:250px;
	margin-top: 1em;
	border-bottom: 1px solid #cacaca;
}

.worksecDescription{ 
	background-color: white;
	margin-top: -60px;
	outline: 35px solid #fff;
}

.worksecTagline {
	font-family: 'Crimson Text', serif;
	font-style: italic;
	font-size: 1.2em;
	color: #8F8F8F;
	margin-top: 10px;
	padding-top: 25px;
	border-top: 1px solid #CECECE;
}

/*-------------------------- Individual Case Studies ---------------------*/
/*----------CS 1---------*/
.worksec1BG {
	background: url(../images/partnerScorecard/strategy.jpg) no-repeat top left;
	background-size: cover;
	-moz-background-size: cover;
}


/*----------CS 2---------*/
.worksec2BG {
	background: url(../images/cs2device.png) no-repeat bottom right, url(../images/cs2BG.png) no-repeat;
	background-size: 110%, cover;
	-moz-background-size: 110%, cover;
	background-position: -60% 65%, 100% 100%;
}

/*----------CS 3---------*/
.worksec3BG {
	background: url(../images/cs3device.png) no-repeat bottom right, url(../images/cs3BG.png) no-repeat;
	background-size: 90%, cover;
	-moz-background-size: 90%, cover;
	background-position: 18px 48px, 100% 100%;
}


/*-------------------------OPTIMISATION SECTION ---------------------*/

#optimisation-cs2 .sectionTitle {
  opacity: 0;
  -webkit-transition: all .6s ease-out;
          transition: all .6s ease-out;
          -moz-transition: all .6s ease-out;
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  -moz-transform: translate3d(0, 40px, 0); 
}

#optimisation-cs2.is-active .sectionTitle {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
    -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
          -moz-transition-delay: 0.3s;
}

#optimisation-cs2 .sectionHeading {
  opacity: 0;
  -webkit-transition: all .6s ease-out;
          transition: all .6s ease-out;
          -moz-transition: all .6s ease-out;
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  -moz-transform: translate3d(0, 40px, 0); 
}

#optimisation-cs2.is-active .sectionHeading {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
    -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
          -moz-transition-delay: 0.4s;
}

#optimisation-cs2 .sectionDescription {
  opacity: 0;
  -webkit-transition: all .6s ease-out;
          transition: all .6s ease-out;
          -moz-transition: all .6s ease-out;
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  -moz-transform: translate3d(0, 40px, 0); 
}

#optimisation-cs2.is-active .sectionDescription {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
    -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
          -moz-transition-delay: 0.6s;
}

.sectionDescription {
	padding-bottom: 2em;
}


/*-------------------------- Contact Section ---------------------------*/


.title {
	text-align: left;
}

form {
	padding-top: 20px;
}

input.form-control {
	margin: 0;
	
}

.form-group {
	text-align: left;
	padding-top: .5em;
}
label.control-label{
	margin: 0;
	padding: 0;
	opacity: 0;
	position: relative;
	bottom: 50px;
	font-size: 1em;
	font-weight: 300;
	letter-spacing: 1px;
	  -webkit-transition: all .4s ease-out;
          transition: all .4s ease-out;
          -moz-transition: all .4s ease-out;
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
  -moz-transform: translate3d(0, 10px, 0); 
}

.form-control {
	background: none;
	padding: 0;
	border: 0;
	border-color: #fff;
	border-bottom: 1px solid rgba(255,255,255,.5);
	border-radius: 0;
	color:#fff;
	opacity: 1;
	letter-spacing: 1px;
	font-weight: 200;
}

form .form-control:focus + label.control-label{
	opacity:1;
	  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
    -webkit-transition-delay: 0.0s;
          transition-delay: 0.0s;
          -moz-transition-delay: 0.0s;
}

textarea .form-control:focus + label.control-label{
	opacity:1;
	  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
    -webkit-transition-delay: 0.0s;
          transition-delay: 0.0s;
          -moz-transition-delay: 0.0s;
}

form .form-control:focus + textarea.label.control-label{
	opacity:1;
	  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
    -webkit-transition-delay: 0.0s;
          transition-delay: 0.0s;
          -moz-transition-delay: 0.0s;
}

form .form-control:focus {
	box-shadow: none;
	border-bottom: 3px solid #fff;
}

form .form-control:focus::-moz-placeholder{
	opacity:.5;
}

form .form-control:focus:-ms-input-placeholder{
	opacity:.5;
}

form .form-control:focus::-webkit-input-placeholder{
	opacity:.5;
}

form .form-control::-moz-placeholder {
  color: #fff;
  opacity: 1;
  letter-spacing: 1px;
  font-size: 1em;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 100;
}
form .form-control:-ms-input-placeholder {
  color: #fff;
    opacity: 1;
    letter-spacing: 1px;
    font-size: 1em;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 100;
}
form .form-control::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
    letter-spacing: 1px;
    font-size: 1em;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 100;
}

.form-group textarea {
	resize: none;
	height: 30px;
	margin-bottom: 0;
}

.message {
	margin-bottom: 0;
}

.contactEmail {
	text-align: center;
	font-size: 1.2em;
	padding-top: 2em;
	padding-bottom: 1em;
}

/*--------------------------------- Footer ---------------------------*/
footer p{
	font-size: 1em;
	padding-top: 60px;
	padding-bottom: 0px;
	margin-bottom: -20px;
	opacity: .4;
	line-height: 1.4em;
}

/*--------------------------------- Media Query Shit ----------------------*/
@media only screen and (min-width: 1000px) {



}

/*--------------------------------- Media Query Shit ----------------------*/
@media only screen and (min-width: 768px) {


.wrapper {
  width: 100%;
  margin: 0 auto;
  padding-top: 4em;
  padding-bottom: 4em; 
}

.collapse {
	display: block;
}

.contactEmail {
	text-align: left;
	font-size: 1em;
	padding-top: 20px;
}

.project-hr{
	margin-bottom: 4em;
	margin-top: 4em;
}

.headerGraphic {
	/*background: url(../images/partnerScorecard/headergraphic.png) no-repeat right top;*/
	position: relative;
	z-index: 10;
	right:-2px;
	padding-right: 0;
	margin-right: 0 !important;
	float: right;
	text-align: right;
	max-width: 587px;
	max-height:842px;
	margin-top:60px;
}

.background-text {
	float: left;
	padding-top: 2em;
	/*margin-bottom: 3em;*/
	margin-top: 0;
}

.titleText {
	padding-top: 0;
}

.setup-group {
	margin-bottom: 0;
	text-align: center;
}

.slide03-toptext {
	margin-bottom: -170px;
}

.setup-title {
	margin-bottom: 1em;
	text-align: center;
}

.motionContainer {
	background: url(../images/partnerScorecard/motioncircles.svg) no-repeat left center;
	background-size: 95% 95%;
	-moz-background-size: 95% 95%;
	background-position: -500% 50%;
	height: 100%;
	margin-top: -70px;
}

.solid-break {
	color: #565656;
	background-color:#C9D36D;
	margin: 7em 0 7em 0;
	padding: 2em 0 2em 0;
	height: 100%;
	position: relative;
	z-index: 15;
	float: left;
}

.postImageText {
	padding-top: 360px;
	padding-bottom: 42%;
	max-height: 1070px;
}

.finalGraphic {
	position: absolute;
	z-index: 15;
	padding-top: 600px;
	max-width: 1150px;
	right: -20px;

}

.project-hr{
	margin-bottom: 4em;
	margin-top: 2em;
}

#optimisation-cs2 {
	padding-top: 150px;
	margin-top: 0;
}

.worksecBG {
	height:300px;
	margin-top: 1em;
	border-bottom: 1px solid #cacaca;
}

.worksec1BG {
	background: url(../images/partnerScorecard/strategy.jpg) no-repeat top left;
	background-size: cover;
	-moz-background-size: cover;
}

.worksec2BG {
	background: url(../images/cs2device.png) no-repeat bottom right, url(../images/cs2BG.png) no-repeat;
	background-size: auto, cover;
	-moz-background-size: auto, cover;
	background-position: 100% 30px, 100% 100%;
}

.worksec3BG {
	background: url(../images/cs3device.png) no-repeat bottom left, url(../images/cs3BG.png) no-repeat;
	background-size: auto, cover;
	-moz-background-size: auto, cover;
	background-position: 20% 55px, 100% 100%;
}

.caseStudy .worksecImage {
  opacity: 0;
  -webkit-transition: all .6s ease-out;
          transition: all .6s ease-out;
          -moz-transition: all .6s ease-out;
  -webkit-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0);
  -moz-transform: translate3d(-40px, 0, 0); 
}

.caseStudy .worksecTitle {
  opacity: 0;
  -webkit-transition: all .6s ease-out;
          transition: all .6s ease-out;
          -moz-transition: all .6s ease-out;
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  -moz-transform: translate3d(0, 40px, 0); 
}

.caseStudy .worksecDescription {
  opacity: 0;
  -webkit-transition: all .6s ease-out;
          transition: all .6s ease-out;
          -moz-transition: all .6s ease-out;
  -webkit-transform: translate3d(40px, 0, 0);
  transform: translate3d(40px, 0, 0);
  -moz-transform: translate3d(40px, 0, 0); 
}

  /* =Header */
  .header-container {
    overflow: hidden;
    position: relative; }

.header-container .wrapper {
      /*position: absolute;
      bottom: 20%;
      left: 50%;*/
      /*-webkit-transform: translate(-50%, -120%);
          -ms-transform: translate(-50%, -120%);
              transform: translate(-50%, -120%);*/
      margin: 0;
      padding: 0; }

.header-container:before {}
      /*font-size: 70em; }*/
.scroll-hint {
}
.processTitle {
	text-align: right;
}
.processDescription {
	padding-top: 11px;
}
.processIcon {
	text-align: center;
}
.processLine{
	background:url("../images/partnerScorecard/processLine.svg") no-repeat center top;
	height: 1px;
	position: absolute;
	left:calc(50% - 1px);
	text-align: left;
	z-index: 2;
	width: 2px;
	opacity: 0;
	margin-top: -2px;
	padding-left: 0;
	margin-left: 0;
}

}

@media only screen and (min-width: 768px) and (max-width:1000px){

#iterationLine-mobile {
	/*height: 0;*/
	visibility: hidden;
}

#iterationLine {
	/*height: 0;*/
	visibility: hidden;
}

#iterationLine-small {
	/*height: 0;*/
	visibility: visible;
}

.iterationLine-small {
	position: absolute;
	left: 5%;
	align-items: stretch;
	margin-top: 2em;
	z-index: 1;
	opacity: 0;
	height: 1px;
	visibility: hidden;
	  -webkit-transition: all .6s ease-out;
          transition: all .6s ease-out;
          -moz-transition: all .6s ease-out;
  -webkit-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
  -moz-transform: translate3d(0, 0px, 0); 
}

.is-visible {
	position: absolute;
	left: 10%;
	margin-top: 2em;
	z-index: 1;
	opacity: 1;
	-webkit-transition: all .6s ease-out;
          transition: all .6s ease-out;
          -moz-transition: all .6s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
    -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
          -moz-transition-delay: 0.6s;
}

.isnt-visible {
	position: absolute;
	margin-top: 2em;
	left: 5%;
	z-index: 1;
	opacity: 0;
	  -webkit-transition: all .6s ease-out;
          transition: all .6s ease-out;
          -moz-transition: all .6s ease-out;
  -webkit-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
  -moz-transform: translate3d(0, 0px, 0); 
}

	}

	@media only screen and (min-width: 1001px){
#iterationLine {
	/*height: 0;*/
	visibility: visible;
}

#iterationLine-mobile {
	height: 0;
	visibility: hidden;
}

#iterationLine-small {
	height: 0;
	visibility: hidden;
}

.is-visible {
	position: absolute;
	right: 66%;
	margin-top: 2em;
	z-index: 1;
	opacity: 1;
	-webkit-transition: all .6s ease-out;
          transition: all .6s ease-out;
          -moz-transition: all .6s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
    -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
          -moz-transition-delay: 0.6s;
}

.isnt-visible {
	position: absolute;
	margin-top: 2em;
	right: 68%;
	z-index: 1;
	opacity: 0;
	  -webkit-transition: all .6s ease-out;
          transition: all .6s ease-out;
          -moz-transition: all .6s ease-out;
  -webkit-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0); 
  -moz-transform: translate3d(0, 0px, 0); 
}

.iterationLine {
	/*background-image:url('../images/iteration.svg');
	background-repeat: no-repeat;
	background-position: -80% 23%;
	/*background-height:calc(81%+1em);*/
	/*background-size: 80% 80%;*/
	position: absolute;
	right: 68%;
	align-items: stretch;
	margin-top: 2em;
	z-index: 1;
	visibility: visible;
	opacity: 0;
	height: 1px;
	  -webkit-transition: all .6s ease-out;
          transition: all .6s ease-out;
          -moz-transition: all .6s ease-out;
  -webkit-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
  -moz-transform: translate3d(0, 0px, 0); 
	/*height: -moz-calc(42% + 60px);*/
/* WebKit */
/*height: -webkit-calc(42% + 60px);*/
/* Opera */
/*height: -o-calc(42% + 60px);*/
/* Standard */
/*height: calc(42% + 60px);*/
}
	}

.no-top{
	padding-top: 0;
}

.no-bottom{
	padding-bottom: 0;
}