/* ==========================================================================
   Intelligent Penguin - Author: Intelligent Penguin; Lucy Brooker
   ========================================================================== */

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

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}   

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

html {
	background: url("../img/bg-dark.jpg") no-repeat 0 0 / 100% 100% #000;
	color: #FFF;
    overflow-y: scroll;
}

html.inverted {
	background: url("../img/bg-light.jpg") no-repeat 0 0 / 100% 100% #000;
	color: #2D2D2D;
}

/*.bg-1 {
	background: url("../img/bg-dark-1.png") repeat 0 0;
	position: fixed;
	width: 100%;
	height: 300%;
	top: 0;
	left: 0;
	z-index: -1;
}

.inverted .bg-1 {
	background: url("../img/bg-light-1.png") repeat 0 0;	
}

.bg-2 {
	background: url("../img/bg-dark-2.png") repeat 0 0;
	position: fixed;
	width: 100%;
	height: 300%;
	top: 0;
	left: 0;
	z-index: -2;	
}

.inverted .bg-2 {
	background: url("../img/bg-light-2.png") repeat 0 0;	
}

.bg-3 {
	background: url("../img/bg-dark-3.png") repeat 0 0;
	position: fixed;
	width: 100%;
	height: 300%;
	top: 0;
	left: 0;
	z-index: -3;	
}

.inverted .bg-3 {
	background: url("../img/bg-light-3.png") repeat 0 0;	
}

.bg-4 {
	background: url("../img/bg-dark-4.png") repeat 0 0;
	position: fixed;
	width: 100%;
	height: 300%;
	top: 0;
	left: 0;
	z-index: -4;	
}

.inverted .bg-4 {
	background: url("../img/bg-light-4.png") repeat 0 0;	
}*/

body {
	font-family: 'open_sanslight';
}

h1 {
	border-top: 5px solid #FFF;
    float: left;
    font-family: "open_sansbold";
    font-size: 3.2em;
    line-height: 1.2;
    margin-right: 4rem;
    padding: 1rem 0 3rem;
    width: 312px;
}

.inverted h1 {
	border-color: #2D2D2D;
}

h2 {
	float: left;
    font-family: georgia;
    font-size: 2.7em;
    font-style: italic;
}

#section-1 h2 {
	margin-top: 1.6rem
}

h3 {
	float: left;
	font-family: "open_sansbold";
	font-size: 1em;
}


.sub-text {
	float: left;
	margin: -2rem 0 0 23.5rem;
	width: 706px;
}


.sub-text h3 {
	font-family: "open_sansregular";
	font-size: .9em;
	line-height: 1.6;
	margin-bottom: 1rem;
}

p {
	font-size: 1em;
    line-height: 1.6;
    margin-bottom: 2rem;
}

a {
	color: #FFF;
}

.inverted a {
	color: #2D2D2D;
}

/* WebKit browsers */
::-webkit-input-placeholder { color: #FFF;}
.inverted ::-webkit-input-placeholder { color: #2D2D2D; }

/* Mozilla Firefox 4 to 18 */
:-moz-placeholder { color: #FFF; opacity: 1;}
.inverted :-moz-placeholder { color: #2D2D2D; opacity: 1; }

/* Mozilla Firefox 19+ */
::-moz-placeholder { color: #FFF; opacity: 1;}
.inverted ::-moz-placeholder { color: #2D2D2D; opacity:  1; }

/* Internet Explorer 10+ */
:-ms-input-placeholder { color: #FFF; }
.inverted :-ms-input-placeholder { color: #2D2D2D; }


/* Landing Page */

.pg-landing  {
	background: url("../img/bg.jpg") no-repeat scroll 0 center / 100% 100% #FFF;
	height: 100%;
	width: 100%; 
    display: none;
}

.options {
	bottom: 1rem;
	display: inline-block;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 10;
}

.options ul {
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	width: auto;
}

.options li {
	float: left;
}

.options li:first-child:after {
	content: "|";
	color: #000;
	padding: 0 1rem;
	position: relative;
	top: -3px;
}

.options li a {
	color: #000;
	font-family: "open_sanslight";	
	text-transform: uppercase;
}

.full-text {
	display: none;
	margin: 3rem auto;
	position: relative;
	text-align: center;
	width: 1024px;
	z-index: 10;
}

.full-text.show {
	display: block;
}

.options .back,
.options .back.hide {
	display: none;
}

.options .back.show {
	display: block;
}

.options .full.hide {
	display: none;
}

.spritz.hide,
.settings-controls.hide {
	display: none; 
}

.full-text p {
	color: #5B5B5B;
	font-family: "open_sansbold";
}

.iceberg-wrapper {
	clear: both;
	float: left;
	height: 325px;
}

.icebergContainer {
	background: transparent;
}

.icebergContainer .container {
	position: relative;
	z-index: 999;
}

#Hidden {
	z-index: 2;
}

.iceberg {
	background: transparent url("../img/iceberg.png") no-repeat scroll center 0;
	bottom: 0;
	height: 406px;
	position: absolute;
	width: 100%;
	z-index: 0;
}

/* Media Queries - 1120px */
@media screen and (min-device-width:1px) and (max-device-width:1120px), (min-width:1px) and (max-width:1120px) {

	.full-text {
		box-sizing: border-box;
		padding: 0 2rem;
		width: 100%;
	}

	.full-text p {
		margin-bottom: 1rem;
	}

}	

/* Media Queries - 380px */
@media screen and (min-device-width:1px) and (max-device-width:380px), (min-width:1px) and (max-width:380px) {


	.full-text p {
		font-size: .9em;
		margin-bottom: .5rem;
	}


}	

/* Media Queries - 272px */
@media screen and (min-device-width:1px) and (max-device-width:272px), (min-width:1px) and (max-width:272px) {

	.options li,
	.options li a {
		clear: both;
		float: left;
		width: 100%;
	}

	.options li:first-child:after {
		content: "";
	}

}

/* END Landing Page */


/* Header */

header {
	display: inline-block;
	height: 134px;
    margin-bottom: 4rem;
    width: 100%;
}

.fixed header {
	height: auto;
	position: fixed;
	top: 0;
	z-index: 7;
}

.header-content {
	margin: 0 auto;
	text-align: center;
	width: 1400px;
}

header .logo,
#info-lightbox .logo {
	background: rgba(0, 0, 0, 0) url("../img/logo.png") no-repeat scroll 0 0 / 128px auto;
    float: left;
    height: 64px;
	margin: 1.5rem 0;
    width: 128px;
}

.inverted header .logo {
	background-position: 0 -153px;
}

.inverted #info-lightbox .logo {
	background-position: 0 -199px;
}

header ul {
	float: right;
	margin: 1.8rem 0 0;
}

header li {
	float: left;
}

header li:first-child {
    font-family: "open_sansbold";
    padding: 3px 10px 0 0;
}

header li:first-child a {
    background-image: none;
}

header li a {
	background: rgba(0, 0, 0, 0) url("../img/icons-header.png") no-repeat scroll -48px 0 / 121px auto;
    float: left;
    height: 27px;
    margin-left: 1rem;
    width: 27px;
}

header .info {
	background-position: right 0;
}

header .contact {
	background-position: 0 0;
}

.inverted header li a {
	background-position: -48px bottom;
}

.inverted header .info {
	background-position: right bottom;
}

.inverted header .contact {
	background-position: 0 bottom;
}

header .cd {
	clear: both;
	float: right;
	margin: -46px 0 22px;
}

header .cd li {
	clear: both;
	float: left;
	padding: 0;
	text-align: right;	
	width: 100%;
}

header .cd li a {
	background: none;
	clear: both;
	float: 	left;
	height: 100%;
	margin: 0;
	width: 100%;
}

/* Media Queries - 1465px */
@media screen and (min-device-width:1px) and (max-device-width:1465px), (min-width:1px) and (max-width:1465px) {

	.fixed header {
		background: #292D3D;
	}
	
	.inverted .fixed header {
		background: #D5DEDD;
	}

	.header-content {
		box-sizing: border-box;
		padding: 0 2rem;
		width: 100%;
	}

	header .logo {
		margin-top: 1rem;
	}

	header ul {
		margin-top: 2rem;
	}

}

/* Media Queries - 750px */
@media screen and (min-device-width:1px) and (max-device-width:750px), (min-width:1px) and (max-width:750px) {

	header {
		margin-bottom: 0;
	}

}

/* Media Queries - 337px */
@media screen and (min-device-width:1px) and (max-device-width:337px), (min-width:1px) and (max-width:337px) {

	.fixed header ul {
	    margin: 0 0 1rem;
	}

	.fixed header ul {
	    margin: 0 0 1rem;
	}

}

/* END Header */


/* Footer */


footer p {
	color: #8B8A8A;
	font-size: .8em;
	margin: 0 0 1rem 1rem;
}


/* END Footer */

.main {
	display: inline-block;
	margin-bottom: 24rem;
	width: 100%;
}

.pg-landing .main {
	margin-bottom: 0;
	position: relative;
}

#section-1 {
	margin-top: 10rem;
}

.main section {
	margin: 0 auto;
	width: 1082px;
}




/* Media Queries - 337px */
@media screen and (min-device-width:1px) and (max-device-width:337px), (min-width:1px) and (max-width:337px) {

	header ul {
		margin-top: .5rem;
	}

}


/* What We Do */

.row-3-layout {
	display: inline-block;
    margin-top: -2rem;
    width: 100%;
}

.row-3-layout .row-1 {
	width: 100%;
}

.row-3-layout .col-1,
.row-3-layout .col-2,
.row-3-layout .col-3 {
	border-bottom: 2px solid #FFF;	
	float: left;
}

.inverted .row-3-layout .col-1,
.inverted .row-3-layout .col-2,
.inverted .row-3-layout .col-3 {
	border-color: #2D2D2D;
}

.row-3-layout .row-1 .col-1,
.row-3-layout .row-1 .col-2,
.row-3-layout .row-1 .col-3 {
	height: 154px;
}

.row-3-layout .row-3 .col-2,
.row-3-layout .row-3 .col-3 {
	border-bottom: none;
} 

.row-3-layout .col-1 {
	margin-right: 4rem;
    width: 29%;
}

.row-3-layout .col-2 {
	margin-right: 4rem;
    width: 38%;
}

.row-3-layout .col-3 {
	float: right;
	width: 21%;
}

blockquote {
	font-family: georgia;
    font-size: 1.4em;
    font-style: italic;
    float: left;
    line-height: 1.2;
    margin: 0;
    padding-top: 1.8rem;
    position: relative;
    width: 215px;
}

#section-2 blockquote {
	width: 302px;
}

#section-3 blockquote {
	margin-bottom: 13.15rem;
	width: 274px;
}

blockquote:before {
	background: url("../img/icon-quotes.png") no-repeat 0 0 / 22px auto;
	content: "";
    height: 18px;
    position: absolute;
    top: 0;
    width: 22px;
}

.inverted blockquote:before {
	background-position: 0 -37px;
}

blockquote span {
	clear: both;
    float: left;
    font-size: .6em;
    margin-top: .8rem;
}

.row-3-layout .row-1 .col-2 h3,
.row-3-layout .row-1 .col-3 h3 {
	font-family: georgia;
    font-size: 2.7em;
    font-style: italic;
    margin: 4.1rem 0 0;
    width: auto;
}

.row-3-layout .row-1 .col-3 h3 {
	font-size: 1.5em;
    line-height: 1.2;
    margin-top: 3.8rem;
}

.row-3-layout .row-2 {
	display: inline-block;
    padding: 2.2rem 0 0;
}

.row-3-layout .row-2 .col-1 {
	padding-bottom: 2rem;
}

.row-3-layout .row-2 .col-1 li {
	font-family: "open_sansbold";
    font-size: 1em;
    line-height: 2;
}

.row-3-layout .row-2 .col-3 li {
	border-bottom: 2px solid #FFF;
	float: left;
    font-family: georgia;
    font-size: 1.2em;
    font-style: italic;
    line-height: 1.2;
    padding: 2.25rem 0;
    width: 100%;
}

.row-3-layout .row-2 .col-3 li:first-child {
	padding-top: 0;
}

.row-3-layout .row-2 .col-3 li:last-child {
	border-bottom: none;
}

.inverted .row-3-layout .row-2 .col-3 li {
	border-color: #2D2D2D;
}

.row-3-layout .row-2 .col-3 li span {
	clear: both;
	float: left;
	font-family: "open_sansbold";
	font-style: normal;
	font-size: 1em;
}

.row-3-layout .row-2 .col-3 li span:after,
.row-3-layout .row-3 .col-1 a:after,
#section-2 .col-1 li a span:after,
#section-2 .col-2 .part-2 .link span:after,
#section-3 .col-1 a span:after,
#info-lightbox .col-1 .link span:after,
#info-lightbox .col-2 .part-1 p:after,
#info-lightbox .col-2 .part-1 .link span:after {
	background: url("../img/icon-arrow.png") no-repeat scroll 0 0 / 6px auto;
    content: "";
    float: right;
    height: 11px;
    margin: .4rem 0 0 .5rem;
    width: 7px;
}

.inverted .row-3-layout .row-2 .col-3 li span:after,
.inverted .row-3-layout .row-3 .col-1 a:after,
.inverted #section-2 .col-1 li a span:after,
.inverted #section-2 .col-2 .part-2 .link span:after,
.inverted #section-3 .col-1 a span:after,
.inverted #info-lightbox .col-1 .link span:after,
.inverted #info-lightbox .col-2 .part-1 p:after,
.inverted #info-lightbox .col-2 .part-1 .link span:after {
	background-position: 0 bottom;
}

