/*! HTML5 Boilerplate v5.0.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}



/* ==========================================================================
   Author's custom styles
   ========================================================================== */



/* ============================================== GLOBAL
*/


*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html * {
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


html{
  background-color: #fff;
}



body {
  font-size: 16px;
  color: #000 ;
  height: auto;
}


a, a img {
   outline: 0;
   border:none;
   border: 0;
   -webkit-tap-highlight-color: rgba(0,0,0,0);
}

input::-moz-focus-inner { 
  border: 0; 
}

a {
 color: #000;
 -webkit-transition: color 1s ease-in; /*safari and chrome */
 -moz-transition: color 1s ease-in; /* firefox */
 -o-transition: color 1s ease-in; /* opera */
 transition: color 1s ease-in; /* opera */
}

a:hover, a:focus {
  color: #000;
}

/* Remove input outline for WebKit browsers */

input[type="text"]:focus {
  outline: none;
}


#loading {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  z-index: 100000;
}

.number{
  display: inline-block;
}


.number:hover{
    cursor: context-menu;
}


.blackBG{
	background: #000;
}


/* ============================================== FORM VALIDATION
*/

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
    color: #000;
}

select {
    background-color: #fff;
    background-image: none;
}

.parsley-errors-list{
  list-style-type: none;
  margin-left: 0;
  margin-top: -5px;
  color: #f04124;
}


::-webkit-input-placeholder {
   color: #000;
}

:-moz-placeholder { /* Firefox 18- */
   color: #000;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #000;
}

:-ms-input-placeholder {  
   color: #000;
}


/* ============================================== OVERALL
*/
.row {
    max-width: 100% !important; 
}

.row .row {
     margin-left: auto !important; 
     margin-right: auto !important; 
}

.column, .columns {
     padding-left: 0px !important; 
     padding-right: 0px !important; 
}

.expanded img {
    width: 100% !important;
}



.leftImg img{
	/*width: 100% !important;*/
	/*max-width: none;*/
	/*display:block;
	margin-top:5%;*/
}

.rightCopy {
    text-align: center;
    /*padding: 11% !important;*/
	/*padding: 11.8% !important;*/
   
	position:relative;
}

.copy {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom:0;
	width: 100%;
	height: 100%;
	/*padding: 5%;*/
	text-align:center;
	padding-right: 19% !important;
	padding-left: 19% !important;
	padding-top: 8%;
}

h1 {
	font-size:30px;
	line-height:36px;
	text-transform:uppercase;
	font-family: "brandon-grotesque",sans-serif;
	font-style: normal;
	font-weight: 700;
	text-align:center;
	text-shadow: 2px 2px 2px #000000;
	margin-top: 2%;
	margin-bottom: 2%;
}

h2 {
	font-size:36px;
	line-height:36px;
	text-transform:uppercase;
	font-family: "brandon-grotesque",sans-serif;
	font-style: normal;
	font-weight: 700;
}

h3 {
	font-size:14px;
	line-height:20px;
	text-transform:uppercase;
	font-family: "brandon-grotesque",sans-serif;
	font-style: normal;
	font-weight: 500;
	letter-spacing: 1px;
}

.orangeText a {
	font-size:14px;
	/*line-height:17px;*/
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:300;
	color:#a55d42;
	/*text-decoration: underline;*/
}

p {
	font-size:14px;
	line-height:17px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:300;
}

.line {
	/*width: 515px;*/
	/*width: 550px;*/
	/*background: #a79668;*/
    /*margin: 3% 0 1.5%;*/
	/*margin: 15% -4%;*/
    height: 3px;
	text-align:center;
}

.icon {
	margin-top:4%;
	margin-bottom:5%;
}

/* ============================================== COLOURS
*/
.black {
	background-color:#000;
}
.orange {
	background-color:#a55d42;
}
.orangeText {
	color:#a55d42;
}
.whiteText {
	color:#fff;
}

.white {
	background-color:#fff;
}
.grey {
	background-color:#cbc7c7;
}

/* ============================================== SLIDER ARROWS
*/
.fp-controlArrow.fp-prev {
	border-color: transparent #a55d42 transparent transparent;
}

.fp-controlArrow.fp-next {
    border-color: transparent transparent transparent #a55d42;
}


