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

}

@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.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_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff'),
         url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block
}
audio, canvas, video {
	display: inline-block
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden], template {
display:none
}
html {
	font-family:OpenSansRegular;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
body {
	margin: 0
}
a {
	background: transparent
}
a:focus {
	outline: thin dotted
}
a:active, a:hover {
	outline: 0
}
h1 {
	font-size: 2em;
	margin: .67em 0
}
abbr[title] {
	border-bottom: 1px dotted
}
b, strong {
	font-weight: bold
}
dfn {
	font-style: italic
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}
mark {
	background: #ff0;
	color: #000
}
code, kbd, pre, samp {
	font-family: monospace, serif;
	font-size: 1em
}
pre {
	white-space: pre-wrap
}
q {
	quotes: "\201C" "\201D" "\2018" "\2019"
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -0.5em
}
sub {
	bottom: -0.25em
}
img {
	border: 0
}
svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 0
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: .35em .625em .75em
}
legend {
	border: 0;
	padding: 0
}
button, input, select, textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0
}
button, input {
	line-height: normal
}
button, select {
	text-transform: none
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled], html input[disabled] {
	cursor: default
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
textarea {
	overflow: auto;
	vertical-align: top
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
@font-face {
	font-family: 'icomoon';
	src: url('/fonts/icomoon.eot');
	src: url('/fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('/fonts/icomoon.ttf') format('truetype'), url('/fonts/icomoon.woff') format('woff'), url('/fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal
}
[class*="icon-"] {
font-family:'icomoon';
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.icon-clock:before {
	content: "\e601"
}
.icon-arrow-right:before {
	background:url(../images/arrow.png) no-repeat;
}
.icon-arrow-left:before {
	content: "\e603"
}
.icon-twitter:before {
	content: "\e604"
}
.icon-nut:before {
	 color:#21bcd8;
}
.icon-mail:before {
	content: "\e606"
}
.icon-linkedin:before {
	content: "\e607"
}
.icon-ipad:before {
	 color:#21bcd8;
}
.icon-flag:before {
 color:#21bcd8;
}
.icon-dribbble:before {
	content: "\e60a"
}
.icon-comments:before {
	content: "\e60b"
}
.icon-book:before {
	content: "\e600"
}
.icon-git:before {
	content: "\e60c"
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased
}
body {
	background: #fff;
	padding: 0;
	margin: 0;
	color: #646464;
	font-family: "OpenSansRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1
}
img {
	max-width: 100%;
	width: auto\9;
	height: auto
}
a {
	color: #21bcd8;
	text-decoration: none
}
a:hover, a:active, a:focus {
	color: #277782;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box

}
.row {
	width: 100%;
	margin: 0 auto;
	max-width: 1144px;
*zoom:1
}
.row:before, .row:after {
	content: " ";
	display: table
}
.row:after {
	clear: both
}
.row .column, .row .columns {
	position: relative;
	padding-left: .83333em;
	padding-right: .83333em;
	width: 100%;
	float: left
}
.row.collapse .column, .row.collapse .columns {
	position: relative;
	padding-left: 0;
	padding-right: 0;
	float: left
}
.row .row {
	width: auto;
	margin: 0 -0.83333em;
	max-width: none;
*zoom:1
}
.row .row:before, .row .row .row:after {
	content: " ";
	display: table
}
.row .row:after {
	clear: both
}
.row .row.collapse {
	width: auto;
	margin: 0;
	max-width: none;
*zoom:1
}
.row .row.collapse:before, .row .row .row.collapse:after {
	content: " ";
	display: table
}
.row .row.collapse:after {
	clear: both
}
.row .small-1 {
	position: relative;
	width: 8.33333%
}
.row .small-2 {
	position: relative;
	width: 16.66667%
}
.row .small-3 {
	position: relative;
	width: 25%
}
.row .small-4 {
	position: relative;
	width: 33.33333%
}
.row .small-5 {
	position: relative;
	width: 41.66667%
}
.row .small-6 {
	position: relative;
	width: 50%
}
.row .small-7 {
	position: relative;
	width: 58.33333%
}
.row .small-8 {
	position: relative;
	width: 66.66667%
}
.row .small-9 {
	position: relative;
	width: 75%
}
.row .small-10 {
	position: relative;
	width: 83.33333%
}
.row .small-11 {
	position: relative;
	width: 91.66667%
}
.row .small-12 {
	position: relative;
	width: 100%
}
.row .small-offset-1 {
	position: relative;
	margin-left: 8.33333%
}
.row .small-offset-2 {
	position: relative;
	margin-left: 16.66667%
}
.row .small-offset-3 {
	position: relative;
	margin-left: 25%
}
.row .small-offset-4 {
	position: relative;
	margin-left: 33.33333%
}
.row .small-offset-5 {
	position: relative;
	margin-left: 41.66667%
}
.row .small-offset-6 {
	position: relative;
	margin-left: 50%
}
.row .small-offset-7 {
	position: relative;
	margin-left: 58.33333%
}
.row .small-offset-8 {
	position: relative;
	margin-left: 66.66667%
}
.row .small-offset-9 {
	position: relative;
	margin-left: 75%
}
.row .small-offset-10 {
	position: relative;
	margin-left: 83.33333%
}
[class*="column"]+[class*="column"]:last-child {
float:right
}
[class*="column"]+[class*="column"].end {
float:left
}
.column.small-centered, .columns.small-centered {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	float: none !important
}
@media (min-width:768px) {
.row .large-1 {
	position: relative;
	width: 8.33333%
}
.row .large-2 {
	position: relative;
	width: 16.66667%
}
.row .large-3 {
	position: relative;
	width: 25%
}
.row .large-4 {
	position: relative;
	width: 33.33333%
}
.row .large-5 {
	position: relative;
	width: 41.66667%
}
.row .large-6 {
	position: relative;
	width: 50%
}
.row .large-7 {
	position: relative;
	width: 58.33333%
}
.row .large-8 {
	position: relative;
	width: 66.66667%
}
.row .large-9 {
	position: relative;
	width: 75%
}
.row .large-10 {
	position: relative;
	width: 83.33333%
}
.row .large-11 {
	position: relative;
	width: 91.66667%
}
.row .large-12 {
	position: relative;
	width: 100%
}
.row .large-offset-1 {
	position: relative;
	margin-left: 8.33333%
}
.row .large-offset-2 {
	position: relative;
	margin-left: 16.66667%
}
.row .large-offset-3 {
	position: relative;
	margin-left: 25%
}
.row .large-offset-4 {
	position: relative;
	margin-left: 33.33333%
}
.row .large-offset-5 {
	position: relative;
	margin-left: 41.66667%
}
.row .large-offset-6 {
	position: relative;
	margin-left: 50%
}
.row .large-offset-7 {
	position: relative;
	margin-left: 58.33333%
}
.row .large-offset-8 {
	position: relative;
	margin-left: 66.66667%
}
.row .large-offset-9 {
	position: relative;
	margin-left: 75%
}
.row .large-offset-10 {
	position: relative;
	margin-left: 83.33333%
}
.column.large-centered, .columns.large-centered {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	float: none !important
}
}
.show-for-small, .show-for-medium-down, .show-for-large-down {
	display: inherit !important
}
.show-for-medium, .show-for-medium-up, .show-for-large, .show-for-large-up, .show-for-xlarge {
	display: none !important
}
.hide-for-medium, .hide-for-medium-up, .hide-for-large, .hide-for-large-up, .hide-for-xlarge {
	display: inherit !important
}
.hide-for-small, .hide-for-medium-down, .hide-for-large-down {
	display: none !important
}
@media only screen and (min-width:48em) {
.show-for-medium, .show-for-medium-up {
	display: inherit !important
}
.show-for-small {
	display: none !important
}
.hide-for-small {
	display: inherit !important
}
.hide-for-medium, .hide-for-medium-up {
	display: none !important
}
}
@media only screen and (min-width:80em) {
.show-for-large, .show-for-large-up {
	display: inherit !important
}
.show-for-medium, .show-for-medium-down {
	display: none !important
}
.hide-for-medium, .hide-for-medium-down {
	display: inherit !important
}
.hide-for-large, .hide-for-large-up {
	display: none !important
}
}
@media only screen and (min-width:90em) {
.show-for-xlarge {
	display: inherit !important
}
.show-for-large, .show-for-large-down {
	display: none !important
}
.hide-for-large, .hide-for-large-down {
	display: inherit !important
}
.hide-for-xlarge {
	display: none !important
}
}
.clearfix {
*zoom:1
}
.clearfix:before, .clearfix:after {
	display: table;
	content: "";
	line-height: 0
}
.clearfix:after {
	clear: both
}
.picker {
	font-size: 16px;
	text-align: left;
	line-height: 1.2;
	color: #000;
	position: absolute;
	z-index: 10000
}
.picker__input {
	cursor: default
}
.picker__input.picker__input--active {
	border-color: #0089ec
}
.picker__holder {
	width: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js/themes.htm#default
 */
.picker__holder, .picker__frame {
	bottom: 0;
	left: 0;
	right: 0;
	top: 100%
}
.picker__holder {
	position: fixed;
	-webkit-transition: background .15s ease-out, top 0s .15s;
	-moz-transition: background .15s ease-out, top 0s .15s;
	transition: background .15s ease-out, top 0s .15s
}
.picker__frame {
	position: absolute;
	margin: 0 auto;
	min-width: 256px;
	max-width: 666px;
	width: 100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: all .15s ease-out;
	-moz-transition: all .15s ease-out;
	transition: all .15s ease-out
}
@media (min-height:33.875em) {
.picker__frame {
	overflow: visible;
	top: auto;
	bottom: -100%;
	max-height: 80%
}
}
@media (min-height:40.125em) {
.picker__frame {
	margin-bottom: 7.5%
}
}
.picker__wrap {
	display: table;
	width: 100%;
	height: 100%
}
@media (min-height:33.875em) {
.picker__wrap {
	display: block
}
}
.picker__box {
	background: #fff;
	display: table-cell;
	vertical-align: middle
}
@media (min-height:26.5em) {
.picker__box {
	font-size: 1.25em
}
}
@media (min-height:33.875em) {
.picker__box {
	display: block;
	font-size: 1.33em;
	border: 1px solid #777;
	border-top-color: #898989;
	border-bottom-width: 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	-webkit-box-shadow: 0 12px 36px 16px rgba(0,0,0,0.24);
	-moz-box-shadow: 0 12px 36px 16px rgba(0,0,0,0.24);
	box-shadow: 0 12px 36px 16px rgba(0,0,0,0.24)
}
}
@media (min-height:40.125em) {
.picker__box {
	font-size: 1.5em;
	border-bottom-width: 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}
}
.picker--opened .picker__holder {
	top: 0;
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
	zoom: 1;
	background: rgba(0,0,0,0.32);
	-webkit-transition: background .15s ease-out;
	-moz-transition: background .15s ease-out;
	transition: background .15s ease-out
}
.picker--opened .picker__frame {
	top: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1
}
@media (min-height:33.875em) {
.picker--opened .picker__frame {
	top: auto;
	bottom: 0
}
}
.picker__box {
	padding: 0 1em
}
.picker__header {
	text-align: center;
	position: relative;
	margin-top: .75em
}
.picker__month, .picker__year {
	font-weight: 500;
	display: inline-block;
	margin-left: .25em;
	margin-right: .25em
}
.picker__year {
	color: #999;
	font-size: .8em;
	font-style: italic
}
.picker__select--month, .picker__select--year {
	font-size: .8em;
	border: 1px solid #b7b7b7;
	height: 2.5em;
	padding: .5em .25em;
	margin-left: .25em;
	margin-right: .25em;
	margin-top: -0.5em
}
.picker__select--month {
	width: 35%
}
.picker__select--year {
	width: 22.5%
}
.picker__select--month:focus, .picker__select--year:focus {
	border-color: #0089ec
}
.picker__nav--prev, .picker__nav--next {
	position: absolute;
	top: -0.33em;
	padding: .5em 1.33em;
	width: 1em;
	height: 1em
}
.picker__nav--prev {
	left: -1em;
	padding-right: 1.5em
}
.picker__nav--next {
	right: -1em;
	padding-left: 1.5em
}
.picker__nav--prev:before, .picker__nav--next:before {
	content: " ";
	border-top: .5em solid transparent;
	border-bottom: .5em solid transparent;
	border-right: .75em solid #000;
	width: 0;
	height: 0;
	display: block;
	margin: 0 auto
}
.picker__nav--next:before {
	border-right: 0;
	border-left: .75em solid #000
}
.picker__nav--prev:hover, .picker__nav--next:hover {
	cursor: pointer;
	color: #000;
	background: #b1dcfb
}
.picker__nav--disabled, .picker__nav--disabled:hover, .picker__nav--disabled:before, .picker__nav--disabled:before:hover {
cursor:default;
background:none;
border-right-color:#f5f5f5;
border-left-color:#f5f5f5
}
.picker__table {
	text-align: center;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	font-size: inherit;
	width: 100%;
	margin-top: .75em;
	margin-bottom: .5em
}
@media (min-height:33.875em) {
.picker__table {
	margin-bottom: .75em
}
}
.picker__table td {
	margin: 0;
	padding: 0
}
.picker__weekday {
	width: 14.28571429%;
	font-size: .75em;
	padding-bottom: .25em;
	color: #999;
	font-weight: 500
}
@media (min-height:33.875em) {
.picker__weekday {
	padding-bottom: .5em
}
}
.picker__day {
	padding: .3125em 0;
	font-weight: 200;
	border: 1px solid transparent
}
.picker__day--today {
	color: #0089ec;
	position: relative
}
.picker__day--today:before {
	content: " ";
	position: absolute;
	top: 2px;
	right: 2px;
	width: 0;
	height: 0;
	border-top: .5em solid #0059bc;
	border-left: .5em solid transparent
}
.picker__day--selected, .picker__day--selected:hover {
	border-color: #0089ec
}
.picker__day--highlighted {
	background: #b1dcfb
}
.picker__day--disabled:before {
	border-top-color: #aaa
}
.picker__day--outfocus {
	color: #ddd;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=66)";
	filter: alpha(opacity=66);
	-moz-opacity: .66;
	opacity: .66
}
.picker__day--infocus:hover, .picker__day--outfocus:hover {
	cursor: pointer;
	color: #000;
	background: #b1dcfb
}
.picker__day--highlighted:hover, .picker--focused .picker__day--highlighted {
	background: #0089ec;
	color: #fff
}
.picker__day--disabled, .picker__day--disabled:hover {
	background: #f5f5f5;
	border-color: #f5f5f5;
	color: #ddd;
	cursor: default
}
.picker__day--highlighted.picker__day--disabled, .picker__day--highlighted.picker__day--disabled:hover {
	background: #bbb
}
.picker__footer {
	text-align: center
}
.picker__button--today, .picker__button--clear {
	border: 1px solid #fff;
	background: #fff;
	font-size: .8em;
	padding: .66em 0;
	font-weight: bold;
	width: 50%;
	display: inline-block;
	vertical-align: bottom
}
.picker__button--today:hover, .picker__button--clear:hover {
	cursor: pointer;
	color: #000;
	background: #b1dcfb;
	border-bottom-color: #b1dcfb
}
.picker__button--today:focus, .picker__button--clear:focus {
	background: #b1dcfb;
	border-color: #0089ec;
	outline: none
}
.picker__button--today:before, .picker__button--clear:before {
	position: relative;
	display: inline-block;
	height: 0
}
.picker__button--today:before {
	content: " ";
	margin-right: .45em;
	top: -0.05em;
	width: 0;
	border-top: .66em solid #0059bc;
	border-left: .66em solid transparent
}
.picker__button--clear:before {
	content: "\D7";
	margin-right: .35em;
	top: -0.1em;
	color: #e20;
	vertical-align: top;
	font-size: 1.1em
}
h1, h2, h3, h4, h5, h6 {
	font-family: "OpenSansRegular";
	font-weight: normal;
	color: #4a4a4a;
	margin-top: .2em;
	margin-bottom: .5em;
	line-height: 1.23333em;
	text-rendering: optimizeLegibility
}
hr {
	border: none;
	border-bottom: 1px solid #fff
}
p {
	font-size: 18px;
	line-height: 1.6;
	margin-bottom: 18px
}
em {
	font-family: "GillSansW04-BookItalic", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal
}
.text-center {
	text-align: center
}
::-webkit-input-placeholder {
color:#bbb
}
:-moz-placeholder {
color:#bbb
}
::-moz-placeholder {
color:#bbb
}
:-ms-input-placeholder {
color:#bbb
}
.arrow {
	position: relative;
	left: 0;
	vertical-align: middle;
	font-size: 8px;
	-webkit-transition: left 0.2s linear;
	-moz-transition: left 0.2s linear;
	-o-transition: left 0.2s linear;
	transition: left 0.2s linear;
	-webkit-transition: left .2s linear;
	-moz-transition: left .2s linear;
	-o-transition: left .2s linear;
	transition: left .2s linear
}
a:hover .arrow, button:hover .arrow {
	left: 10px;
	-webkit-transition: left 0.2s linear;
	-moz-transition: left 0.2s linear;
	-o-transition: left 0.2s linear;
	transition: left 0.2s linear;
	-webkit-transition: left .2s linear;
	-moz-transition: left .2s linear;
	-o-transition: left .2s linear;
	transition: left .2s linear
}
.arrow-left {
	position: relative;
	right: 0;
	vertical-align: middle;
	font-size: 8px;
	-webkit-transition: right 0.2s linear;
	-moz-transition: right 0.2s linear;
	-o-transition: right 0.2s linear;
	transition: right 0.2s linear;
	-webkit-transition: right .2s linear;
	-moz-transition: right .2s linear;
	-o-transition: right .2s linear;
	transition: right .2s linear
}
a:hover .arrow-left, button:hover .arrow-left {
	right: 10px;
	-webkit-transition: right 0.2s linear;
	-moz-transition: right 0.2s linear;
	-o-transition: right 0.2s linear;
	transition: right 0.2s linear;
	-webkit-transition: right .2s linear;
	-moz-transition: right .2s linear;
	-o-transition: right .2s linear;
	transition: right .2s linear
}
.btn-circle {
	display: inline-block;
	width: 156px;
	height: 156px;
	vertical-align: middle;
	background: #21bcd8;
	background:#21bcd8;
	color: #fff;
	font-size: 20px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 78px;
	-moz-border-radius: 78px;
	border-radius: 78px;
	line-height: 156px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear
}
.btn-circle span {
	vertical-align: middle;
	display: inline-block;
	line-height: 1.2;
	text-align: center;
	width: 100%;
	color: #fff
}
.btn-circle hr {
	width: 32px;
	margin: 15px auto 0 auto
}
.btn-circle:hover, .btn-circle:active, .btn-circle:focus {
	color: #fff;
	background: #21bcd8;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}
a.btn {
	font-family:'open_sanssemibold';
}
blockquote {
	border: none;
	padding: 0;
	margin-left: auto;
	margin-right: auto
}
cite::before {
	content: "- "
}
cite {
	display: block;
	font-style: normal
}
.parsley-error {
	border: 1px solid red !important;
	margin-right: -1px
}
.parsley-error-list {
	display: none !important
}
header#header {
	background: #21bcd8;
	position: fixed;
	z-index: 15;
	width: 100%
}
header#header nav#navigation {
	font-family:'OpenSansRegular';
	padding: 38px 0;
	width: 100%;
	max-width: 1140px;
	z-index: 20
}
header#header nav#navigation #logo {
	float: left;
	width: 71px;
	height: 71px;
	display: block;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear
}
header#header nav#navigation #logo:hover {
	-webkit-opacity: 0.7;
	-moz-opacity: 0.7;
	opacity: 0.7;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	transition: opacity .2s linear
}
header#header nav#navigation #logo img {
	width: 100%;
	height: 100%
}
header#header nav#navigation ul {
	list-style: none;
	margin: 30px 0 0 0;
	padding: 0;
	float: right;
	overflow: hidden
}
header#header nav#navigation ul li {
	display: inline-block;
	padding-left: 70px;
	font-size: 14px;
	font-weight: bold;
}
header#header nav#navigation ul a {
	display: block;
	font-weight: bold!important;
	color: #fff;
	padding-bottom: 12px;
	border-bottom: 2px solid transparent;
	text-transform: uppercase;
	-webkit-transition: border-bottom-color 0.1s linear;
	-moz-transition: border-bottom-color 0.1s linear;
	-o-transition: border-bottom-color 0.1s linear;
	transition: border-bottom-color 0.1s linear;
	-webkit-transition: border-bottom-color .1s linear;
	-moz-transition: border-bottom-color .1s linear;
	-o-transition: border-bottom-color .1s linear;
	transition: border-bottom-color .1s linear
	
}
header#header nav#navigation ul a:hover, header#header nav#navigation ul a:active, header#header nav#navigation ul a:focus {
	border-bottom-color: #fff;
	color: #fff;
	-webkit-transition: border-bottom-color 0.1s linear;
	-moz-transition: border-bottom-color 0.1s linear;
	-o-transition: border-bottom-color 0.1s linear;
	transition: border-bottom-color 0.1s linear;
	-webkit-transition: border-bottom-color .1s linear;
	-moz-transition: border-bottom-color .1s linear;
	-o-transition: border-bottom-color .1s linear;
	transition: border-bottom-color .1s linear
}
@media (max-width: 1149px) {
header#header nav#navigation {
	padding: 25px
}
header#header nav#navigation ul li {
	padding-left: 40px
}
}
#content {
	position: relative;
	top: 724px;
	height: 100%;
	background: #fff;
	-webkit-transform: translate3d(0, 0, 0)
}
#content.no-collapse {
	top: 147px
}
.anchor {
	position: relative;
	top: -90px;
	display: block;
	width: 1px;
	height: 1px
}
footer#footer {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZTQ0NDQiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjZmU0NDQ0IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iI2VhM2EzYSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiNlYTNhM2EiIHN0b3Atb3BhY2l0eT0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+);
	background-image: -webkit-linear-gradient(left, #21bcd8 0%, #21bcd8 66.66667%, #0ab9d8 66.66667%, #0ab9d8 100%);
	background-image: -moz-linear-gradient(left, #21bcd8 0%, #21bcd8 66.66667%, #0ab9d8 66.66667%, #0ab9d8 100%);
	background-image: -o-linear-gradient(left, #21bcd8 0%, #21bcd8 66.66667%, #0ab9d8 66.66667%, #0ab9d8 100%);
	background-image: linear-gradient(to right, #21bcd8 0%, #21bcd8 66.66667%, #0ab9d8 66.66667%, #0ab9d8 100%);
	color: #fff
}
footer#footer ul {
	list-style: none;
	padding: 0;
	margin: 68px 0
}
footer#footer ul li {
	font-size: 13px;
	display: inline-block;
	margin-right: 30px;
	font-family: "Gill Sans W04 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
}
footer#footer ul li:last-child {
	margin: 0
}
footer#footer ul li strong {
	font-weight: 500
}
footer#footer ul li a {
	color: #fff
}
@media (max-width: 1149px) {
footer#footer ul {
	margin: 60px 0
}
}
@media (max-width: 767px) {
footer#footer ul {
	margin: 30px 0
}
footer#footer ul li {
	display: block;
	margin: 5px 0
}
}
footer#footer #start {
	font: 300 20px/1.6 "PMNCaeciliaW01-45Light", Georgia, serif;
	padding: 0;
	text-align: center
}
footer#footer #start a {
	color: #fff;
	display: block;
	padding: 60px 0;
	background: #0ab9d8
}
footer#footer #start .icon-mail {
	font-size: 16px;
	margin-right: 6px
}
@media (max-width: 1149px) {
footer#footer #start a {
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
	-webkit-transition: background .2s linear;
	-moz-transition: background .2s linear;
	-o-transition: background .2s linear;
	transition: background .2s linear
}
footer#footer #start a:hover {
	background: #20899c;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
	-webkit-transition: background .2s linear;
	-moz-transition: background .2s linear;
	-o-transition: background .2s linear;
	transition: background .2s linear
}
}
@media (max-width: 767px) {
footer#footer #start a {
	padding: 30px 0
}
}
@media (max-width: 1149px) {
footer#footer #copyright {
	padding-left: 25px;
	padding-right: 50px
}
}
@media (max-width: 767px) {
footer#footer #copyright {
	background: #21bcd8;
	text-align: center;
	padding-right: 25px
}
}
#index section#intro {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 30;
	top: 0;
	-webkit-animation: intro 3s forwards;
	-moz-animation: intro 3s forwards;
	-o-animation: intro 3s forwards;
	animation: intro 3s forwards
}
#index header#nav {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 40;
	background: transparent;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
	-webkit-transition: background .2s linear;
	-moz-transition: background .2s linear;
	-o-transition: background .2s linear;
	transition: background .2s linear
}
#index header#nav nav#navigation {
	padding: 30px 0 0 0;
	margin-bottom: 0;
	font-family: "OpenSansRegular";
	overflow: hidden;
	z-index: 20;
	width: 100%;
	-webkit-animation: navin 6s forwards linear;
	-moz-animation: navin 6s forwards linear;
	-o-animation: navin 6s forwards linear;
	animation: navin 6s forwards linear;
	-webkit-transition: padding 0.2s linear;
	-moz-transition: padding 0.2s linear;
	-o-transition: padding 0.2s linear;
	transition: padding 0.2s linear;
	-webkit-transition: padding .2s linear;
	-moz-transition: padding .2s linear;
	-o-transition: padding .2s linear;
	transition: padding .2s linear
}
@media (max-width: 1149px) {
#index header#nav nav#navigation {
	padding-left: 25px;
	padding-right: 25px
}
}
#index header#nav nav#navigation #logo {
	float: left;
	width: 71px;
	height: 71px;
	display: block;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