.row-3-layout .highlight {
	font-family: georgia;
    font-size: 1em;
    font-style: italic;
    margin: 4rem 0 1rem;
}

.row-3-layout .highlight span {
	font-size: 2.4em;
}

.row-3-layout .row-3 .col-1 a,
#section-3 .col-1 a {
	float: left;
    font-family: "open_sansbold";
    font-size: 1em;
    padding: 1.2rem 0 1.5rem;
}

.row-3-layout .row-3 .col-2 p {
	margin-top: 1.2rem;
}

.next {
	background: url("../img/icon-mouse.png") no-repeat scroll 2px 17px / 25px auto;
	box-sizing: border-box;
    float: left;
    font-family: georgia;
    font-size: 1.2em;
    font-style: italic;
    line-height: 1.2;
    padding: 1rem 0 0 2.5rem;
}

.inverted .next {
	background-position: 2px -59px;
}

.next span {
	clear: both;
    float: left;
    font-family: "open_sansbold";
    font-style: normal;
    width: 100%;
}

/* What We've Done */

#section-2 .col-1,
#section-3 .col-1,
#section-4 .col-1,
#section-5 .col-1 {
	float: left;
	margin-right: 4rem;
	width: 312px;
}

#section-2 .col-1 ul {
	float: left;
	padding: 2.5rem 0 0;
	width: 100%;
}

#section-2 .col-1 li {
	clear: both;
	float: left;
	width: 100%;
}

#section-2 .col-1 li a {
	border-bottom: 2px solid #FFF;
	float: left;
	font-family: "open_sansbold";
	font-size: 1em;
	padding: 1.5rem 0;
	width: 100%;
}

#section-2 .col-1 li:first-child a {
	border-top: 2px solid #FFF;
}

.inverted #section-2 .col-1 li a,
.inverted #section-2 .col-1 li:first-child a {
	border-color: #2D2D2D;
}

#section-2 .col-1 li span {
	float: left;
}

#section-2 .col-2 {
	float: left;
	width: 65%;
}

#section-2 .col-2 .part-1 {
	box-sizing: border-box;
	float: left;
	padding-right: 4rem;
	width: 68%;
}

#section-2 .col-2 h2 {
	border-bottom: 2px solid #FFF;
	font-size: 1.4em;
	margin: 4.5rem 0 2rem;
    padding-bottom: 2rem;
    width: 100%;
}

.inverted #section-2 .col-2 h2 {
	border-color: #2D2D2D;
}

#section-2 .col-2 .part-2 {
	float: left;
	margin-top: 4.5rem;
	width: 32%;
}

#section-2 .col-2 .part-2 a {
	clear: both;
	float: left;
	width: 100%;
}

#section-2 .col-2 .part-2 .logo {
	border-bottom: 2px solid #FFF;
	height: 64px;
}

#section-2 .col-2 .s-1 .part-2 .logo {
	background: url("../img/logo-whitakerlab.png") no-repeat 0 4px / 162px auto;
}

.inverted #section-2 .col-2 .s-1 .part-2 .logo {
	background-position: 0 -117px;
}

#section-2 .col-2 .s-2 .part-2 .logo {
	background: url("../img/logo-aer.png") no-repeat 0 4px / 162px auto;
}

.inverted #section-2 .col-2 .s-2 .part-2 .logo {
	background-position: 0 -196px;
}

#section-2 .col-2 .s-3 .part-2 .logo {
	background: url("../img/logo-bicicletta.png") no-repeat 0 4px / 162px auto;
}

.inverted #section-2 .col-2 .s-3 .part-2 .logo {
	background-position: 0 -214px;
}

#section-2 .col-2 .s-4 .part-2 {
	margin-top: 3.5rem;
}

#section-2 .col-2 .s-4 .part-2 .logo {
	background: url("../img/logo-carrolllab.png") no-repeat 0 0 / 162px auto;
	height: 80px;
}

.inverted #section-2 .col-2 .s-4 .part-2 .logo {
	background-position: 0 -288px;
}

#section-2 .col-2 .s-5 .part-2 {
	margin-top: 3.5rem;
}

#section-2 .col-2 .s-5 .part-2 .logo {
	background: url("../img/logo-clavis.png") no-repeat 0 4px / 162px auto;
	height: 80px;
}

.inverted #section-2 .col-2 .s-5 .part-2 .logo {
	background-position: 0 -208px;
}

#section-2 .col-2 .s-6 .part-2 {
	margin-top: 4rem;
}

#section-2 .col-2 .s-6 .part-2 .logo {
	background: url("../img/logo-ect.png") no-repeat 0 4px / 162px auto;
	height: 72px;
}

.inverted #section-2 .col-2 .s-6 .part-2 .logo {
	background-position: 0 -204px;
}