/* ============================================== NAV
*/
#header{
  position: fixed;
  width: 100%;
  top: 0;
  left:0;
  z-index: 1000;
  -webkit-transition: background-color linear 0.1s;
  -moz-transition: background-color linear 0.1s;
  -o-transition: background-color linear 0.1s;
  transition: background-color linear 0.1s;
  /*background-color: #000;*/
  background-color: #fff;
  /*padding: 1% 0;*/
}

#menu {
    list-style: none;
    margin: 1%;
    padding: 0;
    width: 100%;
    height: 60px;
}

#menu li{
    display:inline;
    /*word-spacing: 2px;*/
}

#menu li a{
    display:inline-block;
    padding: 10px 1%;
	/*padding: 10px 1%;*/
    width: auto;
    font-family: "brandon-grotesque",sans-serif;
	font-style: normal;
	font-weight: 500;
    height: 1px;
    /*color: #fff;*/
	color: #a55d42;
    position: relative;
    cursor: pointer;
	text-transform:uppercase;
	font-size:14px;
}

.title-bar-right {
   /*margin-right: 2%;*/
	margin-right: 3%;
    /*padding: 1%;*/
	padding: 0.5%;
	width: auto;
}

.logo {
	margin-right: 7%;
}

.logo a img {
	margin-left: 100px;
}

.logo a {
	padding: 0px !important;
	margin-left: 1%;
}

.slicknav_menu {
    display: none;
}

/* ============================================== HERO/HOME
*/
.heroText {
	/*width: 1680px;
    height: 955px;
    position: absolute;
    left: 50%;
    top: 50%; 
    margin-left: -840px;
	text-align: center;
    margin-top: -477px;*/ /*correct measurement*/
	/*margin-top: -420px;*/ /*alternate measurement - to keep this div from rising up*/
	
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	/*padding: 5%;*/
	text-align:center;

}

#logoHero {
	/*width: 477px;
    height: 478px;
    position: absolute;
    left: 50%;
    top: 50%; 
    margin-left: -298px;
    margin-top: -239px;*/
}

/*#logoHero img {
	width: auto !important;
	margin-bottom:5%;
}*/

.heroText img {
	width: auto !important;
	margin-bottom: 3%;
    margin-top: 3%;
	/*margin-bottom:3%;
	margin-top: 6%;
	margin-top: -2%;*/
}

#cta {
	text-transform:uppercase;
	text-align:center;
	font-size:28px;
	line-height:30px;
	font-family: "brandon-grotesque",sans-serif;
	font-style: normal;
	font-weight: 700;
	/*color:#a55d42;*/
	color:#fff;
	background-color:#000;
    width: 300px;
    padding: 15px;
    border: 3px solid #a55d42;
    /*margin: 25px;*/
	display:inline-block;
}

#home {
	
}

/* ============================================== REGISTER FORM
*/
#register {
	text-align:center;
	/*margin-top:90px;*/
	/*margin-top:60px;*/
	/*margin-top: 120px*/
}

#privacy {
}

.medium-6.columns {
	padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
}

.submit {
    display: inline-block !important;
    margin: 20px 10px !important;
    color: #fff !important;
    background: #000;
    width: 50%;
	padding: 1.5%;
}

#response {
	font-size:13px;
	margin-bottom: 1%;
}

#privacy p {
	font-size:10px;
	line-height:12px;
	/*padding-left:20px;
	padding-right:20px;*/
	margin-left: 25%;
    margin-right: 27%;
}

.parsley-errors-list {
    color: #000;
    text-align: left !important;
}

/* ============================================== FOOTER
*/
#footer {
	width:100%;
	left:0;
	position:absolute;
	/*background:#000;*/
	background: #fff;
	min-height: 100px;
    bottom: 0;
	padding-top: 1%;
	text-align:center;
	padding-bottom: 2%;
}

#footer a {
    color: #fff;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    text-decoration: none;
    text-transform: uppercase;
}

#footer a:hover {
    color: #a55d42;
}

#footer h4 {
	font-size:26px;
	/*color:#fff;*/
	color: #000;
	text-transform: uppercase;
    font-family: "brandon-grotesque",sans-serif;
    font-style: normal;
    font-weight: 500;
	line-height: 0px;
    margin-top: 2%;
}

#footer p {
	font-size:11px;
	/*color:#fff;*/
	color: #000;
	text-transform: uppercase;
    font-family: "brandon-grotesque",sans-serif;
    font-style: normal;
    /*font-weight: 300;*/
	font-weight: 500;
}