#index header#nav nav#navigation #logo:hover {
	-webkit-opacity: 0.7;
	-moz-opacity: 0.7;
	opacity: 0.7
}
#index header#nav nav#navigation #logo img {
	width: 100%;
	height: 100%
}
@media (max-width: 767px) {
#index header#nav nav#navigation #logo {
	left: 25px
}
}
#index header#nav nav#navigation ul {
	list-style: none;
	margin: 35px 0 0 0;
	padding: 0;
	float: right;
	overflow: hidden
}
#index header#nav nav#navigation ul li {
	display: inline-block;
	padding-left: 70px;
	font-size: 14px;
	line-height: 1.5;
	font-weight: bold
}
#index header#nav nav#navigation ul a {
	display: block;
	color: #fff;
	padding-bottom: 12px;
	border-bottom: 2px solid transparent;
	text-transform: uppercase;
	-webkit-transition: border-bottom-color 0.1s linear;
	-moz-transition: border-bottom-color 0.1s linear;
	-o-transition: border-bottom-color 0.1s linear;
	transition: border-bottom-color 0.1s linear;
	-webkit-transition: border-bottom-color .1s linear;
	-moz-transition: border-bottom-color .1s linear;
	-o-transition: border-bottom-color .1s linear;
	transition: border-bottom-color .1s linear
}
#index header#nav nav#navigation ul a:hover, #index header#nav nav#navigation ul a:active, #index header#nav nav#navigation ul a:focus {
	border-bottom-color: #fff;
	color: #fff;
	-webkit-transition: border-bottom-color 0.1s linear;
	-moz-transition: border-bottom-color 0.1s linear;
	-o-transition: border-bottom-color 0.1s linear;
	transition: border-bottom-color 0.1s linear;
	-webkit-transition: border-bottom-color .1s linear;
	-moz-transition: border-bottom-color .1s linear;
	-o-transition: border-bottom-color .1s linear;
	transition: border-bottom-color .1s linear
}
@media (max-width: 1149px) {
#index header#nav nav#navigation ul li {
	padding-left: 40px
}
}
@media (max-width: 767px) {
#index header#nav nav#navigation ul {
	display: none
}
}
#index header#nav.stuck {
	background: #21bcd8;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
	-webkit-transition: background .2s linear;
	-moz-transition: background .2s linear;
	-o-transition: background .2s linear;
	transition: background .2s linear
}
#index header#nav.stuck nav#navigation {
	padding: 13px 0;
	-webkit-transition: padding 0.2s linear;
	-moz-transition: padding 0.2s linear;
	-o-transition: padding 0.2s linear;
	transition: padding 0.2s linear;
	-webkit-transition: padding .2s linear;
	-moz-transition: padding .2s linear;
	-o-transition: padding .2s linear;
	transition: padding .2s linear
}
#index header#nav.stuck nav#navigation #logo {
	height: 45px;
	width: 45px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