#section-2 .col-2 .s-7 .part-2 .logo {
	background: url("../img/logo-ftn.png") no-repeat 0 7px / 162px auto;
}

.inverted #section-2 .col-2 .s-7 .part-2 .logo {
	background-position: 0 -220px;
}

#section-2 .col-2 .s-8 .part-2 .logo {
	background: url("../img/logo-largam.png") no-repeat 0 32px / 162px auto;
	height: 93px;
}

.inverted #section-2 .col-2 .s-8 .part-2 .logo {
	background-position: 0 -190px;
}

#section-2 .col-2 .s-9 .part-2 .logo {
	background: url("../img/logo-nurture.png") no-repeat 0 0 / 102px auto;
	height: 94px;
}

.inverted #section-2 .col-2 .s-9 .part-2 .logo {
	background-position: 0 -338px;
}

#section-2 .col-2 .s-10 .part-2 {
	margin-top: 3.5rem;
}

#section-2 .col-2 .s-10 .part-2 .logo {
	background: url("../img/logo-pdr.png") no-repeat 0 0 / 142px auto;
	height: 79px;
}

.inverted #section-2 .col-2 .s-10 .part-2 .logo {
	background-position: 0 -273px;
}

#section-2 .col-2 .s-11 .part-2 .logo {
	background: url("../img/logo-randell.png") no-repeat 0 4px / 162px auto;
	height: 94px;
}

.inverted #section-2 .col-2 .s-11 .part-2 .logo {
	background-position: 0 -333px;
}

#section-2 .col-2 .s-12 .part-2 .logo {
	background: url("../img/logo-social.png") no-repeat 0 4px / 162px auto;
}

.inverted #section-2 .col-2 .s-12 .part-2 .logo {
	background-position: 0 -227px;
}

#section-2 .col-2 .s-13 .part-2 {
	margin-top: 3.5rem;
}

#section-2 .col-2 .s-13 .part-2 .logo {
	background: url("../img/logo-anglia.png") no-repeat 0 0 / 162px auto;
	height: 79px;
}

.inverted #section-2 .col-2 .s-13 .part-2 .logo {
	background-position: 0 -277px;
}

#section-2 .col-2 .s-14 .part-2 .logo {
	background: url("../img/logo-uc.png") no-repeat 0 4px / 162px auto;
}

.inverted #section-2 .col-2 .s-14 .part-2 .logo {
	background-position: 0 -211px;
}

#section-2 .col-2 .s-15 .part-2 .logo {
	background: url("../img/logo-bdc.png") no-repeat 0 0 / 162px auto;
}

.inverted #section-2 .col-2 .s-15 .part-2 .logo {
	background-position: 0 -206px;
}


#section-2 .col-2 .part-2 .link {
	border-bottom: 2px solid #FFF;	
	font-family: "open_sansbold";
    font-size: 1em;
    padding: 1.5rem 0;
}

.inverted #section-2 .col-2 .part-2 .logo,
.inverted #section-2 .col-2 .part-2 .link {
	border-color: #2D2D2D;
}

#section-2 .col-2 .part-2 .link span {
	float: left;
}

/* What They've Said */

#section-3 .col-1 a {
	border-bottom: 2px solid #FFF;
	border-top: 2px solid #FFF;
	clear: both;
	width: 100%;
}

.inverted #section-3 .col-1 a {
	border-bottom: 2px solid #2D2D2D;
	border-top: 2px solid #2D2D2D;	
}

#section-3 .col-1 a span {
	float: left;
}

#section-3 .col-2 {
	float: left;
	width: 29%;
}

#section-3 .col-3 {
	float: right;
	width: 29%;
}

#section-3 p {
	margin-bottom: 0;
}

#section-3 .author {
	font-family: "open_sansbold";	
	margin-bottom: 2rem;
}

#section-3 .next {
	border-top: 2px solid #FFF;
	float: right;	
	width: 228px;
}

.inverted #section-3 .next {
	border-color: #2D2D2D;
}

/* Who We Are */

#section-4 .col-2 {
	float: right;
	width: 65%;
}

#section-4 .team {
	border-bottom: 2px solid #FFF;
	clear: both;
    float: left;
    height: 532px;
    padding-bottom: 2rem;
    width: 100%;
}

.inverted #section-4 .team {
	border-color: #2D2D2D;
}

#section-4 .team ul {
	clear: both;
	float: left;
	height: 532px;
	position: relative;
	width: 100%;
}

#section-4 .team li {
	bottom: 0;
	cursor: pointer;
	float: left;
	left: 0;
	position: absolute;
}

#section-4 .team li a {
	float: left;
}

#section-4 .team .profile-1 {
	background: url("../img/profile-lucy.png") no-repeat 0 bottom;
	height: 278px;
	left: 1rem;
	width: 190px;
    z-index: 6;
}

#section-4 .team .profile-1 a {
	height: 279px;
    width: 135px;
}

.touch #section-4 .team .profile-1,
#section-4 .team .profile-1:hover {
	background: url("../img/profile-lucy.png") no-repeat 0 0;
}

#section-4 .team .profile-2 {
	background: url("../img/profile-boaz.png") no-repeat 0 bottom;	
	height: 314px;
	left: 2rem;
	width: 270px;
    z-index: 5;
}

.touch #section-4 .team .profile-2,
#section-4 .team .profile-2:hover {
	background: url("../img/profile-boaz.png") no-repeat 0 0;
}

#section-4 .team .profile-2 a {
	height: 314px;
    margin-left: 104px;
    width: 135px;
}

#section-4 .team .profile-3 {
	background: url("../img/profile-silvia.png") no-repeat 0 bottom;
	height: 286px;	
	left: 11.5rem;
	width: 318px;
    z-index: 4;
}

.touch #section-4 .team .profile-3,
#section-4 .team .profile-3:hover {
	background: url("../img/profile-silvia.png") no-repeat 0 -3px;
}

#section-4 .team .profile-3 a {
	height: 286px;
	margin-left: 86px;
	width: 146px;	
}

#section-4 .team .profile-4 {
	background: url("../img/profile-tom.png") no-repeat 0 bottom;	
	height: 462px;
	left: 8rem;
	width: 328px;
	z-index: 0;
}

.touch #section-4 .team .profile-4,
#section-4 .team .profile-4:hover {
	background: url("../img/profile-tom.png") no-repeat 0 22px;
}

#section-4 .team .profile-4 a {
	height: 286px;
	margin-left: 90px;
	width: 185px;
}

#section-4 .team .profile-5 {
	background: url("../img/profile-jesse.png") no-repeat 0 bottom;	
	height: 370px;
	left: 20rem;
	width: 306px;
    z-index: 3;
}

.touch #section-4 .team .profile-5,
#section-4 .team .profile-5:hover {
	background: url("../img/profile-jesse.png") no-repeat 0 -4px;
}

#section-4 .team .profile-5 a {
	height: 373px;
    margin-left: 90px;
    width: 118px;
}

#section-4 .team .profile-6 {
	background: url("../img/profile-ciaran.png") no-repeat 0 bottom;	
	height: 356px;
	left: 28.5rem;
	width: 238px;
	z-index: 2;
}

.touch #section-4 .team .profile-6,
#section-4 .team .profile-6:hover {
	background: url("../img/profile-ciaran.png") no-repeat 0 -3px;
}

#section-4 .team .profile-6 a {
	height: 314px;
    margin-left: 68px;
    margin-top: 42px;
    width: 168px;
}

#section-4 .team .profile-7 {
	background: url("../img/profile-matt.png") no-repeat 0 bottom;	
	height: 394px;
	left: 32.5rem;
	width: 230px;
	z-index: 0;
}

.touch #section-4 .team .profile-7,
#section-4 .team .profile-7:hover {
	background: url("../img/profile-matt.png") no-repeat 0 -6px;
}

#section-4 .team .profile-7 a {
	height: 356px;
    margin-left: 68px;
    width: 162px;
}

#section-4 .team .profile-8 {
	background: url("../img/profile-jack.png") no-repeat 0 bottom;	
	height: 315px;
	left: 41rem;
	width: 268px;
	z-index: 1;
}

.touch #section-4 .team .profile-8,
#section-4 .team .profile-8:hover {
	background: url("../img/profile-jack.png") no-repeat 0 -11px;
}

#section-4 .team .profile-8 a {
	height: 314px;
    margin-left: 30px;
    width: 162px;
}

#section-4 .team .profile-9 {
	background: url("../img/profile-helen.png") no-repeat 0 bottom;	
	height: 300px;
	left: 51rem;
	width: 248px;
	z-index: 3;	
}

.touch #section-4 .team .profile-9,
#section-4 .team .profile-9:hover {
	background: url("../img/profile-helen.png") no-repeat 0 -11px;
}

#section-4 .team .profile-9 a {
	height: 300px;
    margin-left: 26px;
    width: 222px;
}

#section-4 .next {
	float: right;	
	width: 228px;
}

.selections {
	clear: both;
	float: left;
	position: relative;
	width: 100%;
	z-index: 8;
}

.selections a {
	position: absolute;
}

.selections .p-1 {
	height: 294px;
	left: 0;
	top: -20.5rem;
	width: 142px;
}

.selections .p-2 {
	height: 334px;
	left: 8rem;
	top: -23rem;
	width: 142px;
}