strong {
	color: #fff;
}

#colliers {
    float: left;
    font-size: 8px;
    /*color: #fff;*/
	color: #000;
}

#colliers img {
	margin-bottom: 1%;    
}

/*#colliers span {
	margin-left: 20%
}*/

#rare {
    /*color: #aaa;*/
	color: #000;
    float: right;
    text-align: right;
    font-size: 11px;
    padding-top: 20px;
}

#rare a {
    display: inline-block;
    width: 33px;
    height: 11px;
    overflow: hidden;
}

#rare a:hover img {
    margin-top: -11px;
}

#rare a img {
    display: block;
}

/*.footer {
    background: #000;
  padding: 20px 0;
    position: relative;
    z-index: 3;
    color: #fff;*/
	/*margin-top: 100px;*/
	/*padding: 40px 0;*/
	/*padding: 80px 0;
}*/

/*.footer .inner {
    margin: 0 auto;
}
*/
/*.regnow {
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    float: left;
}
*/



/****************************************************   POPUP  ************************/


/*
.popup {
    display: none;
    position: absolute;
    max-width: 640px;
    left: 50%;
    margin-left: -320px;
    top: 145px;
    background: #000;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    color: #fff;
    z-index: 9;
}

.reveal{
	background: #a55d42;
    color: #fff;
    border-radius: 15px;
    border: 1px solid #a55d42;
    text-align: center;
    padding: 20px;
	width:inherit;
	max-width:800px;
	
}


.close-button{
	color:#fff;
}

.reveal h1{
	font-family: "brandon-grotesque",sans-serif;
	font-style: bold;
	font-weight: 500;
	color: #fff;
	font-size:70px;
	text-transform:uppercase;
	line-height:70px;
}*/


.reveal {
    display: none;
    z-index: 1006;
    padding: 40px 20px 20px 20px;
    border: 1px solid #cacaca;
    background-color: #fefefe;
    border-radius: 0;
    position: relative;
    top: 100px;
    margin-left: auto;
    margin-right: auto;
    overflow-y: auto;
}





/* ============================================== TEAM PAGE
*/
#teamHeading {
    text-align: center;
    /*margin-top: -250px;*/
	padding-top: 10%;
	/*position:absolute;*/
}


/* ============================================== LINE
*/
.hideAway {
	display:block;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 * http://juicystudio.com/article/screen-readers-display-none.php
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/***************************************   REVEAL WINDOW   ********************************/


.addBlock{
	opacity: 1 !important;
}


#reveal_window .reveal{
	background: #a55d42;
    color: #fff;
    border-radius: 15px;
    border: 1px solid #a55d42;
    text-align: center;
    padding: 10px 30px 30px 30px;
	width:inherit;
	display: inline-table;
 
	
	left: 50%;
	max-width: 30%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: width 0.2s ease-in 0s;
	z-index: 9;
	margin-top:0;

}

#reveal_window .reveal .title{
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	font-size:40px;
	font-family: "brandon-grotesque",sans-serif;
	text-align:center;
	margin: 50px 0;
	line-height:40px;
}

#reveal_window{
	position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;

	
background: rgba(0,0,0,0.75);
background: -moz-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(61,59,60,0.77) 49%, rgba(51,50,48,0.8) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.75)), color-stop(49%, rgba(61,59,60,0.77)), color-stop(100%, rgba(51,50,48,0.8)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(61,59,60,0.77) 49%, rgba(51,50,48,0.8) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(61,59,60,0.77) 49%, rgba(51,50,48,0.8) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(61,59,60,0.77) 49%, rgba(51,50,48,0.8) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.75) 0%, rgba(61,59,60,0.77) 49%, rgba(51,50,48,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#333230', GradientType=1 );


	z-index:999999;

 transition: 0.2s;
    -webkit-transition: 0.2s;

opacity: 0;

}

 html, body {
	height: 100%;
	margin: 0;
}

.center_div{
	left: 50%;
	max-width: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: width 0.2s ease-in 0s;
	z-index: 9;
}

#reveal_window .close{
	color:#fff;
	font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
	font-size:50px;
	position:absolute;
	right:20px;
	top:0px;
	cursor:pointer;
}

#reveal_window p{
	font-size: 22px;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    color: #fff;
    margin: 50px 0 10px 0;
	line-height:1.4;
}

#reveal_window a{
	color:#fff;
	text-decoration:none;
}