#index header#nav.stuck nav#navigation ul {
	margin-top: 15px
}
@media (max-width: 1149px) {
#index header#nav.stuck nav#navigation {
	padding: 25px
}
#index header#nav.stuck nav#navigation ul li {
	padding-left: 40px
}
}
@media (max-width: 767px) {
#index header#nav.stuck nav#navigation {
	padding: 13px 0
}
#index header#nav.stuck nav#navigation #logo {
	display: block
}
#index header#nav.stuck nav#navigation ul {
	display: block;
	padding-top: 0
}
#index header#nav.stuck nav#navigation ul li {
	padding-left: 10px
}
}
#index #red {
	background: url(/images/bkg_red.png);
	width: 100%;
	height: 820px;
	position: fixed;
	top: 0;
	z-index: 21;
	pointer-events: none
}
@media (max-width: 767px) {
#index #red {
	height: 350px
}
}
#index header#header {
	background: transparent;
	height: 820px;
	position: fixed;
	top: 0;
	overflow: hidden;
	z-index: 32
}
#index header#header h1#brand {
	font-size: 76px;
	line-height: 1;
	color: #fff;
	margin-bottom: 30px;
	z-index: 1001;
	width: 100%;
	font-family: "open_sanslight";
	margin-top: 310px;
	text-align:center;
}
#index header#header h2#roof {
	font-size: 25px;
	font-family: 'open_sanssemibold';
	font-weight: 300;
	color: #fff;
	text-align:center;
	padding-bottom: 4px;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-animation: navin 10s forwards linear;
	-moz-animation: navin 10s forwards linear;
	-o-animation: navin 10s forwards linear;
	animation: navin 10s forwards linear
}
@media (max-width: 1149px) {
#index header#header h1#brand, #index header#header h2#roof {
	margin-left: 25px
}
}
@media (max-width: 767px) {
#index header#header {
	background-position: center center
}
#index header#header h1#brand {
	margin-top: 100px;
	font-size: 48px
}
}
#index #play {
	background: url(/images/btn_play.png) no-repeat center center;
	z-index: 22;
	width: 105px;
	height: 105px;
	display: block;
	margin-left: 800px;
	position: relative;
	top: -260px;
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5
}
#index #play:hover {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
	-o-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
	-webkit-transition: opacity .2s ease;
	-moz-transition: opacity .2s ease;
	-o-transition: opacity .2s ease;
	transition: opacity .2s ease
}
@media (max-width: 1024px) {
#index #play {
	margin-left: 600px;
	top: -290px
}
}
@media (max-width: 767px) {
#index #play {
	margin-left: 240px;
	top: -180px;
	width: 60px;
	height: 60px;
	background-size: contain
}
}
#index #video-container {
	width: 100%;
	height: 820px;
	position: fixed;
	top: 0;
	background: url(../images/webudream-branding.png) no-repeat;
	background-size: cover
}
#index #video-container #video, #index #video-container #big-video-vid {
	overflow: hidden;
	height: 100% !important
}
#index #video-container #big-video-vid {
	top: 0 !important
}
@media (max-width: 767px) {
#index #video-container {
	height: 350px
}
#index #video-container #video {
	display: none
}
}
#index #feature-video {
	position: fixed;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 100;
	top: 0
}
#index #feature-video .close {
	width: 50px;
	height: 50px;
	background: url(/images/icon_close.svg) center center no-repeat;
	background-size: 20px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	cursor: pointer
}
#index #feature-video .close:hover {
	background-color: #21bcd8
}
#index #feature-video #feature, #index #feature-video video {
	width: 100% !important;
	height: 100% !important
}
#index #feature-video #feature.video-js {
	background: rgba(0,0,0,0.9)
}
#index lesshat-selector {
	-lh-property: 0;
}
@-webkit-keyframes navin {
0%, 30% {
opacity: 0;
}
35%, 100% {
opacity: 1;
}
}
@-moz-keyframes navin {
0%, 30% {
opacity: 0;
}
35%, 100% {
opacity: 1;
}
}
@-o-keyframes navin {
0%, 30% {
opacity: 0;
}
35%, 100% {
opacity: 1;
}
}
@keyframes navin {
0%, 30% {
opacity: 0;
}
35%, 100% {
opacity: 1;
}
}
#index #content {
	top: 820px;
	z-index: 30;
	overflow: hidden;
	height: auto;
	-webkit-animation: intro-content 2s forwards;
	-moz-animation: intro-content 2s forwards;
	-o-animation: intro-content 2s forwards;
	animation: intro-content 2s forwards
}
@media (max-width: 767px) {
#index #content {
	top: 350px
}
}
#index section#services {
	padding: 90px 0
}
#index section#services h2 {
	font-size: 42px;
	font-weight: 300;
	text-align: center;
	margin-bottom: 60px
}
#index section#services h2 strong {
	-webkit-font-smoothing: subpixel-antialiased
}
#index section#services header {
	margin-bottom: 30px
}
#index section#services #icons {
	text-align: center;
	padding-right: 80px
}
#index section#services #icons hr {
	border: none;
	border-bottom: 3px solid #fff;
	color: #ccc;
	width: 22%;
	display: inline-block;
	clear: none;
	margin: 30px
}
#index section#services #icons .icon {
	color: #ccc;
	vertical-align: top
}
#index section#services #icons .icon-flag {
	font-size: 59px
}
#index section#services #icons .icon-ipad {
	font-size: 64px
}
#index section#services #icons .icon-nut {
	font-size: 57px
}
#index section#services .large-4.columns {
	text-align: center;
	padding-right: 80px
}
#index section#services .large-4.columns h3, #index section#services .large-4.columns p {
	text-align: left
}
#index section#services .large-4.columns h3 {
	font-size: 28px;
	font-weight: 300
}
@media (max-width: 1149px) {
#index section#services .large-4.columns {
	padding: 0 50px 0 25px
}
}
@media (max-width: 767px) {
#index section#services {
	padding: 45px 0
}
#index section#services h2 {
	font-size: 24px
}
#index section#services .large-4.columns {
	padding: 0 25px;
	margin-bottom: 30px
}
}
#index section#who {
	background: #f8f8f8 url(../images/IT-professional-working.png) no-repeat top right;
	height: 697px
}
#index section#who .columns {
	margin-top: 150px
}
#index section#who h2 {
	font-size: 44px;
	font-weight: 700;
	margin-bottom: 0
}
#index section#who h3 {
	font-size: 42px;
	font-weight: 300;
	line-height: 1.3;
	margin-top: 5px
}
#index section#who p a {
	font-size: 20px
}
@media (max-width: 1149px) {
#index section#who {
	background-position-x: 200px
}
}
@media (max-width: 1024px) {
#index section#who {
	background-position-x: 100px
}
#index section#who h2 {
	font-size: 32px
}
#index section#who h3 {
	font-size: 30px
}
}
@media (max-width: 767px) {
#index section#who {
	padding: 60px 15px;
	background-image: none;
	height: auto
}
#index section#who .columns {
	margin-top: 0
}
#index section#who h2 {
	font-size: 32px
}
#index section#who h3 {
	font-size: 30px
}
}
#index blockquote {
	text-align: center;
	margin: 110px 0 100px 0
}
#index blockquote p {
	font-size: 42px;
	font-family: 'open_sanslight';
	color: #4a4a4a;
	margin-top: 0
}
#index blockquote cite {
	font-size: 18px;
	color: #21bcd8;
	font-family: "PMNCaeciliaW01-45Light", Georgia, serif;
	font-style: normal
}
@media (max-width: 767px) {
#index blockquote {
	padding: 0 25px
}
#index blockquote p {
	font-size: 24px
}
}
#index section#view-work {
	background: url(../images/Brand-design-professionals.png) no-repeat top center;
	background-size: cover;
	height: 786px;
	text-align: center;
	line-height: 786px
}
@media (max-width: 767px) {
#index section#view-work {
	height: 350px;
	line-height: 350px
}
}
#index section#companies {
	text-align: center;
	margin: 40px 0
}
#index section#companies img {
	margin: 10px;
	vertical-align: middle
}
#index section#case-studies {
	padding: 100px 0;
	background: url(/images/bkg_case_studies.png);
	color: #fff
}
#index section#case-studies h2 {
	font-size: 32px;
	font-weight: 300;
	text-align: center;
	margin-bottom: 85px;
	color: #fff
}
#index section#case-studies h2 a {
	font-size: 16px;
	font-weight: 500;
	color: #323231
}
#index section#case-studies .large-4.columns {
	text-align: center;
	padding-right: 80px
}
#index section#case-studies .large-4.columns h3, #index section#case-studies .large-4.columns p {
	text-align: left;
	color: #d5d5d5
}
#index section#case-studies .large-4.columns h3 {
	font-size: 24px;
	font-weight: 300
}
#index section#case-studies .large-4.columns h3 a {
	color: #fff
}
#index section#case-studies .large-4.columns a {
	font-family: "PMNCaeciliaW01-55Roman", Georgia, serif
}
#index section#case-studies .large-4.columns p.time {
	color: #9e9e9e;
	font-family: "GillSansW04-BookItalic", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px
}
#index section#case-studies .large-4.columns p.time .icon-clock {
	font-size: 14px;
	margin-right: 10px;
	color: #fff
}
@media (max-width: 1149px) {
#index section#case-studies .large-4.columns {
	padding: 0 65px 0 25px
}
}
@media (max-width: 1024px) {
#index section#case-studies h2 a {
	clear: both;
	display: inline-block
}
#index section#case-studies .large-4.columns {
	float: none;
	width: 100%;
	margin-bottom: 40px
}
}
@media (max-width: 767px) {
#index section#case-studies {
	padding: 55px 0
}
#index section#case-studies h2 {
	margin-bottom: 30px
}
#index section#case-studies h2 a {
	display: block
}
#index section#case-studies .large-4.columns {
	padding: 0 25px
}
}
lesshat-selector {
	-lh-property: 0;
}
@-webkit-keyframes intro {
0%, 25% {
background: #21bcd8;
z-index: 31;
}
99% {
display: none;
width: 100%;
height: 100%;
}
100% {
display: none;
width: 0;
height: 0;
}
}
@-moz-keyframes intro {
0%, 25% {
background: #21bcd8;
z-index: 31;
}
99% {
display: none;
width: 100%;
height: 100%;
}
100% {
display: none;
width: 0;
height: 0;
}
}
@-o-keyframes intro {
0%, 25% {
background: #21bcd8;
z-index: 31;
}
99% {
display: none;
width: 100%;
height: 100%;
}
100% {
display: none;
width: 0;
height: 0;
}
}
@keyframes intro {
0%, 25% {
background: #21bcd8;
z-index: 31;
}
99% {
display: none;
width: 100%;
height: 100%;
}
100% {
display: none;
width: 0;
height: 0;
}
}
lesshat-selector {
	-lh-property: 0;
}
@-webkit-keyframes intro-content {
0%, 99% {
z-index: 30;
}
100% {
z-index: 32;
}
}
@-moz-keyframes intro-content {
0%, 99% {
z-index: 30;
}
100% {
z-index: 32;
}
}
@-o-keyframes intro-content {
0%, 99% {
z-index: 30;
}
100% {
z-index: 32;
}
}
@keyframes intro-content {
0%, 99% {
z-index: 30;
}
100% {
z-index: 32;
}
}
.prev, .next {
	background: #21bcd8;
	width: 160px;
	height: 58px;
	display: block;
	font: normal 14px/58px "PMNCaeciliaW01-55Roman", Georgia, serif;
	position: fixed;
	z-index: 100;
	top: 280px;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease
}
.prev span, .next span {
	display: inline-block;
	color: #fff;
	padding: 0 30px
}
.prev.bottom, .next.bottom {
	position: absolute
}
.prev.stuck, .next.stuck {
	top: 0;
	z-index: 100
}
@media (max-width: 1024px) {
.prev, .next {
	display: none
}
}
.prev {
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	left: -130px;
	text-align: right
}
.prev:hover {
	left: 0
}
@media (max-width: 1024px) {
.prev {
	left: -70px !important
}
}
.next {
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	right: -130px;
	text-align: left
}
.next:hover {
	right: 0
}
@media (max-width: 1024px) {
.next {
	right: -70px !important
}
}
.prev-next-wrapper {
	position: relative
}
#work header#featured {
	background: #21bcd8 no-repeat top center;
	background-size: cover;
	height: 724px;
	width: 100%;
	position: fixed;
	top: 147px
}
#work header#featured h2 {
	margin-top: 350px;
	color: blue;
	font-size: 46px;
	font-weight: 700;
	margin-bottom: 0
}
#work header#featured h3 {
	color: #fff;
	font-size: 30px;
	font-weight: 300
}
#work header#featured hr {
	border-color: #fff;
	width: 72px;
	margin-left: 0
}
@media (max-width: 1149px) {
#work header#featured {
	top: 71px
}
#work header#featured .columns {
	padding: 0 25px
}
#work header#featured h2 {

	margin-top: 370px
}
}
@media (max-width: 767px) {
#work header#featured {
	height: 350px;
	top: 71px
}
#work header#featured h2 {
	margin-top: 50px
}
}
#work #content {
	top: 180px
}
@media (max-width: 1149px) {
#work #content {
	top: 100px
}
}
@media (max-width: 767px) {
#work #content {
	top: 80px
}
}
#work section#case-studies {
	padding: 0 0 60px 0
}
#work section#case-studies h2 {
	font-size: 48px;
	font-weight: 300;
	margin-bottom: 30px;
	padding: 20px 0
}
#work section#case-studies a.case-studies {
	margin-bottom: 20px;
	text-align: center
}
#work section#case-studies a.case-studies span.container {
	border: 1px solid #e3e3e3;
	display: block;
	position: relative
}
#work section#case-studies a.case-studies img {
	display: block
}
#work section#case-studies a.case-studies .overlay {
	display: block;
	visibility: hidden;
	opacity: 0;
	padding: 80px 20px;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #21bcd8;
	background: rgba(15,167,188,0.8);
	color: #fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}