.selections .p-3 {
	height: 286px;
	left: 16rem;
	top: -20rem;
	width: 142px;
}

.selections .p-4 {
	height: 143px;
	left: 16rem;
	top: -29rem;
	width: 142px;
}

.selections .p-5 {
	height: 374px;
	left: 24.5rem;
	top: -25.5rem;
	width: 152px;
}

.selections .p-6 {
	height: 358px;
	left: 34rem;
	top: -24.5rem;
	width: 114px;
}

.selections .p-7 {
	height: 226px;
	left: 39rem;
	top: -27.5rem;
	width: 114px;
}

.selections .p-8 {
	height: 326px;
	left: 45rem;
	top: -22.5rem;
	width: 114px;
}

.selections .p-9 {
	height: 302px;
	left: 52rem;
	top: -21rem;
	width: 228px;
}

/* Contact Us */

#section-5 h1 {
	margin-bottom: 0;
}

#section-5 .col-1 h4 {
	font-size: .9em;
}

#section-5 .col-1 p {
	font-size: .8em;
}

#section-5 .col-1 ul {
	clear: both;
	float: left;
	margin-bottom: 2rem;
}

#section-5 .col-1 ul li {
	font-size: 1em;
}

#section-5  .col-1 {
	border-bottom: 2px solid #FFF;
}

.inverted #section-5 .col-1 {
	border-color: #2D2D2D;
}

#section-5 .col-2 {
	float: right;
	width: 65%;
}

/* Form */

.field {
	clear: both;
	float: left;
	width: 100%;
}

#section-5 .field {
	border-top: 2px solid #FFF;
}

.inverted #section-5 .field {
	border-color: #2D2D2D;
}

#section-5 .field.last-child {
	border-bottom: 2px solid #FFF;
}

.inverted #section-5 .field.last-child {
	border-color: #2D2D2D;
}

.field label {
	left: -1000em;
	position: absolute;
}

.field.select label {
	clear: both;
	float: left;
	position: relative;
	left: 2rem;
	padding: 1.5rem 0 .5rem;
}

.field input,
.field textarea {
	background: transparent;
	border: none;
	box-sizing: border-box;
    color: #FFF;
    font-family: "open_sanslight";
    font-size: 1em;
    padding: 1.5rem 2rem;
    width: 100%;
}

.field textarea {
	height: 189px;
}

.inverted .field input,
.inverted .field textarea {
	color: #2D2D2D;
}

.button {
	background: transparent;
	border-bottom: 2px solid #FFF;
	color: #FFF;
	float: right;
	font-family: "open_sansbold";
	padding: 1.5rem 0;
	text-align: left;
	width: 228px;
}

.inverted .button {
	border-color: #2D2D2D;
	color: #2D2D2D;
}

/* END Form */


/* Media Queries - 1158px */
@media screen and (min-device-width:1px) and (max-device-width:1158px), (min-width:1px) and (max-width:1158px) {

	.main section {
		box-sizing: border-box;
		padding: 0 2rem;
		width: 100%;
	}

	h1 {
		font-size: 2.4em;
		width: 100%;
	}

	#section-3 blockquote {
		width: 100%;
	}

	#section-1 h1 {
		margin: 0;
		padding-bottom: 1rem;
		width: 29%;
	}

	#section-1 h2 {
		box-sizing: border-box;
		margin-top: 0;
		padding-left: 0;
		width: 100%;
	}

	#section-1 .sub-text {
		box-sizing: border-box;
		clear: both;
		margin: 1rem 0;
		width: 100%;
	}

	#section-1 .row-3-layout {
		margin-top: 0;
	}

	#section-1 .row-3-layout h3 {	
		width: 100%;
	}

	#section-1 .row-3-layout .col-2 h3 {
		font-size: 2.4em;
	}

	.row-3-layout .col-2 {
		width: 37%;
	}

	#section-2 .col-1, #section-3 .col-1, #section-4 .col-1, #section-5 .col-1 {
		margin-right: 0;
		width: 29%;
	}

	#section-2 .col-2 {
		box-sizing: border-box;
		padding-left: 4rem;
		width: 71%;
	}

	#section-3 .col-2 {
		padding-left: 4rem;
	}

	#section-4 .team {
		height: 466px;
	}

	#section-4 .team ul {
		float: none;
		height: 512px;
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
		width: auto;
	}

	.selections .p-1 {
		height: 228px;
		left: 8rem;
		top: -16.5rem;
		width: 95px;
	}

	.selections .p-2 {
		height: 252px;
		left: 14rem;
		top: -18rem;
		width: 82px;
	}

	.selections .p-3 {
		height: 228px;
		left: 19.5rem;
		top: -16.5rem;
		width: 102px;
	}

	.selections .p-4 {
		height: 151px;
		left: 19.5rem;
		top: -26rem;
		width: 111px;
	}

	.selections .p-5 {
		height: 300px;
		left: 26rem;
		top: -21rem;
		width: 116px;
	}

	.selections .p-6 {
		height: 293px;
		left: 33rem;
		top: -20.5rem;
		width: 84px;
	}

	.selections .p-7 {
		height: 146px;
		left: 38rem;
		top: -22.5rem;
		width: 85px;
	}

	.selections .p-8 {
		height: 260px;
		left: 43.5rem;
		top: -18.5rem;
		width: 78px;
	}

	.selections .p-9 {
		height: 243px;
		left: 48.5rem;
		top: -17.5rem;
		width: 185px;
	}

}


/* Media Queries - 1064px */
@media screen and (min-device-width:1px) and (max-device-width:1064px), (min-width:1px) and (max-width:1064px) {

	#section-1 .row-3-layout .col-2 h3 {
		font-size: 2.1em;
	}

	.row-3-layout .col-2 {
		width: 34%;
	}

	#section-4 .team ul {
		float: left;
	}

}


/* Media Queries - 1024px */
@media screen and (min-device-width:1px) and (max-device-width:1024px), (min-width:1px) and (max-width:1024px) {

	.row-3-layout .row-1 .col-2 {
		float: right;
		margin-right: 0;
		width: 58%;
	}

	.row-3-layout .row-1 .col-3 {
		height: 124px;
		margin-top: -2rem;
		width: 100%;
	}

	.row-3-layout .col-1,
	.row-3-layout .col-2 {
		margin-right: 3rem;
	}

	.row-3-layout .col-2 {
		width: 33%
	}

	.row-3-layout .col-3 {
		width: 24%
	}

	#section-2 .col-2 .part-1 {
		padding: 0;
		width: 100%;
	}

	#section-2 .col-2 h2 {
		margin-top: 3.5rem;
	}

	#section-2 .col-2 .part-2,
	#section-2 .col-2 .s-4 .part-2,
	#section-2 .col-2 .s-5 .part-2,
	#section-2 .col-2 .s-10 .part-2,
	#section-2 .col-2 .s-13 .part-2 {
		margin-top: .5rem;
		width: 100%;
	}

	#section-3 .col-2,
	#section-3 .col-3 {
		float: left;
		padding-left: 4rem;
		width: 60%;
	}

	#section-4 .team {
		height: 344px;
	}

	#section-4 .team ul {
		height: 408px;
		-webkit-transform: scale(0.7);
	    transform: scale(0.7);
	}

	.selections .p-1 {
		height: 192px;
		left: 0;
		top: -14rem;
	}

	.selections .p-2 {
		height: 224px;
		left: 6rem;
		top: -16rem;
	}

	.selections .p-3 {
		height: 200px;
		left: 11rem;
		top: -14.5rem;
		width: 90px;
	}

	.selections .p-4 {
		height: 126px;
		left: 11rem;
		top: -22.5rem;
		width: 101px;
	}

	.selections .p-5 {
		height: 264px;
		left: 17rem;
		top: -18.5rem;
		width: 91px;
	}

	.selections .p-6 {
		height: 248px;
		left: 23rem;
		top: -17.5rem;
		width: 68px;
	}

	.selections .p-7 {
		height: 128px;
		left: 27.5rem;
		top: -19.5rem;
		width: 67px;
	}

	.selections .p-8 {
		height: 225px;
		left: 32rem;
		top: -16rem;
		width: 68px;
	}

	.selections .p-9 {
		height: 218px;
		left: 36.5rem;
		top: -15.5rem;
		width: 160px;
	}

}


/* Media Queries - 862px */
@media screen and (min-device-width:1px) and (max-device-width:862px), (min-width:1px) and (max-width:862px) {

	h1 {
		font-size: 2em;
	}

	#section-1 h1 {
		width: 100%;
	}

	.row-3-layout {
		margin-top: 2rem;
	}

	#section-4 .team {
		height: 304px;
	}

	#section-4 .team ul {
		height: 382px;
		-webkit-transform: scale(0.6);
	    transform: scale(0.6);
	}

	.selections .p-1 {
		height: 167px;
		left: 0;
		top: -12.5rem;
		width: 82px;
	}

	.selections .p-2 {
		height: 191px;
		left: 5rem;
		top: -14rem;
		width: 72px
	}

	.selections .p-3 {
		height: 167px;
		left: 9.5rem;
		top: -12.5rem;
		width: 86px;
	}

	.selections .p-4 {
		height: 118px;
		left: 9.5rem;
		top: -20rem;
		width: 86px;
	}

	.selections .p-5 {
		height: 223px;
		left: 15rem;
		top: -16rem;
		width: 71px;
	}

	.selections .p-6 {
		height: 216px;
		left: 19.5rem;
		top: -15.5rem;
		width: 64px;
	}

	.selections .p-7 {
		height: 108px;
		left: 23.5rem;
		top: -17rem;
		width: 58px;
	}

	.selections .p-8 {
		height: 192px;
		left: 27.2rem;
		top: -14rem;
		width: 62px;
	}

	.selections .p-9 {
		height: 184px;
		left: 31.2rem;
		top: -13.5rem;
		width: 140px;
	}

}