@media only screen and (max-width: 1624px) { 
#reveal_window .reveal{
	max-width:40%
}
#reveal_window .reveal .title{
	font-size:35px;
	line-height:35px;
	margin: 30px 0;
}
#reveal_window p{
	font-size: 18px;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    color: #fff;
    margin: 30px 0 10px 0;
}

#reveal_window .close{
	font-size:40px;
}

}


@media only screen and (max-width: 650px) { 
#reveal_window .reveal{
	max-width:90%;
	padding:20px 5px;
}

#reveal_window .reveal .title{
	font-size:35px;
	line-height:35px;
	margin: 30px 0;
}

#reveal_window p{
	font-size: 18px;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    color: #fff;
    margin: 30px 0 10px 0;
}

#reveal_window .close{
	font-size:40px;
}

}

/****************************************************************************************/


















/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

/*Small screens Define mobile styles */

@media only screen { } 


/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 640px) { 
	/* ============================================== MOBILE NAV
	*/	
	.slicknav_menu {
		display: block;
		position: fixed;
		width: 100%;
		height: auto;
		/* height: 100%; */
		z-index: 100;
	}
	
	.slicknav_nav a {
		text-align: center;
		text-transform: uppercase;
		font-size: 11px;
		line-height: 14px;
		font-family: "brandon-grotesque",sans-serif;
		font-style: normal;
		font-weight: 500;
		color: #000
	}
	
	.slicknav_btn {
		background-color: #a65c43;
		/*padding: 1em;*/
		-webkit-border-radius: 0px; 
        -moz-border-radius: 0px;
        border-radius: 0px; 
		/*position: absolute;*/
		margin: 0;
	}
	
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
		/*background: #000;*/
		background: #fff;
	}
	
	/*#logo*/
	#mobileLogo {
		float: left;
		padding: 1em;
		padding-bottom: 20px;
		background-image: url('../img/logo-mobile.png');
		background-repeat: no-repeat;
		margin-top: 4px;
		width: 210px;
		margin-left: 2%;
		height: 27px;
		/*width: 109px;*/
		/*width: 214px;
		height: 47px;*/
	}
	
	.logo a img {
		display: none;
	}
	

	.fp-slides {
		height: auto !important;
	}
	
	.fp-section {
		height: auto !important;
	}
	
	.fp-tableCell {
		height: auto !important;
	}
	
	h2 {
		font-size: 26px;
		line-height: 26px;
		margin-top: 5%;
	}
	
	h3 {
		font-size: 12px;
		line-height: 16px;
	}
   
   .copy {
		/*position:relative;*/
		position:absolute;
		padding-left: 5% !important;
    	padding-right: 5% !important;
		/*padding-top: 0px;*/
	}
	
	.theNeighbourhood {
		padding-top: 12%;
	}
	
	#teamHeading {
    	text-align: center;
	}
	
	.hideAway {
		display:none;
	}
	
	#teamHeading {
		margin-top: 10px;
	}
	
	#privacy p {
		margin-left: 5%;
		margin-right: 5%;
	}
	
	#footer {
		position:relative;
		padding-top: 2%;
		height: 180px;
	}
	
	#footer h4 {
		margin-top: 7%;
		font-size: 16px;
	}
	
	#footer p {
		line-height: 0px;
		font-size: 8px;
	}
	
	#rare {
		text-align: center;
		float: none;
		padding-top:0px;
	}
	
	#home {
		margin-top: 10%;
	}
	
	.heroText {
		/*padding: 5%;
		padding: 10%;*/
	}
	
	.heroText img {
		display: none;
	}
	
	h1 {
    	font-size: 16px;
		line-height:18px;
		/*margin-bottom: 10%;
		margin-top: 20%;*/
	}
	
	/*#cta {
		font-size: 14px;
		line-height: 18px;
		width: auto;
		padding:10px;
		margin-top: 30%;
	}*/
	
	#cta {
		/* font-size: 18px; */
		font-size: 12px;
		line-height: 14px;
		width: auto;
		padding: 5px;
		margin-top: 35%;
	}
	
	.mobileBg {
		/*min-height:700px;*/
		min-height: 650px;
	}
	
	.mobileBgWhite {
		min-height: 520px;
	}
	
	.mobileTeam {
		min-height:500px;
	}
}