#work section#case-studies a.case-studies .overlay .project {
	font: normal 30px "PMNCaeciliaW01-45Light", Georgia, serif
}
#work section#case-studies a.case-studies .overlay hr {
	width: 72px;
	margin: 20px auto
}
#work section#case-studies a.case-studies .overlay .duties {
	font: normal 20px "Brandon Grot W01 Light", "Helvetica Neue", Helvetica, Arial, sans-serif
}
#work section#case-studies a.case-studies:hover .overlay {
	opacity: 1;
	visibility: visible
}
#work section#case-studies .featured_work a.case-studies {
	width: 100%
}
#work section#case-studies .featured_work a.case-studies .overlay {
	padding: 180px 20px 80px
}
#work section#case-studies .featured_work a.case-studies .overlay .project {
	font-size: 42px
}
#work section#case-studies .featured_work a.case-studies .overlay .duties {
	font-size: 30px
}
#work section#case-studies .featured_work a.case-studies .small_image {
	display: none
}
#work section#case-studies a.btn {
	margin-top: 70px;
	display: block;
	font-size: 18px;
	line-height: 1.4
}
@media (max-width: 1149px) {
#work section#case-studies .row {
	padding: 0 10px 0 25px
}
#work section#case-studies .large-12 {
	padding: 0
}
#work section#case-studies a.case-studies {
	padding-left: 0
}
}
@media (max-width: 1024px) {
#work section#case-studies a.case-studies .overlay {
	display: none
}
}
@media (max-width: 767px) {
#work section#case-studies {
	text-align: center
}
#work section#case-studies .row {
	padding: 0 25px
}
#work section#case-studies .row.work-thumbs {
	padding: 0
}
#work section#case-studies a.case-studies {
	display: inline-block;
	padding: 0;
	margin: 0
}
#work section#case-studies a.case-studies span.container {
	display: inline-block
}
#work section#case-studies .featured_work a.case-studies .big_image {
	display: none
}
#work section#case-studies .featured_work a.case-studies .small_image {
	display: block
}
}
#work.work-entry header#featured {
	background: #21bcd8 no-repeat top center;
	background-size: cover;
	height: 724px;
	position: fixed;
	top: 147px
}
@media (max-width: 1149px) {
#work.work-entry header#featured {
	height: 750px
}
}
@media (max-width: 767px) {
#work.work-entry header#featured {
	height: 350px
}
}
#work.work-entry #content {
	overflow: hidden
}
#work.work-entry section#intro {
	padding: 60px 0 100px 0;
	background: #f3f3f3
}
#work.work-entry section#intro .large-8 h2 {
	font-size: 46px;
	font-weight: 300;
	line-height: 60px;
	display: inline-block;
	margin: 0 40px 0 0
}
#work.work-entry section#intro .large-8 h3 {
	font: normal 16px "Brandon Grot W01 Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	display: inline-block;
	margin: 0
}
#work.work-entry section#intro .large-4 {
	text-align: right;
	line-height: 60px
}
#work.work-entry section#intro hr {
	margin: 40px 0;
	border-color: #cecece
}
#work.work-entry section#intro .large-5 h3 {
	font-weight: 300;
	font-size: 28px
}
#work.work-entry section#intro .large-5 hr {
	width: 85px;
	margin: 22px 0;
	border-color: #cecece
}
#work.work-entry section#intro .btn {
	font-size: 18px
}
@media (max-width: 1149px) {
#work.work-entry section#intro .columns {
	padding: 0 25px
}
}
#work.work-entry section#images {
	background: #f8f8f8;
	padding: 50px 0 0 0
}
#work.work-entry section#images h2 {
	font-size: 28px;
	font-weight: 300;
	margin-bottom: 50px
}
#work.work-entry section#images img {
	width: 100%;
	margin-bottom: 20px
}
@media (max-width: 1149px) {
#work.work-entry section#images .columns {
	padding: 0 25px
}
}
@media (max-width: 767px) {
#work.work-entry section#images {
	padding-left: 15px;
	padding-right: 15px
}
}
#work.work-entry section.content {
	padding: 70px 0 0 0
}
#work.work-entry section.content h3 {
	font-size: 18px;
	color: #4a4a4a;
	border-bottom: 1px solid #cecece;
	padding-bottom: 20px;
	margin: 0;
	text-align: left
}
#work.work-entry section.content h3.white {
	color: #fff;
	border-bottom-color: #fff
}
#work.work-entry section.content h3 span {
	color: #cdcdcd
}
#work.work-entry section.content img {
	display: block;
	margin-left: auto;
	margin-right: auto
}
@media (max-width: 1149px) {
#work.work-entry section.content .row {
	padding: 0 25px
}
}
#work.work-entry blockquote {
	margin: 90px auto 55px auto;
	text-align: center
}
#work.work-entry blockquote p {
	font: normal 42px "PMNCaeciliaW01-45Light", Georgia, serif;
	color: #4a4a4a
}
#work.work-entry blockquote cite {
	font: normal 18px "PMNCaeciliaW01-45Light", Georgia, serif;
	font-style: normal;
	margin-top: 40px
}
@media (max-width: 767px) {
#work.work-entry blockquote p {
	font-size: 24px
}
}
#work.work-entry footer#work-footer {
	text-align: center;
	padding-bottom: 100px
}
#work.work-entry footer#work-footer hr {
	border-color: #21bcd8;
	width: 215px;
	margin: 35px auto 0 auto
}
#work.work-entry footer#work-footer img.ribbon {
	margin-bottom: 30px
}
#work.work-entry footer#work-footer .btn {
	font-size: 18px
}
@media (max-width: 767px) {
#work.work-entry footer#work-footer {
	padding-left: 15px;
	padding-right: 15px
}
}
#work.work-entry section#case-studies {
	padding: 80px 0 100px 0;
	background: #f8f8f8
}
#work.work-entry section#case-studies h2 {
	font-size: 20px;
	font-weight: 300;
	text-align: center;
	margin-bottom: 50px
}
#work.work-entry #content {
	top: 871px
}
@media (max-width: 1149px) {
#work.work-entry #content {
	top: 821px
}
}
@media (max-width: 767px) {
#work.work-entry #content {
	top: 421px
}
}
section#quote {
	background: url(/images/bkg_snappy_red.jpg) no-repeat top center;
	background-size: cover;
	height: 724px;
	color: #fff
}
section#quote blockquote {
	font: normal 42px "PMNCaeciliaW01-45Light", Georgia, serif;
	margin-top: 250px
}
section#quote p {
	font: normal 42px/1.4 "PMNCaeciliaW01-45Light", Georgia, serif
}
section#quote cite {
	font: normal 25px "PMNCaeciliaW01-45Light", Georgia, serif;
	font-style: normal
}
section#quote p, section#quote cite {
	color: #fff;
	text-align: center
}
@media (max-width: 767px) {
section#quote {
	height: auto
}
section#quote blockquote {
	margin-top: 50px
}
section#quote blockquote p, section#quote blockquote cite {
	font-size: 24px
}
}
section#dribbble {
	background: #f8f8f8;
	padding: 80px 0
}
section#dribbble h2 {
	font-size: 42px;
	font-weight: 300;
	text-align: center;
	margin-bottom: 70px;
	padding: 0
}
section#dribbble span.shots {
	margin-bottom: 20px;
	text-align: center;
	position: relative
}
section#dribbble span.shots img {
	display: block;
	border: 1px solid #e3e3e3
}
section#dribbble span.shots .btn-circle {
	opacity: 0;
	display: inline-block;
	position: absolute;
	width: 136px;
	height: 136px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 68px;
	-moz-border-radius: 68px;
	border-radius: 68px;
	top: 25%;
	left: 30%;
	line-height: 1;
	font-size: 15px;
	font-weight: 300;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	-webkit-transition: opacity .5s ease;
	-moz-transition: opacity .5s ease;
	-o-transition: opacity .5s ease;
	transition: opacity .5s ease
}
section#dribbble span.shots .btn-circle hr {
	border-color: #fff
}
section#dribbble span.shots .btn-circle .days {
	display: block;
	font-size: 24px;
	margin-top: 35px
}
section#dribbble span.shots:hover .btn-circle {
	opacity: 1;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	-webkit-transition: opacity .5s ease;
	-moz-transition: opacity .5s ease;
	-o-transition: opacity .5s ease;
	transition: opacity .5s ease
}
section#dribbble span.shots:hover .btn-circle:hover {
	background: rgba(255,68,68,0.9)
}
section#dribbble span.btn {
	margin-top: 70px;
	display: block;
	font-size: 18px
}
section#dribbble #more_dribbble {
	display: block;
	margin-top: 15px;
	font-size: 19px
}
section#dribbble #more hr {
	border-color: #21bcd8;
	width: 175px;
	margin: 15px auto 35px
}
@media (max-width: 1149px) {
section#dribbble .row {
	padding: 0 10px 0 25px
}
section#dribbble .large-12 {
	padding: 0
}
section#dribbble span.shots {
	padding-left: 0
}
}
@media (max-width: 1024px) {
section#dribbble span.shots:hover .btn-circle {
	display: none
}
}
@media (max-width: 767px) {
section#dribbble {
	text-align: center
}
section#dribbble .row {
	padding: 0 25px
}
section#dribbble .row.work-thumbs {
	padding: 0
}
section#dribbble h2 {
	font-size: 32px
}
section#dribbble span.shots {
	display: inline-block;
	width: 100%;
	padding: 0;
	margin: 0 -25px
}
section#dribbble span.shots img {
	margin: 0 auto
}
}
#story header#header {
	background: transparent
}
#story header#header nav#navigation ul {
	border-color: transparent
}
@media (max-width: 767px) {
#story header#header {
	top: 0
}
}
#story header#featured {
	background:url(../images/our-story.png) no-repeat top center;
	background-size: cover;
	height: 724px;
	display: table;
	position: fixed;
	top: 0;
	width: 100%
}
#story header#featured .row {
	display: table-row
}
#story header#featured .row div {
	display: table-cell;
	vertical-align: bottom;
	text-align: center
}
#story header#featured h2 {
	color: #fff;
	font: normal 60px "Brandon Grot W01 Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase
}
#story header#featured hr {
	border-color: #fff;
	width: 72px;
	margin: 20px auto
}
#story header#featured h3 {
	color: #fff;
	font-weight: 300;
	font-size: 33px;
	margin-bottom: 20px
}
#story header#featured img {
	margin-bottom: -5px;
	margin-top: 50px
}
@media (max-width: 767px) {
#story header#featured {
	height: 460px;
	padding-top: 110px
}
#story header#featured img {
	margin-bottom: -100px
}
}
#story #content section h2 {
	font-size: 45px;
	text-align: center
}
#story #content figure img {
	width: 100%
}
@media (max-width: 767px) {
#story #content {
	top: 581px
}
}
#story section#family {
	padding: 140px 0 100px;
	text-align: center
}
#story section#family h4{ color:#21bcd8; font-weight:bold; font-size:21px;}
#story section#family .avatar {
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%
}
#story section#family blockquote {
	margin: 40px auto 50px auto
}
#story section#family blockquote p {
	font: normal 42px/1.5 "PMNCaeciliaW01-45Light", Georgia, serif;
	text-align: center;
	color: #4a4a4a
}
#story section#family blockquote cite {
	font-size: 18px;
	font-family: "PMNCaeciliaW01-45Light", Georgia, serif;
	font-style: normal;
	text-align: center
}
#story section#family hr {
	width: 85px;
	margin: 20px auto 70px auto;
	border-color: #21bcd8
}
#story section#family h2 {
	font-weight: 300;
	font-size: 41px;
	text-align: center
}
#story section#family h3 {
	font-weight: 300;
	font-size: 28px;
	margin-bottom: 35px
}
#story section#family .columns.large-4 {
	text-align: left;
	padding: 0;
	width: 31%;
	margin-right: 3.5%
}
#story section#family .row .large-4:last-of-type {
	margin-right: 0
}
@media (max-width:1194px) {
#story section#family .row {
	padding: 0 25px
}
}
@media (max-width: 767px) {
#story section#family blockquote {
	padding: 0 25px
}
#story section#family blockquote p {
	font-size: 24px
}
#story section#family .columns.large-4 {
	width: 100%;
	margin-left: 0;
	margin-right: 0
}
}
#story section#standards h2 {
	text-align: right
}
#story section#slideshow {
	padding: 80px 25px 100px;
	position: relative;
	text-align: center
}
#story section#slideshow hr {
	border-color: #21bcd8;
	width: 85px;
	margin: 40px auto
}
#story section#slideshow .columns {
	padding: 0
}
#story section#slideshow .cycle-slideshow {
	z-index: 1;
	margin: 40px 0 80px
}
#story section#slideshow .cycle-pager {
	text-align: center;
	width: auto;
	margin: 0 auto;
	z-index: 9
}
#story section#slideshow .cycle-pager span {
	font-family: arial;
	font-size: 40px;
	width: 16px;
	height: 16px;
	margin-right: 20px;
	display: inline-block;
	color: #dedede;
	cursor: pointer
}
#story section#slideshow .cycle-pager span.cycle-pager-active {
	color: #444
}
#story section#slideshow .cycle-pager>* {
	cursor: pointer
}
@media (max-width: 1024px) {
#story section#slideshow .cycle-slideshow {
	margin-left: -25px;
	margin-right: -25px
}
}
@media (max-width: 767px) {
#story section#slideshow {
	padding-bottom: 80px
}
#story section#slideshow .cycle-slideshow {
	margin-bottom: 20px
}
#story section#slideshow .cycle-pager {
	display: none
}
}
#story section#clients {
	background: #f8f8f8;
	padding: 100px 0;
	text-align: center
}
#story section#clients ul {
	list-style: none;
	text-align: center;
	padding: 0;
	margin: 90px 0 50px
}
#story section#clients li {
	display: inline-block;
	margin: 0 2%;
	max-width: 28%;
	font-size: 18px;
	font-family: "PMNCaeciliaW01-55Roman", Georgia, serif
}
#story section#clients li img {
	display: block;
	margin-bottom: 40px
}
#story section#clients p {
	font-size: 20px;
	color: #959595
}
#story section#team h2 {
	margin: 100px 0
}
#story section#team hr {
	border-color: #21bcd8
}
#story section#team .person {
	float: left !important;
	margin-bottom: 60px;
	position: relative;
	padding: 0;
	width: 31%;
	margin-right: 3.5%
}
#story section#team .person:last-of-type {
	margin-right: 0
}
#story section#team .person h2 {
	font-size: 28px;
	font-weight: 300;
	margin: 45px 0 0 0;
	color: #4a4a4a;
	text-align: left
}
#story section#team .person h2 span.name {
	display: block
}
#story section#team .person h2 span.title {
	font-size: 19px;
	color: #21bcd8;
	font-weight: 500;
	display: block
}
#story section#team .person img.headshot {
	display: block;
	margin: 0 auto;
	border: 1px solid #fff;
	-webkit-transition: border-color 0.2s ease-in-out;
	-moz-transition: border-color 0.2s ease-in-out;
	-o-transition: border-color 0.2s ease-in-out;
	transition: border-color 0.2s ease-in-out;
	-webkit-transition: border-color .2s ease-in-out;
	-moz-transition: border-color .2s ease-in-out;
	-o-transition: border-color .2s ease-in-out;
	transition: border-color .2s ease-in-out
}
#story section#team .person hr {
	width: 85px;
	margin: 25px 0
}
#story section#team .person p {
	color: #646464
}
#story section#team .person .social a {
	display: inline-block;
	margin-right: 20px
}
#story section#team .person .social a span.icon {
	font-size: 22px;
	color: #b4b4b4;
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out
}
#story section#team .person .social a:hover span.icon {
	color: #8e8e8e;
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out
}
#story section#team .person a:hover img.headshot, #story section#team .person a:focus img.headshot {
	border-color: #21bcd8;
	-webkit-transition: border-color 0.2s ease-in-out;
	-moz-transition: border-color 0.2s ease-in-out;
	-o-transition: border-color 0.2s ease-in-out;
	transition: border-color 0.2s ease-in-out;
	-webkit-transition: border-color .2s ease-in-out;
	-moz-transition: border-color .2s ease-in-out;
	-o-transition: border-color .2s ease-in-out;
	transition: border-color .2s ease-in-out
}
#story section#team .row .large-4 hr {
	border-color: #21bcd8
}
#story section#team h3 {
	text-align: center;
	font-size: 28px;
	font-weight: 300;
	margin: 50px 0 70px 0
}
@media (max-width:1194px) {
#story section#team .row {
	padding: 0 25px
}
}
@media (max-width: 1024px) {
#story section#team .person h2 span {
	display: block;
	margin: 5px 0 0 0;
	line-height: 1.3
}
#story section#team .person a:hover .overlay {
	display: none
}
}
@media (max-width:820px) {
#story section#team .person {
	width: 100%;
	max-width: 550px;
	margin: 0 auto 60px !important;
	float: none
}
}
#story section#hiring {
	padding: 120px 25px 0;
	text-align: center
}
#story section#hiring h2 {
	font: normal 65px "Brandon Grot W01 Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	margin: 0
}
#story section#hiring p {
	font-size: 20px;
	color: #959595;
	margin: 0
}
#story section#hiring ul.whr-items {
	padding: 0;
	list-style: none;
	width: 100%;
	max-width: 420px;
	margin: 0 auto
}
#story section#hiring ul.whr-items>li {
	margin: 60px 0;
	padding: 0;
	text-align: left
}
#story section#hiring ul.whr-items h3.whr-title {
	font-size: 46px;
	margin: 0 0 12px 0
}
#story section#hiring ul.whr-items ul.whr-info {
	padding: 0;
	list-style: none;
	font-size: 20px;
	color: #959595;
	margin: 0
}
#story section#hiring ul.whr-items ul.whr-info span {
	display: none
}
#story section#hiring ul.whr-items ul.whr-info li.whr-date {
	display: none
}
@media (max-width: 767px) {
#story section#hiring {
	padding: 80px 25px
}
#story section#hiring ul.whr-items {
	max-width: 100%
}
}
#story section#different blockquote {
	margin: 0 auto 90px auto
}
#story section#different blockquote p {
	font: normal 42px/1.5 "PMNCaeciliaW01-45Light", Georgia, serif;
	text-align: center;
	color: #4a4a4a
}
#story section#different blockquote cite {
	font-size: 18px;
	font-family: "PMNCaeciliaW01-45Light", Georgia, serif;
	font-style: normal;
	text-align: center
}
#our-standards header#header {
	background: transparent
}
#our-standards header#header nav#navigation ul {
	border-color: transparent
}
@media (max-width: 767px) {
#our-standards header#header {
	top: 0
}
}
#our-standards header#featured {
	background: url(/images/bkg_journal.jpg) no-repeat top center;
	background-size: cover;
	height: 724px;
	width: 100%;
	position: fixed;
	top: 0;
	display: table
}
#our-standards header#featured .row {
	display: table-row
}
#our-standards header#featured .row div {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}
#our-standards header#featured h2 {
	color: #fff;
	font: normal 60px "Brandon Grot W01 Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase
}
@media (max-width: 767px) {
#our-standards header#featured {
	height: 460px
}
#our-standards header#featured h2 {
	font-size: 48px
}
}
#our-standards #content {
	top: 724px
}
@media (max-width: 767px) {
#our-standards #content {
	top: 460px
}
}
#our-standards section#family {
	padding: 140px 0 100px;
	text-align: center
}
#our-standards section#family .avatar {
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%
}
#our-standards section#family blockquote {
	margin: 40px auto 50px auto
}
#our-standards section#family blockquote p {
	font: normal 42px/1.5 "PMNCaeciliaW01-45Light", Georgia, serif;
	text-align: center;
	color: #4a4a4a
}
#our-standards section#family blockquote cite {
	font-size: 18px;
	font-family: "PMNCaeciliaW01-45Light", Georgia, serif;
	font-style: normal;
	text-align: center
}
#our-standards section#family hr {
	width: 85px;
	margin: 20px auto 70px auto;
	border-color: #21bcd8
}
#our-standards section#family h2 {
	font-weight: 300;
	font-size: 41px;
	text-align: center
}
#our-standards section#family h3 {
	font-weight: 300;
	font-size: 28px;
	margin-bottom: 35px
}
#our-standards section#family .columns.large-4 {
	text-align: left;
	padding: 0;
	width: 31%;
	margin-right: 3.5%
}
#our-standards section#family .row .large-4:last-of-type {
	margin-right: 0
}
@media (max-width:1194px) {
#our-standards section#family .row {
	padding: 0 25px
}
}
@media (max-width: 767px) {
#our-standards section#family blockquote {
	padding: 0 25px
}
#our-standards section#family blockquote p {
	font-size: 24px
}
#our-standards section#family .columns.large-4 {
	width: 100%;
	margin-left: 0;
	margin-right: 0
}
}
#our-standards section#standards {
	padding-top: 0
}
#our-standards section#standards .column:first-of-type {
	padding-top: 10px
}
#our-standards section h2 {
	font-size: 45px;
	text-align: center
}
section#standards {
	padding: 160px 0 120px
}
section#standards h2 {
	text-align: right;
	margin: 0 0 70px
}
section#standards .column {
	float: left;
	width: 50%;
	padding: 10px 90px 0 70px
}
section#standards .column:first-of-type {
	text-align: right;
	padding: 0 80px 0 90px;
	background:url(../images/line_standards.svg) right 15px no-repeat;
	background-size: 10px 1200px
}
section#standards .standard {
	margin-bottom: 70px
}
section#standards .standard h3 {
	font-size: 32px;
	color: #21bcd8;
	margin: 0
}
section#standards .standard h4 {
	font-size: 21px;
	font-family: "Gill Sans W04 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #4a4a4a;
	margin: 8px 0 25px
}
section#standards .standard p {
	font-size: 18px;
	font-family: "Gill Sans W04 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #646464
}
@media (max-width: 767px) {
section#standards {
	padding: 80px 0
}
section#standards h2 {
	text-align: left !important
}
section#standards h2 br {
	display: none
}
section#standards .column {
	width: 100%;
	float: none;
	padding: 0 25px
}
section#standards .column:first-of-type {
	background: none;
	text-align: left;
	padding: 0 25px
}
}
section#letstalk {
	background:url(../images/let-talk.png) no-repeat center center;
	background-size: cover;
	height: 738px;
	line-height: 738px;
	text-align: center
}
section#letstalk a.btn-circle, section#letstalk span.btn-circle {
	line-height: 1.4;
	padding-top: 90px;
	width: 226px;
	height: 226px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 113px;
	-moz-border-radius: 113px;
	border-radius: 113px;
	font-size: 26px;
	font-weight: 300
}
@media (max-width: 767px) {
section#letstalk {
	height: 315px;
	line-height: 315px
}
}
body#team header#featured {
	background: #21bcd8 no-repeat top center;
	background-size: cover;
	height: 724px;
	width: 100%;
	position: fixed;
	top: 147px
}
body#team header#featured h2 {
	margin-top: 255px;
	margin-left: 55px;
	color: #4a4a4a;
	font-size: 65px;
	font-weight: 500;
	margin-bottom: 0
}
body#team header#featured h3 {
	color: #4a4a4a;
	font-size: 30px;
	font-weight: 300;
	margin-left: 55px
}
body#team header#featured hr {
	border-color: #21bcd8;
	width: 72px;
	margin-left: 55px
}
@media (max-width: 1149px) {
body#team header#featured .columns {
	padding: 0 25px
}
body#team header#featured h2 {
	margin-top: 370px;
	margin-left: 45px
}
body#team header#featured h3 {
	margin-left: 45px
}
}
@media (max-width: 767px) {
body#team header#featured {
	height: 350px
}
body#team header#featured h2 {
	margin-top: 20px;
	font-size: 36px
}
body#team header#featured h2, body#team header#featured h3 {
	margin-left: 0
}
body#team header#featured h3 {
	font-size: 20px
}
body#team header#featured hr {
	display: none
}
}
@media (max-width: 767px) {
body#team #content {
	top: 421px
}
}
body#team .person {
	padding: 70px 0 0 70px
}
body#team .person h3 {
	font-weight: 300;
	font-size: 30px;
	margin-bottom: 30px;
	color: #4a4a4a
}
body#team .person hr {
	width: 85px;
	border-color: #21bcd8;
	margin: 50px 0
}
@media (max-width: 767px) {
body#team .person {
	padding: 70px 25px 0 25px
}
}
body#team .social {
	border-top: 1px solid #21bcd8;
	margin-top: 145px;
	padding-top: 40px;
	max-width: 85px
}
body#team .social a {
	display: block;
	text-align: center;
	margin-bottom: 25px
}
body#team .social a span.icon {
	font-size: 25px;
	color: #b4b4b4
}
body#team .social a:hover span.icon {
	color: #21bcd8
}
@media (max-width: 767px) {
body#team .social {
	margin: 0 0 40px 25px;
	float: none;
	max-width: none;
	width: auto;
	clear: both;
	border: none;
	padding: 0
}
body#team .social a {
	display: inline-block;
	margin-right: 15px
}
}
body#team #dribbble {
	padding: 80px 0 44px 0
}
body#team #dribbble .btn-circle hr {
	border-color: #fff;
	width: 32px
}
body#team #dribbble h2 {
	margin-top: 20px;
	margin-bottom: 30px;
	color: #5f5f5f
}
body#team #dribbble hr {
	width: 85px;
	border-color: #21bcd8;
	margin: 20px auto
}
body#team section#toc {
	display: block;
	padding-bottom: 50px
}
@media (max-width: 1149px) {
body#team section#toc header hr {
	margin: 0 25px
}
}
#journal.journal-index header#header {
	background: transparent
}
@media (max-width: 767px) {
#journal.journal-index header#header {
	top: 0
}
#journal.journal-index header#header nav#navigation ul {
	border-color: transparent
}
}
#journal header#featured {
	background: url(/images/bkg_journal.jpg) no-repeat top center;
	background-size: cover;
	height: 724px;
	display: table;
	position: fixed;
	top: 0;
	width: 100%
}
#journal header#featured .row {
	display: table-row;
	padding-top: 121px
}
#journal header#featured .row div {
	display: table-cell;
	vertical-align: bottom;
	text-align: center
}
#journal header#featured h2 {
	color: #fff;
	font: normal 60px "Brandon Grot W01 Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase
}
#journal header#featured hr {
	border-color: #fff;
	width: 72px;
	margin: 20px auto
}
#journal header#featured h3 {
	color: #fff;
	font-weight: 300;
	font-size: 33px;
	margin-bottom: 20px
}
#journal header#featured h3 span.mobile {
	display: none
}
#journal header#featured img {
	margin-bottom: -5px;
	margin-top: 50px
}
@media (max-width: 767px) {
#journal header#featured {
	display: none
}
}
@media (max-width: 767px) {
#journal #content {
	top: 71px
}
}
#journal nav#categories {
	background: #fff;
	text-align: center
}
#journal nav#categories ul {
	margin: 0;
	padding: 0
}
#journal nav#categories li {
	display: inline-block;
	font: normal 18px "PMNCaeciliaW01-45Light", Georgia, serif;
	margin: 0 20px
}
#journal nav#categories li a {
	color: #cfcfcf;
	display: block;
	padding: 35px 20px
}
#journal nav#categories li a.current, #journal nav#categories li a:hover {
	color: #4a4a4a
}
@media (max-width: 767px) {
#journal nav#categories li {
	margin: 0
}
#journal nav#categories li a {
	padding: 10px
}
}
#journal section#posts article {
	text-align: center;
	padding-top: 100px;
	padding-bottom: 150px
}
#journal section#posts article h2 {
	font-size: 46px;
	font-weight: 500;
	margin-top: 0
}
#journal section#posts article h2 a {
	color: #4a4a4a
}
#journal section#posts article h2 a:hover .ribbon img {
	top: 0;
	-webkit-transition: top 0.2s linear;
	-moz-transition: top 0.2s linear;
	-o-transition: top 0.2s linear;
	transition: top 0.2s linear;
	-webkit-transition: top .2s linear;
	-moz-transition: top .2s linear;
	-o-transition: top .2s linear;
	transition: top .2s linear
}
#journal section#posts article h2 img {
	margin-bottom: 40px
}
#journal section#posts article h3, #journal section#posts article h4 {
	line-height: 1.4
}
#journal section#posts article .ribbon {
	border-top: 1px solid #21bcd8;
	width: 215px;
	margin: 30px auto 0 auto;
	overflow: hidden;
	position: relative;
	height: 24px
}
#journal section#posts article .ribbon img {
	position: absolute;
	top: -4px;
	left: 98px;
	-webkit-transition: top 0.2s linear;
	-moz-transition: top 0.2s linear;
	-o-transition: top 0.2s linear;
	transition: top 0.2s linear;
	-webkit-transition: top .2s linear;
	-moz-transition: top .2s linear;
	-o-transition: top .2s linear;
	transition: top .2s linear
}
#journal section#posts article p {
	color: #4a4a4a
}
#journal section#posts article li {
	font-size: 18px;
	line-height: 1.4
}
#journal section#posts article .avatar {
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	width: 36px;
	border: 1px solid #c9c9c9;
	vertical-align: bottom
}
#journal section#posts article footer ul {
	list-style: none;
	font: normal 16px "PMNCaeciliaW01-45Light", Georgia, serif;
	margin-top: 60px;
	padding: 0
}
#journal section#posts article footer li {
	display: inline-block;
	margin: 0 15px;
	line-height: 30px;
	color: #9d9d9d
}
#journal section#posts article footer li a {
	color: #9d9d9d;
	display: block
}
#journal section#posts article footer li a:hover {
	color: #4a4a4a
}
#journal section#posts article footer li img, #journal section#posts article footer li span.icon {
	margin-right: 8px
}
#journal section#posts article footer li a:hover span.icon {
	color: #4a4a4a
}
#journal section#posts article footer li span.icon {
	font-size: 14px;
	color: #c9c9c9
}
#journal section#posts article footer li span.icon.icon-comments {
	font-size: 18px
}
#journal section#posts article:nth-child(odd) {
	background: #f8f8f8
}
#journal section#posts nav#pagination {
	background: #f8f8f8;
	text-align: center
}
#journal section#posts nav#pagination ul {
	list-style: none;
	margin: 0 auto;
	padding: 60px 0
}
#journal section#posts nav#pagination li {
	text-align: center;
	float: left
}
#journal section#posts nav#pagination li a {
	color: #8b8b8b;
	font: normal 18px "PMNCaeciliaW01-45Light", Georgia, serif
}
#journal section#posts nav#pagination li a img {
	margin: 0 10px
}
#journal section#posts nav#pagination #toc-btn {
	cursor: pointer;
	color: #585858;
	font-size: 26px
}
@media (max-width: 767px) {
#journal section#posts .small-12 {
	padding: 0 25px
}
#journal section#posts header h1 {
	font-size: 36px
}
#journal section#posts header .columns.large-8 {
	padding-left: 25px;
	padding-right: 25px
}
#journal section#posts article {
	padding-top: 75px;
	padding-bottom: 75px
}
#journal section#posts article .columns.large-8 {
	padding-left: 25px;
	padding-right: 25px
}
#journal section#posts article h2 {
	font-size: 32px
}
#journal section#posts article blockquote p {
	font-size: 32px;
	line-height: 1.4
}
}
section#toc {
	background: url(/images/bkg_case_studies.png);
	color: #fff;
	display: none
}
section#toc header {
	text-align: center
}
section#toc header h2 {
	color: #fff;
	line-height: 180px;
	font-size: 37px;
	font-weight: 500;
	margin: 0
}
section#toc header hr {
	margin: 0 15px
}
section#toc header .ribbon {
	margin-bottom: 10px
}
section#toc>div.row {
	background: url(/images/bkg_toc_row.jpg) center center repeat-y
}
section#toc article {
	float: left;
	width: 50%;
	padding-left: 6%;
	color: #fff;
	margin-bottom: 40px
}
section#toc article.left {
	padding-right: 6%;
	padding-left: 0
}
section#toc article h3, section#toc article h3 a {
	font-size: 24px;
	font-weight: 300;
	color: #fff;
	margin-top: 40px
}
section#toc article p {
	margin-bottom: 10px;
	color: #d5d5d5
}
section#toc article p a {
	color: #fff;
	text-decoration: underline
}
section#toc article p.time {
	color: #9e9e9e;
	font-size: 15px;
	font-family: "GillSansW04-BookItalic", "Helvetica Neue", Helvetica, Arial, sans-serif
}
section#toc article p.time .icon-clock {
	color: #fff;
	font-size: 14px;
	margin-right: 10px
}
section#toc footer h2 {
	color: #fff;
	text-align: center;
	padding: 110px 0 190px 0;
	margin: 0;
	font-size: 33px;
	font-weight: 300
}
@media (max-width: 1149px) {
section#toc #column1, section#toc #column2 {
	padding: 0 25px;
	width: 50%;
	margin-left: 0
}
}
@media (max-width: 767px) {
section#toc {
	display: none
}
section#toc #column1, section#toc #column2 {
	width: 100%;
	float: none;
	padding: 0 25px;
	border: none
}
section#toc article {
	float: none;
	width: 100%;
	padding: 0 30px;
	margin-bottom: 20px;
	color: #fff;
	margin-bottom: 80px
}
section#toc article.left {
	padding: 0 30px
}
section#toc article h3, section#toc article h3 a {
	font-size: 24px;
	font-weight: 300;
	color: #fff;
	margin-top: 40px
}
section#toc article p {
	margin-bottom: 10px;
	color: #d5d5d5
}
section#toc article p.time {
	color: #9e9e9e;
	font-size: 15px;
	font-family: "GillSansW04-BookItalic", "Helvetica Neue", Helvetica, Arial, sans-serif
}
section#toc article p.time img {
	margin-right: 10px
}
section#toc article:last-child {
	margin-bottom: 40px
}
section#toc>div.row {
	background: none
}
section#toc footer h2 {
	color: #fff;
	text-align: center;
	padding: 110px 0 190px 0;
	margin: 0;
	font-size: 33px;
	font-weight: 300
}
}
#journal.journal-entry header#header {
	background: #21bcd8
}
#journal.journal-entry #content {
	top: 0;
	overflow: hidden
}
#journal.journal-entry section#posts header {
	padding-top: 225px;
	text-align: center
}
#journal.journal-entry section#posts header h1 {
	font-size: 46px;
	font-weight: 500;
	margin-top: 0
}
#journal.journal-entry section#posts header h1 a {
	color: #4a4a4a
}
#journal.journal-entry section#posts header h1 img {
	margin-bottom: 40px
}
#journal.journal-entry section#posts header hr {
	border-color: #c9c9c9;
	width: auto;
	margin: 40px auto 0 auto
}
#journal.journal-entry section#posts header img.ribbon {
	margin-bottom: 20px
}
#journal.journal-entry section#posts header ul {
	list-style: none;
	font: normal 16px "PMNCaeciliaW01-45Light", Georgia, serif;
	margin-top: 50px;
	padding: 0
}
#journal.journal-entry section#posts header li {
	display: inline-block;
	margin: 0 15px;
	line-height: 30px;
	color: #9d9d9d
}
#journal.journal-entry section#posts header li a {
	color: #9d9d9d
}
#journal.journal-entry section#posts header li a:hover {
	color: #4a4a4a
}
#journal.journal-entry section#posts header li img, #journal.journal-entry section#posts header li span.icon {
	margin-right: 8px
}
#journal.journal-entry section#posts header li a:hover span.icon {
	color: #4a4a4a
}
#journal.journal-entry section#posts header li span.icon {
	font-size: 14px;
	color: #c9c9c9
}
#journal.journal-entry section#posts header li span.icon.icon-comments {
	font-size: 18px
}
#journal.journal-entry section#posts header .avatar {
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	width: 36px;
	border: 1px solid #c9c9c9;
	vertical-align: bottom
}
@media (max-width: 1149px) {
#journal.journal-entry section#posts header {
	padding-top: 100px
}
}
@media (max-width: 767px) {
#journal.journal-entry section#posts header h1 {
	font-size: 32px
}
}
@media (max-width: 1149px) {
#journal.journal-entry section#posts h1 {
	font-size: 36px
}
}
#journal.journal-entry section#posts article {
	background: #fff;
	text-align: left;
	padding-top: 70px;
	padding-bottom: 20px
}
#journal.journal-entry section#posts article h2 {
	font-size: 34px;
	font-weight: 300;
	margin-top: 70px
}
#journal.journal-entry section#posts article blockquote {
	margin: 40px
}
#journal.journal-entry section#posts article blockquote p {
	font: normal 20px/1.4 "PMNCaeciliaW01-45Light", Georgia, serif
}
#journal.journal-entry section#posts article blockquote cite, #journal.journal-entry section#posts article blockquote p cite {
	font: normal 18px "GillSansW04-BookItalic", "Helvetica Neue", Helvetica, Arial, sans-serif
}
#journal.journal-entry section#posts article blockquote p cite {
	margin-top: 18px
}
#journal.journal-entry section#posts article blockquote hr {
	width: 85px;
	margin: 0
}
#journal.journal-entry section#posts article p a {
	border-bottom: 1px solid #21bcd8;
	color: #4a4a4a
}
#journal.journal-entry section#posts article p img {
	display: block;
	margin: 40px auto
}
#journal.journal-entry section#posts article p strong {
	font: normal 1.1em "Gill Sans W04 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
}
#journal.journal-entry section#posts article p code {
	font-size: 16px;
	color: #4a4a4a
}
#journal.journal-entry section#posts article figure {
	margin: 60px 0
}
#journal.journal-entry section#posts article figure figcaption {
	margin-top: 10px
}
#journal.journal-entry section#posts article table th, #journal.journal-entry section#posts article table td {
	padding: 8px;
	border: 1px solid #efefef
}
#journal.journal-entry section#posts article table th {
	font: normal 1.1em "Gill Sans W04 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
}
#journal.journal-entry section#posts article hr {
	border-bottom-color: #21bcd8;
	margin: 40px 0
}
#journal.journal-entry section#posts article #footnote {
	margin-top: 40px
}
#journal.journal-entry section#posts article p.rss {
	margin-top: 80px
}
#journal.journal-entry section#posts article p.rss .btn {
	display: inline-block;
	margin-right: 20px;
	font-size: 25px;
	border: none;
	color: #21bcd8;
	font-weight: 300;
	vertical-align: bottom
}
#journal.journal-entry section#posts article p.rss iframe {
	margin-bottom: 2px
}
@media (max-width: 767px) {
#journal.journal-entry section#posts article {
	padding-top: 0
}
#journal.journal-entry section#posts article blockquote p {
	font-size: 16px
}
}
#journal.journal-entry .prev.bottom, #journal.journal-entry .next.bottom {
	top: 60px
}
#journal.journal-entry section#comments-container {
	background: #f8f8f8
}
#journal.journal-entry section#comments-container #wrapper {
	padding-bottom: 100px;
	background: url(/images/triangle_down_white.svg) no-repeat center top, url(/images/triangle_up_grey.svg) no-repeat center bottom
}
#journal.journal-entry section#comments-container .comment-wrapper {
	padding: 0 25px
}
#journal.journal-entry section#comments-container h2 {
	font-size: 34px;
	font-weight: 300;
	margin: 65px 0 25px -10px
}
#journal.journal-entry section#comments-container section.comment {
	margin-bottom: 30px
}
#journal.journal-entry section#comments-container section.comment aside {
	border-top: 1px solid #21bcd8;
	padding: 30px 0 0 0;
	width: 12%
}
#journal.journal-entry section#comments-container section.comment aside img {
	width: 56px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 28px;
	-moz-border-radius: 28px;
	border-radius: 28px
}
#journal.journal-entry section#comments-container section.comment article {
	padding-top: 40px;
	width: 88%

}
#journal.journal-entry section#comments-container section.comment p.header {
	font-family: "PMNCaeciliaW01-45Light", Georgia, serif;
	margin-top: 5px
}
#journal.journal-entry section#comments-container section.comment p.header a {
	font-weight: 500;
	display: inline-block;
	margin-right: 10px
}
#journal.journal-entry section#comments-container section.comment p.header img {
	margin-left: 10px
}
#journal.journal-entry section#comments-container section.comment.staff .header .comment_date {
	padding-right: 30px;
	background: url(/images/journal_comment_staff_mark.png) right -2px no-repeat
}
@media (max-width: 767px) {
#journal.journal-entry section#comments-container h2 {
	margin-left: 0
}
#journal.journal-entry section#comments-container section.comment article {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	border-top: 1px solid #21bcd8
}
#journal.journal-entry section#comments-container section.comment.row {
	margin: 0
}
}
#journal.journal-entry section#add-comments {
	background: #f1f1f1;
	padding-bottom: 90px
}
#journal.journal-entry section#add-comments h2 {
	font-size: 34px;
	font-weight: 300;
	margin: 55px 0 35px -10px
}
#journal.journal-entry section#add-comments form .columns {
	padding: 0
}
#journal.journal-entry section#add-comments form .columns.large-4 {
	margin-right: -1px
}
#journal.journal-entry section#add-comments input, #journal.journal-entry section#add-comments textarea {
	padding: 15px 25px;
	margin-bottom: 20px;
	height: auto;
	font: normal 18px "PMNCaeciliaW01-45Light", Georgia, serif;
	box-shadow: none;
	border: none;
	width: 100%
}
#journal.journal-entry section#add-comments input:focus, #journal.journal-entry section#add-comments textarea:focus {
	outline: none;
	background: #fefbeb
}
#journal.journal-entry section#add-comments textarea {
	width: 100%;
	height: 290px;
	margin-bottom: 40px;
	padding-top: 35px;
	line-height: 1.6
}
#journal.journal-entry section#add-comments hr {
	width: 85px;
	border-color: #21bcd8;
	margin-bottom: 25px;
	margin-left: 0
}
#journal.journal-entry section#add-comments button {
	background: none;
	border: none;
	cursor: pointer;
	font: normal 18px "PMNCaeciliaW01-45Light", Georgia, serif;
	color: #21bcd8;
	padding-left: 0;
	margin-left: 0
}
@media (max-width: 767px) {
#journal.journal-entry section#add-comments {
	padding-left: 25px;
	padding-right: 25px
}
#journal.journal-entry section#add-comments h2 {
	margin-left: 0
}
#journal.journal-entry section#add-comments .row .row {
	margin: 0
}
}
#contact header.top_content {
	height: 445px
}
@media (max-width: 767px) {
#contact header.top_content {
	height: auto
}
}
#contact header#success {
	text-align: center;
	font-family: "PMNCaeciliaW01-45Light", Georgia, serif
}
#contact header#success p {
	font-size: 16px;
	max-width: 700px;
	margin: 30px auto
}
blockquote.city {
	background: #f8f8f8;
	margin: 0;
	padding-bottom: 55px
}
blockquote.city p {
	font: normal 44px/1.2 "PMNCaeciliaW01-45Light", Georgia, serif;
	color: #4a4a4a;
	text-align: center
}
@media (max-width: 767px) {
blockquote.city p {
	font-size: 30px
}
}
section#map {
	height: 913px;
	text-align: center;
	vertical-align: middle;
	background-size: cover;
	position: relative
}
section#map .btn-circle {
	width: 190px;
	height: 190px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 95px;
	-moz-border-radius: 95px;
	border-radius: 95px;
	line-height: 190px;
	font-weight: 300;
	font-size: 22px;
	z-index: 30;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}