/* Media Queries - 762px */
@media screen and (min-device-width:1px) and (max-device-width:762px), (min-width:1px) and (max-width:762px) {

	.main {
		margin-bottom: 6rem;
	}

	#section-5.main {
		margin-bottom: 24rem;
	}

	.row-3-layout .row-1 .col-1 {
		height: 142px;
		width: 34%;
	}

	.row-3-layout .row-1 .col-2 {
		float: right;
		height: 142px;
	    margin-right: 0;
	    width: 54%;
	}

	.row-3-layout .col-1,
	.row-3-layout .col-2,
	.row-3-layout .col-3 {
		width: 100%;
	}

	.row-3-layout .row-2 .col-2 {
		margin-top: 3rem;
	}

	.row-3-layout .row-2 .col-3 li:first-child {
		padding-top: 2.25rem;
	}

	.row-3-layout .row-3 .col-3 {
		border-top: 3px solid #FFF;
	}

	.inverted .row-3-layout .row-3 .col-3 {
		border-top: 3px solid #2D2D2D;
	}

	#section-2 .col-1, #section-3 .col-1, #section-4 .col-1, #section-5 .col-1 {
		width: 100%;
	}

	#section-2 .col-2 {
	    margin-top: 3rem;
	    padding-left: 0;
	    width: 100%;
	}

	#section-3 blockquote {
		margin-bottom: 4rem;
		width: 274px;
	}

	#section-3 .col-2,
	#section-3 .col-3,
	#section-3 .next,
	#section-4 .col-2,
	#section-4 .next,
	#section-5 .col-2 {
		width: 100%;
	}

	#section-5 .col-2 input,
	#section-5 .col-2 textarea {
		padding: 1.5rem 0;
	}

	#section-3 .col-2,
	#section-3 .col-3 {
		padding-left: 0;
	}

	#section-3 .col-2,
	#section-4 .col-2 {
		margin: 3rem 0 0;
	}

	#section-4 .team {
		height: 252px;
	}

	#section-4 .team ul {
		height: 346px;
		-webkit-transform: scale(0.5);
	    transform: scale(0.5);
	}

	.selections .p-1 {
		height: 142px;
		left: 0;
		top: -10.5rem;
		width: 68px;
	}

	.selections .p-2 {
		height: 158px;
		left: 4.2rem;
		top: -11.5rem;
		width: 60px;
	}

	.selections .p-3 {
		height: 142px;
		left: 8rem;
		top: -10.5rem;
		width: 70px;
	}

	.selections .p-4 {
		height: 86px;
		left: 8rem;
		top: -16rem;
		width: 71px;
	}

	.selections .p-5 {
		height: 189px;
		left: 12.5rem;
		top: -13.5rem;
		width: 58px;
	}

	.selections .p-6 {
		height: 181px;
		left: 16.2rem;
		top: -13rem;
		width: 52px;
	}

	.selections .p-7 {
		height: 87px;
		left: 19.5rem;
		top: -14rem;
		width: 51px;
	}

	.selections .p-8 {
		height: 157px;
		left: 22.8rem;
		top: -11.5rem;
		width: 51px;
	}

	.selections .p-9 {
		height: 158px;
		left: 26rem;
		top: -11.5rem;
		width: 117px;
	}

	.button {
		padding-left: 1.5rem;
		width: 100%;
	}

}


/* Media Queries - 644px */
@media screen and (min-device-width:1px) and (max-device-width:644px), (min-width:1px) and (max-width:644px) {

	.row-3-layout .row-1 .col-1 {
		margin-right: 0;
		width: 100%;
	}

	.row-3-layout .row-1 .col-2,
	.row-3-layout .row-1 .col-3 {
		height: auto;
		width: 100%;
	}

	#section-1 .row-3-layout .row-1 .col-2 h3,
	#section-1 .row-3-layout .row-1 .col-3 h3 {
		margin: 2rem 0;
	}

	#section-1 .row-3-layout .row-1 .col-3 h3 {
		margin-top: 4rem;
	}

}	

/* Media Queries - 612px */
@media screen and (min-device-width:1px) and (max-device-width:612px), (min-width:1px) and (max-width:612px) {

	#section-4 .team {
		height: auto;
	}

	#section-4 .team ul {
		height: auto;
		-webkit-transform: scale(1);
	    transform: scale(1);
		width: 100%;
	}

	#section-4 .team .profile-1,
	#section-4 .team .profile-2,
	#section-4 .team .profile-3,
	#section-4 .team .profile-4,
	#section-4 .team .profile-5,
	#section-4 .team .profile-6,
	#section-4 .team .profile-7,
	#section-4 .team .profile-8,
	#section-4 .team .profile-9 {
		background-position: center 0;
		display: inline-block;
		left: 0;
		margin-bottom: 4rem;
		position: relative;
		width: 100%;
	}

	#section-4 .team .profile-1:hover,
	#section-4 .team .profile-2:hover,
	#section-4 .team .profile-3:hover,
	#section-4 .team .profile-4:hover,
	#section-4 .team .profile-5:hover,
	#section-4 .team .profile-6:hover,
	#section-4 .team .profile-7:hover,
	#section-4 .team .profile-8:hover,
	#section-4 .team .profile-9:hover {
		background-position: center 0;
	}

	#section-4 .team .profile-1 a,
	#section-4 .team .profile-2 a,
	#section-4 .team .profile-3 a,
	#section-4 .team .profile-4 a,
	#section-4 .team .profile-5 a,
	#section-4 .team .profile-6 a,
	#section-4 .team .profile-7 a,
	#section-4 .team .profile-8 a,
	#section-4 .team .profile-9 a {
		margin: 0;
		width: 100%;
	}

	.selections a,
	.selections .p-1,
	.selections .p-2,
	.selections .p-3,
	.selections .p-4,
	.selections .p-5,
	.selections .p-6,
	.selections .p-7,
	.selections .p-8,
	.selections .p-9 {
		display: none;
		position: relative;
	}

}	

/* Media Queries - 398px */
@media screen and (min-device-width:1px) and (max-device-width:398px), (min-width:1px) and (max-width:398px) {

	#section-3 blockquote {
		width: 100%;
	}

	#section-4 .team .profile-1,
	#section-4 .team .profile-2,
	#section-4 .team .profile-3,
	#section-4 .team .profile-4,
	#section-4 .team .profile-5,
	#section-4 .team .profile-6,
	#section-4 .team .profile-7,
	#section-4 .team .profile-8,
	#section-4 .team .profile-9 {
		-webkit-transform: scale(0.8);
		transform: scale(.8);
	}

}	


/* Media Queries - 364px */
@media screen and (min-device-width:1px) and (max-device-width:364px), (min-width:1px) and (max-width:364px) {

	#section-2 blockquote {
		width: 100%;
	}

}	