/*Medium screens min-width 641px, medium screens */
@media only screen and (min-width: 641px) {
  
	

}

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 641px) and (max-width: 1024px) {
   .section.fp-section.fp-table, .fp-tableCell {
		height: auto !important;
	}
	
	/*.slide fp-slide, .fp-table active .fp-tableCell {
		height: auto !important;
	}
	
	.fp-tableCell {
		height: auto !important;
	}*/
	
	
	
	.fp-slide, .fp-slidesContainer {
		height: auto !important;
	}
	
	.fp-slides {
		height: auto !important;
	}
	
	.fp-section { 
		height: auto !important;
	}
	
	.heroText img {
		margin-bottom: 1%;
		margin-top:0px;
		/*width: 40% !important;*/
	}
	
	h1 {
		font-size: 25px;
		line-height: 30px;
	}
	
	#cta {
		width: auto;
		font-size: 20px;
    	line-height: 20px;
	}
	
	.line {
    	width: auto;
	}
	
	#menu {
		/*width:auto;*/
		margin:0px;
		margin-top: 10px;
		/*width: 768px;*/
	}
	
	#menu li a {
		font-size:9.5px;
		padding: 5px 1%;
	}
	
	#header {
		position: fixed;
		/*width: auto;*/
		width: 100%;
	}
	
	.title-bar-right {
		padding:0px;
		margin-right: 0px;
	}
	
	.logo {
		/*margin-right: 0px;*/
		margin-right: -50px;
	}
	
	.logo a img {
		width: 60%;
		margin-left: 0px;
	}
		
	.heroText {
		/*width: 768px;
		height: 440px;
		margin-left: -384px;
		margin-right: -220px;*/
		padding: 22%;
	}
	
	/*.title-bar-right {
		float:none;
		text-align:left;
	}
	
	.logo {
		text-align:center;
	}*/
	
	.copy {
		/*position:relative;*/
		/*padding-top: 5%;*/
	}
	
	.hideAway {
		display:none;
	}
	
	#footer {
		position:relative;
		padding-top: 2%;
	}
	
	#privacy p {
		margin-left: 5%;
		margin-right: 5%;
	}
	
	#teamHeading {
		margin-top: 10px;
	}
	
	
	.slicknav_menu {
		display: none;
		/*background-color: #000;*/
	}
	
	h2 {
		margin-top: 5%;
	}
}

/* min-width 641px and max-width 1024px, use when QAing tablet-only portrait issues */
@media only screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
   .heroText img {
		/*margin-bottom: 1%;*/
		margin-bottom: 10%;
		margin-top: 7%;
		width: 70% !Important;
	}
	
	h1 {
		font-size: 18px;
		line-height: 20px;
	}

	#cta {
		font-size: 18px;
		padding: 5px;
	}
}

/* min-width 641px and max-width 1024px, use when QAing tablet-only landscape issues */
@media only screen and (min-width: 641px) and (max-width: 1024px) and (orientation: landscape) {
   .logo {
		margin-right: 100px;
	}
	
	.logo a img {
		/*width: 70%;*/
		margin-left: 40px;
	}
	
	
	.fp-slide, .fp-slidesContainer {
		height: auto !important;
	}
	
	.fp-slides {
		height: auto !important;
	}
	
	.fp-section { 
		height: auto !important;
	}
	
	h1 {
		font-size: 25px;
		line-height: 30px;
	}
	
	#cta {
		width: auto;
		font-size: 20px;
    	line-height: 20px;
	}
	
	h2 {
		font-size: 26px;
		line-height: 26px;
	}
	
	h3 {
		font-size: 12px;
		line-height: 16px;
	}
	
	.copy {
		padding-right: 10% !important;
		padding-left: 10% !important;
	}
	
	.heroText img {
		width: 60% !important;
		margin-bottom: 10%;
	}
}


/*Large screens min-width 1025px, large screens*/
@media only screen and (min-width: 960px) {

}



/*Large screens min-width 1025px, large screens*/
@media only screen and (min-width: 1025px) {


/* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 1024px) and (max-width: 1440px) { 
}

/* XLarge screens min-width 1441px, xlarge screens */
@media only screen and (min-width: 1441px) { 
}

/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 1441px) and (max-width: 1920px) {
}

/* min-width 1921px, xxlarge screens */
@media only screen and (min-width: 1921px) {
} 


@media screen and (orientation: portrait) {
 
}

@media screen and (orientation: landscape) {
  
}


@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}