section#map .btn-circle:hover {
	background: rgba(255,68,68,0.9)
}
section#map .btn-circle hr {
	width: 120px;
	margin: 15px auto
}
section#map .btn-circle span.street {
	font-size: 34px
}
section#map .btn-circle span.state {
	font-size: 17px
}
section#map #actual_map {
	width: 100%;
	height: 913px;
	position: absolute;
	top: 0;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
	z-index: 20
}
section#map #actual_map .gmnoprint, section#map #actual_map .gm-style-cc {
	display: none
}
@media (max-width: 1024px) {
section#map {
	height: 600px;
	overflow: hidden
}
}
@media (max-width: 767px) {
section#map {
	height: 450px;
	overflow: hidden
}
}
form#contact-form {
	background: #f8f8f8;
	margin: 0;
	padding: 0;
	overflow: hidden
}
form#contact-form header {
	background: #fff;
	padding: 150px 0 100px 0
}
form#contact-form h2 {
	text-align: center;
	font: normal 50px "PMNCaeciliaW01-45Light", Georgia, serif;
	margin: 0
}
form#contact-form h2 #dk_container_required_subject {
	display: inline-block;
	font-weight: 700;
	font-size: 50px;
	background: #21bcd8;
	padding: 10px 20px;
	border: none;
	margin-bottom: 10px;
	cursor: pointer
}
form#contact-form h2 #dk_container_required_subject ul {
	background: #fff
}
form#contact-form h2 #dk_container_required_subject ul li {
	padding: 0;
	line-height: 45px;
	text-align: left;
	color: #bbb;
	font-size: 15px
}
form#contact-form h2 #dk_container_required_subject ul li:hover, form#contact-form h2 #dk_container_required_subject ul li.selected {
	background: #fefbeb;
	color: #000
}
form#contact-form h2 #dk_container_required_subject ul a {
	line-height: 1.4;
	padding: 10px 20px;
	color: #bbb
}
form#contact-form h2 #dk_container_required_subject ul a:hover {
	color: #000
}
form#contact-form h2 #dk_container_required_subject a.dk_toggle {
	line-height: 1;
	color: #fff;
	background: transparent;
	padding: 10px 30px 25px 10px;
	white-space: normal;
	position: relative
}
form#contact-form h2 #dk_container_required_subject a.dk_toggle span {
	border-bottom: 1px solid #fff;
	padding-bottom: 10px
}
form#contact-form h2 #dk_container_required_subject a.dk_toggle:after {
	position: absolute;
	top: 45%;
	right: 0;
	content: '';
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #fff
}
form#contact-form h2 #dk_container_required_subject.dk_open a.dk_toggle:after {
	border-top: none;
	border-bottom: 10px solid #21bcd8
}
form#contact-form h2 #dk_container_required_subject .dk_options {
	border: 1px solid #dedddd
}
form#contact-form h3 {
	font: normal 20px "PMNCaeciliaW01-45Light", Georgia, serif;
	text-align: center
}
form#contact-form #first-row {
	padding-top: 70px;
	background: url(/images/triangle_down_white.svg) no-repeat center top
}
form#contact-form input, form#contact-form textarea, form#contact-form #dk_container_budget {
	padding: 15px 25px;
	margin-bottom: 30px;
	height: auto;
	font: normal 18px "PMNCaeciliaW01-45Light", Georgia, serif;
	box-shadow: none;
	border: none;
	width: 100%
}
form#contact-form textarea {
	padding-top: 25px
}
form#contact-form input:focus, form#contact-form textarea:focus {
	outline: none;
	background: #fefbeb
}
form#contact-form textarea {
	height: 300px
}
form#contact-form #dk_container_budget {
	background: #fff;
	cursor: pointer;
	color: #ccc
}
form#contact-form #dk_container_budget .dk_label {
	color: #bbb;
	-webkit-font-smoothing: subpixel-antialiased
}
form#contact-form #dk_container_budget .dk_toggle:after {
	position: absolute;
	top: 45%;
	right: 0;
	content: '';
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #4a4a4a
}
form#contact-form #dk_container_budget.dk_open .dk_toggle:after {
	border-top: none;
	border-bottom: 5px solid #4a4a4a
}
form#contact-form #dk_container_budget .dk_options {
	margin-top: 30px;
	border: 1px solid #dedddd;
	background: #fff
}
form#contact-form #dk_container_budget .dk_options a {
	padding: 15px 25px
}
form#contact-form #dk_container_budget .dk_options a:hover {
	background: #fefbeb;
	color: #000
}
form#contact-form .budget-dropdown, form#contact-form .budget-dropdown ul {
	width: 100% !important;
	height: auto;
	font: normal 18px "PMNCaeciliaW01-45Light", Georgia, serif
}
form#contact-form .budget-dropdown {
	border: none;
	background: #fff
}
form#contact-form .budget-dropdown ul {
	max-height: none
}
form#contact-form .budget-dropdown ul li:hover, form#contact-form .budget-dropdown ul li.selected {
	background: #21bcd8;
	color: #fff
}
form#contact-form .budget-dropdown ul li:hover::after, form#contact-form .budget-dropdown ul li.selected::after {
	content: ""
}
form#contact-form .budget-dropdown a.current {
	padding: 8px 25px;
	margin-left: 0
}
form#contact-form .budget-dropdown .selector {
	display: none
}
form#contact-form #submit {
	text-align: center
}
form#contact-form button {
	background: none;
	border: none;
	cursor: pointer;
	font: normal 18px "PMNCaeciliaW01-45Light", Georgia, serif;
	color: #21bcd8;
	margin-top: 20px;
	margin-bottom: 0
}
form#contact-form hr {
	border-color: #21bcd8;
	width: 85px;
	margin: 20px auto 28px auto
}
@media (max-width: 1024px) {
form#contact-form .row .columns:last-of-type {
	padding-right: 25px
}
form#contact-form .columns {
	padding: 0 0 0 25px
}
}
@media (max-width: 767px) {
form#contact-form header {
	padding: 75px 0
}
form#contact-form h2 #dk_container_required_subject a.dk_toggle {
	font-size: 24px;
	padding: 10px 30px 10px 10px;
	top: -6px
}
form#contact-form h2 #dk_container_required_subject a.dk_toggle span {
	border-bottom: none
}
form#contact-form .columns {
	padding: 0 25px
}
}
.picker__wrap .picker__box {
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}
.picker__wrap .picker__table {
	border: none
}
.picker__wrap .picker__table th, .picker__wrap .picker__table td {
	text-align: center;
	font-family: "PMNCaeciliaW01-45Light", Georgia, serif
}
.picker__wrap .picker__weekday {
	font-weight: 500;
	padding: .5em 0
}
.picker__wrap .picker__table tr, .picker__wrap .picker__day--disabled, .picker__wrap .picker__day--disabled:hover {
	background: #fff;
	border-color: #fff
}
.picker__wrap .picker__header {
	font-family: "PMNCaeciliaW01-45Light", Georgia, serif;
	font-size: 30px
}
.picker__wrap .picker__nav--prev, .picker__wrap .picker__nav--next {
	height: auto;
	width: auto
}
.picker__wrap .picker__nav--prev {
	left: 0
}
.picker__wrap .picker__nav--next {
	right: 0
}
@media (max-width: 767px) {
.picker__wrap .picker__nav--prev, .picker__wrap .picker__nav--next {
	padding: 10px 5px
}
}
.picker__wrap .picker__day--selected, .picker__wrap .picker__day--selected:hover, .picker__wrap .picker__day--highlighted:hover, .picker__wrap .picker--focused .picker__day--highlighted {
	background: #21bcd8;
	color: #fff;
	border-color: #fff
}
.picker__wrap .picker__day--infocus:hover, .picker__wrap .picker__day--outfocus:hover, .picker__wrap .picker__nav--prev:hover, .picker__wrap .picker__nav--next:hover, .picker__wrap .picker__button--today:hover, .picker__wrap .picker__button--clear:hover {
	background: #ffa9a9;
	color: #fff
}
.picker__wrap .picker__day--today:before {
	border-top-color: #fff
}
#services header#header {
	background: transparent
}
#services header#header nav#navigation ul {
	border-color: transparent
}
@media (max-width: 767px) {
#services header#header {
	top: 0
}
}
#services header#featured {
	background:url(../images/our-services.png) no-repeat top center;
	background-size: cover;
	height: 724px;
	display: table;
	position: fixed;
	width: 100%
}
#services header#featured .row {
	display: table-row
}
#services header#featured .row div {
	display: table-cell;
	vertical-align: bottom;
	text-align: center
}
#services header#featured h2 {
	color: #fff;
	font: normal 60px "Brandon Grot W01 Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase
}
#services header#featured hr {
	border-color: #fff;
	width: 72px;
	margin: 20px auto
}
#services header#featured h3 {
	color: #fff;
	font-weight: 300;
	font-size: 33px;
	margin-bottom: 20px
}
#services header#featured img.line {
	margin-bottom: -5px;
	margin-top: 50px
}
@media (max-width: 767px) {
#services header#featured {
	height: 450px
}
#services header#featured h2 {
	font-size: 48px;
	margin-top: 0
}
#services header#featured img.line {
	display: none
}
#services header#featured .row div {
	padding-bottom: 20px
}
}
@media (max-width: 767px) {
#services #content {
	top: 450px
}
}
@media (max-width: 767px) {
#services .small-12 {
	padding-left: 25px;
	padding-right: 25px
}
}
#services #branding {
	padding-top: 95px
}
#services #branding h2 {
	font-size: 48px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 60px
}
#services #branding .large-4 {
	padding-right: 80px
}
#services #branding .large-4 h3 {
	font-size: 28px;
	font-weight: 300
}
#services #branding .large-4 .btn {
	margin-top: 35px;
	display: inline-block
}
#services #branding img.interface {
	margin: 40px auto 0 auto;
	display: block
}
@media (max-width: 1024px) {
#services #branding .large-4 {
	padding: 0 25px
}
}
@media (max-width: 767px) {
#services #branding {
	padding-top: 50px
}
#services #branding .columns.small-12 {
	padding: 0 25px
}
#services #branding img.interface {
	width: 90%;
	max-width: 723px
}
}
#services #examples {
	background: url(../images/webudream-work.png) no-repeat center center;
	background-size: cover;
	height: 695px;
	line-height: 686px;
	text-align: center
}
#services #examples2 {
	background:url(../images/ux-seo.png) no-repeat center center;
	background-size: cover;
	height: 695px;
	line-height: 686px;
	text-align: center
}
#services #examples a.btn-circle {
	line-height: 1.4;
	padding-top: 40px;
	font-size: 20px;
	font-weight: 300
}
#services #examples2 a.btn-circle {
	line-height: 1.4;
	padding-top: 40px;
	font-size: 20px;
	font-weight: 300
}
@media (max-width: 767px) {
#services #examples {
	height: 250px;
	line-height: 250px
}
#services #examples2 {
	height: 250px;
	line-height: 250px
}
}
#services #web-experience {
	padding: 70px 0 0 0
}
#services #web-experience .columns {
	padding: 0 50px
}
#services #web-experience .columns.large-12 {
	padding-right: .83333em
}
#services #web-experience h2 {
	font-size: 48px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 60px
}
#services #web-experience h3 {
	font-size: 28px
}
#services #web-experience img.interface {
	margin: 100px auto 0 auto;
	display: block
}
@media (max-width: 1024px) {
#services #web-experience .columns.large-6 {
	padding: 0 25px
}
#services #web-experience img.interface {
	width: 90%;
	max-width: 782px
}
}
@media (max-width: 767px) {
#services #web-experience {
	background-size: 90%;
	padding-top: 50px
}
#services #web-experience .columns.small-12 {
	padding-left: 25px;
	padding-right: 25px
}
#services #web-experience h2 {
	font-size: 36px
}
}
#services #mobile-desktop {
	background: #21bcd8 url(/images/line_values.svg) no-repeat center -170px;
	text-align: center;
	padding: 130px 0 160px 0
}
#services #mobile-desktop h2 {
	font-size: 48px;
	color: #fff
}
#services #mobile-desktop p {
	color: #fff;
	max-width: 630px;
	margin-left: auto;
	margin-right: auto
}
#services #mobile-desktop img {
	margin-top: 80px
}
@media (max-width: 767px) {
#services #mobile-desktop {
	padding-bottom: 50px
}
}
#services #user-interface-head {
	text-align: center;
	padding-top: 110px
}
#services #user-interface-head h2 {
	font-size: 48px
}
#services #user-interface-head h3 {
	font-size: 28px
}
#services #user-interface-head img {
	display: block;
	margin: 50px auto 0 auto
}
@media (max-width: 767px) {
#services #user-interface-head {
	padding-top: 50px
}
#services #user-interface-head h2 {
	font-size: 36px
}
}
#services #user-interface-content {
	background: #f8f8f8;
	padding: 100px 0
}
#services #user-interface-content h3 {
	font-size: 28px
}
#services #user-interface-content .large-6 {
	padding: 0 50px
}
@media (max-width: 1024px) {
#services #user-interface-content .large-6 {
	padding: 0 25px
}
}
@media (max-width: 767px) {
#services #user-interface-content {
	padding: 50px 0
}
#services #user-interface-content .columns.small-12 {
	padding-left: 25px;
	padding-right: 25px
}
}
#services #example {
	background: url(/images/bkg_snappy.jpg) no-repeat right center;
	background-size: cover;
	height: 730px;
	line-height: 730px;
	text-align: center
}
#services #example a.btn-circle {
	line-height: 1.4;
	padding-top: 40px;
	font-size: 20px;
	font-weight: 300
}
@media (max-width: 767px) {
#services #example {
	height: 400px;
	line-height: 400px
}
}
#services #cms-intro {
	background: #21bcd8 url(/images/line_values.svg) no-repeat center -170px;
	text-align: center;
	padding: 120px 0 0 0
}
#services #cms-intro h2 {
	color: #fff;
	font-size: 48px
}
#services #cms-intro h3 {
	color: #fff;
	font-size: 21px
}
#services #cms-intro img.interface {
	display: block;
	margin: 50px auto 0 auto
}
@media (max-width: 767px) {
#services #cms-intro h2 {
	font-size: 36px
}
}
#services #cms-about {
	background: #f8f8f8;
	padding: 100px 0
}
#services #cms-about h3 {
	font-size: 28px
}
#services #cms-about .large-4 {
	padding-right: 80px
}
@media (max-width: 1024px) {
#services #cms-about .columns.small-12 {
	padding-left: 25px;
	padding-right: 25px
}
}
@media (max-width: 767px) {
#services #cms-about {
	padding: 50px 0
}
}
#services section#letstalk a.btn-circle {
	padding-top: 70px
}
#ee header#header {
	background: transparent
}
#ee header#header nav#navigation ul {
	border-color: transparent
}
@media (max-width: 767px) {
#ee header#header {
	top: 0
}
}
#ee header#featured {
	background: url(/images/bkg_ee.jpg) no-repeat top center;
	background-size: cover;
	height: 724px;
	display: table;
	position: fixed;
	width: 100%
}
#ee header#featured .row {
	display: table-row
}
#ee header#featured .row div {
	display: table-cell;
	vertical-align: bottom;
	text-align: center
}
#ee header#featured h2 {
	color: #fff;
	font: normal 60px "Brandon Grot W01 Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase
}
#ee header#featured hr {
	border-color: #fff;
	width: 72px;
	margin: 20px auto
}
#ee header#featured h3 {
	color: #fff;
	font-weight: 300;
	font-size: 33px;
	margin-bottom: 20px
}
#ee header#featured img.line {
	margin-bottom: -5px;
	margin-top: 50px
}
@media (max-width: 767px) {
#ee header#featured {
	height: 320px
}
#ee header#featured>div.row .small-centered {
	padding-bottom: 20px
}
#ee header#featured h2 {
	font-size: 28px;
	margin-top: 0
}
#ee header#featured img.line {
	display: none
}
}
@media (max-width: 767px) {
#ee #content {
	top: 320px
}
}
#ee #development {
	padding-top: 95px
}
#ee #development h2 {
	font-size: 48px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 60px
}
#ee #development .large-4 {
	padding-right: 80px
}
#ee #development .large-4 h3 {
	font-size: 28px;
	font-weight: 300
}
#ee #development .large-4 .btn {
	margin-top: 35px;
	display: inline-block
}
#ee #development .large-image img {
	display: block;
	margin: 75px auto 0 auto
}
@media (max-width: 1024px) {
#ee #development .columns.large-4 {
	padding: 25px
}
#ee #development .large-image {
	padding: 0 25px
}
}
@media (max-width: 767px) {
#ee #development h2 {
	font-size: 36px
}
#ee #development .columns.small-12 {
	padding: 0 25px
}
#ee #development .columns.large-4 {
	margin-bottom: 40px
}
#ee #development .columns.large-4 .btn {
	margin-top: 0
}
}
#ee #consulting {
	background: #f8f8f8
}
#ee #consulting .columns {
	padding: 80px 0
}
#ee #consulting h2 {
	font-size: 44px;
	font-weight: 700;
	margin-bottom: 0
}
#ee #consulting h3 {
	font-size: 42px;
	font-weight: 300;
	line-height: 1.3;
	margin-top: 10px;
	margin-bottom: 35px
}
#ee #consulting p a.btn {
	font-size: 20px;
	display: inline-block;
	margin-top: 15px
}
@media (max-width: 1024px) {
#ee #consulting {
	padding: 0
}
#ee #consulting h2 {
	font-size: 36px
}
#ee #consulting h3 {
	font-size: 34px
}
#ee #consulting .small-12 {
	width: 100%;
	margin: 0;
	padding: 75px 25px
}
}
@media (max-width: 767px) {
#ee #consulting .columns {
	margin: 50px 0;
	padding: 0 25px
}
}
#ee #addons {
	padding-bottom: 160px;
	background: url(/images/line_addons.svg) no-repeat center top
}
#ee #addons .headline h2 {
	margin-top: 125px;
	margin-bottom: 0;
	font-size: 46px;
	font-weight: 700
}
#ee #addons .headline h3 {
	font-size: 28px;
	font-weight: 300;
	margin-bottom: 110px
}
#ee #addons #how-it-works hr {
	width: 85px;
	border-color: #21bcd8;
	margin: 40px 0
}
#ee #addons #how-it-works h3 {
	font-size: 28px;
	font-weight: 300
}
#ee #addons #how-it-works blockquote {
	background: none
}
#ee #addons #how-it-works blockquote p {
	font: normal 28px/1.4 45 55 7545;
	text-align: left;
	margin-bottom: 70px
}
#ee #addons #how-it-works a.btn {
	font-size: 20px
}
@media (max-width: 1024px) {
#ee #addons .headline {
	padding: 0 25px
}
#ee #addons #how-it-works {
	padding: 0 25px;
	width: 50%
}
#ee #addons .large-image {
	margin-left: 0;
	padding: 0 25px
}
}
@media (max-width: 767px) {
#ee #addons {
	padding-bottom: 50px
}
#ee #addons .headline h2 {
	font-size: 36px
}
#ee #addons .headline h3 {
	margin-bottom: 50px
}
#ee #addons #how-it-works {
	width: 100%
}
#ee #addons #how-it-works blockquote p {
	text-align: center
}
}
#ee #also {
	background: #21bcd8;
	position: relative
}
#ee #also #plus {
	position: absolute;
	text-align: center;
	width: 100%;
	top: -43px;
	z-index: 1
}
#ee #also h3 {
	font-size: 28px;
	font-weight: 300;
	font-style: italic;
	color: #fff;
	margin-bottom: 0
}
#ee #also h2 {
	font-size: 42px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 30px
}
#ee #also h4 {
	font-size: 19px;
	font-weight: 300;
	color: #fff;
	margin-top: 40px;
	margin-bottom: 20px
}
#ee #also p, #ee #also li, #ee #also a.btn {
	color: #fff
}
#ee #also ul {
	margin-left: 20px;
	margin-bottom: 55px
}
#ee #also ul li {
	font-size: 18px;
	line-height: 2
}
#ee #also a.btn {
	font-size: 20px
}
#ee #also .columns {
	padding: 110px 0 130px 0
}
#ee #also #support {
	border-right: 2px solid #fff;
	padding-right: 8.3333%
}
@media (max-width: 1024px) {
#ee #also .columns {
	padding: 75px 25px
}
#ee #also #training {
	padding-left: 0
}
}
@media (max-width: 767px) {
#ee #also .columns {
	padding: 50px 25px
}
#ee #also #support {
	border-right: 0;
	padding-top: 100px
}
#ee #also #training {
	border-top: 2px solid #fff;
	padding: 50px 25px
}
#ee #also ul {
	margin-left: 0
}
#ee #also ul li {
	line-height: 1.4;
	margin-bottom: 5px
}
}
#ee form#contact-form header {
	height: 445px;
	padding-top: 170px
}
#ee form#contact-form header#success {
	text-align: center;
	font-family: "PMNCaeciliaW01-45Light", Georgia, serif
}
#ee form#contact-form header#success p {
	font-size: 16px;
	max-width: 700px;
	margin: 30px auto
}
@media (max-width: 767px) {
#ee form#contact-form header {
	height: auto;
	padding: 50px 0
}
#ee form#contact-form header h2 {
	font-size: 36px
}
}
#ee blockquote.city hr {
	margin-bottom: 40px
}
#fourohfour section#lost {
	background: url(/images/bkg_404.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
	padding-bottom: 80px
}
#fourohfour section#lost .btn-circle {
	line-height: 1.4;
	padding-top: 80px;
	width: 290px;
	height: 290px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 145px;
	-moz-border-radius: 145px;
	border-radius: 145px;
	font-size: 21px;
	margin: 120px 0 70px 0
}
#fourohfour section#lost .btn-circle span {
	font-size: 48px
}
#fourohfour section#lost .btn-circle hr {
	width: 120px;
	margin: 10px auto 20px auto
}
#fourohfour section#lost h2 {
	color: #4a4a4a;
	font-family: "PMNCaeciliaW01-75Bold", Georgia, serif;
	font-size: 40px;
	max-width: 750px;
	margin: 0 auto 25px auto
}
#fourohfour section#lost h3 {
	color: #4a4a4a;
	font-size: 24px;
	max-width: 750px;
	margin: 0 auto
}
#fourohfour section#lost h4 {
	color: #b1b1b1;
	font-family: "PMNCaeciliaW01-55Roman", Georgia, serif;
	font-size: 14px;
	margin-bottom: 0
}
#fourohfour section#lost nav {
	max-width: 500px;
	margin: 90px auto 150px auto
}
#fourohfour section#lost nav .col {
	display: inline-block;
	margin: 0 30px
}
#fourohfour section#lost nav ul {
	list-style: none;
	padding: 0;
	vertical-align: top
}
#fourohfour section#lost nav ul li {
	text-align: left
}
#fourohfour section#lost nav ul a {
	font-size: 24px;
	font-family: "PMNCaeciliaW01-55Roman", Georgia, serif;
	line-height: 1.8
}
@media (max-width: 1024px) {
#fourohfour section#lost {
	padding: 0 25px
}
}
@media (max-width: 767px) {
#fourohfour section#lost nav {
	margin-bottom: 75px
}
#fourohfour section#lost nav .col {
	display: block
}
}
#messages header#header {
	position: relative
}
#messages #message {
	height: 738px;
	text-align: center
}
#messages #message p {
	padding: 0
}
header#header nav#navigation {
	-webkit-transition: padding 0.2s linear;
	-moz-transition: padding 0.2s linear;
	-o-transition: padding 0.2s linear;
	transition: padding 0.2s linear;
	-webkit-transition: padding .2s linear;
	-moz-transition: padding .2s linear;
	-o-transition: padding .2s linear;
	transition: padding .2s linear
}
header#header.stuck {
	background: #21bcd8 !important;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
	-webkit-transition: background .2s linear;
	-moz-transition: background .2s linear;
	-o-transition: background .2s linear;
	transition: background .2s linear
}
header#header.stuck nav#navigation {
	padding: 13px 0;
	-webkit-transition: padding 0.2s linear;
	-moz-transition: padding 0.2s linear;
	-o-transition: padding 0.2s linear;
	transition: padding 0.2s linear;
	-webkit-transition: padding .2s linear;
	-moz-transition: padding .2s linear;
	-o-transition: padding .2s linear;
	transition: padding .2s linear
}
header#header.stuck nav#navigation ul {
	border-color: #21bcd8;
	margin-top: 17px
}
header#header.stuck nav#navigation #logo {
	height: 45px;
	width: 45px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