/* Slider */
.slick-slider {position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slider.slick-slider { margin: 2rem 0; width: 100%; }
.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track {position: relative; top: 0; left: 0; display: block;}
.slick-track:before,
.slick-track:after {display: table; content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide img {display: block; width: 100%;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;}

.slick-prev,
.slick-next {
    background: url("../img/icon-controls.png") no-repeat scroll 0 0 / 78px auto rgba(0, 0, 0, 0);
    height: 30px;
    position: absolute;
    text-indent: -999em;
    top: 10rem;
    width: 30px;
}

.slick-prev {
	left: 0;
}

.slick-next {
    background-position: right 0;
    right: 0;
}

.inverted .slick-prev {
	background-position: 0 bottom;
}

.inverted .slick-next {
	background-position: right bottom;
}


/* Media Queries - 1024px */
@media screen and (min-device-width:1px) and (max-device-width:1024px), (min-width:1px) and (max-width:1024px) {

	.slider.slick-slider {
		margin: 0;
	}

}

/* Media Queries - 542px */
@media screen and (min-device-width:1px) and (max-device-width:542px), (min-width:1px) and (max-width:542px) {

	.slick-prev,
	.slick-next {
		top: 6rem;
	}

}


/* Media Queries - 378px */
@media screen and (min-device-width:1px) and (max-device-width:378px), (min-width:1px) and (max-width:378px) {

	.slick-prev,
	.slick-next {
		top: 10..5rem;
	}

}

/* Media Queries - 322px */
@media screen and (min-device-width:1px) and (max-device-width:322px), (min-width:1px) and (max-width:322px) {

	.slick-prev,
	.slick-next {
		top: 9rem;
	}

}

/* Media Queries - 290px */
@media screen and (min-device-width:1px) and (max-device-width:290px), (min-width:1px) and (max-width:290px) {

	.slick-prev,
	.slick-next {
		top: 8rem;
	}

}


/* Media Queries - 270px */
@media screen and (min-device-width:1px) and (max-device-width:290px), (min-width:1px) and (max-width:270px) {

	.slick-prev,
	.slick-next {
		top: 7rem;
	}

}


/* END Slider */


/* General Pages Terms Privacy */

.pg-general section h1 {
	width: 460px;
}

.pg-general.pg-complaints section h1,
.pg-general.pg-privacy section h1 {
	padding-bottom: 0;
	width: 312px;
}

.pg-general.pg-privacy section h1 {
	width: 362px;
}

.pg-general.success section h1 {
	width: 200px;
}

.pg-general.blog section h1 {
	float: none;
}

.pg-general.web section h1 {
	position: absolute;
	left: -1000em;
}

.pg-general section h2 {
	font-size: 5em;
	margin-top: 3.5rem;
}

.pg-general.pg-complaints section h2,
.pg-general.pg-privacy section h2 {
	font-size: 4em;
    margin: 1rem 0 4rem;
}

.pg-general.blog section h2 {
    font-size: 2.7em;
    margin: 1rem 0 3rem;
}

.pg-general.web section h2 {
	font-size: 2.7em;
    margin: 1rem 0 3rem;
}

.pg-general section h3,
.pg-general section p,
.pg-general section a,
.pg-general section ul,
.pg-general section ol,
.pg-general section li {
	clear: both;
	float: left;
	width: 100%;
}

.pg-general section ul,
.pg-general section ol {
	margin-bottom: 1rem;
}

.pg-general section h3,
.pg-general section a {
	margin-bottom: 1rem;
}

.pg-general section p a {
	clear: none;
	float: none;
	margin: 0;
}

.pg-general.success section p {
	margin: 4rem 0 1rem;
}

.pg-general.web .summary {
	clear: both;
	float: left;
	margin: 1rem 0;
	width: 100%;
}

.pg-general.blog .column-2-layout {
	clear: both;
	float: left;
	width: 100%;
}

.pg-general.blog .column-2-layout .col-1 {
	box-sizing: border-box;
	float: left;
	padding-right: 2rem;
	width: 50%;
}

.pg-general.blog .column-2-layout .col-2 {
	float: left;
	width: 50%;
}

.pg-general.blog section p {
	clear: none;
	float: none;
	width: auto;
}

.pg-general.blog .main-image {
	float: left;
	margin: 0 0 2rem 0;
	width: 100%;
}

.pg-general.blog .main-image img {
	width: 100%;
}

.pg-general.blog .sub-image {
	clear: both;
	float: left;
	margin: 0 0 2rem 0;
	text-align: center;
	width: 100%;
}

.pg-general.blog .sub-image img {
	margin: 0 auto;
}

.pg-general.blog .sub-image.two img {
	width: 100%;
}

.pg-general.blog section a,
.pg-general.web section a {
	font-family: "open_sansbold";
}

.pg-general section .link {
	float: left;
	font-family: "open_sansbold";
	width: auto;
}

.pg-general section .link:after {
	background: url("../img/icon-arrow.png") no-repeat scroll 0 0 / 6px auto;
	content: "";
	float: right;
	height: 11px;
	margin: .4rem 0 0 .5rem;
	width: 7px;
}

.inverted.pg-general section .link:after {
	background-position: 0 bottom;
}


/* Media Queries - 1125px */
@media screen and (min-device-width:1px) and (max-device-width:1125px), (min-width:1px) and (max-width:1125px) {

	.pg-general section h1 {
		padding-bottom: 0;
	}

	.pg-general section h2 {
		clear: both;
		font-size: 4em;
   		margin: 1rem 0 4rem;
   		width: 100%;
	}

}


/* Media Queries - 816px */
@media screen and (min-device-width:1px) and (max-device-width:816px), (min-width:1px) and (max-width:816px) {

	.pg-general.blog section h1 {
		width: 100%;
	}

	.pg-general.blog section h2 {
		font-size: 2em;
	}

	.pg-general.blog .sub-image img {
		width: 100%;
	}

}

/* Media Queries - 446px */
@media screen and (min-device-width:1px) and (max-device-width:446px), (min-width:1px) and (max-width:446px) {

	.pg-general.blog .column-2-layout .col-1,
	.pg-general.blog .column-2-layout .col-2 {
		padding: 0;
		width: 100%;
	}

}



/* Lightbox Styles  */

.lightbox  { display: none; }

.featherlight {
    background: url("../img/bg-dark.jpg") repeat 0 0 #596069;
    bottom: 0;
    cursor: pointer;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    white-space: nowrap;
    z-index: 10;
}

.inverted .featherlight {
	background: url("../img/bg-light.jpg") repeat 0 0 #BEC8D6;
}

.featherlight:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.25em;
}

.featherlight .featherlight-content {
    border-bottom: 25px solid transparent;
    cursor: auto;
    display: inline-block;
    margin-left: 5%;
    margin-right: 5%;
    max-height: 95%;
    min-width: 18%;
    overflow: auto;
    padding: 2rem;
    position: relative;
    text-align: left;
    vertical-align: middle;
    white-space: normal;
}

.featherlight .featherlight-inner { display: block; width: 1024px; }

.featherlight .featherlight-inner.more-info { width: 802px;}

.featherlight .featherlight-close-icon {
	background: url("../img/icon-close.png") no-repeat scroll 0 0 / 26px auto;
    cursor: pointer;
    height: 27px;
    position: absolute;
    right: .5rem;
    text-indent: -999em;
    top: .5rem;
    width: 26px;
}

.inverted .featherlight .featherlight-close-icon {
	background-position: 0 bottom;
}

.featherlight .featherlight-image { width: 100%; }

.featherlight-iframe .featherlight-content { border-bottom: 0; padding: 0; }

.featherlight iframe { border: 0; }

@media only screen and (max-width: 1078px) {

    .featherlight .featherlight-content {
        margin-left: 10px;
        margin-right: 10px;
        max-height: 98%;
        border-bottom: 10px solid transparent;
    }

}

/* END Lightbox Styles */


/* Info Lightbox Content */

#info-lightbox .col-1 {
	border-top: 5px solid #FFF;
	float: left;
    margin-right: 4rem;
    width: 312px;
}

.inverted #info-lightbox .col-1 {
	border-color: #2D2D2D;
}

#info-lightbox .logo {
	background-size: 172px auto;
	height: 92px;
	margin: 2rem 0 3rem;
	width: 172px;
}

#info-lightbox .col-1 ul {
	clear: both;
	float: left;
	margin-bottom: 2rem;
}

#info-lightbox .col-1 ul li {
	font-size: 1em;
}

#info-lightbox .col-1 .link {
	border-bottom: 2px solid #FFF;
	border-top: 2px solid #FFF;
	clear: both;
	float: left;
	padding: 1.5rem 0;
	width: 100%;
}

.inverted #info-lightbox .col-1 .link {
	border-color: #2D2D2D;
}

#info-lightbox .col-1 .link span {
	float: left;
}

.social-networks {
	margin-top: 1rem;
}

.social-networks li {
	float: left;
	margin-right: 1rem;
}

.social-networks a {
	background: url("../img/icons-social.png") no-repeat scroll 0 0 / 120px auto;
    float: left;
    height: 32px;
    width: 32px;
}

.inverted .social-networks a {
	background-position: 0 bottom;
}

.social-networks .fb {
	background-position: -44px 0;
}

.inverted .social-networks .fb {
	background-position: -44px bottom;
}

.social-networks .gp {
	background-position: -88px 0;
}

.inverted .social-networks .gp {
	background-position: -88px bottom;
}

#info-lightbox .col-2 {
	border-top: 2px solid #FFF;
	float: left;
	width: 60%;
}

.inverted #info-lightbox .col-2 {
	border-color: #2D2D2D;
}

#info-lightbox .col-2 h3 {
	float: left;
	font-size: 1.2em;
	margin: 1.5rem 0;
    width: 100%;
}

#info-lightbox .col-2 .part-1 {
	clear: both;
	float: left;
	margin-bottom: 2rem;
	width: 100%;
}

#info-lightbox .col-2 .part-1 ul {
	clear: both;
	float: left;
	width: 100%;
}

#info-lightbox .col-2 .part-1 ul li {
	float: left;
	margin-right: 2rem;
	width: 120px;
}

#info-lightbox .col-2 .part-1 ul li:last-child {
	margin-right: 0;
}

#info-lightbox .col-2 .part-1 .date {
	float: left;
	font-family: georgia;
	font-style: italic;
	font-size: 1em;
	margin-bottom: .5rem;
}

#info-lightbox .col-2 .part-1 img {
	float: left;
	margin-bottom: .5rem;
	width: 100%;
}

#info-lightbox .col-2 .part-1 p {
	clear: both;
	font-family: "open_sansbold";
	float: left;
}

#info-lightbox .col-2 .part-1 .link {
	border-bottom: 2px solid #FFF;
	border-top: 2px solid #FFF;
	float: right;
    margin: 1.5rem 0;
    padding: 1.5rem 0;
    width: 266px;
}

.inverted #info-lightbox .col-2 .part-1 .link {
	border-color: #2D2D2D;
}

#info-lightbox .col-2 .part-1 .link span {
	float: right;
}

#info-lightbox .col-2 .part-2 {
	border-top: 2px solid #FFF;
	float: left;
	width: 50%;
}

.inverted #info-lightbox .col-2 .part-2 {
	border-color: #2D2D2D;	
}

#info-lightbox .col-2 .part-2 ul {
	float: left;
	width: 50%;
}

#info-lightbox .col-2 .part-2 ul li {
	clear: both;
	float: left;
	font-size: 1em;
	width: 100%;
}

#info-lightbox .col-2 .part-3 {
	float: right;
	width: 266px;
}

#info-lightbox fieldset {
	float: left;
}

#info-lightbox .field {
	border-bottom: 2px solid #FFF;
	border-top: 2px solid #FFF;
}

.inverted #info-lightbox .field {
	border-color: #2D2D2D;	
}

#info-lightbox .field input {
	padding: 1rem 0;
}

#info-lightbox .button {
	padding: 1rem 0;
	text-align: right;
	width: 266px;
}

/* Info Lightbox Content */


/* More Info Content */

.more-info {
	float: left;
    position: relative;	
}

.more-info .col-1 {
	border-top: 5px solid #FFF;
	float: left;
    margin-right: 4rem;
    min-height: 408px;
    width: 260px;
}

.inverted .more-info .col-1 {
 	border-color: #2D2D2D;
}

.more-info .col-1 h3 {
	float: left;
    font-family: "open_sansbold";
    font-size: 1.6em;
    margin: 1.5rem 0 0;
    width: 100%;
}

.more-info .col-1 p {
	float: left;
    font-family: georgia;
    font-size: 1.2em;
    font-style: italic;
    margin-top: 0.5rem;
    width: 100%;
}

.more-info .col-1 .profile {
	bottom: 3.7rem;
	float: left;
	left: 0;
	height: 278px;
	position: absolute;
	width: 260px;
}

#design-lightbox .profile,
#branding-lightbox .profile,
#matt-profile .profile {
	background: url("../img/profile-matt.png") no-repeat scroll 0 0 / 211px auto;
}

#matt-profile .profile {
	bottom: 0;
}

#design-lightbox .profile {
	bottom: -2rem;
}

#branding-lightbox .profile {
	margin-top: 4rem;
}

#development-lightbox .profile,
#ecommerce-lightbox .profile,
#jesse-profile .profile {
	background: url("../img/profile-jesse.png") no-repeat scroll 0 0 / 244px auto;
	height: 240px
}

#development2-lightbox .profile,
#lucy-profile .profile {
	background: url("../img/profile-lucy.png") no-repeat scroll 0 0 / 192px auto;
	margin-top: 4rem;
}

#lucy-profile .profile {
	bottom: 0;
}

#marketing-lightbox .profile,
#marketing2-lightbox .profile,
#tom-profile .profile {
	background: url("../img/profile-tom.png") no-repeat scroll 0 0 / 266px auto;
	height: 296px;
}

#tom-profile .profile {
	bottom: 0;
}

#marketing2-lightbox .profile {
	margin-top: 4rem;
}

#app-lightbox .profile,
#boaz-profile .profile {
	background: url("../img/profile-boaz.png") no-repeat scroll 0 0 / 211px auto;
	height: 246px
}

#ciaran-profile .profile {
	background: url("../img/profile-ciaran.png") no-repeat scroll 0 0 / 211px auto;
	bottom: 0;
}

#jack-profile .profile {
	background: url("../img/profile-jack.png") no-repeat scroll 0 0 / 211px auto;
	bottom: 0;
	height: 253px;
}

#helen-profile .profile {
	background: url("../img/profile-helen.png") no-repeat scroll 0 0 / 211px auto;
	bottom: 3.7rem;
	height: 263px;
}

.more-info .col-2 {
	border-top: 2px solid #FFF;
	float: left;
	padding-top: 2rem;
	width: 52%;
}

.inverted .more-info .col-2 {
	border-color: #2D2D2D;
}

.more-info .col-2 p:last-child {
	margin-bottom: 0;
}

#design-lightbox.more-info .col-2 p:last-child {
	margin-bottom: 2rem;
}

.more-info .link-through {
	float: right;
	font-family: "open_sansbold";
	font-size: 1em;
}

.more-info .link-through:after {
	background: url("../img/icon-arrow.png") no-repeat scroll 0 0 / 6px auto;
	content: "";
	float: right;
	height: 11px;
	margin: .4rem 0 0 .5rem;
	width: 7px;
}

.inverted .more-info .link-through:after {
	background-position: 0 bottom;
}

/* Media Queries - 1182px */
@media screen and (min-device-width:1px) and (max-device-width:1182px), (min-width:1px) and (max-width:1182px) {

	.featherlight .featherlight-inner {
		width: 100%;
	}

	#info-lightbox .col-1 {
		width: 25%;
	}

	#info-lightbox .col-2 {
		width: 65%;
	}

}

/* Media Queries - 1000px */
@media screen and (min-device-width:1px) and (max-device-width:1000px), (min-width:1px) and (max-width:1000px) {

	#info-lightbox .col-2 {
		margin-bottom: 3rem;
	}

	#info-lightbox .col-2 .part-1 {
		margin-bottom: 0;
	}

	#info-lightbox .col-2 .part-1 ul li {
		height: 242px;
		margin-bottom: 1rem;
		width: 104px;
	}

	#info-lightbox .col-2 .part-1 p {
		font-size: .8em;
	}

	#info-lightbox .col-2 .part-2,
	#info-lightbox .col-2 .part-3 {
		float: left; 
		width: 100%;
	}

	#info-lightbox fieldset {
		width: 100%
	}

}


/* Media Queries - 928px */
@media screen and (min-device-width:1px) and (max-device-width:928px), (min-width:1px) and (max-width:928px) {

	.featherlight .featherlight-inner.more-info {
		width: 100%;
	}

	.more-info .col-1 {
		width: 35%;
	}

}

/* Media Queries - 784px */
@media screen and (min-device-width:1px) and (max-device-width:784px), (min-width:1px) and (max-width:784px) {

	#info-lightbox .col-1 {
		margin: 0 0 3rem 0;
		width: 100%;
	}

	#info-lightbox .logo {
		margin-bottom: 0;
	}

	#info-lightbox .col-2,
	#info-lightbox .col-2 .part-1 .link,
	#info-lightbox .button {
		width: 100%;
	}


}

/* Media Queries - 596px */
@media screen and (min-device-width:1px) and (max-device-width:928px), (min-width:1px) and (max-width:928px) {

	.more-info .col-1 {
		margin: 0;
		min-height: 200px; 
		width: 100%;
	}

	.more-info .col-1 p {
		clear: both;
		width: auto;
	}

	.more-info .col-1 .profile,
	#lucy-profile .profile,
	#branding-lightbox .profile,
	#development2-lightbox .profile,
	#marketing2-lightbox .profile,
	#helen-profile .profile {
		bottom: 0;
		float: right;
		margin-top: 2rem;
		position: relative;
	}

	.more-info .col-2 {
		padding-bottom: 4rem;
		width: 100%;
	}

	.more-info .link-through {
		margin-bottom: 2rem;
	}

}

/* END More Info Content 


/* Speed Reading */

.slider-wrapper {
    font-size: 1em;
    margin: 10rem auto 0;
    padding: 1rem 0 1.2rem;
    position: relative;
    text-align: center;
    z-index: 5;
}

.word-slider{
	color: #5B5B5B;
	display: inline-block;	
	font-family: "open_sansbold";
	font-size: 10em;
	line-height: 1.6em;
	height: 1.7em;
	width: auto;
}

.spritz-word div {
 	display: table-cell;
 	width: auto;
}

.spritz-word div:first-child {
	width: auto;
	text-align: right;
}

.spritz-word div:last-child {
	width: auto;
	text-align: left;
}

.controls {
	text-align: center;
}

.controls:after {
	content: "";
	display: table;
	clear: both;
}

.controls a {
	display: inline-block;
	vertical-align: bottom;
	color: #5B5B5B;
	text-decoration: none;
}

.controls a:hover, .controls a.active {
	color: #5B5B5B;
}

.settings {
	bottom: 0;
	position: absolute;
	top: 82%;
	width: 100%;
	z-index: 10;
}

.settings input, .settings textarea, .settings button {
	box-sizing: border-box;
	border: 0;
	color: #5B5B5B;
	background: transparent;
}

.settings input:focus, .settings textarea:focus, .settings button:focus {
	outline: none;
}

.settings-controls {
	max-width: 22rem;
	margin: 0 auto;
    position: relative;
    z-index: 3;
}

.settings-controls .speed {
	float: left;
}

.settings-controls .interaction {
 	float: right;
}

.settings-controls a {
	font-size: 2rem;
	line-height: 4rem;
}

.settings-controls .save {
	display: none;
	transition: opacity 0.2s linear;
	opacity: 0;
	font-size: 2.5rem;
}

.paused .settings-controls .save {
	opacity: 1;
}

.autosave .settings-controls .save {
	opacity: 0;
}

.settings-controls .save.active {
	opacity: 0.4 !important;
}