@media (max-width: 1149px) {
header#header #logo {
	margin-left: 25px
}
header#header nav#navigation ul {
	margin-right: 25px
}
#content.no-collapse, q header#featured, #work.work-entry header#featured, body#team header#featured {
	top: 71px
}
}
@media (max-width: 767px) {
#index header#nav nav#navigation, header#header nav#navigation {
	padding: 13px 0
}
#index header#nav nav#navigation #logo, header#header nav#navigation #logo {
	height: 45px;
	width: 45px;
	position: relative
}
#index header#nav nav#navigation #menu-link, header#header nav#navigation #menu-link {
	display: inline-block;
	background: transparent;
	text-align: right;
	margin-right: 25px;
	width: 27px;
	height: 45px;
	float: right;
	background: url(../images/nav.svg) center center no-repeat;
	background-size: 27px 22px
}
#index header#nav nav#navigation #menu-link.active, header#header nav#navigation #menu-link.active {
	background-image: url(../images/nav_close.svg)
}
#index header#nav nav#navigation ul#nav-items, header#header nav#navigation ul#nav-items {
	display: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	clear: both;
	max-height: 0;
	margin: 20px 0 0 0;
	padding: 30px 25px;
	background: #21bcd8
}
#index header#nav nav#navigation ul#nav-items.active, header#header nav#navigation ul#nav-items.active {
	max-height: 55em;
	display: block;

	width: 100%
}
#index header#nav nav#navigation ul#nav-items li, header#header nav#navigation ul#nav-items li {
	display: block;
	padding: 0
}
#index header#nav nav#navigation ul#nav-items li a, header#header nav#navigation ul#nav-items li a {
	display: block;
	border-bottom: 1px solid #9df0ff;
	padding: 0;
	line-height: 60px;
	font-size: 22px
}
#index header#nav nav#navigation ul#nav-items li a:hover, header#header nav#navigation ul#nav-items li a:hover, #index header#nav nav#navigation ul#nav-items li a:focus, header#header nav#navigation ul#nav-items li a:focus {
	border-bottom-color: #fff
}
#index header#nav.stuck nav#navigation ul li, header#header.stuck nav#navigation ul li {
	padding-left: 10px
}
}
.dk_container:focus {
	outline: 0
}
.dk_container a {
	cursor: pointer;
	text-decoration: none
}
.dk_toggle {
	position: relative
}
.dk_focus .dk_toggle {
	border-color: #40b5e2
}
.dk_open {
	z-index: 10
}
.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 {
	cursor: default;
	background-color: #fff;
	border-bottom-color: #999
}
.dk_options_inner {
	max-height: 250px
}
.dk_container {
	display: none
}
.dk_container a {
	outline: 0
}
.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;
	top: -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
}
.dk_options_inner {
	list-style: none;
	margin: 0;
	padding: 0
}
.dk_options {
	margin-top: 20px
}
.dk_toggle {
	width: 100% !important
}/*!
Video.js Default Styles (http://videojs.com)
Version GENERATED_AT_BUILD
Create your own skin at http://designer.videojs.com
*/
.vjs-default-skin {
	color: #ccc
}
@font-face {
	font-family: 'VideoJS';
	src: url('/fonts/vjs.eot');
	src: url('/fonts/vjs.eot?#iefix') format('embedded-opentype'), url('/fonts/vjs.woff') format('woff'), url('/fonts/vjs.ttf') format('truetype'), url('/fonts/vjs.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal
}
.vjs-default-skin .vjs-slider {
	outline: 0;
	position: relative;
	cursor: pointer;
	padding: 0;
	background-color: #333;
	background-color: rgba(51,51,51,0.9)
}
.vjs-default-skin .vjs-slider:focus {
	-webkit-box-shadow: 0 0 2em #ffffff;
	-moz-box-shadow: 0 0 2em #ffffff;
	box-shadow: 0 0 2em #ffffff;
	-webkit-box-shadow: 0 0 2em #fff;
	-moz-box-shadow: 0 0 2em #fff;
	box-shadow: 0 0 2em #fff
}
.vjs-default-skin .vjs-slider-handle {
	position: absolute;
	left: 0;
	top: 0
}
.vjs-default-skin .vjs-slider-handle:before {
	content: "\e009";
	font-family: VideoJS;
	font-size: 1em;
	line-height: 1;
	text-align: center;
	text-shadow: 0 0 1em #fff;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.vjs-default-skin .vjs-control-bar {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 3em;
	background-color: #07141e;
	background-color: rgba(7,20,30,0.7)
}
.vjs-default-skin.vjs-has-started .vjs-control-bar {
	display: block;
	visibility: visible;
	opacity: 1;
	-webkit-transition: visibility 0.1s, opacity 0.1s;
	-moz-transition: visibility 0.1s, opacity 0.1s;
	-o-transition: visibility 0.1s, opacity 0.1s;
	transition: visibility 0.1s, opacity 0.1s;
	-webkit-transition: visibility .1s, opacity .1s;
	-moz-transition: visibility .1s, opacity .1s;
	-o-transition: visibility .1s, opacity .1s;
	transition: visibility .1s, opacity .1s
}
.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
	display: block;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: visibility 1s, opacity 1s;
	-moz-transition: visibility 1s, opacity 1s;
	-o-transition: visibility 1s, opacity 1s;
	transition: visibility 1s, opacity 1s;
	-webkit-transition: visibility 1s, opacity 1s;
	-moz-transition: visibility 1s, opacity 1s;
	-o-transition: visibility 1s, opacity 1s;
	transition: visibility 1s, opacity 1s
}
.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
	display: none
}
.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
	display: none
}
.vjs-default-skin.vjs-error .vjs-control-bar {
	display: none
}
@media \0screen {
.vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
	content: ""
}
}
.vjs-default-skin .vjs-control {
	outline: none;
	position: relative;
	float: left;
	text-align: center;
	margin: 0;
	padding: 0;
	height: 3em;
	width: 4em
}
.vjs-default-skin .vjs-control:before {
	font-family: VideoJS;
	font-size: 1.5em;
	line-height: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5)
}
.vjs-default-skin .vjs-control:focus:before, .vjs-default-skin .vjs-control:hover:before {
	text-shadow: 0 0 1em #fff
}
.vjs-default-skin .vjs-control-text {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}
.vjs-default-skin .vjs-play-control {
	width: 5em;
	cursor: pointer
}
.vjs-default-skin .vjs-play-control:before {
	content: "\e001"
}
.vjs-default-skin.vjs-playing .vjs-play-control:before {
	content: "\e002"
}
.vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value {
	font-size: 1.5em;
	line-height: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5)
}
.vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content {
	width: 4em;
	left: -2em;
	list-style: none
}
.vjs-default-skin .vjs-mute-control, .vjs-default-skin .vjs-volume-menu-button {
	cursor: pointer;
	float: right
}
.vjs-default-skin .vjs-mute-control:before, .vjs-default-skin .vjs-volume-menu-button:before {
	content: "\e006"
}
.vjs-default-skin .vjs-mute-control.vjs-vol-0:before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
	content: "\e003"
}
.vjs-default-skin .vjs-mute-control.vjs-vol-1:before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
	content: "\e004"
}
.vjs-default-skin .vjs-mute-control.vjs-vol-2:before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
	content: "\e005"
}
.vjs-default-skin .vjs-volume-control {
	width: 5em;
	float: right
}
.vjs-default-skin .vjs-volume-bar {
	width: 5em;
	height: .6em;
	margin: 1.1em auto 0
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {
	height: 2.9em
}
.vjs-default-skin .vjs-volume-level {
	position: absolute;
	top: 0;
	left: 0;
	height: .5em;
	width: 100%;
	background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat
}
.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
	width: .5em;
	height: .5em;
	left: 4.5em
}
.vjs-default-skin .vjs-volume-handle:before {
	font-size: .9em;
	top: -0.2em;
	left: -0.2em;
	width: 1em;
	height: 1em
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
	width: 6em;
	left: -4em
}
.vjs-default-skin .vjs-progress-control {
	position: absolute;
	left: 0;
	right: 0;
	width: auto;
	font-size: .3em;
	height: 1em;
	top: -1em;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s
}
.vjs-default-skin:hover .vjs-progress-control {
	font-size: .9em;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s
}
.vjs-default-skin .vjs-progress-holder {
	height: 100%
}
.vjs-default-skin .vjs-progress-holder .vjs-play-progress, .vjs-default-skin .vjs-progress-holder .vjs-load-progress, .vjs-default-skin .vjs-progress-holder .vjs-load-progress div {
	position: absolute;
	display: block;
	height: 100%;
	margin: 0;
	padding: 0;
	width: 0;
	left: 0;
	top: 0
}
.vjs-default-skin .vjs-play-progress {
	background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat
}
.vjs-default-skin .vjs-load-progress {
	background: #646464;
	background: rgba(255,255,255,0.2)
}
.vjs-default-skin .vjs-load-progress div {
	background: #787878;
	background: rgba(255,255,255,0.1)
}
.vjs-default-skin .vjs-seek-handle {
	width: 1.5em;
	height: 100%
}
.vjs-default-skin .vjs-seek-handle:before {
	padding-top: .1em
}
.vjs-default-skin.vjs-live .vjs-time-controls, .vjs-default-skin.vjs-live .vjs-time-divider, .vjs-default-skin.vjs-live .vjs-progress-control {
	display: none
}
.vjs-default-skin.vjs-live .vjs-live-display {
	display: block
}
.vjs-default-skin .vjs-live-display {
	display: none;
	font-size: 1em;
	line-height: 3em
}
.vjs-default-skin .vjs-time-controls {
	font-size: 1em;
	line-height: 3em
}
.vjs-default-skin .vjs-current-time {
	float: left
}
.vjs-default-skin .vjs-duration {
	float: left
}
.vjs-default-skin .vjs-remaining-time {
	display: none;
	float: left
}
.vjs-time-divider {
	float: left;
	line-height: 3em
}
.vjs-default-skin .vjs-fullscreen-control {
	width: 3.8em;
	cursor: pointer;
	float: right
}
.vjs-default-skin .vjs-fullscreen-control:before {
	content: "\e000"
}
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
	content: "\e00b"
}
.vjs-default-skin .vjs-big-play-button {
	left: .5em;
	top: .5em;
	font-size: 3em;
	display: block;
	z-index: 2;
	position: absolute;
	width: 4em;
	height: 2.6em;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	opacity: 1;
	background-color: #07141e;
	background-color: rgba(7,20,30,0.7);
	border: .1em solid #3b4249;
	-webkit-border-radius: 0.8em;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0.8em;
	-moz-background-clip: padding;
	border-radius: 0.8em;
	background-clip: padding-box;
	-webkit-border-radius: .8em;
	-moz-border-radius: .8em;
	border-radius: .8em;
	-webkit-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
	-moz-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
	box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
	-webkit-box-shadow: 0 0 1em rgba(255,255,255,0.25);
	-moz-box-shadow: 0 0 1em rgba(255,255,255,0.25);
	box-shadow: 0 0 1em rgba(255,255,255,0.25);
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s
}
.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
	left: 50%;
	margin-left: -2.1em;
	top: 50%;
	margin-top: -1.4em
}
.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
	display: none
}
.vjs-default-skin.vjs-has-started .vjs-big-play-button {
	display: none
}
.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
	display: none
}
.vjs-default-skin:hover .vjs-big-play-button, .vjs-default-skin .vjs-big-play-button:focus {
	outline: 0;
	border-color: #fff;
	background-color: #505050;
	background-color: rgba(50,50,50,0.75);
	-webkit-box-shadow: 0 0 3em #ffffff;
	-moz-box-shadow: 0 0 3em #ffffff;
	box-shadow: 0 0 3em #ffffff;
	-webkit-box-shadow: 0 0 3em #fff;
	-moz-box-shadow: 0 0 3em #fff;
	box-shadow: 0 0 3em #fff;
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s
}
.vjs-default-skin .vjs-big-play-button:before {
	content: "\e001";
	font-family: VideoJS;
	line-height: 2.6em;
	text-shadow: .05em .05em .1em #000;
	text-align: center;
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%
}
.vjs-error .vjs-big-play-button {
	display: none
}
.vjs-error-display {
	display: none
}
.vjs-error .vjs-error-display {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}
.vjs-error .vjs-error-display:before {
	content: 'X';
	font-family: Arial;
	font-size: 4em;
	color: #666;
	line-height: 1;
	text-shadow: .05em .05em .1em #000;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	margin-top: -0.5em;
	width: 100%
}
.vjs-error-display div {
	position: absolute;
	font-size: 1.4em;
	text-align: center;
	bottom: 1em;
	right: 1em;
	left: 1em
}
.vjs-error-display a, .vjs-error-display a:visited {
	color: #f4a460
}
.vjs-loading-spinner {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 4em;
	line-height: 1;
	width: 1em;
	height: 1em;
	margin-left: -0.5em;
	margin-top: -0.5em;
	opacity: .75
}
.vjs-waiting .vjs-loading-spinner, .vjs-seeking .vjs-loading-spinner {
	display: block;
	-webkit-animation: spin 1.5s infinite linear;
	-moz-animation: spin 1.5s infinite linear;
	-o-animation: spin 1.5s infinite linear;
	animation: spin 1.5s infinite linear
}
.vjs-error .vjs-loading-spinner {
	display: none;
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	animation: none
}
.vjs-default-skin .vjs-loading-spinner:before {
	content: "\e01e";
	font-family: VideoJS;
	position: absolute;
	top: 0;
	left: 0;
	width: 1em;
	height: 1em;
	text-align: center;
	text-shadow: 0 0 .1em #000
}
@-moz-keyframes spin {
0% {
-moz-transform:rotate(0deg)
}
100% {
-moz-transform:rotate(359deg)
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(359deg)
}
}
@-o-keyframes spin {
0% {
-o-transform:rotate(0deg)
}
100% {
-o-transform:rotate(359deg)
}
}
@keyframes spin {
0% {
transform:rotate(0deg)
}
100% {
transform:rotate(359deg)
}
}
.vjs-default-skin .vjs-menu-button {
	float: right;
	cursor: pointer
}
.vjs-default-skin .vjs-menu {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 0;
	margin-bottom: 3em;
	border-left: 2em solid transparent;
	border-right: 2em solid transparent;
	border-top: 1.55em solid #000;
	border-top-color: rgba(7,40,50,0.5)
}
.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
	display: block;
	padding: 0;
	margin: 0;
	position: absolute;
	width: 10em;
	bottom: 1.5em;
	max-height: 15em;
	overflow: auto;
	left: -5em;
	background-color: #07141e;
	background-color: rgba(7,20,30,0.7);
	-webkit-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
	-moz-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
	box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
	-webkit-box-shadow: -0.2em -0.2em .3em rgba(255,255,255,0.2);
	-moz-box-shadow: -0.2em -0.2em .3em rgba(255,255,255,0.2);
	box-shadow: -0.2em -0.2em .3em rgba(255,255,255,0.2)
}
.vjs-default-skin .vjs-menu-button:hover .vjs-menu {
	display: block
}
.vjs-default-skin .vjs-menu-button ul li {
	list-style: none;
	margin: 0;
	padding: .3em 0 .3em 0;
	line-height: 1.4em;
	font-size: 1.2em;
	text-align: center;
	text-transform: lowercase
}
.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
	background-color: #000
}
.vjs-default-skin .vjs-menu-button ul li:focus, .vjs-default-skin .vjs-menu-button ul li:hover, .vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus, .vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
	outline: 0;
	color: #111;
	background-color: #fff;
	background-color: rgba(255,255,255,0.75);
	-webkit-box-shadow: 0 0 1em #ffffff;
	-moz-box-shadow: 0 0 1em #ffffff;
	box-shadow: 0 0 1em #ffffff;
	-webkit-box-shadow: 0 0 1em #fff;
	-moz-box-shadow: 0 0 1em #fff;
	box-shadow: 0 0 1em #fff
}
.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
	text-align: center;
	text-transform: uppercase;
	font-size: 1em;
	line-height: 2em;
	padding: 0;
	margin: 0 0 .3em 0;
	font-weight: bold;
	cursor: default
}
.vjs-default-skin .vjs-subtitles-button:before {
	content: "\e00c"
}
.vjs-default-skin .vjs-captions-button:before {
	content: "\e008"
}
.vjs-default-skin .vjs-chapters-button:before {
	content: "\e00c"
}
.vjs-default-skin .vjs-chapters-button.vjs-menu-button .vjs-menu .vjs-menu-content {
	width: 24em;
	left: -12em
}
.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before, .vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
	-webkit-box-shadow: 0 0 1em #ffffff;
	-moz-box-shadow: 0 0 1em #ffffff;
	box-shadow: 0 0 1em #ffffff;
	-webkit-box-shadow: 0 0 1em #fff;
	-moz-box-shadow: 0 0 1em #fff;
	box-shadow: 0 0 1em #fff
}
.video-js {
	background-color: #000;
	position: relative;
	padding: 0;
	font-size: 10px;
	vertical-align: middle;
	font-weight: normal;
	font-style: normal;
	font-family: Arial, sans-serif;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.video-js .vjs-tech {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.video-js:-moz-full-screen {
position:absolute
}
body.vjs-full-window {
	padding: 0;
	margin: 0;
	height: 100%;
	overflow-y: auto
}
.video-js.vjs-fullscreen {
	position: fixed;
	overflow: hidden;
	z-index: 1000;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	_position: absolute
}
.video-js:-webkit-full-screen {
width:100% !important;
height:100% !important
}
.video-js.vjs-fullscreen.vjs-user-inactive {
	cursor: none
}
.vjs-poster {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
	cursor: pointer;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%
}
.vjs-poster img {
	display: block;
	margin: 0 auto;
	max-height: 100%;
	padding: 0;
	width: 100%
}
.video-js.vjs-using-native-controls .vjs-poster {
	display: none
}
.video-js .vjs-text-track-display {
	text-align: center;
	position: absolute;
	bottom: 4em;
	left: 1em;
	right: 1em
}
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
	bottom: 1em
}
.video-js .vjs-text-track {
	display: none;
	font-size: 1.4em;
	text-align: center;
	margin-bottom: .1em;
	background-color: #000;
	background-color: rgba(0,0,0,0.5)
}
.video-js .vjs-subtitles {
	color: #fff
}
.video-js .vjs-captions {
	color: #fc6
}
.vjs-tt-cue {
	display: block
}
.vjs-default-skin .vjs-hidden {
	display: none
}
.vjs-lock-showing {
	display: block !important;
	opacity: 1;
	visibility: visible
}
.vjs-no-js {
	padding: 20px;
	color: #ccc;
	background-color: #333;
	font-size: 18px;
	font-family: Arial, sans-serif;
	text-align: center;
	width: 300px;
	height: 150px;
	margin: 0 auto
}
.vjs-no-js a, .vjs-no-js a:visited {
	color: #f4a460
}
.vjs-default-skin .vjs-control-bar {
	height: 50px;
	background: rgba(0,0,0,0.9);
	cursor: pointer
}
.vjs-default-skin .vjs-progress-control {
	height: 10px;
	top: -10px
}
.vjs-default-skin .vjs-play-progress {
	background: #21bcd8
}
.vjs-default-skin .vjs-slider {
	background: #000
}
.vjs-default-skin .vjs-slider-handle {
	display: none
}
.vjs-default-skin .vjs-control:before {
	text-shadow: none
}
.vjs-default-skin .vjs-control.vjs-play-control, .vjs-default-skin .vjs-control.vjs-mute-control, .vjs-default-skin .vjs-control.vjs-fullscreen-control {
	height: 50px
}
.vjs-default-skin .vjs-control:focus:before, .vjs-default-skin .vjs-control:hover:before {
	text-shadow: none;
	color: #21bcd8
}
.vjs-default-skin .vjs-control:before {
	color: #fff;
	line-height: 50px
}
.vjs-default-skin .vjs-time-controls, .vjs-default-skin .vjs-time-divider {
	font-size: 14px;
	line-height: 50px;
	font-family: "Gill Sans W04 Book", "Helvetica Neue", Helvetica, Arial, sans-serif
}
.vjs-default-skin .vjs-volume-bar {
	margin-top: 22px
}
.vjs-default-skin .vjs-volume-level {
	background: #fff
}
.vjs-default-skin .vjs-fade-in, .vjs-default-skin .vjs-fade-out {
	visibility: visible;
	opacity: 1;
	transition-duration: 0s
}
.vjs-default-skin#feature.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
	visibility: visible;
	opacity: 1;
	transition-duration: 0s
}