.settings-controls .pause {
	margin: 0;
	width: 4rem;
	text-align: center;
	font-size: 4rem;
    height: 4rem;
    background: url(../img/playButton.png);
    background-repeat: no-repeat;
    background-position: center 3px;
    background-size: initial;
}

.settings-controls .pause.playing{
    background-image: url(../img/pauseButton.png);
}

.setting-controls .pause:before,
.playing.entypo-pause:before{
    display: none;
}

.interaction .back,
.interaction .forward{
    visibility: hidden;
}

.pause.button-2 {
	color: transparent;
	font-size: 10em;
	left: 0;
	opacity: 0;
	position: absolute;
	text-align: center;
	top: -29rem;
	width: 100%;
}

/*
.pause:before {
	content: "";
	position: relative;
	margin-left: -0.4rem;
}
*/

.wpm {
	position: relative;
	display: inline-block;
	width: 7rem;
	margin: 0;
	padding: 0;
	text-align: center;
	font-weight: 600;
	font-size: 2rem;
	line-height: 4rem;
	vertical-align: top;
     font-family: "open_sansbold";
    color: #5B5B5B;
}

.wpm::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.extra-controls {
	display: none;
	margin: 5rem auto 0;
}

.extra-controls .toggle {
	font-size: 2rem;
	padding: 1rem 2rem;
}

.extra-controls .togglable {
	display: none;
}

.extra-controls .zoom {
	font-size: 2rem;
}

.extra-controls .zoom * {
	display: inline-block;
	padding: 0.6rem;
}

.extra-controls .autosave .checkbox {
	display: none;
}

.extra-controls .autosave .checkbox:checked + .checkbox-label:before {
	content: "";
}

.extra-controls .autosave .checkbox-label {
	user-select: none;
	cursor: pointer;
}

.extra-controls .autosave .checkbox-label:before {
	position: relative;
	display: inline-block;
	margin-right: 1rem;
	width: 1.4rem;
	vertical-align: top;
	overflow: visible;
	font-size: 1.8rem;
}

.words {
	display: none;
	max-width: 30rem;
	margin: 0 auto;
	position: relative;
	transition: max-width 0.2s linear;
}

.fullscreen .words {
	max-width: 60rem;
}

.fullscreen .words .demo-words {
	height: 30rem;
}

.words .demo-words {
	width: 100%;
	height: 5em;
	transition: height 0.2s linear;
	padding: 1rem 1.5rem;
	background-color: #eee;
}

.words .demo-words::-webkit-scrollbar {
	width: 0.8rem;
}

.words .demo-words::-webkit-scrollbar-thumb {
	background: #d4d4d4;
}

.progress-bar {
	height: 2px;
	width: 0;
	background: red;
	opacity: 0.4;
}

.words-controls {
	display: none;
	margin: 0 0 2rem;
}

.words-controls a {
	margin: 0 0.6rem;
	font-size: 2rem;
	line-height: 2rem;
}

.words-controls .refresh {
  font-size: 2.6rem;
}

.fullscreen .words-controls .expand:before {
  content: "";
}

#alert {
  position: absolute;
  top: 0;
  padding: 2rem;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  left: 0;
  pointer-events: none;
}

@font-face {
  font-family: "Spritz";
  src: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/2361/spritz.eot?ziiuop");
  src: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/2361/spritz.eot?#iefixziiuop") format("embedded-opentype"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/2361/spritz.woff?ziiuop") format("woff"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/2361/spritz.ttf?ziiuop") format("truetype"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/2361/spritz.svg?ziiuop#spritz") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class*="entypo-"]:before {
  font-family: "Spritz", sans-serif;
}

.entypo-fast-backward:before {
  content: "";
}

.entypo-fast-forward:before {
  content: "";
}

.entypo-save:before {
  content: "";
}

.entypo-left-open:before {
  content: "";
}

.playing.entypo-pause:before {
  content: "";
}

.entypo-right-open:before {
  content: "";
}

.entypo-dot-3:before {
  content: "";
}

.entypo-minus:before {
  content: "";
}

.entypo-search:before {
  content: "";
}

.entypo-plus:before {
  content: "";
}

.entypo-cancel:before {
  content: "";
}

.entypo-doc-text:before {
  content: "";
}

.entypo-cycle:before {
  content: "";
}

.entypo-resize-full:before {
  content: "";
}

/* Media Queries - 1022px */
@media screen and (min-device-width:1px) and (max-device-width:1022px), (min-width:1px) and (max-width:1022px) {

	.spritz {
		margin-top: 4rem;
	}

    .spritz-word {
		font-size: 5em;
    }

    .settings {
    	top: 65%;
    }

    .pause.button-2 {
    	top: -16rem;
    }

    .settings-controls a {
    	font-size: 2em;
    }

    .wpm {
    	font-size: 1.6em;
    }

}

/* Media Queries - 582px */
@media screen and (min-device-width:1px) and (max-device-width:582px), (min-width:1px) and (max-width:582px) {

    .settings-controls .speed,
    .settings-controls .interaction {
    	width: 100%;
    }

}

/* Media Queries - 478px */
@media screen and (min-device-width:1px) and (max-device-width:478px), (min-width:1px) and (max-width:478px) {


	.settings-controls .pause {
		font-size: 2.5em;
	}

    .spritz-word {
		font-size: 4em;
    }

}


/* Media Queries - 378px */
@media screen and (min-device-width:1px) and (max-device-width:378px), (min-width:1px) and (max-width:378px) {

    .spritz-word {
		font-size: 3em;
    }

}

/* Media Queries - 288px */
@media screen and (min-device-width:1px) and (max-device-width:288px), (min-width:1px) and (max-width:288px) {


    .spritz-word {
		font-size: 2em;
    }


}

/* END Speed Reading */

/* Custom Select */

.dk_container {
	min-width: 220px;
}

.dk_container:focus {
	outline: 0;
}

.dk_container a {
	cursor: pointer;
	text-decoration: none;
	min-width: 580px;
}

.dk_toggle {
	color: #000;
	padding: 7px 45px 7px 10px;
	font-size: 1em;
	position: relative; 
}

.dk_toggle:hover, .dk_toggle:focus {
	border-color: #8c8c8c; 
}

.dk_toggle:after {
	position: absolute;
	top: .5rem;
	right: .5rem;
	content: "∨"
}

.dk_focus .dk_toggle {
	border-color: #7F7F7F;
}

.dk_open {
	z-index: 10; 
}

.dk_options a {
	background-color: #FFF;
	font-family: "open_sansregular",arial;
    font-size: 1em;
    text-transform: none;
	padding: 8px 10px; 
}

#upload-lightbox .dk_options a {
	font-size: 1.2em;
}

.dk_options a:hover, .dk_options:focus,
.dk_options .dk_option_current a {
	background-color: #0084C7;
	color: #FFF;
	text-decoration: none;
	text-shadow: rgba(0, 0, 0, 0.5) 0 1px 0; 
}

.dk_options li:last-child a {
	border-bottom: none;

}
.dk_options .disabled {
	cursor: default; 
}

.dk_options .disabled a {
	color: #AAA; 
}

.dk_options .disabled:hover, .dk_options .disabled:hover a
.dk_options .disabled:focus, .dk_options .disabled:focus a {
	cursor: default;
	background-color: #FFF;
	text-shadow: none; 
}

.dk_options_inner {
	max-height: 250px;
	font-size: 1em;
}

.dk_options_inner li {
	width: 100%;
}

.dk_container {
	clear: both;
	display: none;
	float: left; 
	margin: 0 0 1rem 1.5rem;
}

.dk_container a {
	outline: 0; 
	text-align: left;
}

.dk_toggle {
	display: -moz-inline-stack;
	display: inline-block;
	*display: inline;
	position: relative;
	zoom: 1; 
}

.dk_open {
	position: relative; 
}

.dk_open .dk_options {
	display: block; 
}

.dk_open .dk_label {
	color: inherit; 
}

.dk_options {
	display: none;
	margin-top: -1px;
	position: absolute;
	right: 0;
	width: 100%; 
}

.dk_options a, .dk_options a:link, .dk_options a:visited {
	display: block; 
}

.dk_options_inner {
	overflow: auto;
	position: relative;
	-webkit-overflow-scrolling: touch; 
}

.dk_container select {
	position: absolute;
	left: -99999em;
	visibility: hidden; 
}

.dk_mobile {
	position: relative; 
}

.dk_mobile select {
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	visibility: visible;
	opacity: 0;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none; 
}


/* Media Queries - 1116px */
@media screen and (min-device-width:1px) and (max-device-width:1116px), (min-width:1px) and (max-width:1116px) {

	.dk_container {
		min-width: 100px;
	}

	.dk_container a {
		min-width: 345px;
	}

}

/* Media Queries  - 762px */
@media screen and (min-device-width:1px) and (max-device-width:762px), (min-width:1px) and (max-width:762px) {

	.field.select label {
		left: 0;
	}

	.dk_container {
		margin-left: 0;
	}

	.dk_toggle {
		padding-left: 0;
	}

}

/* Media Queries  - 476px */
@media screen and (min-device-width:1px) and (max-device-width:476px), (min-width:1px) and (max-width:476px) {

	.dk_container {
		min-width: 80px;
	}

	.dk_container a {
		min-width: 230px;
	}

}

/* END Custom Select */


/* Animation */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}