/*! normalize.css v1.1.3 | MIT License | git.io/normalize */article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block
}
audio, canvas, video {
  display: inline-block;
*display:inline;
*zoom:1
}
audio:not([controls]) {
  display: none;
  height: 0
}
[hidden] {
  display: none
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}
button, html, input, select, textarea {
  font-family: sans-serif
}
a:active, a:hover {
  outline: 0
}
abbr[title] {
  border-bottom: 1px dotted
}
dfn {
  font-style: italic
}
hr {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}
mark {
  background: #ff0;
  color: #000
}
code, kbd, pre, samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word
}
q {
  quotes: none
}
q:after, q:before {
  content: '';
  content: none
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sup {
  top: -.5em
}
sub {
  bottom: -.25em
}
dl, menu, ol, ul {
  margin: 1em 0
}
menu, ol, ul {
  padding: 0 0 0 40px
}
nav ol, nav ul {
  list-style: none;
  list-style-image: none
}
img {
  border: 0
}
svg:not(:root) {
  overflow: hidden
}
figure, form {
  margin: 0
}
legend {
  border: 0;
  padding: 0;
  white-space: normal;
*margin-left:-7px
}
button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
*vertical-align:middle
}
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;
*overflow:visible
}
button[disabled], html input[disabled] {
  cursor: default
}
input[type=checkbox], input[type=radio] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
*height:13px;
*width:13px
}
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
}
.form-message {
display: none;
padding: 0em 1em 2em 1em;
text-align: center;
font-size: .9em;
  font-style: italic;
}
.form-message.error {
color: #c60f13;
}
.form-message.success {

  font-style: normal;
  font-size: 1.1em;
line-height: 1.5;
}

@-webkit-keyframes rotating {
from {
-webkit-transform:rotate(0deg)
}
to {
-webkit-transform:rotate(360deg)
}
}
@-ms-keyframes rotating {
from {
-o-transform:rotate(0deg)
}
to {
-o-transform:rotate(360deg)
}
}
@keyframes rotating {
from {
-webkit-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg)
}
to {
-webkit-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@-ms-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
.fadeOut {
  -webkit-animation: fadeOut;
  animation: fadeOut
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-ms-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
.fadeIn {
  -webkit-animation: fadeIn;
  animation: fadeIn
}
@-webkit-keyframes bounceInDown {
0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0);
-ms-transform:translate3d(0, -3000px, 0);
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
-ms-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0)
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
-ms-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0, 5px, 0);
-ms-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
100% {
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
@keyframes bounceInDown {
0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0);
-ms-transform:translate3d(0, -3000px, 0);
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
-ms-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0)
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
-ms-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0, 5px, 0);
-ms-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
100% {
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown
}
@-webkit-keyframes bounce {
0%, 100%, 20%, 53%, 80% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%, 43% {
-webkit-transition-timing-function:cubic-bezier(0.755, .05, .855, .06);
transition-timing-function:cubic-bezier(0.755, .05, .855, .06);
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
70% {
-webkit-transition-timing-function:cubic-bezier(0.755, .05, .855, .06);
transition-timing-function:cubic-bezier(0.755, .05, .855, .06);
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
@keyframes bounce {
0%, 100%, 20%, 53%, 80% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
-webkit-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%, 43% {
-webkit-transition-timing-function:cubic-bezier(0.755, .05, .855, .06);
transition-timing-function:cubic-bezier(0.755, .05, .855, .06);
-webkit-transform:translate3d(0, -20px, 0);
-ms-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
70% {
-webkit-transition-timing-function:cubic-bezier(0.755, .05, .855, .06);
transition-timing-function:cubic-bezier(0.755, .05, .855, .06);
-webkit-transform:translate3d(0, -10px, 0);
-ms-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
-ms-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
meta.foundation-mq-small {
  font-family: "only screen and (min-width:640px)";
  width: 640px
}
meta.foundation-mq-medium {
  font-family: "only screen and (min-width:768px)";
  width: 768px
}
meta.foundation-mq-large {
  font-family: "only screen and (min-width:1024px)";
  width: 1024px
}
*, :after, :before {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
body {
  background: #36c3e5;
  color: #222;
  padding: 0;
  margin: 0;
  font-family: Dosis, "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1;
  position: relative;
  cursor: default
}
a:hover {
  text-decoration: none;
  cursor: pointer;
}
embed, img, object {
  max-width: 100%;
  height: auto
}
embed, object {
  height: 100%
}
img {
  -ms-interpolation-mode: bicubic
}
#map_canvas embed, #map_canvas img, #map_canvas object, .map_canvas embed, .map_canvas img, .map_canvas object {
  max-width: none!important
}
.left {
  float: left!important
}
.right {
  float: right!important
}
.text-left {
  text-align: left!important
}
.text-right {
  text-align: right!important
}
.text-center {
  text-align: center!important
}
.text-justify {
  text-align: justify!important
}
.hide {
  display: none
}

.small {
 font-size: 12px !important;
}

.grey {
 color: #909090 !important;
}

.negative-margin {
 margin-top: -130px;
}
.antialiased {
  -webkit-font-smoothing: antialiased
}
img {
  display: inline-block;
  vertical-align: middle
}
textarea {
  min-height: 50px
}
select {
  width: 100%
}

.row .row.collapse:after, .row .row.collapse:before {
  content: " ";
  display: table
}
.row .row.collapse:after {
  clear: both
}
.column, .columns {
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  float: left;
  position: relative
}

@media only screen {
.small-1 {
  width: 8.33333%
}
.small-2 {
  width: 16.66667%
}
.small-3 {
  width: 25%
}
.small-4 {
  width: 33.33333%
}
.small-5 {
  width: 41.66667%
}
.small-6 {
  width: 50%
}
.small-7 {
  width: 58.33333%
}
.small-8 {
  width: 66.66667%
}
.small-9 {
  width: 75%
}
.small-10 {
  width: 83.33333%
}
.small-11 {
  width: 91.66667%
}
.small-12 {
  width: 100%
}
.small-offset-0 {
  margin-left: 0
}
.small-offset-1 {
  margin-left: 8.33333%
}
.small-offset-2 {
  margin-left: 16.66667%
}
.small-offset-3 {
  margin-left: 25%
}
.small-offset-4 {
  margin-left: 33.33333%
}
.small-offset-5 {
  margin-left: 41.66667%
}
.small-offset-6 {
  margin-left: 50%
}
.small-offset-7 {
  margin-left: 58.33333%
}
.small-offset-8 {
  margin-left: 66.66667%
}
.small-offset-9 {
  margin-left: 75%
}
.small-offset-10 {
  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 {
  margin-left: auto;
  margin-right: auto;
  float: none!important
}
}

@media only screen and (min-width:640px) {
.medium-1 {
  width: 8.33333%
}
.medium-2 {
  width: 16.66667%
}
.medium-3 {
  width: 25%
}
.medium-4 {
  width: 33.33333%
}
.medium-5 {
  width: 41.66667%
}
.medium-6 {
  width: 50%
}
.medium-7 {
  width: 58.33333%
}
.medium-8 {
  width: 66.66667%
}
.medium-9 {
  width: 75%
}
.medium-10 {
  width: 83.33333%
}
.medium-11 {
  width: 91.66667%
}
.medium-12 {
  width: 100%
}
.medium-offset-0 {
  margin-left: 0
}
.medium-offset-1 {
  margin-left: 8.33333%
}
.medium-offset-2 {
  margin-left: 16.66667%
}
.medium-offset-3 {
  margin-left: 25%
}
.medium-offset-4 {
  margin-left: 33.33333%
}
.medium-offset-5 {
  margin-left: 41.66667%
}
.medium-offset-6 {
  margin-left: 50%
}
.medium-offset-7 {
  margin-left: 58.33333%
}
.medium-offset-8 {
  margin-left: 66.66667%
}
.medium-offset-9 {
  margin-left: 75%
}
.medium-offset-10 {
  margin-left: 83.33333%
}
.medium-offset-11 {
  margin-left: 91.66667%
}
.medium-push-1 {
  left: 8.33333%;
  right: auto
}
.medium-pull-1 {
  right: 8.33333%;
  left: auto
}
.medium-push-2 {
  left: 16.66667%;
  right: auto
}
.medium-pull-2 {
  right: 16.66667%;
  left: auto
}
.medium-push-3 {
  left: 25%;
  right: auto
}
.medium-pull-3 {
  right: 25%;
  left: auto
}
.medium-push-4 {
  left: 33.33333%;
  right: auto
}
.medium-pull-4 {
  right: 33.33333%;
  left: auto
}
.medium-push-5 {
  left: 41.66667%;
  right: auto
}
.medium-pull-5 {
  right: 41.66667%;
  left: auto
}
.medium-push-6 {
  left: 50%;
  right: auto
}
.medium-pull-6 {
  right: 50%;
  left: auto
}
.medium-push-7 {
  left: 58.33333%;
  right: auto
}
.medium-pull-7 {
  right: 58.33333%;
  left: auto
}
.medium-push-8 {
  left: 66.66667%;
  right: auto
}
.medium-pull-8 {
  right: 66.66667%;
  left: auto
}
.medium-push-9 {
  left: 75%;
  right: auto
}
.medium-pull-9 {
  right: 75%;
  left: auto
}
.medium-push-10 {
  left: 83.33333%;
  right: auto
}
.medium-pull-10 {
  right: 83.33333%;
  left: auto
}
.medium-push-11 {
  left: 91.66667%;
  right: auto
}
.medium-pull-11 {
  right: 91.66667%;
  left: auto
}
.column.medium-centered, .columns.medium-centered {
  margin-left: auto;
  margin-right: auto;
  float: none!important
}
.column.medium-uncentered, .columns.medium-uncentered {
  margin-left: 0;
  margin-right: 0;
  float: left!important
}
}

@media only screen and (min-width:768px) {
.large-1 {
  width: 8.33333%
}
.large-2 {
  width: 16.66667%
}
.large-3 {
  width: 25%
}
.large-4 {
  width: 33.33333%
}
.large-5 {
  width: 41.66667%
}
.large-6 {
  width: 50%
}
.large-7 {
  width: 58.33333%
}
.large-8 {
  width: 66.66667%
}
.large-9 {
  width: 75%
}
.large-10 {
  width: 83.33333%
}
.large-11 {
  width: 91.66667%
}
.large-12 {
  width: 100%
}
.large-offset-0 {
  margin-left: 0
}
.large-offset-1 {
  margin-left: 8.33333%
}
.large-offset-2 {
  margin-left: 16.66667%
}
.large-offset-3 {
  margin-left: 25%
}
.large-offset-4 {
  margin-left: 33.33333%
}
.large-offset-5 {
  margin-left: 41.66667%
}
.large-offset-6 {
  margin-left: 50%
}
.large-offset-7 {
  margin-left: 58.33333%
}
.large-offset-8 {
  margin-left: 66.66667%
}
.large-offset-9 {
  margin-left: 75%
}
.large-offset-10 {
  margin-left: 83.33333%
}
.large-offset-11 {
  margin-left: 91.66667%
}
.large-push-1 {
  left: 8.33333%;
  right: auto
}
.large-pull-1 {
  right: 8.33333%;
  left: auto
}
.large-push-2 {
  left: 16.66667%;
  right: auto
}
.large-pull-2 {
  right: 16.66667%;
  left: auto
}
.large-push-3 {
  left: 25%;
  right: auto
}
.large-pull-3 {
  right: 25%;
  left: auto
}
.large-push-4 {
  left: 33.33333%;
  right: auto
}
.large-pull-4 {
  right: 33.33333%;
  left: auto
}
.large-push-5 {
  left: 41.66667%;
  right: auto
}
.large-pull-5 {
  right: 41.66667%;
  left: auto
}
.large-push-6 {
  left: 50%;
  right: auto
}
.large-pull-6 {
  right: 50%;
  left: auto
}
.large-push-7 {
  left: 58.33333%;
  right: auto
}
.large-pull-7 {
  right: 58.33333%;
  left: auto
}
.large-push-8 {
  left: 66.66667%;
  right: auto
}
.large-pull-8 {
  right: 66.66667%;
  left: auto
}
.large-push-9 {
  left: 75%;
  right: auto
}
.large-pull-9 {
  right: 75%;
  left: auto
}
.large-push-10 {
  left: 83.33333%;
  right: auto
}
.large-pull-10 {
  right: 83.33333%;
  left: auto
}
.large-push-11 {
  left: 91.66667%;
  right: auto
}
.large-pull-11 {
  right: 91.66667%;
  left: auto
}
.column.large-centered, .columns.large-centered {
  margin-left: auto;
  margin-right: auto;
  float: none!important
}
.column.large-uncentered, .columns.large-uncentered {
  margin-left: 0;
  margin-right: 0;
  float: left!important
}
}
.show-for-large-down, .show-for-medium-down, .show-for-small {
  display: inherit!important
}
.show-for-large, .show-for-large-up, .show-for-medium, .show-for-medium-up, .show-for-xlarge {
  display: none!important
}
.hide-for-large, .hide-for-large-up, .hide-for-medium, .hide-for-medium-up, .hide-for-xlarge {
  display: inherit!important
}
.hide-for-large-down, .hide-for-medium-down, .hide-for-small {
  display: none!important
}
table.hide-for-large, table.hide-for-large-up, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-xlarge, table.show-for-large-down, table.show-for-medium-down, table.show-for-small {
  display: table
}
thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-xlarge, thead.show-for-large-down, thead.show-for-medium-down, thead.show-for-small {
  display: table-header-group!important
}
tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-xlarge, tbody.show-for-large-down, tbody.show-for-medium-down, tbody.show-for-small {
  display: table-row-group!important
}
tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-xlarge, tr.show-for-large-down, tr.show-for-medium-down, tr.show-for-small {
  display: table-row!important
}
td.hide-for-large, td.hide-for-large-up, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-xlarge, td.show-for-large-down, td.show-for-medium-down, td.show-for-small, th.hide-for-large, th.hide-for-large-up, th.hide-for-medium, th.hide-for-medium-up, th.hide-for-xlarge, th.show-for-large-down, th.show-for-medium-down, th.show-for-small {
  display: table-cell!important
}

@media only screen and (min-width:640px) {
.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
}
table.hide-for-small, table.show-for-medium, table.show-for-medium-up {
  display: table
}
thead.hide-for-small, thead.show-for-medium, thead.show-for-medium-up {
  display: table-header-group!important
}
tbody.hide-for-small, tbody.show-for-medium, tbody.show-for-medium-up {
  display: table-row-group!important
}
tr.hide-for-small, tr.show-for-medium, tr.show-for-medium-up {
  display: table-row!important
}
td.hide-for-small, td.show-for-medium, td.show-for-medium-up, th.hide-for-small, th.show-for-medium, th.show-for-medium-up {
  display: table-cell!important
}
}

@media only screen and (min-width:768px) {
.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
}
table.hide-for-medium, table.hide-for-medium-down, table.show-for-large, table.show-for-large-up {
  display: table
}
thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large, thead.show-for-large-up {
  display: table-header-group!important
}
tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large, tbody.show-for-large-up {
  display: table-row-group!important
}
tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large, tr.show-for-large-up {
  display: table-row!important
}
td.hide-for-medium, td.hide-for-medium-down, td.show-for-large, td.show-for-large-up, th.hide-for-medium, th.hide-for-medium-down, th.show-for-large, th.show-for-large-up {
  display: table-cell!important
}
}

@media only screen and (min-width:1024px) {
.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
}
table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge {
  display: table
}
thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge {
  display: table-header-group!important
}
tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge {
  display: table-row-group!important
}
tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge {
  display: table-row!important
}
td.hide-for-large, td.hide-for-large-down, td.show-for-xlarge, th.hide-for-large, th.hide-for-large-down, th.show-for-xlarge {
  display: table-cell!important
}
}
.hide-for-portrait, .show-for-landscape {
  display: inherit!important
}
.hide-for-landscape, .show-for-portrait {
  display: none!important
}
table.hide-for-landscape, table.show-for-portrait {
  display: table
}
thead.hide-for-landscape, thead.show-for-portrait {
  display: table-header-group!important
}
tbody.hide-for-landscape, tbody.show-for-portrait {
  display: table-row-group!important
}
tr.hide-for-landscape, tr.show-for-portrait {
  display: table-row!important
}
td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait {
  display: table-cell!important
}

@media only screen and (orientation:landscape) {
.hide-for-portrait, .show-for-landscape {
  display: inherit!important
}
.hide-for-landscape, .show-for-portrait {
  display: none!important
}
table.hide-for-portrait, table.show-for-landscape {
  display: table
}
thead.hide-for-portrait, thead.show-for-landscape {
  display: table-header-group!important
}
tbody.hide-for-portrait, tbody.show-for-landscape {
  display: table-row-group!important
}
tr.hide-for-portrait, tr.show-for-landscape {
  display: table-row!important
}
td.hide-for-portrait, td.show-for-landscape, th.hide-for-portrait, th.show-for-landscape {
  display: table-cell!important
}
}

@media only screen and (orientation:portrait) {
.hide-for-landscape, .show-for-portrait {
  display: inherit!important
}
.hide-for-portrait, .show-for-landscape {
  display: none!important
}
table.hide-for-landscape, table.show-for-portrait {
  display: table
}
thead.hide-for-landscape, thead.show-for-portrait {
  display: table-header-group!important
}
tbody.hide-for-landscape, tbody.show-for-portrait {
  display: table-row-group!important
}
tr.hide-for-landscape, tr.show-for-portrait {
  display: table-row!important
}
td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait {
  display: table-cell!important
}
}
.show-for-touch {
  display: none!important
}
.hide-for-touch, .touch .show-for-touch {
  display: inherit!important
}
.touch .hide-for-touch {
  display: none!important
}
.touch table.show-for-touch, table.hide-for-touch {
  display: table
}
.touch thead.show-for-touch, thead.hide-for-touch {
  display: table-header-group!important
}
.touch tbody.show-for-touch, tbody.hide-for-touch {
  display: table-row-group!important
}
.touch tr.show-for-touch, tr.hide-for-touch {
  display: table-row!important
}
.touch td.show-for-touch, .touch th.show-for-touch, td.hide-for-touch, th.hide-for-touch {
  display: table-cell!important
}

@media only screen {
[class*=block-grid-] {
  display: block;
  padding: 0;
  margin: 0 -.83333em;
*zoom:1
}
[class*=block-grid-]:after, [class*=block-grid-]:before {
  content: " ";
  display: table
}
[class*=block-grid-]:after {
  clear: both
}
[class*=block-grid-]>li {
  display: inline;
  height: auto;
  float: left;
  padding: 0 .83333em 1.66667em
}
.small-block-grid-1>li {
  width: 100%;
  padding: 0 .83333em 1.66667em
}
.small-block-grid-1>li:nth-of-type(n) {
  clear: none
}
.small-block-grid-1>li:nth-of-type(1n+1) {
  clear: both
}
.small-block-grid-2>li {
  width: 50%;
  padding: 0 .83333em 1.66667em
}
.small-block-grid-2>li:nth-of-type(n) {
  clear: none
}
.small-block-grid-2>li:nth-of-type(2n+1) {
  clear: both
}
.small-block-grid-3>li {
  width: 33.33333%;
  padding: 0 .83333em 1.66667em
}
.small-block-grid-3>li:nth-of-type(n) {
  clear: none
}
.small-block-grid-3>li:nth-of-type(3n+1) {
  clear: both
}
.small-block-grid-4>li {
  width: 25%;
  padding: 0 .83333em 1.66667em
}
.small-block-grid-4>li:nth-of-type(n) {
  clear: none
}
.small-block-grid-4>li:nth-of-type(4n+1) {
  clear: both
}
.small-block-grid-5>li {
  width: 20%;
  padding: 0 .83333em 1.66667em
}
.small-block-grid-5>li:nth-of-type(n) {
  clear: none
}
.small-block-grid-5>li:nth-of-type(5n+1) {
  clear: both
}
.small-block-grid-6>li {
  width: 16.66667%;
  padding: 0 .83333em 1.66667em
}
.small-block-grid-6>li:nth-of-type(n) {
  clear: none
}
.small-block-grid-6>li:nth-of-type(6n+1) {
  clear: both
}
.small-block-grid-7>li {
  width: 14.28571%;
  padding: 0 .83333em 1.66667em
}
.small-block-grid-7>li:nth-of-type(n) {
  clear: none
}
.small-block-grid-7>li:nth-of-type(7n+1) {
  clear: both
}
.small-block-grid-8>li {
  width: 12.5%;
  padding: 0 .83333em 1.66667em
}
.small-block-grid-8>li:nth-of-type(n) {
  clear: none
}
.small-block-grid-8>li:nth-of-type(8n+1) {
  clear: both
}
.small-block-grid-9>li {
  width: 11.11111%;
  padding: 0 .83333em 1.66667em
}
.small-block-grid-9>li:nth-of-type(n) {
  clear: none
}
.small-block-grid-9>li:nth-of-type(9n+1) {
  clear: both
}
.small-block-grid-10>li {
  width: 10%;
  padding: 0 .83333em 1.66667em
}
.small-block-grid-10>li:nth-of-type(n) {
  clear: none
}
.small-block-grid-10>li:nth-of-type(10n+1) {
  clear: both
}
.small-block-grid-11>li {
  width: 9.09091%;
  padding: 0 .83333em 1.66667em
}
.small-block-grid-11>li:nth-of-type(n) {
  clear: none
}
.small-block-grid-11>li:nth-of-type(11n+1) {
  clear: both
}
.small-block-grid-12>li {
  width: 8.33333%;
  padding: 0 .83333em 1.66667em
}
.small-block-grid-12>li:nth-of-type(n) {
  clear: none
}
.small-block-grid-12>li:nth-of-type(12n+1) {
  clear: both
}
}

@media only screen and (min-width:640px) {
.small-block-grid-10>li:nth-of-type(10n+1), .small-block-grid-11>li:nth-of-type(11n+1), .small-block-grid-12>li:nth-of-type(12n+1), .small-block-grid-1>li:nth-of-type(1n+1), .small-block-grid-2>li:nth-of-type(2n+1), .small-block-grid-3>li:nth-of-type(3n+1), .small-block-grid-4>li:nth-of-type(4n+1), .small-block-grid-5>li:nth-of-type(5n+1), .small-block-grid-6>li:nth-of-type(6n+1), .small-block-grid-7>li:nth-of-type(7n+1), .small-block-grid-8>li:nth-of-type(8n+1), .small-block-grid-9>li:nth-of-type(9n+1) {
  clear: none
}
.large-block-grid-1>li {
  width: 100%;
  padding: 0 .83333em 1.66667em
}
.large-block-grid-1>li:nth-of-type(n) {
  clear: none
}
.large-block-grid-1>li:nth-of-type(1n+1) {
  clear: both
}
.large-block-grid-2>li {
  width: 50%;
  padding: 0 .83333em 1.66667em
}
.large-block-grid-2>li:nth-of-type(n) {
  clear: none
}
.large-block-grid-2>li:nth-of-type(2n+1) {
  clear: both
}
.large-block-grid-3>li {
  width: 33.33333%;
  padding: 0 .83333em 1.66667em
}
.large-block-grid-3>li:nth-of-type(n) {
  clear: none
}
.large-block-grid-3>li:nth-of-type(3n+1) {
  clear: both
}
.large-block-grid-4>li {
  width: 25%;
  padding: 0 .83333em 1.66667em
}
.large-block-grid-4>li:nth-of-type(n) {
  clear: none
}
.large-block-grid-4>li:nth-of-type(4n+1) {
  clear: both
}
.large-block-grid-5>li {
  width: 20%;
  padding: 0 .83333em 1.66667em
}
.large-block-grid-5>li:nth-of-type(n) {
  clear: none
}
.large-block-grid-5>li:nth-of-type(5n+1) {
  clear: both
}
.large-block-grid-6>li {
  width: 16.66667%;
  padding: 0 .83333em 1.66667em
}
.large-block-grid-6>li:nth-of-type(n) {
  clear: none
}
.large-block-grid-6>li:nth-of-type(6n+1) {
  clear: both
}
.large-block-grid-7>li {
  width: 14.28571%;
  padding: 0 .83333em 1.66667em
}
.large-block-grid-7>li:nth-of-type(n) {
  clear: none
}
.large-block-grid-7>li:nth-of-type(7n+1) {
  clear: both
}
.large-block-grid-8>li {
  width: 12.5%;
  padding: 0 .83333em 1.66667em
}
.large-block-grid-8>li:nth-of-type(n) {
  clear: none
}
.large-block-grid-8>li:nth-of-type(8n+1) {
  clear: both
}
.large-block-grid-9>li {
  width: 11.11111%;
  padding: 0 .83333em 1.66667em
}
.large-block-grid-9>li:nth-of-type(n) {
  clear: none
}
.large-block-grid-9>li:nth-of-type(9n+1) {
  clear: both
}
.large-block-grid-10>li {
  width: 10%;
  padding: 0 .83333em 1.66667em
}
.large-block-grid-10>li:nth-of-type(n) {
  clear: none
}
.large-block-grid-10>li:nth-of-type(10n+1) {
  clear: both
}
.large-block-grid-11>li {
  width: 9.09091%;
  padding: 0 .83333em 1.66667em
}
.large-block-grid-11>li:nth-of-type(n) {
  clear: none
}
.large-block-grid-11>li:nth-of-type(11n+1) {
  clear: both
}
.large-block-grid-12>li {
  width: 8.33333%;
  padding: 0 .83333em 1.66667em
}
.large-block-grid-12>li:nth-of-type(n) {
  clear: none
}
.large-block-grid-12>li:nth-of-type(12n+1) {
  clear: both
}
}
p.lead {
  font-size: 1.29167em;
  line-height: 1.6
}
.subheader {
  line-height: 1.4;
  color: #6f6f6f;
  font-weight: 300;
  margin-top: .2em;
  margin-bottom: .5em
}
blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul {
  margin: 0;
  padding: 0;
  direction: ltr
}
a {
  color: #36c3e5;
  text-decoration: none;
  line-height: inherit
}
a:focus, a:hover {
  color: #1fbce2
}
a img {
  border: 0
}
p {
  font-family: inherit;
  font-weight: 400;
  font-size: 1.1em;
  line-height: 1.6;
  margin-bottom: 1em;
  text-rendering: optimizeLegibility
}
p aside {
  font-size: 1.16667em;
  line-height: 1.35;
  font-style: italic
}
h1, h2, h3, h4, h5, h6 {
  font-family: Dosis, "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-rendering: optimizeLegibility;
  margin-top: .2em;
  margin-bottom: .5em;
  line-height: 1.15em
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-size: 60%;
  color: #6f6f6f;
  line-height: 0
}
h1 {
  font-size: 2.16667em
}
h2 {
  font-size: 1.91667em
}
h3 {
  font-size: 1.58333em
}
h4 {
  font-size: 1.25em
}
h5 {
  font-size: 1.16667em
}
h6 {
  font-size: 1em
}
hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.66667em 0 1.58333em;
  height: 0
}
em, i {
  font-style: italic;
  line-height: inherit
}
b, strong {
  font-weight: 700;
  line-height: inherit
}
small {
  font-size: 60%;
  line-height: inherit
}
code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: 700;
  color: #7f0a0c
}
dl, ol, ul {
  font-size: 1em;
  line-height: 1.6;
  margin-bottom: 1em;
  list-style-position: inside;
  font-family: inherit
}
ol, ol.no-bullet, ul, ul.no-bullet {
  margin-left: 0
}
ul li ol, ul li ul {
  margin-left: 1.66667em;
  margin-bottom: 0;
  font-size: 1em
}
ul.circle li ul, ul.disc li ul, ul.square li ul {
  list-style: inherit
}
ul.square {
  list-style-type: square
}
ul.circle {
  list-style-type: circle
}
ul.disc {
  list-style-type: disc
}
ul.no-bullet {
  list-style: none
}
ol li ol, ol li ul {
  margin-left: 1.66667em;
  margin-bottom: 0
}
dl dt {
  margin-bottom: .3em;
  font-weight: 700
}
dl dd {
  margin-bottom: 1em
}
abbr, acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222;
  border-bottom: 1px dotted #ddd;
  cursor: help
}
abbr {
  text-transform: none
}
blockquote {
  margin: 0 0 1em;
  padding: 0;
  border-left: 0
}
blockquote cite {
  display: block;
  font-size: 1.66667em;
  color: #fff
}
blockquote cite:before {
  content: "\2014 \0020"
}
blockquote cite a, blockquote cite a:visited {
  color: #36c3e5
}
blockquote, blockquote p {
  line-height: 1.6;
  color: #fff
}
.vcard {
  display: inline-block;
  margin: 0 0 1.66667em;
  border: 1px solid #ddd;
  padding: .83333em 1em
}
.vcard li {
  margin: 0;
  display: block
}
.vcard .fn {
  font-weight: 700;
  font-size: 1.25em
}
.vevent .summary {
  font-weight: 700
}
.vevent abbr {
  cursor: default;
  text-decoration: none;
  font-weight: 700;
  border: 0;
  padding: 0 .08333em
}

@media only screen and (min-width:640px) {
h1, h2, h3, h4, h5, h6 {
  line-height: 1.4
}
h1 {
  font-size: 3em
}
h2 {
  font-size: 2.75em
}
h3 {
  font-size: 2em
}
h4 {
  font-size: 1.66667em
}
}
.print-only {
  display: none!important
}

@media print {
* {
  background: transparent!important;
  color: #000!important;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
  text-shadow: none!important
}
a, a:visited {
  text-decoration: underline
}
a[href]:after {
  content: " (" attr(href) ")"
}
abbr[title]:after {
  content: " (" attr(title) ")"
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
  content: ""
}
blockquote, pre {
  border: 1px solid #999;
  page-break-inside: avoid
}
thead {
  display: table-header-group
}
img, tr {
  page-break-inside: avoid
}
img {
  max-width: 100%!important
}
h2, h3, p {
  orphans: 3;
  widows: 3
}
h2, h3 {
  page-break-after: avoid
}
.hide-on-print {
  display: none!important
}
.print-only {
  display: block!important
}
.hide-for-print {
  display: none!important
}
.show-for-print {
  display: inherit!important
}
}
.button, button {
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  font-family: inherit;
  font-weight: 700;
  line-height: normal;
  margin: 0 0 1.66667em;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding-right: 2em;
  padding-left: 2em;
  font-size: 1.33333em;
  background-color: #36c3e5;
  border-color: #1babcd;
  color: #fff
}
.button:focus, .button:hover, button:focus, button:hover {
  background-color: #1babcd;
  color: #fff
}
.button.secondary, button.secondary {
  background-color: #222;
  border-color: #090909;
  color: #fff
}
.button.secondary:focus, .button.secondary:hover, button.secondary:focus, button.secondary:hover {
  background-color: #090909;
  color: #fff
}
.button.success, button.success {
  background-color: #5da423;
  border-color: #457a1a;
  color: #fff
}
.button.success:focus, .button.success:hover, button.success:focus, button.success:hover {
  background-color: #457a1a;
  color: #fff
}
.button.alert, button.alert {
  background-color: #c60f13;
  border-color: #970b0e;
  color: #fff
}
.button.alert:focus, .button.alert:hover, button.alert:focus, button.alert:hover {
  background-color: #970b0e;
  color: #fff
}
.button.large, button.large {
  padding-right: 2.66667em;
  padding-left: 2.66667em;
  font-size: 1.66667em
}
.button.small, button.small {
  padding-right: 1.5em;
  padding-left: 1.5em;
  font-size: 1.08333em
}
.button.tiny, button.tiny {
  padding-right: 1.16667em;
  padding-left: 1.16667em;
  font-size: .91667em
}
.button.expand, button.expand {
  padding-right: 0;
  padding-left: 0;
  width: 100%
}
.button.left-align, button.left-align {
  text-align: left;
  text-indent: 1em
}
.button.right-align, button.right-align {
  text-align: right;
  padding-right: 1em
}
.button.disabled, .button[disabled], button.disabled, button[disabled] {
  background-color: #36c3e5;
  border-color: #1babcd;
  color: #fff;
  cursor: default;
  opacity: .6;
  -webkit-box-shadow: none;
  box-shadow: none
}
.button.disabled:focus, .button.disabled:hover, .button[disabled]:focus, .button[disabled]:hover, button.disabled:focus, button.disabled:hover, button[disabled]:focus, button[disabled]:hover {
  color: #fff;
  background-color: #36c3e5
}
.button.disabled.secondary, .button[disabled].secondary, button.disabled.secondary, button[disabled].secondary {
  background-color: #222;
  border-color: #090909;
  color: #fff;
  cursor: default;
  opacity: .6;
  -webkit-box-shadow: none;
  box-shadow: none
}
.button.disabled.secondary:focus, .button.disabled.secondary:hover, .button[disabled].secondary:focus, .button[disabled].secondary:hover, button.disabled.secondary:focus, button.disabled.secondary:hover, button[disabled].secondary:focus, button[disabled].secondary:hover {
  color: #fff;
  background-color: #222
}
.button.disabled.success, .button[disabled].success, button.disabled.success, button[disabled].success {
  background-color: #5da423;
  border-color: #457a1a;
  color: #fff;
  cursor: default;
  opacity: .6;
  -webkit-box-shadow: none;
  box-shadow: none
}
.button.disabled.success:focus, .button.disabled.success:hover, .button[disabled].success:focus, .button[disabled].success:hover, button.disabled.success:focus, button.disabled.success:hover, button[disabled].success:focus, button[disabled].success:hover {
  color: #fff;
  background-color: #5da423
}
.button.disabled.alert, .button[disabled].alert, button.disabled.alert, button[disabled].alert {
  background-color: #c60f13;
  border-color: #970b0e;
  color: #fff;
  cursor: default;
  opacity: .6;
  -webkit-box-shadow: none;
  box-shadow: none
}
.button.disabled.alert:focus, .button.disabled.alert:hover, .button[disabled].alert:focus, .button[disabled].alert:hover, button.disabled.alert:focus, button.disabled.alert:hover, button[disabled].alert:focus, button[disabled].alert:hover {
  color: #fff;
  background-color: #c60f13
}
.button, button {
  padding-top: 1.08333em;
  padding-bottom: 1em;
  -webkit-appearance: none
}
.button.tiny, button.tiny {
  padding-top: .66667em;
  padding-bottom: .58333em;
  -webkit-appearance: none
}
.button.small, button.small {
  padding-top: .83333em;
  padding-bottom: .75em;
  -webkit-appearance: none
}
.button.large, button.large {
  padding-top: 1.375em;
  padding-bottom: 1.375em;
  -webkit-appearance: none
}

@media only screen {
.button, button {
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5) inset;
  box-shadow: 0 1px 0 rgba(255,255,255,.5) inset;
  -webkit-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out
}
.button:active, button:active {
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2) inset;
  box-shadow: 0 1px 0 rgba(0,0,0,.2) inset
}
.button.radius, button.radius {
  border-radius: 8px
}
.button.round, button.round {
  border-radius: 1000px
}
}

@media only screen and (min-width:640px) {
.button, button {
  display: inline-block
}
}
form {
  margin: 0 0 1.33333em
}
form .row .row {
  margin: 0 -.66667em
}
form .row .row .column, form .row .row .columns {
  padding: 0 .66667em
}
form .row .row.collapse {
  margin: 0
}
form .row .row.collapse .column, form .row .row.collapse .columns {
  padding: 0
}
form .row .row.collapse input {
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0
}
form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns {
  padding-left: .66667em
}

form p {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  margin-bottom: .5em;
  letter-spacing: .5px;
}
label {
  font-size: 1.16667em;
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-weight: 500;
  margin-bottom: .25em
}
label.right {
  float: none;
  text-align: right
}
label.inline {
  margin: 0 0 1.33333em;
  padding: .83333em 0
}
label small {
  text-transform: capitalize;
  color: #666
}
.postfix, .prefix {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  font-size: 1.16667em;
  height: 3.08333em;
  line-height: 3.08333em
}
.postfix.button, .prefix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 2.83333em
}
.prefix.button.radius {
  border-radius: 0;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px
}
.postfix.button.radius {
  border-radius: 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px
}
.prefix.button.round {
  border-radius: 0;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px
}
.postfix.button.round {
  border-radius: 0;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px
}
label.prefix, span.prefix {
  background: #f2f2f2;
  border-color: #d9d9d9;
  border-right: 0;
  color: #333
}
label.prefix.radius, span.prefix.radius {
  border-radius: 0;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px
}
label.postfix, span.postfix {
  background: #f2f2f2;
  border-color: #ccc;
  border-left: 0;
  color: #333
}
label.postfix.radius, span.postfix.radius {
  border-radius: 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px
}
.input-group.radius>:first-child, .input-group.radius>:first-child * {
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px
}
.input-group.radius>:last-child, .input-group.radius>:last-child * {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px
}
.input-group.round>:first-child, .input-group.round>:first-child * {
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px
}
.input-group.round>:last-child, .input-group.round>:last-child * {
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px
}


::-webkit-input-placeholder{
  color:rgba(0,0,0, .3);
}

::-moz-placeholder{
  color:rgba(0,0,0, .3);
}

:-ms-input-placeholder{
  color:rgba(0,0,0, .3);
}

:-moz-placeholder{
  color:rgba(0,0,0, .3);
}
.nice-select {
  width: 100%;
font-size: 1em;
color: rgba(0,0,0, .3);
margin: 0 0 1.33333em;
padding: .66667em 1em;
height: 3.08333em;
line-height: 1.8;
border: none;
border-radius: 4px;
}
.nice-select .option {
  min-height: 45px;
  line-height: 45px;
}
.nice-select .option.selected {
  font-weight: 500;
}
.nice-select.open .list {
  width: 100%;
    color: #222;
}
.nice-select:after {
  border-bottom: 2px solid #222;
  border-right: 2px solid #222;
width: 8px;
border-radius: 1px;
height: 8px;
right: 18px;

-webkit-transform-origin: center center;
    -ms-transform-origin: center center;
transform-origin: center center;
}
.nice-select .list {
  width: 100%;
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
  transform-origin: center center;
}
input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea, select {
  -webkit-appearance: none;
  border-radius: 0;
  background-color: #fff;
  font-family: inherit;
  border: none;
border-radius: 4px;
  color: rgba(0,0,0,.75);
  display: block;
  font-size: 1em;
  margin: 0 0 1.33333em;
padding: .66667em 1em;
  height: 3.08333em;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  transition: all .3s ease;
}
input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus {

  background: #fafafa;
  border-color: #3c3c3c;
  outline: 0
}
input[type=date][disabled], input[type=datetime-local][disabled], input[type=datetime][disabled], input[type=email][disabled], input[type=month][disabled], input[type=number][disabled], input[type=password][disabled], input[type=search][disabled], input[type=tel][disabled], input[type=text][disabled], input[type=time][disabled], input[type=url][disabled], input[type=week][disabled], textarea[disabled] {
  background-color: #ddd
}
input[type=checkbox], input[type=file], input[type=radio], select {
  margin: 0 0 1.33333em
}
input[type=file] {
  width: 100%
}
fieldset {
  border: solid 1px #ddd;
  padding: 1.66667em;
  margin: 1.5em 0
}
fieldset legend {
  font-weight: 700;
  background: #fff;
  padding: 0 .25em;
  margin: 0;
  margin-left: -.25em
}
[data-abide] .error small.error, [data-abide] small.error, [data-abide] span.error {
  display: block;
  padding: .5em .33333em;
  margin-top: 0;
  margin-bottom: 1.33333em;
  font-size: 1em;
  font-weight: 700;
  background: #c60f13;
  color: #fff
}
[data-abide] small.error, [data-abide] span.error {
  display: none
}
small.error, span.error {
  display: block;
  padding: .5em .33333em;
  margin-top: 0;
  margin-bottom: 1.33333em;
  font-size: 1em;
  font-weight: 700;
  background: #c60f13;
  color: #fff
}
.error input, .error select, .error textarea {
  border-color: #c60f13;
  background-color: rgba(198,15,19,.1);
  margin-bottom: 0
}
.error input:focus, .error select:focus, .error textarea:focus {
  background: #fafafa;
  border-color: #3c3c3c
}
.error label, .error label.error {
  color: #c60f13
}
.error small.error, .error>small {
  display: block;
  padding: .5em .33333em;
  margin-top: 0;
  margin-bottom: 1.33333em;
  font-size: 1em;
  font-weight: 700;
  background: #c60f13;
  color: #fff
}
.error span.error-message {
  display: block
}
input.error, textarea.error {
  border-color: #c60f13;
  background-color: rgba(198,15,19,.1);
  margin-bottom: 0
}
input.error:focus, textarea.error:focus {
  background: #fafafa;
  border-color: #3c3c3c
}
.error select {
  border-color: #c60f13;
  background-color: rgba(198,15,19,.1)
}
.error select:focus {
  background: #fafafa;
  border-color: #3c3c3c
}
label.error {
  color: #c60f13
}
@-webkit-keyframes rotate {
from {
-webkit-transform:rotate(0deg)
}
to {
-webkit-transform:rotate(360deg)
}
}
@keyframes rotate {
from {
-webkit-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg)
}
to {
-webkit-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.slideshow-wrapper {
  position: relative
}
.slideshow-wrapper ul {
  list-style-type: none;
  margin: 0
}
.slideshow-wrapper ul li, .slideshow-wrapper ul li .orbit-caption {
  display: none
}
.slideshow-wrapper ul li:first-child {
  display: block
}
.slideshow-wrapper .orbit-container {
  background-color: transparent
}
.slideshow-wrapper .orbit-container li, .slideshow-wrapper .orbit-container li .orbit-caption {
  display: block
}
.preloader {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  border: solid 3px;
  border-color: #555 #fff;
  border-radius: 1000px;
  -webkit-animation-name: rotate;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-name: rotate;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear
}
.orbit-container {
  overflow: hidden;
  width: 100%;
  position: relative;
  background: #fcb533
}
.orbit-container .orbit-slides-container {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative
}
.orbit-container .orbit-slides-container img {
  display: block;
  max-width: 100%
}
.orbit-container .orbit-slides-container>* {
  position: absolute;
  top: 0;
  width: 100%;
  margin-left: 100%
}
.orbit-container .orbit-slides-container>:first-child {
  margin-left: 0
}
.orbit-container .orbit-slides-container>* .orbit-caption {
  position: absolute;
  bottom: 0;
  background-color: rgba(0,0,0,.6);
  color: #fff;
  width: 100%;
  padding: 10px 14px;
  font-size: 1.16667em
}
.orbit-container .orbit-slide-number {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 12px;
  color: #fff;
  background: 0 0;
  z-index: 10
}
.orbit-container .orbit-slide-number span {
  font-weight: 700;
  padding: .41667em
}
.orbit-container .orbit-timer {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 6px;
  width: 100px;
  z-index: 10
}
.orbit-container .orbit-timer .orbit-progress {
  height: 100%;
  background-color: rgba(0,0,0,.6);
  display: block;
  width: 0
}
.orbit-container .orbit-timer>span {
  display: none;
  position: absolute;
  top: 10px;
  right: 0;
  width: 11px;
  height: 14px;
  border: solid 4px #000;
  border-top: 0;
  border-bottom: 0
}
.orbit-container .orbit-timer.paused>span {
  right: -6px;
  top: 9px;
  width: 11px;
  height: 14px;
  border: inset 8px;
  border-right-style: solid;
  border-color: transparent transparent transparent #000
}
.orbit-container:hover .orbit-timer>span {
  display: block
}
.orbit-container .orbit-next, .orbit-container .orbit-prev {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  background-color: rgba(0,0,0,.6);
  width: 50px;
  height: 60px;
  line-height: 50px;
  color: #fff;
  text-indent: -9999px!important;
  z-index: 10
}
.orbit-container .orbit-next:hover, .orbit-container .orbit-prev:hover {
  background-color: transparent
}
.orbit-container .orbit-next>span, .orbit-container .orbit-prev>span {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  display: block;
  width: 0;
  height: 0;
  border: inset 16px
}
.orbit-container .orbit-prev {
  left: 0
}
.orbit-container .orbit-prev>span {
  border-right-style: solid;
  border-color: transparent;
  border-right-color: #222
}
.orbit-container .orbit-prev:hover>span {
  border-right-color: #fff
}
.orbit-container .orbit-next {
  right: 0
}
.orbit-container .orbit-next>span {
  border-color: transparent;
  border-left-style: solid;
  border-left-color: #222;
  left: 50%;
  margin-left: -8px
}
.orbit-container .orbit-next:hover>span {
  border-left-color: #fff
}
.orbit-bullets {
  margin: 0 auto 30px;
  overflow: hidden;
  position: relative;
  top: 10px
}
.orbit-bullets li {
  display: block;
  width: 1em;
  height: 1em;
  background: #999;
  float: left;
  margin-right: 6px;
  border: solid 1px #555;
  border-radius: 1000px
}
.orbit-bullets li.active {
  background: #555
}
.orbit-bullets li:last-child {
  margin-right: 0
}
.touch .orbit-bullets, .touch .orbit-container .orbit-next, .touch .orbit-container .orbit-prev {
  display: none
}

@media only screen and (min-width:640px) {
.touch .orbit-container .orbit-next, .touch .orbit-container .orbit-prev {
  display: inherit
}
.touch .orbit-bullets {
  display: block
}
}

@media only screen and (max-width:640px) {
.orbit-stack-on-small .orbit-slides-container {
  height: auto!important
}
.orbit-stack-on-small .orbit-slides-container>* {
  position: relative;
  margin-left: 0!important
}
.orbit-stack-on-small .orbit-bullets, .orbit-stack-on-small .orbit-next, .orbit-stack-on-small .orbit-prev, .orbit-stack-on-small .orbit-timer {
  display: none
}
}
form.custom .hidden-field {
  margin-left: -99999px;
  position: absolute;
  visibility: hidden
}
form.custom .custom {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  border: solid 1px #ccc;
  background: #fff
}
form.custom .custom.checkbox {
  border-radius: 0;
  padding: 0
}
form.custom .custom.radio {
  border-radius: 1000px;
  padding: 3px
}
form.custom .custom.checkbox:before {
  content: "";
  display: block;
  font-size: 16px;
  color: #fff
}
form.custom .custom.radio.checked:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 1000px;
  background: #222;
  position: relative
}
form.custom .custom.checkbox.checked:before {
  content: "\00d7";
  color: #222;
  position: absolute;
  top: -50%;
  left: 50%;
  margin-top: 4px;
  margin-left: -5px
}
form.custom .custom.dropdown {
  display: block;
  position: relative;
  top: 0;
  height: 3.08333em;
  margin-bottom: 1.66667em;
  margin-top: 0;
  padding: 0;
  width: 100%;
  -webkit-box-shadow: none;
  background: -webkit-gradient(linear, top left, bottom left, from(#fff), to(#f3f3f3));
  background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 100%);
  background: linear-gradient(to bottom, #fff 0, #f3f3f3 100%);
  box-shadow: none;
  font-size: 1.16667em;
  vertical-align: top
}
form.custom .custom.dropdown ul {
  overflow-y: auto;
  max-height: 200px
}
form.custom .custom.dropdown .current {
  cursor: default;
  white-space: nowrap;
  line-height: 3em;
  color: rgba(0,0,0,.75);
  text-decoration: none;
  overflow: hidden;
  display: block;
  margin-left: .66667em;
  margin-right: 3.08333em
}
form.custom .custom.dropdown .selector {
  cursor: default;
  position: absolute;
  width: 3.33333em;
  height: 3.08333em;
  display: block;
  right: 0;
  top: 0
}
form.custom .custom.dropdown .selector:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: #aaa transparent transparent;
  border-top-style: solid;
  position: absolute;
  left: 1.25em;
  top: 50%;
  margin-top: -3px
}
form.custom .custom.dropdown.open a.selector:after, form.custom .custom.dropdown:hover a.selector:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: #222 transparent transparent;
  border-top-style: solid
}
form.custom .custom.dropdown .disabled {
  color: #888
}
form.custom .custom.dropdown .disabled:hover {
  background: 0 0;
  color: #888
}
form.custom .custom.dropdown .disabled:hover:after {
  display: none
}
form.custom .custom.dropdown.open ul {
  display: block;
  z-index: 10;
  min-width: 100%;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}
form.custom .custom.dropdown.small {
  max-width: 134px
}
form.custom .custom.dropdown.medium {
  max-width: 254px
}
form.custom .custom.dropdown.large {
  max-width: 434px
}
form.custom .custom.dropdown.expand {
  width: 100%!important
}
form.custom .custom.dropdown.open.small ul {
  min-width: 134px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
form.custom .custom.dropdown.open.medium ul {
  min-width: 254px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
form.custom .custom.dropdown.open.large ul {
  min-width: 434px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
form.custom .error .custom.dropdown {
  border-color: #c60f13;
  background: rgba(198,15,19,.1);
  margin-bottom: 0
}
form.custom .error .custom.dropdown:focus {
  background: #fafafa;
  border-color: #3c3c3c
}
form.custom .error .custom.dropdown+small.error {
  margin-top: 0
}
form.custom .custom.dropdown ul {
  position: absolute;
  width: auto;
  display: none;
  left: -1px;
  top: auto;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
  margin: 0;
  padding: 0;
  background: #fff;
  border: solid 1px #ccc;
  font-size: 12px
}
form.custom .custom.dropdown ul li {
  color: #555;
  font-size: 1.16667em;
  cursor: default;
  padding-top: .33333em;
  padding-bottom: .33333em;
  padding-left: .5em;
  padding-right: 3.16667em;
  min-height: 2em;
  line-height: 2em;
  margin: 0;
  white-space: nowrap;
  list-style: none
}
form.custom .custom.dropdown ul li.selected {
  background: #eee;
  color: #000
}
form.custom .custom.dropdown ul li:hover {
  background-color: #e4e4e4;
  color: #000
}
form.custom .custom.dropdown ul li.selected:hover {
  background: #eee;
  cursor: default;
  color: #000
}
form.custom .custom.dropdown ul.show {
  display: block
}
form.custom .custom.disabled {
  background: #ddd
}
body, html {
  font-size: 15px;
  min-width: 300px
}

@media only screen and (min-width:768px) {
body, html {
  font-size: 16px
}
}

@media only screen and (min-width:1024px) {
body, html {
  font-size: 20px
}
}
html {
  height: 100%
}
#loading {
  height: 100%;
  width: 100%;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #36c3e5
}
#loading #loading-plane {
  display: block;
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 9999;
  background: url(../img/pre-flight-mobile.gif) center 47% no-repeat
}

@media only screen and (min-width:768px) {
#loading #loading-plane {
  background: url(../img/pre-flight.gif) center 47% no-repeat
}
}
a, a:focus, a:hover {
  outline: 0
}
h1, h2, h3, h4, h5, h6 {
  color: #222
}

@media only screen and (min-width:1024px) {
p {
  text-align: justify
}
}
.post .main, .section-nav {
  padding-top: 85px;
  padding-bottom: 85px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
.post .main, .section-nav {
  padding-top: 85px;
  padding-bottom: 85px
}
}

@media only screen and (min-width:768px) {
.post .main, .section-nav {
  padding-top: 100px;
  padding-bottom: 100px
}
}

@media only screen and (min-device-width:1024px) and (max-device-width:768px) and (orientation:portrait) {
.post .main, .section-nav {
  padding-top: 150px;
  padding-bottom: 150px
}
}

@media only screen and (min-device-width:1024px) and (max-device-width:768px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
.post .main, .section-nav {
  padding-top: 150px;
  padding-bottom: 150px
}
}

@media only screen and (min-width:1400px) and (-webkit-min-device-pixel-ratio:2) {
.post .main, .section-nav {
  padding-top: 150px;
  padding-bottom: 150px
}
}

@media only screen and (min-width:1024px) {
.post .main, .section-nav {
  padding-top: 125px;
  padding-bottom: 125px
}
}

@media only screen and (min-width:1400px) {
.post .main, .section-nav {
  padding-top: 150px;
  padding-bottom: 150px
}
}

@media only screen and (min-width:1600px) {
.post .main, .section-nav {
  padding-top: 175px;
  padding-bottom: 175px
}
}

@media only screen and (min-width:2000px) {
.post .main, .section-nav {
  padding-top: 200px;
  padding-bottom: 200px
}
}

@media only screen and (min-width:2400px) {
.post .main, .section-nav {
  padding-top: 225px;
  padding-bottom: 225px
}
}
.section-nav:last-child {
  padding-bottom: 30px
}
.section-title {

  width: 100%;
  font-family: Dosis, "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  text-align: center;
  font-size: 33px
}

@media only screen and (min-width:768px) {
.section-title {
  font-size: 50px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
.section-title {
  font-size: 50px
}
}

@media only screen and (min-width:1024px) {
.section-title {
  font-size: 64px
}
}
.content-max {
  display: block;
  max-width: 1600px;
  margin: 0 auto
}
.content {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 870px;
  width: 100%;
*zoom:1
}
.content:after, .content:before {
  content: " ";
  display: table
}
.content:after {
  clear: both
}
.content .content-inner {
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  float: left
}
blockquote {
  text-align: center;
  font-style: italic;
  font-weight: 400
}
.icon {
  background: url(../img/oddbee-sprite@1x.png);
  display: inline-block;
  width: 40px;
  height: 40px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
.icon {
  background: url(../img/oddbee-sprite@2x.png);
  -webkit-background-size: 540px 240px;
  background-size: 540px 240px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
.icon {
  background: url(../img/oddbee-sprite@2x.png);
  display: inline-block
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
.icon {
  background: url(../img/oddbee-sprite@3x.png);
  -webkit-background-size: 1080px 480px;
  background-size: 1080px 480px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
.icon {
  width: 80px;
  height: 80px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
.icon {
  width: 80px;
  height: 80px
}
}
#outer-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  background: #fcb533;
  height: 100%
}
#inner-wrap {
  position: relative;
  width: 100%;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  z-index: 101;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.content-scroll {
  z-index: 107;
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch
}
body.stories-active {
  overflow: hidden
}
#nav-top-check {
  display: none
}
#nav-top-check:checked+#nav-top-wrap {
  display: block;
  overflow-y: visible;
  -webkit-transition: all .5s ease;
  transition: all .5s ease
}
#nav-top-check:checked~#inner-wrap #contact-section {
  padding-bottom: 35px
}

@media only screen and (min-width:640px) {
#nav-top-check:checked~#inner-wrap #contact-section {
  padding-bottom: 46px
}
}

@media only screen and (min-width:768px) {
#nav-top-check:checked~#inner-wrap #contact-section {
  padding-bottom: 79px
}
}

@media only screen and (min-width:1024px) {
#nav-top-check:checked~#inner-wrap #contact-section {
  padding-bottom: 85px
}
}
#nav-top-check:checked~#banner {
  top: 0;
  -ms-transform: translate3d(0px, 0, 0);
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0)
}
#nav-top-check:checked~#banner #banner-inner #navicon-button #navicon {
  background-position: -320px 0
}

@media only screen and (min-width:768px) {
#nav-top-check:checked~#banner #banner-inner #navicon-button #navicon {
  background-position: -640px 0
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#nav-top-check:checked~#banner #banner-inner #navicon-button #navicon {
  background-position: -645px 0
}
}
#nav-top-check:checked~#banner.crew #banner-inner #navicon-button #navicon, #nav-top-check:checked~#banner.post #banner-inner #navicon-button #navicon {
  background-position: -320px -25px
}

@media only screen and (min-width:768px) {
#nav-top-check:checked~#banner.crew #banner-inner #navicon-button #navicon, #nav-top-check:checked~#banner.post #banner-inner #navicon-button #navicon {
  background-position: -640px -50px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#nav-top-check:checked~#banner.crew #banner-inner #navicon-button #navicon, #nav-top-check:checked~#banner.post #banner-inner #navicon-button #navicon {
  background-position: -645px -50px
}
}
#nav-top-check:checked+#nav-down {
  display: none
}
#nav-top-check:not(:checked)~#inner-wrap {
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  -ms-transform: translate3d(0px, 0, 0);
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0)
}
.lt-ie9 #banner #banner-inner #navicon-button #navicon {
  background: url(../img/oddbee-sprite@1x.png);
  display: inline-block;
  background-position: -300px 0;
  width: 16px;
  height: 25px;
  position: relative
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
.lt-ie9 #banner #banner-inner #navicon-button #navicon {
  background: url(../img/oddbee-sprite@2x.png);
  -webkit-background-size: 540px 240px;
  background-size: 540px 240px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
.lt-ie9 #banner #banner-inner #navicon-button #navicon {
  background: url(../img/oddbee-sprite@2x.png);
  display: inline-block
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
.lt-ie9 #banner #banner-inner #navicon-button #navicon {
  background: url(../img/oddbee-sprite@3x.png);
  -webkit-background-size: 1080px 480px;
  background-size: 1080px 480px;
  display: inline-block
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
.lt-ie9 #banner #banner-inner #navicon-button #navicon {
  background-position: -300px 0
}
}

@media only screen and (min-width:768px) {
.lt-ie9 #banner #banner-inner #navicon-button #navicon {
  background-position: -600px 0;
  width: 30px;
  height: 50px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
.lt-ie9 #banner #banner-inner #navicon-button #navicon {
  background-position: -605px 0
}
}
#banner-nav-wrap {
  background: #222
}
#banner {
  z-index: 9998;
  top: 0;
  background: 0 0;
  position: fixed;
  display: block;
  width: 100%;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  -ms-transform: translate3d(0px, -328px, 0);
  -webkit-transform: translate3d(0px, -328px, 0);
  transform: translate3d(0px, -328px, 0)
}

@media only screen and (min-width:640px) {
#banner {
  -ms-transform: translate3d(0px, -432px, 0);
  -webkit-transform: translate3d(0px, -432px, 0);
  transform: translate3d(0px, -432px, 0)
}
}

@media only screen and (min-width:768px) {
#banner {
  -ms-transform: translate3d(0px, -79px, 0);
  -webkit-transform: translate3d(0px, -79px, 0);
  transform: translate3d(0px, -79px, 0)
}
}

@media only screen and (min-width:1024px) {
#banner {
  -ms-transform: translate3d(0px, -85px, 0);
  -webkit-transform: translate3d(0px, -85px, 0);
  transform: translate3d(0px, -85px, 0)
}
}
#banner.scroll-down {
  -ms-transform: translate3d(0px, -44.5px, 0);
  -webkit-transform: translate3d(0px, -44.5px, 0);
  transform: translate3d(0px, -44.5px, 0)
}

@media only screen and (min-width:768px) {
#banner.scroll-down {
  -ms-transform: translate3d(0px, -87px, 0);
  -webkit-transform: translate3d(0px, -87px, 0);
  transform: translate3d(0px, -87px, 0)
}
}
#banner #banner-inner-wrap {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;

  width: 100%;
*zoom:1
}
#banner #banner-inner-wrap:after, #banner #banner-inner-wrap:before {
  content: " ";
  display: table
}
#banner #banner-inner-wrap:after {
  clear: both
}
#banner #banner-inner {
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  float: left;
  padding-top: 11px;
  padding-bottom: 9px
}

@media only screen and (min-width:768px) {
#banner #banner-inner {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
}
}
#banner #banner-inner #logo {
  background: url(../img/oddbee-sprite@1x.png);
  display: inline-block;
  background-position: -200px 0;
  width: 94px;
  height: 25px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#banner #banner-inner #logo {
  background: url(../img/oddbee-sprite@2x.png);
  -webkit-background-size: 540px 240px;
  background-size: 540px 240px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#banner #banner-inner #logo {
  background: url(../img/oddbee-sprite@2x.png);
  display: inline-block
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#banner #banner-inner #logo {
  background: url(../img/oddbee-sprite@3x.png);
  -webkit-background-size: 1080px 480px;
  background-size: 1080px 480px;
  display: inline-block
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#banner #banner-inner #logo {
  background-position: -200px 0
}
}

@media only screen and (min-width:768px) {
#banner #banner-inner #logo {
  background-position: -400px 0;
  width: 185px;
  height: 50px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#banner #banner-inner #logo {
  background-position: -404px 0
}
}
#banner #banner-inner #navicon-button {
  display: inline-block;
  float: right;
  margin-bottom: 0
}
#banner #banner-inner #navicon-button #navicon {
  background: url(../img/oddbee-sprite@1x.png);
  display: inline-block;
  background-position: -300px 0;
  width: 16px;
  height: 25px;
  position: relative
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#banner #banner-inner #navicon-button #navicon {
  background: url(../img/oddbee-sprite@2x.png);
  -webkit-background-size: 540px 240px;
  background-size: 540px 240px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#banner #banner-inner #navicon-button #navicon {
  background: url(../img/oddbee-sprite@2x.png);
  display: inline-block
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#banner #banner-inner #navicon-button #navicon {
  background: url(../img/oddbee-sprite@3x.png);
  -webkit-background-size: 1080px 480px;
  background-size: 1080px 480px;
  display: inline-block
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#banner #banner-inner #navicon-button #navicon {
  background-position: -300px 0
}
}

@media only screen and (min-width:768px) {
#banner #banner-inner #navicon-button #navicon {
  background-position: -600px 0;
  width: 30px;
  height: 50px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#banner #banner-inner #navicon-button #navicon {
  background-position: -605px 0
}
}
#banner.crew #banner-inner #logo, #banner.post #banner-inner #logo {
  background-position: -200px -25px
}

@media only screen and (min-width:768px) {
#banner.crew #banner-inner #logo, #banner.post #banner-inner #logo {
  background-position: -400px -50px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#banner.crew #banner-inner #logo, #banner.post #banner-inner #logo {
  background-position: -404px -50px
}
}
#banner.crew #banner-inner #navicon-button #navicon, #banner.post #banner-inner #navicon-button #navicon {
  background-position: -300px -23px
}

@media only screen and (min-width:768px) {
#banner.crew #banner-inner #navicon-button #navicon, #banner.post #banner-inner #navicon-button #navicon {
  background-position: -600px -50px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#banner.crew #banner-inner #navicon-button #navicon, #banner.post #banner-inner #navicon-button #navicon {
  background-position: -605px -50px
}
}
.lt-ie9 #banner {
  top: 79px
}
#banner .nonCSS-fallback {
  margin-top: 35px
}

@media only screen and (min-width:640px) {
#banner .nonCSS-fallback {
  margin-top: 46px
}
}

@media only screen and (min-width:768px) {
#banner .nonCSS-fallback {
  margin-top: 79px
}
}

@media only screen and (min-width:1024px) {
#banner .nonCSS-fallback {
  margin-top: 85px
}
}
.nav-destination {
  top: 0;
  position: relative;
  z-index: 999;
  width: 100%;
  height: 0
}
#mobile-nav-close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 9999
}

@media only screen and (min-width:768px) {
#mobile-nav-close {
  display: none
}
}
#mobile-nav-close:hover .icon-close {
  background: url(../img/oddbee-sprite@1x.png);
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: -320px -140px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#mobile-nav-close:hover .icon-close {
  background: url(../img/oddbee-sprite@2x.png);
  -webkit-background-size: 540px 240px;
  background-size: 540px 240px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#mobile-nav-close:hover .icon-close {
  background: url(../img/oddbee-sprite@2x.png);
  display: inline-block
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#mobile-nav-close:hover .icon-close {
  background: url(../img/oddbee-sprite@3x.png);
  -webkit-background-size: 1080px 480px;
  background-size: 1080px 480px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#mobile-nav-close:hover .icon-close {
  width: 40px;
  height: 40px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#mobile-nav-close:hover .icon-close {
  width: 40px;
  height: 40px
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#mobile-nav-close:hover .icon-close {
  background-position: -320px -140px
}
}

@media only screen and (min-width:768px) {
#mobile-nav-close:hover .icon-close {
  background-position: -640px -280px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#mobile-nav-close:hover .icon-close {
  background-position: -640px -280px
}
}
#mobile-nav-close .icon-close {
  background: url(../img/oddbee-sprite@1x.png);
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: -320px -120px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#mobile-nav-close .icon-close {
  background: url(../img/oddbee-sprite@2x.png);
  -webkit-background-size: 540px 240px;
  background-size: 540px 240px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#mobile-nav-close .icon-close {
  background: url(../img/oddbee-sprite@2x.png);
  display: inline-block
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#mobile-nav-close .icon-close {
  background: url(../img/oddbee-sprite@3x.png);
  -webkit-background-size: 1080px 480px;
  background-size: 1080px 480px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#mobile-nav-close .icon-close {
  width: 40px;
  height: 40px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#mobile-nav-close .icon-close {
  width: 40px;
  height: 40px
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#mobile-nav-close .icon-close {
  background-position: -320px -120px
}
}

@media only screen and (min-width:768px) {
#mobile-nav-close .icon-close {
  background-position: -640px -240px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#mobile-nav-close .icon-close {
  background-position: -640px -240px
}
}
#nav-top-wrap {
  position: relative;
  z-index: 110;
  background: #222;
  width: 100%
}

@media only screen and (min-width:768px) {
#nav-top-wrap {
  height: 79px;
  background: #222
}
}

@media only screen and (min-width:1024px) {
#nav-top-wrap {
  height: 85px
}
}
#nav-top-wrap #nav-top {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  width: 100%;
*zoom:1;
  max-width: 980px
}
#nav-top-wrap #nav-top:after, #nav-top-wrap #nav-top:before {
  content: " ";
  display: table
}
#nav-top-wrap #nav-top:after {
  clear: both
}
#nav-top-wrap ul {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  float: left;
  text-align: center;
  margin: 0;
  list-style: none;
}

@media only screen and (min-width:768px) {
#nav-top-wrap ul {
  padding-top: 15px;
  padding-bottom: 15px
}
}
#nav-top-wrap li {
  display: block;
  width: 100%;
  margin-bottom: 30px
}

@media only screen and (min-width:640px) {
#nav-top-wrap li {
  margin-bottom: 40px
}
}

@media only screen and (min-width:768px) {
#nav-top-wrap li {
  width: 16%;
  margin-bottom: 0;
  display: inline-block
}
}
#nav-top-wrap li:first-child {
  margin-top: 15px
}

@media only screen and (min-width:768px) {
#nav-top-wrap li:first-child {
  margin-top: 0;
  text-align: left
}
}

@media only screen and (min-width:768px) {
#nav-top-wrap li:nth-child(2) {
  text-align: left;
  position: relative;
  right: -1%
}
}

@media only screen and (min-width:768px) {
#nav-top-wrap li:nth-child(3) {
  text-align: center
}
}

@media only screen and (min-width:768px) {
#nav-top-wrap li:nth-child(4) {
  text-align: right;
  position: relative;
  left: -3%
}
}
#nav-top-wrap li:last-child {
  margin-bottom: 15px
}

@media only screen and (min-width:768px) {
#nav-top-wrap li:last-child {
  margin-bottom: 0;
  text-align: right
}
}
#nav-top-wrap a {
  cursor: pointer;
  line-height: normal;
  margin: 0 0 1.66667em;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  font-family: Dosis, "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 0;
  padding: 3px 6px;
  font-size: 12px;
  border-radius: 3px;
  color: #fff;
  background: #222;
  border: 1px solid #222
}
#nav-top-wrap a:focus, #nav-top-wrap a:hover {
  color: #fff;
  background: #222;
  border: 1px solid #222
}

@media only screen and (min-width:640px) {
#nav-top-wrap a {
  padding: 4px 8px;
  font-size: 18px;
  border-radius: 5px
}
}

@media only screen and (min-width:768px) {
#nav-top-wrap a {
  padding: 8px 16px;
  font-size: 22px;
  border-radius: 7px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#nav-top-wrap a {
  padding: 8px 16px;
  font-size: 22px;
  border-radius: 7px
}
}

@media only screen and (min-width:1024px) {
#nav-top-wrap a {
  padding: 10px 15px;
  border-radius: 8px;
  font-size: 24px
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#nav-top-wrap a {
  border: 1px solid #222
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#nav-top-wrap a {
  border: 1px solid #222
}
}

@media only screen and (min-width:768px) {
#nav-top-wrap a {
  border: 2px solid #222
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#nav-top-wrap a:focus, #nav-top-wrap a:hover {
  border: 1px solid #222
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#nav-top-wrap a:focus, #nav-top-wrap a:hover {
  border: 1px solid #222
}
}

@media only screen and (min-width:768px) {
#nav-top-wrap a:focus, #nav-top-wrap a:hover {
  border: 2px solid #fff
}
}
#nav-top-wrap a.active {
  color: #222;
  background: #36c3e5;
  border: 1px solid #36c3e5
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#nav-top-wrap a.active {
  border: 1px solid #36c3e5
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#nav-top-wrap a.active {
  border: 1px solid #36c3e5
}
}

@media only screen and (min-width:768px) {
#nav-top-wrap a.active {
  border: 2px solid #36c3e5
}
}
#nav-down, #nav-down-fallback {
  background: url(../img/oddbee-sprite@1x.png);
  display: inline-block;
  background-position: -200px -60px;
  width: 60px;
  height: 60px;
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  z-index: 200
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#nav-down, #nav-down-fallback {
  background: url(../img/oddbee-sprite@2x.png);
  -webkit-background-size: 540px 240px;
  background-size: 540px 240px;
  display: inline-block;
  background-position: -199px -60px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#nav-down, #nav-down-fallback {
  background: url(../img/oddbee-sprite@2x.png);
  -webkit-background-size: 540px 240px;
  background-size: 540px 240px;
  display: inline-block;
  background-position: -199px -60px
}
}

@media only screen and (min-width:1600px) and (-webkit-min-device-pixel-ratio:2) {
#nav-down, #nav-down-fallback {
  background: url(../img/oddbee-sprite@3x.png);
  -webkit-background-size: 1080px 480px;
  background-size: 1080px 480px;
  display: inline-block;
  background-position: -400px -120px;
  width: 120px;
  height: 120px;
  left: 50%;
  margin-left: -60px
}
}
#nav-down-fallback.active, #nav-down-fallback:hover, #nav-down.active, #nav-down:hover {
  background-position: -260px -60px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#nav-down-fallback.active, #nav-down-fallback:hover, #nav-down.active, #nav-down:hover {
  background-position: -259px -60px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#nav-down-fallback.active, #nav-down-fallback:hover, #nav-down.active, #nav-down:hover {
  background-position: -259px -60px
}
}

@media only screen and (min-width:1600px) and (-webkit-min-device-pixel-ratio:2) {
#nav-down-fallback.active, #nav-down-fallback:hover, #nav-down.active, #nav-down:hover {
  background-position: -520px -120px
}
}
#nav-down {
  position: fixed;
  bottom: 15px;
  left: 50%;
  margin-left: -30px
}

@media only screen and (min-width:1600px) and (-webkit-min-device-pixel-ratio:2) {
#nav-down {
  margin-left: -60px
}
}
#nav-down-fallback {
  text-align: center;
  position: absolute;
  left: 50%;
  margin-left: -30px;
  margin-top: -100px
}

@media only screen and (min-width:768px) {
#nav-down-fallback {
  margin-top: -125px
}
}

@media only screen and (min-width:1600px) and (-webkit-min-device-pixel-ratio:2) {
#nav-down-fallback {
  margin-left: -60px
}
}




































#back-to-top{
  background: url(../img/oddbee-sprite@2x.png);
  -webkit-background-size: 540px 240px;
  background-size: 540px 240px;
  display: inline-block;
  background-position: -259px -60px;
  width: 60px;
  height: 60px;
transform: rotate(180deg);

  z-index: 200;
    position: fixed;
    bottom: 40px;
right: 40px;
display: none;
}



#back-to-top.active, #back-to-top:hover {
opacity: .8;
}









































.lt-ie9 #nav-top-wrap {
  top: 0;
  left: 0
}
.lt-ie9 #nav-down {
  display: none
}
.social-icons {
  text-align: center;
  margin-top: 55px
}

@media only screen and (min-width:768px) {
.social-icons {
  margin-top: 55px
}
}

@media only screen and (min-width:1024px) {
.social-icons {
  margin-top: 55px
}
}
.social-icons a {
  margin-left: 0;
  margin-right: 0;
  background: url(../img/oddbee-sprite@1x.png);
  display: inline-block;
  width: 40px;
  height: 40px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
.social-icons a {
  background: url(../img/oddbee-sprite@2x.png);
  -webkit-background-size: 540px 240px;
  background-size: 540px 240px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
.social-icons a {
  background: url(../img/oddbee-sprite@2x.png);
  display: inline-block
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
.social-icons a {
  background: url(../img/oddbee-sprite@3x.png);
  -webkit-background-size: 1080px 480px;
  background-size: 1080px 480px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
.social-icons a {
  width: 80px;
  height: 80px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
.social-icons a {
  width: 80px;
  height: 80px
}
}
.social-icons a.post {
  background: url(../img/spritesheet-portfolio@1x.png);
  display: inline-block;
  width: 40px;
  height: 40px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
.social-icons a.post {
  background: url(../img/spritesheet-portfolio@2x.png);
  -webkit-background-size: 80px 80px;
  background-size: 80px 80px;
  width: 40px;
  height: 40px
}
}

@media only screen and (min-width:768px) {
.social-icons a.post {
  background: url(../img/spritesheet-portfolio@2x.png);
  width: 80px;
  height: 80px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
.social-icons a.post {
  background: url(../img/spritesheet-portfolio@3x.png);
  -webkit-background-size: 160px 160px;
  background-size: 160px 160px;
  width: 80px;
  height: 80px
}
}
.social-icons a.post.icon-pinterest {
  background-position: 0 0
}
.social-icons a.post.icon-pinterest:hover {
  background-position: 0 -40px
}

@media only screen and (min-width:768px) {
.social-icons a.post.icon-pinterest:hover {
  background-position: 0 -80px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
.social-icons a.post.icon-pinterest:hover {
  background-position: 0 -80px
}
}
.social-icons a.post.icon-email {
  background-position: -40px 0
}

@media only screen and (min-width:768px) {
.social-icons a.post.icon-email {
  background-position: -80px 0
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
.social-icons a.post.icon-email {
  background-position: -80px 0
}
}
.social-icons a.post.icon-email:hover {
  background-position: -40px -40px
}

@media only screen and (min-width:768px) {
.social-icons a.post.icon-email:hover {
  background-position: -80px -80px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
.social-icons a.post.icon-email:hover {
  background-position: -80px -80px
}
}
.social-icons .icon-twitter {
  background-position: 0 0
}
.social-icons .icon-twitter:hover {
  background-position: 0 -40px
}

@media only screen and (min-width:768px) {
.social-icons .icon-twitter:hover {
  background-position: 0 -80px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
.social-icons .icon-twitter:hover {
  background-position: 0 -80px
}
}
.social-icons .icon-linkedin {
  background-position: -40px 0
}

@media only screen and (min-width:768px) {
.social-icons .icon-linkedin {
  background-position: -80px 0
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
.social-icons .icon-linkedin {
  background-position: -80px 0
}
}
.social-icons .icon-linkedin:hover {
  background-position: -40px -40px
}

@media only screen and (min-width:768px) {
.social-icons .icon-linkedin:hover {
  background-position: -80px -80px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
.social-icons .icon-linkedin:hover {
  background-position: -80px -80px
}
}
.social-icons .icon-dribbble {
  background-position: -80px 0
}

@media only screen and (min-width:768px) {
.social-icons .icon-dribbble {
  background-position: -160px 0
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
.social-icons .icon-dribbble {
  background-position: -160px 0
}
}
.social-icons .icon-dribbble:hover {
  background-position: -80px -40px
}

@media only screen and (min-width:768px) {
.social-icons .icon-dribbble:hover {
  background-position: -160px -80px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
.social-icons .icon-dribbble:hover {
  background-position: -160px -80px
}
}
.social-icons .icon-facebook {
  background-position: -120px 0
}

@media only screen and (min-width:768px) {
.social-icons .icon-facebook {
  background-position: -240px 0
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
.social-icons .icon-facebook {
  background-position: -240px 0
}
}
.social-icons .icon-facebook:hover {
  background-position: -120px -40px
}

@media only screen and (min-width:768px) {
.social-icons .icon-facebook:hover {
  background-position: -240px -80px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
.social-icons .icon-facebook:hover {
  background-position: -240px -80px
}
}
.social-icons .icon-github {
  background-position: -160px 0
}

@media only screen and (min-width:768px) {
.social-icons .icon-github {
  background-position: -320px 0
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
.social-icons .icon-github {
  background-position: -320px 0
}
}
.social-icons .icon-github:hover {
  background-position: -160px -40px
}

@media only screen and (min-width:768px) {
.social-icons .icon-github:hover {
  background-position: -320px -80px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
.social-icons .icon-github:hover {
  background-position: -320px -80px
}
}
.social-icons .icon-googleplus {
  width: 0;
  height: 0;
  visibility: hidden
}
@-webkit-keyframes planeFlyUp {
0%, 6% {
-webkit-transform:translate3d(0, 35%, 0);
transform:translate3d(0, 35%, 0)
}
13% {
-webkit-transform:translate3d(0, 10%, 0);
transform:translate3d(0, 10%, 0)
}
28% {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
42% {
-webkit-transform:translate3d(0, -200%, 0);
transform:translate3d(0, -200%, 0)
}
}
#home-mission-wrap {
  display: block;
  position: relative;
  width: 100%;
  background: #36c3e5;
  top: 0;
  left: 0;
  z-index: 90;
  height: 2200px;
  overflow: hidden;
  overflow: none;
  -ms-overflow: none
}

@media only screen and (min-width:768px) {
#home-mission-wrap {
  height: 4000px
}
}
.skrollable {
  -webkit-backface-visibility: hidden;
  position: fixed;
  z-index: 100
}
.skrollable .skrollable {
  position: absolute
}
#headline-section, #mission-section {
  width: 100%;
  height: auto;
  display: block
}
.hexagon-fit {
  display: block;
  width: 250px;
  left: 50%;
  margin-left: -125px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
.hexagon-fit {
  width: 250px;
  left: 50%;
  margin-left: -125px
}
}

@media only screen and (min-width:640px) {
.hexagon-fit {
  width: 300px;
  left: 50%;
  margin-left: -150px
}
}

@media only screen and (min-width:768px) {
.hexagon-fit {
  width: 350px;
  left: 50%;
  margin-left: -175px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
.hexagon-fit {
  width: 350px;
  left: 50%;
  margin-left: -175px
}
}

@media only screen and (min-width:1024px) {
.hexagon-fit {
  width: 400px;
  left: 50%;
  margin-left: -200px
}
}

@media only screen and (min-width:1400px) {
.hexagon-fit {
  width: 450px;
  left: 50%;
  margin-left: -225px
}
}

@media only screen and (min-width:1600px) {
.hexagon-fit {
  width: 500px;
  left: 50%;
  margin-left: -250px
}
}

@media only screen and (min-width:2000px) {
.hexagon-fit {
  width: 600px;
  left: 50%;
  margin-left: -300px
}
}

@media only screen and (min-width:2400px) {
.hexagon-fit {
  width: 710px;
  left: 50%;
  margin-left: -355px
}
}
.home-mission-fallback {
  display: none;
  background: #37C3E6;
  width: 100%;
  text-align: center;
  position: relative;
  padding-bottom: 50px
}
.fallback-large #home-mission-wrap, .fallback-small #home-mission-wrap, .home-mission-fallback .small-screen, .lt-ie9 #home-mission-wrap, .no-js #home-mission-wrap {
  display: none
}
.fallback-large .home-mission-fallback, .fallback-small .home-mission-fallback, .lt-ie9 .home-mission-fallback, .no-js .home-mission-fallback {
  display: block
}
.fallback-small .small-screen {
  display: block;
  margin: 0 auto;
  position: relative;
  max-width: 650px;
  width: 100%;
}
.fallback-large .small-screen, .fallback-small .large-screen {
  display: none
}
.fallback-large .large-screen {
  display: block;
  margin: 0 auto;
  position: relative
}
.lt-ie9 .home-mission-fallback {
  padding-top: 125px
}
#headline-wrap {
  display: none;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  -ms-transform: translate3d(0px, 0, 0);
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
  top: 45%;
  width: 100%
}

@media only screen and (min-width:640px) {
#headline-wrap {
  top: 45%
}
}

@media only screen and (min-width:768px) {
#headline-wrap {
  top: 45%
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#headline-wrap {
  top: 45%
}
}

@media only screen and (min-width:1024px) {
#headline-wrap {
  top: 45%
}
}

@media only screen and (min-width:1400px) {
#headline-wrap {
  top: 42%
}
}

@media only screen and (min-width:1600px) {
#headline-wrap {
  top: 42%
}
}

@media only screen and (min-width:2000px) {
#headline-wrap {
  top: 43%
}
}

@media only screen and (min-width:2000px) {
#headline-wrap {
  top: 43%
}
}
#headline-wrap h1 {
  font-family: Dosis, "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  display: block;
  margin: 0 auto;
  z-index: 101;
  position: relative;
  color: #fff;
  font-size: 18px
}

@media only screen and (min-width:640px) {
#headline-wrap h1 {
  font-size: 20px
}
}

@media only screen and (min-width:768px) {
#headline-wrap h1 {
  font-size: 24px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#headline-wrap h1 {
  font-size: 24px
}
}

@media only screen and (min-width:1024px) {
#headline-wrap h1 {
  font-size: 30px
}
}

@media only screen and (min-width:1400px) {
#headline-wrap h1 {
  font-size: 38px
}
}

@media only screen and (min-width:1600px) {
#headline-wrap h1 {
  font-size: 48px
}
}

@media only screen and (min-width:2000px) {
#headline-wrap h1 {
  font-size: 55px
}
}

@media only screen and (min-width:2400px) {
#headline-wrap h1 {
  font-size: 62px
}
}
#headline-hexagon-wrap {
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  -ms-transform: translate3d(0px, 0, 0);
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
  top: 25%
}

@media only screen and (min-width:640px) {
#headline-hexagon-wrap {
  top: 25%
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#headline-hexagon-wrap {
  top: 25%
}
}

@media only screen and (min-width:768px) {
#headline-hexagon-wrap {
  top: 28%
}
}

@media only screen and (min-device-width:1024px) and (max-device-width:768px) and (orientation:portrait) {
#headline-hexagon-wrap {
  top: 33%
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#headline-hexagon-wrap {
  top: 33%
}
}

@media only screen and (min-width:1024px) {
#headline-hexagon-wrap {
  top: 28%
}
}

@media only screen and (min-width:1600px) {
#headline-hexagon-wrap {
  top: 24%
}
}

@media only screen and (max-height:400px) {
#headline-hexagon-wrap {
  top: 22.5%
}
}

@media only screen and (max-height:600px) {
#headline-hexagon-wrap {
  top: 22.5%
}
}

@media only screen and (max-height:768px) {
#headline-hexagon-wrap {
  top: 22.5%
}
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
#headline-hexagon-wrap {
  top: 22.5%
}
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
#headline-hexagon-wrap {
  top: 22.5%
}
}
#headline-hexagon-wrap #headline-hexagon {
  display: block;
  margin: 0 auto;
  position: relative;
  z-index: 100;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  -ms-transform: translate3d(0px, 0, 0);
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0)
}
#plane-wrap #plane {
  display: block;
  margin: 0 auto;
  position: relative;
  z-index: 99;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  -ms-transform: translate3d(0px, 0, 0);
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0)
}
#plane-wrap .prop {
  display: block;
  margin: 0 auto;
  z-index: 103;
  position: absolute;
  text-align: center;
  width: 58px;
  left: 50%;
  margin-left: -29px;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  -ms-transform: translate3d(0px, 0, 0);
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
  top: 7px
}

@media only screen and (min-width:768px) {
#plane-wrap .prop {
  width: 80px;
  left: 50%;
  margin-left: -40px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#plane-wrap .prop {
  width: 80px;
  left: 50%;
  margin-left: -40px
}
}

@media only screen and (min-width:1024px) {
#plane-wrap .prop {
  width: 91px;
  left: 50%;
  margin-left: -45.5px
}
}

@media only screen and (min-width:1400px) {
#plane-wrap .prop {
  width: 103px;
  left: 50%;
  margin-left: -51.5px
}
}

@media only screen and (min-width:1600px) {
#plane-wrap .prop {
  width: 114px;
  left: 50%;
  margin-left: -57px
}
}

@media only screen and (min-width:2000px) {
#plane-wrap .prop {
  width: 137px;
  left: 50%;
  margin-left: -68.5px
}
}

@media only screen and (min-width:2400px) {
#plane-wrap .prop {
  width: 162px;
  left: 50%;
  margin-left: -81px
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#plane-wrap .prop {
  top: 7px
}
}

@media only screen and (min-width:640px) {
#plane-wrap .prop {
  top: 11px
}
}

@media only screen and (min-width:768px) {
#plane-wrap .prop {
  top: 12px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#plane-wrap .prop {
  top: 12px
}
}

@media only screen and (min-width:1024px) {
#plane-wrap .prop {
  top: 12px
}
}

@media only screen and (min-width:1400px) {
#plane-wrap .prop {
  top: 13px
}
}

@media only screen and (min-width:1600px) {
#plane-wrap .prop {
  top: 14px
}
}

@media only screen and (min-width:2000px) {
#plane-wrap .prop {
  top: 17px
}
}

@media only screen and (min-width:2400px) {
#plane-wrap .prop {
  top: 20px
}
}
#plane-reflection-wrap {
  opacity: .5
}
#plane-reflection-wrap .prop-reflect {
  display: block;
  margin: 0 auto;
  z-index: 103;
  position: absolute;
  text-align: center;
  width: 58px;
  left: 50%;
  margin-left: -29px;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  -ms-transform: translate3d(0px, 0, 0);
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
  top: 24px
}

@media only screen and (min-width:768px) {
#plane-reflection-wrap .prop-reflect {
  width: 80px;
  left: 50%;
  margin-left: -40px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#plane-reflection-wrap .prop-reflect {
  width: 80px;
  left: 50%;
  margin-left: -40px
}
}

@media only screen and (min-width:1024px) {
#plane-reflection-wrap .prop-reflect {
  width: 91px;
  left: 50%;
  margin-left: -45.5px
}
}

@media only screen and (min-width:1400px) {
#plane-reflection-wrap .prop-reflect {
  width: 103px;
  left: 50%;
  margin-left: -51.5px
}
}

@media only screen and (min-width:1600px) {
#plane-reflection-wrap .prop-reflect {
  width: 114px;
  left: 50%;
  margin-left: -57px
}
}

@media only screen and (min-width:2000px) {
#plane-reflection-wrap .prop-reflect {
  width: 137px;
  left: 50%;
  margin-left: -68.5px
}
}

@media only screen and (min-width:2400px) {
#plane-reflection-wrap .prop-reflect {
  width: 162px;
  left: 50%;
  margin-left: -81px
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#plane-reflection-wrap .prop-reflect {
  top: 24px
}
}

@media only screen and (min-width:640px) {
#plane-reflection-wrap .prop-reflect {
  top: 31px
}
}

@media only screen and (min-width:768px) {
#plane-reflection-wrap .prop-reflect {
  top: 35px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#plane-reflection-wrap .prop-reflect {
  top: 35px
}
}

@media only screen and (min-width:1024px) {
#plane-reflection-wrap .prop-reflect {
  top: 41px
}
}

@media only screen and (min-width:1400px) {
#plane-reflection-wrap .prop-reflect {
  top: 41px
}
}

@media only screen and (min-width:1600px) {
#plane-reflection-wrap .prop-reflect {
  top: 47px
}
}

@media only screen and (min-width:2000px) {
#plane-reflection-wrap .prop-reflect {
  top: 66px
}
}

@media only screen and (min-width:2400px) {
#plane-reflection-wrap .prop-reflect {
  top: 76px
}
}
#plane-reflection-wrap #plane-reflection {
  display: block;
  margin: 0 auto;
  position: relative;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  -ms-transform: translate3d(0px, 0, 0);
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0)
}
#prop-sharp-reflect.prop-reflect, #prop-sharp.prop {
  display: block
}
#prop-reflect-spin.prop-reflect, #prop-sharp-reflect.prop-reflect.hide, #prop-sharp.prop.hide, #prop-spin.prop {
  display: none
}
#prop-reflect-spin.prop-reflect.rotating, #prop-spin.prop.rotating {
  display: block;
  -webkit-animation: rotating .1s linear infinite;
  animation: rotating .1s linear infinite
}
#mission-details-wrap {
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  -ms-transform: translate3d(0px, 0, 0);
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
  top: 25%;
  display: none
}

@media only screen and (min-width:640px) {
#mission-details-wrap {
  top: 25%
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#mission-details-wrap {
  top: 25%
}
}

@media only screen and (min-width:768px) {
#mission-details-wrap {
  top: 28%
}
}

@media only screen and (min-device-width:1024px) and (max-device-width:768px) and (orientation:portrait) {
#mission-details-wrap {
  top: 33%
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#mission-details-wrap {
  top: 33%
}
}

@media only screen and (min-width:1024px) {
#mission-details-wrap {
  top: 28%
}
}

@media only screen and (min-width:1600px) {
#mission-details-wrap {
  top: 24%
}
}

@media only screen and (max-height:400px) {
#mission-details-wrap {
  top: 22.5%
}
}

@media only screen and (max-height:600px) {
#mission-details-wrap {
  top: 22.5%
}
}

@media only screen and (max-height:768px) {
#mission-details-wrap {
  top: 22.5%
}
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
#mission-details-wrap {
  top: 22.5%
}
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
#mission-details-wrap {
  top: 22.5%
}
}
#mission-details-wrap #mission-hexagon {
  display: block;
  margin: 0 auto;
  position: relative;
  z-index: 100
}
#mission-details-wrap #mission-details {
  z-index: 99;
  position: absolute;
  width: 100%
}
#mission-details-wrap #mission-details .mission-details-inner {
  display: block;
  margin: 0 auto;
  text-align: center;
  position: relative;
  padding: 0 40px;
  margin-top: 7%
}

@media only screen and (min-width:768px) {
#mission-details-wrap #mission-details .mission-details-inner {
  padding: 0 60px;
  margin-top: 16%
}
}

@media only screen and (min-width:1400px) {
#mission-details-wrap #mission-details .mission-details-inner {
  margin-top: 20%
}
}

@media only screen and (min-width:1600px) {
#mission-details-wrap #mission-details .mission-details-inner {
  padding: 0 75px;
  margin-top:22%
}
}

@media only screen and (min-width:2000px) {
#mission-details-wrap #mission-details .mission-details-inner {
  padding: 0 90px;
  margin-top: 32%
}
}

@media only screen and (min-width:2400px) {
#mission-details-wrap #mission-details .mission-details-inner {
  padding: 0 100px;
  margin-top: 32%
}
}
#mission-details-wrap #mission-details h3 {
  font-family: Dosis, "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  color: #222;
  margin-bottom: 12px;
  font-size: 24px
}

@media only screen and (min-width:768px) {
#mission-details-wrap #mission-details h3 {
  margin-bottom: 16px
}
}

@media only screen and (min-width:1024px) {
#mission-details-wrap #mission-details h3 {
  font-size: 30px
}
}

@media only screen and (min-width:1400px) {
#mission-details-wrap #mission-details h3 {
  font-size: 36px;
  margin-bottom: 18px
}
}

@media only screen and (min-width:1600px) {
#mission-details-wrap #mission-details h3 {
  font-size: 48px;
  margin-bottom: 20px
}
}

@media only screen and (min-width:2000px) {
#mission-details-wrap #mission-details h3 {
  font-size: 60px;
  margin-bottom: 22px
}
}

@media only screen and (min-width:2400px) {
#mission-details-wrap #mission-details h3 {
  font-size: 72px;
  margin-bottom: 26px
}
}
#mission-details-wrap #mission-details p {
  font-family: Dosis, "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #222;
  text-align: center;
  margin-bottom: 12px
}

@media only screen and (min-width:640px) {
#mission-details-wrap #mission-details p {
  font-size: 14px
}
}

@media only screen and (min-width:768px) {
#mission-details-wrap #mission-details p {
  font-size: 16px;
  margin-bottom: 18px
}
}

@media only screen and (min-width:1024px) {
#mission-details-wrap #mission-details p {
  font-size: 18px;
  margin-bottom: 18px
}
}

@media only screen and (min-width:2000px) {
#mission-details-wrap #mission-details p {
  font-size: 22px;
  margin-bottom: 20px
}
}

@media only screen and (min-width:2400px) {
#mission-details-wrap #mission-details p {
  font-size: 25px;
  margin-bottom: 22px
}
}
#mission-details-wrap #mission-details .extra-details {
  display: none
}

@media only screen and (min-width:1400px) {
#mission-details-wrap #mission-details .extra-details {
  display: block
}
}
#mission-cta-wrap {
  text-align: center;
  width: 100%;
  padding-top: 15px
}
#mission-cta-wrap #philosophy {
  display: inline-block
}
#mission-cta-wrap #philosophy .icon-read-more-wrap {
  height: 20px;
  position: relative;
  margin-bottom: 5px
}

@media only screen and (min-width:768px) {
#mission-cta-wrap #philosophy .icon-read-more-wrap {
  height: 40px;
  margin-bottom: 0
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#mission-cta-wrap #philosophy .icon-read-more-wrap {
  height: 40px
}
}
#mission-cta-wrap #philosophy .icon-read-more {
  background: url(../img/oddbee-sprite@1x.png);
  display: inline-block;
  background-position: -200px -120px;
  height: 20px;
  width: 40px;
  position: relative
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#mission-cta-wrap #philosophy .icon-read-more {
  background: url(../img/oddbee-sprite@2x.png);
  -webkit-background-size: 540px 240px;
  background-size: 540px 240px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#mission-cta-wrap #philosophy .icon-read-more {
  background: url(../img/oddbee-sprite@2x.png);
  display: inline-block
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#mission-cta-wrap #philosophy .icon-read-more {
  background: url(../img/oddbee-sprite@3x.png);
  -webkit-background-size: 1080px 480px;
  background-size: 1080px 480px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#mission-cta-wrap #philosophy .icon-read-more {
  width: 80px;
  height: 80px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#mission-cta-wrap #philosophy .icon-read-more {
  width: 80px;
  height: 80px
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#mission-cta-wrap #philosophy .icon-read-more {
  background-position: -200px -120px
}
}

@media only screen and (min-width:768px) {
#mission-cta-wrap #philosophy .icon-read-more {
  background-position: -400px -240px;
  height: 40px;
  width: 80px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#mission-cta-wrap #philosophy .icon-read-more {
  background-position: -400px -240px
}
}
#mission-cta-wrap #philosophy .read-more {
  color: #222;
  text-transform: uppercase
}
#mission-cta-wrap #philosophy:hover .icon-read-more {
  background-position: -200px -140px;
  height: 20px;
  width: 40px;
  top: 0
}

@media only screen and (min-width:768px) {
#mission-cta-wrap #philosophy:hover .icon-read-more {
  background-position: -400px -280px;
  height: 40px;
  width: 80px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#mission-cta-wrap #philosophy:hover .icon-read-more {
  background-position: -400px -280px
}
}
#clouds-wrap {
  display: block;
  z-index: 25;
  width: 100%;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  -ms-transform: translate3d(0px, 0, 0);
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0)
}
#bottom-clouds-wrap, #top-clouds-wrap {
  display: block;
  position: relative;
  clear: both;
  height: 166px;
  width: 100%
}

@media only screen and (min-width:768px) {
#bottom-clouds-wrap, #top-clouds-wrap {
  height: 331px
}
}
#top-clouds-wrap {
  margin-bottom: 0
}
#bottom-clouds-wrap {
  opacity: .7
}
.clouds-left, .clouds-right {
  position: absolute;
  -ms-transform: translate3d(0%, 0, 0);
  -webkit-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0)
}
.clouds-left {
  z-index: 88;
  display: inline-block;
  left: -215px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
.clouds-left {
  left: -215px
}
}

@media only screen and (min-width:640px) {
.clouds-left {
  left: -250px
}
}

@media only screen and (min-width:768px) {
.clouds-left {
  left: -310px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
.clouds-left {
  left: -310px
}
}

@media only screen and (min-width:1024px) {
.clouds-left {
  left: -220px
}
}

@media only screen and (min-width:1400px) {
.clouds-left {
  left: -60px
}
}

@media only screen and (min-width:1600px) {
.clouds-left {
  left: 0
}
}
.clouds-right {
  z-index: 89;
  right: -250px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
.clouds-right {
  right: -250px
}
}

@media only screen and (min-width:640px) {
.clouds-right {
  right: -250px
}
}

@media only screen and (min-width:768px) {
.clouds-right {
  right: -400px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
.clouds-right {
  right: -400px
}
}

@media only screen and (min-width:1024px) {
.clouds-right {
  right: -300px
}
}

@media only screen and (min-width:1400px) {
.clouds-right {
  right: -130px
}
}

@media only screen and (min-width:1600px) {
.clouds-right {
  right: -65px
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#clouds-left, #clouds-relection-left {
  width: 276px;
  height: 166px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#clouds-left, #clouds-relection-left {
  width: 551px;
  height: 332px
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#clouds-relection-right, #clouds-right {
  width: 308px;
  height: 166px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#clouds-relection-right, #clouds-right {
  width: 616px;
  height: 332px
}
}
#services-section {
  background: #fcb533
}
#slider-nav {
  text-align: center;
  margin-bottom: 10px
}
#services-section p {
text-align: unset;
}
#services-section hr {
  border-color: #333;
}
.service-desc-mobile {
  display: none;
}
.single-service .vertical-align {
  position: absolute !important;
  display: block;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}

.single-service-hex {
  position: relative;
  text-align: center;
  margin: 2em 0;
  padding: 0 1em;
}

.single-service-hex h3 {
  text-transform: uppercase;
  margin: 0;

  text-align: center;
  font-size: 1.25em;
  font-weight: 400;

}
.vertical-align {
  display: flex;
    justify-content: center;
    align-items: center;
}
@media only screen and (min-width:768px) {
#slider-nav {
  margin-bottom: 20px
}
}

@media only screen and (min-device-width:1024px) and (max-device-width:768px) and (orientation:portrait) {
#slider-nav {
  margin-bottom: 80px
}
}

@media only screen and (min-device-width:1024px) and (max-device-width:768px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
#slider-nav {
  margin-bottom: 80px
}
}

@media only screen and (min-width:1024px) {
#slider-nav {
  margin-bottom: 40px
}
}
#slider-nav a {
  cursor: pointer;
  line-height: normal;
  margin: 0 0 1.66667em;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  font-family: Dosis, "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 0;
  padding: 3px 6px;
  font-size: 12px;
  border-radius: 3px;
  color: #222;
  background: #fcb533;
  border: 1px solid #fcb533
}
#slider-nav a:focus, #slider-nav a:hover {
  color: #222;
  background: #fcb533;
  border: 1px solid #fcb533
}

@media only screen and (min-width:640px) {
#slider-nav a {
  padding: 4px 8px;
  font-size: 18px;
  border-radius: 5px
}
}

@media only screen and (min-width:768px) {
#slider-nav a {
  padding: 8px 16px;
  font-size: 22px;
  border-radius: 7px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#slider-nav a {
  padding: 8px 16px;
  font-size: 22px;
  border-radius: 7px
}
}

@media only screen and (min-width:1024px) {
#slider-nav a {
  padding: 10px 15px;
  border-radius: 8px;
  font-size: 24px
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#slider-nav a {
  border: 1px solid #fcb533
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#slider-nav a {
  border: 1px solid #fcb533
}
}

@media only screen and (min-width:768px) {
#slider-nav a {
  border: 2px solid #fcb533
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#slider-nav a:focus, #slider-nav a:hover {
  border: 1px solid #fcb533
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#slider-nav a:focus, #slider-nav a:hover {
  border: 1px solid #fcb533
}
}

@media only screen and (min-width:768px) {
#slider-nav a:focus, #slider-nav a:hover {
  border: 2px solid #222
}
}
#slider-nav a.active {
  color: #fcb533;
  background: #222;
  border: 1px solid #222;
  cursor: default
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#slider-nav a.active {
  border: 1px solid #222
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#slider-nav a.active {
  border: 1px solid #222
}
}

@media only screen and (min-width:768px) {
#slider-nav a.active {
  border: 2px solid #222
}
}
#services-slider .more-details, #services-slider .service-details, #services-slider .service-headline, #services-slider .slide, #services-slider h3, #services-slider p {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
#services-slider-wrap {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  width: 100%;
*zoom:1;
  max-width: 1400px
}
#services-slider-wrap:after, #services-slider-wrap:before {
  content: " ";
  display: table
}
#services-slider-wrap:after {
  clear: both
}
#services-slider-wrap #services-slider {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 960px;
  width: 100%;
*zoom:1;
  overflow: hidden;
  height: 335px!important
}
#services-slider-wrap #services-slider:after, #services-slider-wrap #services-slider:before {
  content: " ";
  display: table
}
#services-slider-wrap #services-slider:after {
  clear: both
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap #services-slider {
  height: 335px!important
}
}

@media only screen and (min-width:640px) {
#services-slider-wrap #services-slider {
  height: 335px!important
}
}

@media only screen and (min-width:768px) {
#services-slider-wrap #services-slider {
  height: 390px!important
}
}

@media only screen and (min-device-width:1024px) and (max-device-width:768px) and (orientation:portrait) {
#services-slider-wrap #services-slider {
  height: 450px!important
}
}

@media only screen and (min-device-width:1024px) and (max-device-width:768px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap #services-slider {
  height: 450px!important
}
}

@media only screen and (min-width:1024px) {
#services-slider-wrap #services-slider {
  height: 420px!important
}
}

@media only screen and (min-width:1400px) {
#services-slider-wrap #services-slider {
  height: 440px!important
}
}

@media only screen and (min-width:1600px) {
#services-slider-wrap #services-slider {
  height: 450px!important
}
}
#services-slider-wrap #services-slider li {
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  float: left;
  -webkit-animation: fadeOut 1s both;
  animation: fadeOut 1s both;
  opacity: 0;
  visibility: hidden;
  display: none
}
#services-slider-wrap #services-slider li.active {
  -webkit-animation: fadeIn 1s both;
  animation: fadeIn 1s both;
  opacity: 1;
  visibility: visible;
  display: block
}
#services-slider-wrap #services-slider .slide .service-headline {
  text-align: center;
  font-family: Dosis, "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
  margin-bottom: 15px
}

@media only screen and (min-width:768px) {
#services-slider-wrap #services-slider .slide .service-headline {
  font-size: 18px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap #services-slider .slide .service-headline {
  font-size: 18px
}
}

@media only screen and (min-width:1024px) {
#services-slider-wrap #services-slider .slide .service-headline {
  font-size: 24px
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap #services-slider .slide .service-headline {
  font-size: 14px;
  margin-bottom: 14px
}
}

@media only screen and (min-width:768px) {
#services-slider-wrap #services-slider .slide .service-headline {
  margin-bottom: 25px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap #services-slider .slide .service-headline {
  margin-bottom: 25px
}
}

@media only screen and (min-width:1024px) {
#services-slider-wrap #services-slider .slide .service-headline {
  margin-bottom: 35px
}
}
#services-slider-wrap #services-slider .slide .service-details p {
  color: #231f20
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap #services-slider .slide .service-details p {
  font-size: 10px
}
}
#services-slider-wrap #services-slider .slide .service-details p:nth-child(2) {
  margin-bottom: .5em
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap #services-slider .slide .service-details p:nth-child(2) {
  margin-bottom: 1em
}
}

@media only screen and (min-device-width:1024px) and (max-device-width:768px) and (orientation:portrait) {
#services-slider-wrap #services-slider .slide .service-details p:nth-child(2) {
  margin-bottom: 1em
}
}

@media only screen and (min-device-width:1024px) and (max-device-width:768px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap #services-slider .slide .service-details p:nth-child(2) {
  margin-bottom: 1em
}
}
#services-slider-wrap #services-slider .slide .service-details h3 {
  font-family: Dosis, "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
  font-weight: 500;
  text-align: center;
  font-size: 14px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap #services-slider .slide .service-details h3 {
  margin-bottom: 12px
}
}

@media only screen and (min-width:768px) {
#services-slider-wrap #services-slider .slide .service-details h3 {
  font-size: 22px
}
}
#services-slider-wrap #services-slider .slide .service-details .more-details {
  display: inline-block;
  display: block;
  text-align: center;
  cursor: pointer;
  margin-bottom: 15px
}
#services-slider-wrap #services-slider .slide .service-details .more-details .icon-read-more-wrap {
  height: 20px;
  position: relative;
  margin-bottom: 5px
}

@media only screen and (min-width:768px) {
#services-slider-wrap #services-slider .slide .service-details .more-details .icon-read-more-wrap {
  height: 40px;
  margin-bottom: 0
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap #services-slider .slide .service-details .more-details .icon-read-more-wrap {
  height: 40px
}
}
#services-slider-wrap #services-slider .slide .service-details .more-details .icon-read-more {
  background: url(../img/oddbee-sprite@1x.png);
  display: inline-block;
  background-position: -200px -120px;
  height: 20px;
  width: 40px;
  position: relative
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap #services-slider .slide .service-details .more-details .icon-read-more {
  background: url(../img/oddbee-sprite@2x.png);
  -webkit-background-size: 540px 240px;
  background-size: 540px 240px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#services-slider-wrap #services-slider .slide .service-details .more-details .icon-read-more {
  background: url(../img/oddbee-sprite@2x.png);
  display: inline-block
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap #services-slider .slide .service-details .more-details .icon-read-more {
  background: url(../img/oddbee-sprite@3x.png);
  -webkit-background-size: 1080px 480px;
  background-size: 1080px 480px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#services-slider-wrap #services-slider .slide .service-details .more-details .icon-read-more {
  width: 80px;
  height: 80px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap #services-slider .slide .service-details .more-details .icon-read-more {
  width: 80px;
  height: 80px
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap #services-slider .slide .service-details .more-details .icon-read-more {
  background-position: -200px -120px
}
}

@media only screen and (min-width:768px) {
#services-slider-wrap #services-slider .slide .service-details .more-details .icon-read-more {
  background-position: -400px -240px;
  height: 40px;
  width: 80px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap #services-slider .slide .service-details .more-details .icon-read-more {
  background-position: -400px -240px
}
}
#services-slider-wrap #services-slider .slide .service-details .more-details .read-more {
  color: #222;
  text-transform: uppercase
}
#services-slider-wrap #services-slider .slide .service-details .more-details:hover .icon-read-more {
  background-position: -200px -140px;
  height: 20px;
  width: 40px;
  top: 0
}

@media only screen and (min-width:768px) {
#services-slider-wrap #services-slider .slide .service-details .more-details:hover .icon-read-more {
  background-position: -400px -280px;
  height: 40px;
  width: 80px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap #services-slider .slide .service-details .more-details:hover .icon-read-more {
  background-position: -400px -280px
}
}

@media only screen and (min-width:640px) {
#services-slider-wrap #services-slider .slide .service-details .more-details {
  margin-bottom: 30px
}
}

@media only screen and (min-width:768px) {
#services-slider-wrap #services-slider .slide .service-details .more-details {
  margin-bottom: 45px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap #services-slider .slide .service-details .more-details {
  margin-bottom: 45px
}
}

@media only screen and (min-width:1024px) {
#services-slider-wrap #services-slider .slide .service-details .more-details {
  margin-bottom: 60px
}
}
#services-slider-wrap .orbit-container {
  height: 100%
}
#services-slider-wrap .orbit-bullets-container {
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  float: left;
  padding-top: 30px
}

@media only screen and (min-width:768px) {
#services-slider-wrap .orbit-bullets-container {
  padding-top: 60px
}
}
#services-slider-wrap .slider-bullets {
  display: block;
  margin: 0 auto;
  position: relative;
  list-style: none;
  text-align: center
}
#services-slider-wrap .slider-bullets li {
  background: url(../img/oddbee-sprite@1x.png);
  display: inline-block;
  display: inline-block;
  position: relative;
  background-position: -240px -120px;
  width: 20px;
  height: 20px;
  top: -9.5px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap .slider-bullets li {
  background: url(../img/oddbee-sprite@2x.png);
  -webkit-background-size: 540px 240px;
  background-size: 540px 240px;
  display: inline-block;
  background-position: -240px -120px
}
}

@media only screen and (min-width:768px) {
#services-slider-wrap .slider-bullets li {
  background: url(../img/oddbee-sprite@2x.png);
  display: inline-block;
  background-position: -480px -240px;
  width: 40px;
  height: 40px;
  top: -19px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap .slider-bullets li {
  background: url(../img/oddbee-sprite@3x.png);
  -webkit-background-size: 1080px 480px;
  background-size: 1080px 480px;
  display: inline-block;
  background-position: -480px -240px;
  width: 40px;
  height: 40px;
  top: -19px
}
}
#services-slider-wrap .slider-bullets li:hover {
  position: relative;
  cursor: pointer;
  background-position: -240px -140px
}

@media only screen and (min-width:768px) {
#services-slider-wrap .slider-bullets li:hover {
  background-position: -480px -280px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap .slider-bullets li:hover {
  background-position: -480px -280px
}
}
#services-slider-wrap .slider-bullets li.active {
  width: 40px;
  height: 40px;
  display: inline-block;
  top: 0;
  position: relative;
  cursor: default
}

@media only screen and (min-width:768px) {
#services-slider-wrap .slider-bullets li.active {
  width: 80px;
  height: 80px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap .slider-bullets li.active {
  width: 80px;
  height: 80px
}
}
#services-slider-wrap .slider-bullets li.active[data-orbit-slide="0"] {
  background: url(../img/oddbee-sprite@1x.png);
  display: inline-block;
  width: 40px;
  height: 40px;
  background-position: 0 -120px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap .slider-bullets li.active[data-orbit-slide="0"] {
  background: url(../img/oddbee-sprite@2x.png);
  -webkit-background-size: 540px 240px;
  background-size: 540px 240px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#services-slider-wrap .slider-bullets li.active[data-orbit-slide="0"] {
  background: url(../img/oddbee-sprite@2x.png);
  display: inline-block
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap .slider-bullets li.active[data-orbit-slide="0"] {
  background: url(../img/oddbee-sprite@3x.png);
  -webkit-background-size: 1080px 480px;
  background-size: 1080px 480px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#services-slider-wrap .slider-bullets li.active[data-orbit-slide="0"] {
  width: 80px;
  height: 80px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap .slider-bullets li.active[data-orbit-slide="0"] {
  width: 80px;
  height: 80px
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap .slider-bullets li.active[data-orbit-slide="0"] {
  background-position: 0 -120px
}
}

@media only screen and (min-width:768px) {
#services-slider-wrap .slider-bullets li.active[data-orbit-slide="0"] {
  background-position: 0 -240px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap .slider-bullets li.active[data-orbit-slide="0"] {
  background-position: 0 -240px
}
}
#services-slider-wrap .slider-bullets li.active[data-orbit-slide="1"] {
  background: url(../img/oddbee-sprite@1x.png);
  display: inline-block;
  width: 40px;
  height: 40px;
  background-position: -40px -120px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap .slider-bullets li.active[data-orbit-slide="1"] {
  background: url(../img/oddbee-sprite@2x.png);
  -webkit-background-size: 540px 240px;
  background-size: 540px 240px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#services-slider-wrap .slider-bullets li.active[data-orbit-slide="1"] {
  background: url(../img/oddbee-sprite@2x.png);
  display: inline-block
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap .slider-bullets li.active[data-orbit-slide="1"] {
  background: url(../img/oddbee-sprite@3x.png);
  -webkit-background-size: 1080px 480px;
  background-size: 1080px 480px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#services-slider-wrap .slider-bullets li.active[data-orbit-slide="1"] {
  width: 80px;
  height: 80px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap .slider-bullets li.active[data-orbit-slide="1"] {
  width: 80px;
  height: 80px
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap .slider-bullets li.active[data-orbit-slide="1"] {
  background-position: -40px -120px
}
}

@media only screen and (min-width:768px) {
#services-slider-wrap .slider-bullets li.active[data-orbit-slide="1"] {
  background-position: -80px -240px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap .slider-bullets li.active[data-orbit-slide="1"] {
  background-position: -80px -240px
}
}
#services-slider-wrap .slider-bullets li.active[data-orbit-slide="2"] {
  background: url(../img/oddbee-sprite@1x.png);
  display: inline-block;
  width: 40px;
  height: 40px;
  background-position: -80px -120px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap .slider-bullets li.active[data-orbit-slide="2"] {
  background: url(../img/oddbee-sprite@2x.png);
  -webkit-background-size: 540px 240px;
  background-size: 540px 240px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#services-slider-wrap .slider-bullets li.active[data-orbit-slide="2"] {
  background: url(../img/oddbee-sprite@2x.png);
  display: inline-block
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap .slider-bullets li.active[data-orbit-slide="2"] {
  background: url(../img/oddbee-sprite@3x.png);
  -webkit-background-size: 1080px 480px;
  background-size: 1080px 480px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#services-slider-wrap .slider-bullets li.active[data-orbit-slide="2"] {
  width: 80px;
  height: 80px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap .slider-bullets li.active[data-orbit-slide="2"] {
  width: 80px;
  height: 80px
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap .slider-bullets li.active[data-orbit-slide="2"] {
  background-position: -80px -120px
}
}

@media only screen and (min-width:768px) {
#services-slider-wrap .slider-bullets li.active[data-orbit-slide="2"] {
  background-position: -160px -240px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap .slider-bullets li.active[data-orbit-slide="2"] {
  background-position: -160px -240px
}
}
#services-slider-wrap .slider-bullets li.active[data-orbit-slide="3"] {
  background: url(../img/oddbee-sprite@1x.png);
  display: inline-block;
  width: 40px;
  height: 40px;
  background-position: -120px -120px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap .slider-bullets li.active[data-orbit-slide="3"] {
  background: url(../img/oddbee-sprite@2x.png);
  -webkit-background-size: 540px 240px;
  background-size: 540px 240px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#services-slider-wrap .slider-bullets li.active[data-orbit-slide="3"] {
  background: url(../img/oddbee-sprite@2x.png);
  display: inline-block
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap .slider-bullets li.active[data-orbit-slide="3"] {
  background: url(../img/oddbee-sprite@3x.png);
  -webkit-background-size: 1080px 480px;
  background-size: 1080px 480px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#services-slider-wrap .slider-bullets li.active[data-orbit-slide="3"] {
  width: 80px;
  height: 80px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap .slider-bullets li.active[data-orbit-slide="3"] {
  width: 80px;
  height: 80px
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap .slider-bullets li.active[data-orbit-slide="3"] {
  background-position: -120px -120px
}
}

@media only screen and (min-width:768px) {
#services-slider-wrap .slider-bullets li.active[data-orbit-slide="3"] {
  background-position: -240px -240px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap .slider-bullets li.active[data-orbit-slide="3"] {
  background-position: -240px -240px
}
}
#services-slider-wrap .orbit-container .orbit-next, #services-slider-wrap .orbit-container .orbit-next span, #services-slider-wrap .orbit-container .orbit-prev, #services-slider-wrap .orbit-container .orbit-prev span, .lt-ie9 #slider-nav, .no-js #slider-nav {
  display: none
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap .orbit-container .orbit-next, #services-slider-wrap .orbit-container .orbit-prev {
  display: none
}
}

@media only screen and (min-width:1400px) {
#services-slider-wrap .orbit-container .orbit-next, #services-slider-wrap .orbit-container .orbit-prev {
  top: 5%;
  background: url(../img/oddbee-sprite@2x.png);
  display: inline-block;
  background-position: -680px 0;
  width: 100px;
  height: 330px;
  position: absolute;
  margin-top: -25px;
  line-height: 330px;
  color: #fff;
  text-indent: -9999px!important;
  z-index: 10
}
}

@media only screen and (min-width:1400px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap .orbit-container .orbit-next, #services-slider-wrap .orbit-container .orbit-prev {
  background: url(../img/oddbee-sprite@3x.png);
  -webkit-background-size: 1080px 480px;
  background-size: 1080px 480px;
  display: inline-block;
  background-position: -680px 0;
  width: 100px;
  height: 330px
}
}

@media only screen and (min-width:1400px) {
#services-slider-wrap .orbit-container .orbit-prev:hover {
  background-position: -880px 0
}
}

@media only screen and (min-width:1400px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap .orbit-container .orbit-prev:hover {
  background-position: -880px 0
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap .orbit-container .orbit-next {
  display: none
}
}

@media only screen and (min-width:1400px) {
#services-slider-wrap .orbit-container .orbit-next {
  background-position: -780px 0
}
}

@media only screen and (min-width:1400px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap .orbit-container .orbit-next {
  background-position: -780px 0
}
}

@media only screen and (min-width:1400px) {
#services-slider-wrap .orbit-container .orbit-next:hover {
  background-position: -980px 0
}
}

@media only screen and (min-width:1400px) and (-webkit-min-device-pixel-ratio:2) {
#services-slider-wrap .orbit-container .orbit-next:hover {
  background-position: -980px 0
}
}
.lt-ie9 #services-slider, .no-js #services-slider {
  height: auto!important
}
.lt-ie9 #services-slider li, .no-js #services-slider li {
  display: block
}
.crew-img-container {
  margin: 40px 0;
}
.img-responsive {
  max-width: 100%;
  height: auto;
}
.crew-img-container .map{
  margin: 0 auto;
  display: block;
}
#work-section .content {
  max-width: 1200px;
}


#work-section #work-items {
  max-width: none;
}

#work-items .work-item img {
  width: 100%;
}
#work-items .work-item {
  max-width: none;
}
#work-section, #crew-section{
  background: #222;
  color: #fff
}


#work-section .section-title{
  color: #fff;
  margin-bottom: 40px
}

#crew-section .section-title  {
  color:#16cbec;
  margin-bottom: 40px
}
#work-section .tagline, #crew-section .tagline {
  font-family: Dosis, "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #fff;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 20px
}

@media only screen and (min-width:768px) {
#work-section .tagline, #crew-section  .tagline {
  font-size: 25px
}
}

@media only screen and (min-width:1024px) {
#work-section .tagline, #crew-section .tagline {
  font-size: 20px;
  margin-bottom: 16px
}
}
#work-section .divider {
  padding-left: 10px;
  padding-right: 10px;
  width: 100%
}
#work-section hr {
  height: 2px;
  color: #737275
}
#work-items {
  list-style: none;
  margin: 0 auto;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;

  width: 100%;
*zoom:1;
  padding-top: 35px;
  padding-bottom: 35px
}
#work-items:after, #work-items:before {
  content: " ";
  display: table
}
#work-items:after {
  clear: both
}
#work-items li {
  width: 100%;
  float: left;
  padding-bottom: 20px
}

@media only screen and (min-width:768px) {
#work-items li {
  width: 50%;
  float: left;
  padding: 10px
}
}


#work-items li .empty {
  display: none
}

@media only screen and (min-width:768px) {
#work-items li .empty {
  display: inline-block
}
}
#work-items .work-item {
  display: block;

  height: 100%;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  font-family: Dosis, "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
  font-weight: 400
}
#work-items .work-item img {
  display: block;
  margin: 0 auto;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out
}
#work-items .work-item:hover .work-item-hover {
  background: #000;
  background: rgba(0,0,0,.7)
}
#work-items .work-item:hover .work-item-hover h3, #work-items .work-item:hover .work-item-hover h4 {
  -webkit-animation: fadeIn .3s both;
  animation: fadeIn .3s both
}
#work-items .work-item:hover img {
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in
}
#work-items .work-item-hover {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: background-color .3s linear;
  transition: background-color .3s linear;
  background: 0 0;
  width: 100%;
  height: 100%;
padding: 0 40px;
  text-align: center
}
#work-items .work-item-hover h3, #work-items .work-item-hover h4 {
  color: #fff;
  opacity: 0
}

#work-items .work-item-hover h3 {
font-size: 2.3em;
  margin-bottom: .1em;
  top: 50%;
  font-weight: 300;
    transform: translateY(-50%);
    position: relative;
}
#work-items .work-item-hover h4 {
  font-size: 1em;
  bottom: 30px;
  text-transform: uppercase;
  font-weight: 500;
    position: absolute;
    left: 0;
    right: 0;
}
#work-logos {
  list-style: none;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 0px
}
#work-logos li {
  padding: 10px;
  text-align: center;
  height: 80px;
  margin-bottom: 50px;
  padding-left: 20px;
  padding-right: 20px;
  width: 50%;
  float: left;

}
#work-logos.dark img{
  filter: invert(1);
}
#work-logos li img {
  top: 50%;
  display: block;
  margin:  0 auto;
  max-width: 120px;
      position: relative;
      transform: translateY(-50%);
}
@media only screen and (min-width:640px) {
#work-logos li {
  padding-left: 20px;
  padding-right: 20px;
  width: 33.33333%;
  float: left
}
}

@media only screen and (min-width:768px) {
#work-logos li {
  padding-left: 20px;
  padding-right: 20px;
  width: 25%;
  float: left
}
}

@media only screen and (min-width:1024px) {
#work-logos li {
  padding-left: 20px;
  padding-right: 20px;
  width: 20%;
  float: left;
  margin-bottom: 40px
}
}
#outer-wrap.post {
  background: #222
}
#outer-wrap.post #inner-wrap {
  background: #fff
}
#outer-wrap.post #banner {
  background: #222
}
body.case-study {
  background: #fff
}
body.case-study.alt .projects-nav-top {
  display: none
}

.project .content, .project .container {
  max-width: 960px !important;

}
@media only screen and (min-width:768px) {
body.case-study.alt .projects-nav-top {
  position: absolute;
  width: 100%;
  top: 150px;
  display: block;
  z-index: 999
}
}

@media only screen and (min-width:1024px) {
body.case-study.alt .projects-nav-top {
  width: 950px;
  top: 175px
}
}
body.case-study.alt .projects-nav-top .arrow {
  display: none;
  width: 52px;
  height: 110px;
  position: relative;
  text-align: center;
  padding-top: 5px
}
body.case-study.alt .projects-nav-top .arrow:hover svg path {
  fill: #888
}
body.case-study.alt .projects-nav-top .arrow svg {
  width: 42px;
  height: 100px
}
body.case-study.alt .projects-nav-top .arrow svg path {
  fill: #222
}
body.case-study.alt .projects-nav-top .arrow.prev {
  float: left;
  left: 20px
}

@media only screen and (min-width:1024px) {
body.case-study.alt .projects-nav-top .arrow.prev {
  left: -40px
}
}
body.case-study.alt .projects-nav-top .arrow.next {
  float: right;
  right: 20px
}

@media only screen and (min-width:1024px) {
body.case-study.alt .projects-nav-top .arrow.next {
  right: -50px
}
}
.project p {
  font-family: calibri, sans-serif;
font-weight: 400;
font-style: normal;
text-align: left;
}
.post article.project {
  padding-top: 47px;
}

@media only screen and (min-width:768px) {
.post article.project {
  padding-top: 93px;
}
}
.post article.project.orion .visit-live-project a {
  color: #009ddc
}
.post article.project.orion .visit-live-project a svg path {
  fill: #009ddc
}
.post article.project.orion .visit-live-project a:hover {
  color: #006690
}
.post article.project.orion .visit-live-project a:hover svg path {
  fill: #006690
}
.post article.project.gfd .visit-live-project a {
  color: #532f78
}
.post article.project.gfd .visit-live-project a svg path {
  fill: #532f78
}
.post article.project.gfd .visit-live-project a:hover {
  color: #2d1941
}
.post article.project.gfd .visit-live-project a:hover svg path {
  fill: #2d1941
}
.post article.project.ebay .visit-live-project a {
  color: #e53238
}
.post article.project.ebay .visit-live-project a svg path {
  fill: #e53238
}
.post article.project.ebay .visit-live-project a:hover {
  color: #b4171c
}
.post article.project.ebay .visit-live-project a:hover svg path {
  fill: #b4171c
}
.post article.project.rawco .visit-live-project a {
  color: #eb6851
}
.post article.project.rawco .visit-live-project a svg path {
  fill: #eb6851
}
.post article.project.rawco .visit-live-project a:hover {
  color: #d73519
}
.post article.project.rawco .visit-live-project a:hover svg path {
  fill: #d73519
}
.post article.project h5.project-personal {
  font-size: 16px;
  margin-bottom: 40px
}

@media only screen and (min-width:1024px) {
.post article.project h5.project-personal {
  font-size: 18px;
  margin-bottom: 50px
}
}

@media only screen and (min-width:1024px) {
.post article.project h5.project-personal {
  font-size: 20px;
  margin-bottom: 60px
}
}
.post article.project p.personal {
  color: #888;
  font-style: italic
}
.post article.project .visit-live-project {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  line-height: 50px;
  margin-top: 40px;
  margin-bottom: 40px
}

@media only screen and (min-width:768px) {
.post article.project .visit-live-project {
  margin-top: 80px;
  margin-bottom: 80px
}
}

@media only screen and (min-width:1024px) {
.post article.project .visit-live-project {
  margin-top: 120px;
  margin-bottom: 120px
}
}
.post article.project .visit-live-project a {
  font-family: Dosis, "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 15px;
  color: #222
}

@media only screen and (min-width:768px) {
.post article.project .visit-live-project a {
  font-size: 24px
}
}

@media only screen and (min-width:1024px) {
.post article.project .visit-live-project a {
  font-size: 30px
}
}
.post article.project .visit-live-project .plane {
  display: inline-block;
  position: relative;
  top: 10px
}

@media only screen and (min-width:768px) {
.post article.project .visit-live-project .plane {
  margin-left: 5px;
  top: 14px
}
}

@media only screen and (min-width:1024px) {
.post article.project .visit-live-project .plane {
  margin-left: 15px;
  top: 20px
}
}
.post article.project .visit-live-project .plane svg {
  height: 27.5px;
  width: 30px
}

@media only screen and (min-width:768px) {
.post article.project .visit-live-project .plane svg {
  height: 40px;
  width: 44px
}
}

@media only screen and (min-width:1024px) {
.post article.project .visit-live-project .plane svg {
  height: 55px;
  width: 60px
}
}
#blog {
  background: #36c3e5;
  color: #222
}
#blog .section-title {
  color: #222;
  margin-bottom: 100px
}
#blog-posts {
  list-style: none;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  float: left;
  margin-bottom: 144px
}
#blog-posts li {
  width: 100%;
  float: left;
  padding: 5px;
  margin-bottom: 10px
}

@media only screen and (min-width:640px) {
#blog-posts li {
  padding-left: 20px;
  padding-right: 20px;
  width: 50%;
  float: left
}
}

@media only screen and (min-width:768px) {
#blog-posts li {
  padding-left: 20px;
  padding-right: 20px;
  width: 33.33333%;
  float: left
}
}
#blog-posts .blog-post {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  font-family: Dosis, "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
  font-weight: 400
}
#blog-posts .blog-post img {
  display: block;
  margin: 0 auto
}
#blog-posts .blog-post-hover {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0,0,0,.5);
  width: 100%;
  height: inherit
}
.post article h1, .post article h2, .post article h3, .post article h4, .post article h5, .post article h6 {
  text-align: center
}
.post article h1 {
  font-size: 36px;
  text-transform: uppercase;
  font-family: Dosis, "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 36px;
  margin-top: 40px;
  margin-bottom: 30px
}

@media only screen and (min-width:768px) {
.post article h1 {
  font-size: 54px;
  line-height: 54px;
  margin-top: 60px
}
}

@media only screen and (min-width:1024px) {
.post article h1 {
  font-size: 72px;
  line-height: 72px;
  margin-top: 80px;
  margin-bottom: 30px
}
}
.post article h2 {
  font-family: Dosis, "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
  margin-top: 0;
  color: #8c8c8d;
}

@media only screen and (min-width:768px) {
.post article h2 {
  font-size: 18px;
}
}


.post article h3 {
  font-size: 18px;
  font-family: Dosis, "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center
}

@media only screen and (min-width:768px) {
.post article h3 {
  font-size: 22px
}
}

@media only screen and (min-width:1024px) {
.post article h3 {
  font-size: 30px
}

}
.post article h4 {
  margin-bottom: 16px
}
.post article section {
  margin-bottom: 60px
}

@media only screen and (min-width:1024px) {
.post article section {
  margin-bottom: 120px
}
}
.post article p {

  color: #222;
  text-justify: normal;
  font-size: 14px;
  margin: 30px 0;
}

@media only screen and (min-width:768px) {
.post article p {
  font-size: 17px;
  margin: 45px 0;
    line-height: 1.3;
}
}

@media only screen and (min-width:1024px) {

.post article p {
  font-size: 20px;
  line-height: 1.3;
  margin: 60px 0;
}
}
.post article blockquote, .post article blockquote p {
  color: #222
}
.post article img {
  margin-bottom: 40px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block
}

.logo-home {
 width: 100%;
 height: 100%;
 display: block;
}

.camp .full-width-section {
 background-color: #48dcea;
}


.camp .animated-page {
padding-top: 180px;
  background-image: url(../img/camp/browser-window.png);
background-repeat: no-repeat;
background-position: center bottom;
}


.wireframes {
 background-image:url(../img/camp/Oddbee-Camp-full-width-2.jpg);
 height: 700px;
 background-position: center;
 background-size: cover;
 background-repeat: no-repeat;
}



.browser {
	height: 828px;
  width: 100%;
    text-align: center;
    font-size: 26px;
    color: #000;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.bg.home {
  	background: url(../img/camp/animated-page-1.jpg)top  center no-repeat;
        bottom: -1389px;
        animation: MOVE-CAMP1 25s ease-in-out alternate infinite;
}

.bg.apply {
  background: url(../img/camp/animated-page-2.jpg)top  center no-repeat;
bottom: -3320px;
animation: MOVE-CAMP2 28s ease-in-out alternate infinite;
}
.bg{
    position: absolute;
    left: -1px;
    right: 0;
    top: 0;


}

.bg.pause {
 -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.bg.off {
		-moz-animation-name: none;
	-webkit-animation-name: none;
	-ms-animation-name: none;
		animation-name: none;
}





@-webkit-keyframes MOVE-CAMP1 {
	from {
		-webkit-transform: translateY(0);
	}
	to {
		-webkit-transform: translateY(-1161px);
	}
}


@-webkit-keyframes MOVE-CAMP2 {
	from {
		-webkit-transform: translateY(0);
	}
	to {
		-webkit-transform: translateY(-2492px);
	}
}

















.full-width-section {
 margin:40px 0 100px 0;
  padding: 0;
}




.maker-festival .full-width-section {
 background-color: #f4f4f4;

}
.full-width-section img {
 margin-bottom: 0  !important;
}




.mod-garden .light-grey {
 background-color: #ebebeb;
}

.mod-garden .full-width2 {
 background-image:url(../img/mod-garden/Oddbee-modgarden-05.jpg);
 height: 924px;
 background-position: center;
 background-size: cover;
 background-repeat: no-repeat;
 background-color: #dcdcdc;
}


.mod-garden .full-width3 {
 background-image:url(../img/mod-garden/Oddbee-modgarden-07.jpg);
 height: 757px;
 background-position: center;
 background-size: cover;
 background-repeat: no-repeat;
 background-color: #e2e0e1;
}


/*CANOPY LABS*/
.canopy-labs {
  padding-bottom: 0 !important;
}
.canopy-labs .full-width {
margin-top: 0;
margin-bottom: 0;
  }


  .light-blue-cl {
  background-color: #d9e7f6;
}
.light-grey-cl {
background-color: #f7f7f8;
}
.canopy-illustrations img {
  margin-bottom: 80px !important;
  padding: 0 20px;
}

.case-study-subhead {
    font-family: calibri, sans-serif;
    font-size: 2rem !important;
    text-transform: none !important;
  margin-bottom: 1rem;
color: #124197 !important;
}

.canopy-labs .cl-1 {
    padding-top: 100px;
}
 .cl-2 .case-study-subhead,  .cl-4 .case-study-subhead {
  margin-bottom: 2em;
}
.canopy-labs .full-width img {
  margin-bottom: 0;
}
.canopy-labs .cl-2 {
  padding-top: 100px;
  padding-bottom: 40px;
  margin: 0;
}
.canopy-labs .cl-3 {
  padding-top: 50px;
}

.canopy-labs .cl-4 {
  padding: 100px 0 50px 0;
}
.canopy-labs .cl-4 img {
padding: 20px;
  margin-bottom: 50px;

}
.canopy-labs .cl-4 img.no-padding {
  padding: 0;
  margin-bottom: 70px;
}
.canopy-labs hr {
  height: 1px;
  border: none;
background-color: rgba(183, 183, 183, .5);
margin-top: 1rem;
margin-bottom: 4rem;
}
.canopy-labs .cl-5 {
    padding: 100px 0 0 0;
}

.cl-icons img{
  padding: 0 !important;
  height: 100px;
}
.cl-5 .vertical-align {
  display: block;
}

.col-half-offset{
    margin-left:4.166666667%
}
.cl-5 hr {
  margin-top: -1rem;
  margin-bottom: 2rem;
}
 .case-study-subhead {

}
.cl-5  article p {

  font-size: 18px;
}
.cl-5 .vertical-align {
  left: auto;
  right: auto;
  position: relative;
}
.cl-5 p.text-center {
  margin-top: 25px;
}
.cl-5 .vertical-align  img {
  padding: 0 30px;
}

.cl-6 {

overflow: hidden;
padding: 80px 0 50px 0;
}

.cl-6 img {
  transform: translateX(-50%);
  left: 50%;
  position: relative;
      min-width: 120%;
}
.cl-6 p {
  margin-bottom: 2rem !important;
}

.cl-margin-tb {
  margin: 20px 0 !important;
}

.cl-sketches {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dae7f7+0,dae7f7+42,f0f5fb+100 */
background: #dae7f7; /* Old browsers */
background: -moz-linear-gradient(top, #dae7f7 0%, #dae7f7 62%, #f0f5fb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #dae7f7 0%,#dae7f7 62%,#f0f5fb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #dae7f7 0%,#dae7f7 62%,#f0f5fb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dae7f7', endColorstr='#f0f5fb',GradientType=0 ); /* IE6-9 */
}
/*FITC*/
.fitc-yellow {
  background-color: #dbd02e;
}
.fitc-common-width img {
  width: 1300px;
}
.fitc-badges img {
  width: 1400px;
}
.fitc-grey {
  background-color: #c5c3b3;
}
.fitc-blue {
  background-color: #83d4e3;
}
.fitc .dark {
background-color: #31373c;
}

.fitc .full-width img {
  margin-bottom: 0;

}
.fitc-am16-badges-crop, .fitc-19-passes {
  max-height: 1000px;
  overflow: hidden;
}
.fitc-19-passes img {
  height: 100%;
width: 100%;
object-fit: cover;
}
.fitc-19-buttons img {
width: 1012px;
}
.fitc-19-buttons {
  padding: 0 50px;
}
.fitc-darkest {
  background-color: #171717;
}
.fitc-black {
  background-color: #151515;
}
.fitc-black img {
  width: 1400px;
}


.fitc-lavender {
  background-color: #c178d4;
}
.fitc-lavender img {
  width: 1460px;
}
.fitc-turquoise {
background-color: #64cbdf;
}

.fitc-turquoise img {
  width: 1300px;
}
.fitc-darkest img {
width: 800px;
}
.fitc-badges-top {
background-image:url(../img/FITC/FITC-badges-top-row-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
}

.fitc-badges-bottom {
background-image:url(../img/FITC/FITC-badges-bottom-row-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
}

.padding-top {
padding-top: 4em;
}
 .fitc-purple-to-pink img {
   width: 1280px;
 }
 .fitc-purple-to-pink {
   background-image:url(../img/FITC/purple-to-pink-bg.jpg);
   background-size: 1280px;
       background-repeat: repeat-x;
       background-position: bottom;
 }
.fitc-pink {
  background-color: #ce5392;
}
.fitc-pink img {
  width: 1500px;
}
.fitc-purple {
 background-color: #1b174b;
 padding: 0 50px;
}
.fitc-purple img {
  width: 1000px;
}

.fitc-am-pink {
  background-color: #e934a1;
}
.fitc-am-pink img {
  width: 1400px;
}
.fitc-coral {
  background-color: #ed7058;
}

.fitc-coral img {
  width: 1600px;
}
.fitc-steel {
  background-color: #1e2428;
}
.fitc-am-passes {
max-height: 1500px;
overflow: hidden;
}
.fitc-am-passes img {
  height: 100%;
    width: 100%;
    object-fit: cover;
}

/*THANK YOU footer */
.thank-you-footer {
  padding: 4em 0;
}
.thank-you-footer h2 {
  font-size: 2rem;
}
.thank-you-footer img {
  margin-top: 1em;
}


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

/*THANK YOU footer */
.thank-you-footer {
  padding: 3em 0;
}
.thank-you-footer h2 {
  font-size: 1.5rem;
}
.thank-you-footer img {
  width: 70px;
}
}




/*PAAYS */
.paays-1 {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0288e2+0,43a9e9+37,71cbf1+53,71cbf1+76,71cbf1+100 */
  background: #0288e2; /* Old browsers */
  background: -moz-linear-gradient(left, #0288e2 0%, #43a9e9 37%, #71cbf1 53%, #71cbf1 76%, #71cbf1 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #0288e2 0%,#43a9e9 37%,#71cbf1 53%,#71cbf1 76%,#71cbf1 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #0288e2 0%,#43a9e9 37%,#71cbf1 53%,#71cbf1 76%,#71cbf1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0288e2', endColorstr='#71cbf1',GradientType=1 ); /* IE6-9 */
  margin: 0;
  padding-top: 4em;
}
.paays-1 img {
  margin-bottom: 0 !important;
}

.paays-2 {
  padding: 2em 0 6em 0;
}

.carousel-screen {
  position: relative;
  overflow: hidden;
}

.carousel-screen .owl-carousel {
  position: absolute;
  left: 0;
  right: 0;
  top: 8%;
  margin: 0 auto;
}
.carousel-screen .owl-carousel img {
  max-width: 760px;
  width: auto;
}
.splash-placeholder {
  position: absolute;
  left: 0;
  right: 0;
  top: 8%;
  max-width: 760px;
  width: auto;
  margin: 0 auto;
}
.paays-2 .paays-logo{
margin: 90px auto 70px auto;

}
.paays-2 hr {
  margin-bottom: 4em;
}
.paays-3 {
  background-color: #e2e6e9;
}
.paays-3 img {
  margin-bottom: 0 !important;
}
.paays-4 .content {
  max-width:1180px !important;
}
.paays-4 img {
  width: 500px;
  margin-bottom: 0 !important;
}
.paays-4 {
  padding: 6em 0;
}


.paays-5 {
    background-color: #f7f8f9;
  padding: 6em 0;
    overflow: hidden;
}
.paays-5 .vertical-align {
  top: 40%;
}
.paays-5 img {
  max-width: 800px;
  margin-bottom: 0 !important;
}



.paays-6 .blue-bg {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#019eea+0,00c0f6+100 */
  background: #019eea; /* Old browsers */
  background: -moz-linear-gradient(45deg, #019eea 0%, #00c0f6 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #019eea 0%,#00c0f6 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #019eea 0%,#00c0f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#019eea', endColorstr='#00c0f6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.paays-6 .beach-bg {
background-image:url(../img/paays/Oddbee-paays-beach.jpg);
background-position: center center;
background-size: cover;
}

.paays-7 {
  background-color: #f7f8f9;
  padding: 6em 0;
}
.paays-7 img {
  margin-bottom: 0 !important;
}
.paays-8 {
  overflow: hidden;
  padding: 6em 0;
}
.paays-8 .content {
  max-width: 1100px !important;
}
.paays-8 img {
height: 400px;
width: auto;
float: left;
margin: 0 auto !important;
}

.paays-show-icons {
display: inline !important;
}
.paays-hide-icons {
  display: inline !important;
}
.paays-9 {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bce6fc+0,dbeffa+100 */
background: #bce6fc; /* Old browsers */
background: -moz-linear-gradient(top, #bce6fc 0%, #dbeffa 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #bce6fc 0%,#dbeffa 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #bce6fc 0%,#dbeffa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bce6fc', endColorstr='#dbeffa',GradientType=0 ); /* IE6-9 */
padding: 0;
}
.paays-9 img {
  margin-bottom: 0 !important;
}


@media only screen and (max-width:1120px) {
.paays-8 img {
  height: 400px !important;
}
.paays-hide-icons {
  display: none !important;
}
.paays-8  {
  padding: 6em 10em;
}
}

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

.paays-8  {
  padding: 6em;
}

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

    .carousel-screen .owl-carousel ,  .splash-placeholder {
      top: 10%;
    }
  .carousel-screen .owl-carousel img, .splash-placeholder {
    max-width: 90%;
    width: auto;
}
.paays-5 .order-2 {
  margin-top: 2em;
}
  .paays-5 {
    padding: 3em 0;
  }
    .paays-5 img {
      max-width: 100%;
    }
  .paays-5 .text-right {
text-align: center !important;
  }
.paays-5 .offset-lg-2 {
margin-left: auto;
}
.paays-4 {
  padding: 60px 0 10px 0;
}
.paays-4 img {
  margin-bottom: 4em !important;
  max-width: 300px;
}
.paays-4 .text-right {
  text-align: center !important;
}
.paays-8  {
  padding: 6em 3em;
}
.paays-6 .beach-bg {
height: 350px;
}

}
@media only screen and (max-width:575px) {
  .paays-8  {
    padding: 3em 0;
  }
  .paays-8 img {
    height: 250px !important;
  }
  .paays-4 img {

    max-width: 100%;
  }
}


/*BALANCE */
.balance-1{

  background-size: cover;
  background-position:center center;
}
.balance-1 {
  background-image: url('../img/balance/balance-blue-bg.jpg');

}

.balance-1, .balance-2 {
    padding: 15em 0;
}

.balance-3 {
  background-color: #f6f6f6;
}

.balance-5 {
  background-color: #f0f0f0;
}
.balance-9 {

}
.balance-9 .light-grey {
    padding: 10em 2em;
  background-color: #f6f6f6;
}

.balance-1 img, .balance-2 img, .balance-3 img , .balance-4 img, .balance-5 img, .balance-6 img, .balance-7 img, .balance-8 img, .balance-9 img, .balance-10 img, .balance-11 img, .balance-12 img, .balance-13 img, .balance-14 img, .balance-15 img,  .balance-16 img, .balance-17 img{
  margin-bottom: 0 !important;
}

.balance-14 {
  background-color: #f1f5f8;
  padding: 4em 0;
}

.balance-15 {
  background-color:#2469ae;
  padding: 4em 0;
}
.balance-16 {
    background-color:#f1f4f7;
padding: 4em 0;
}
.balance .content {
  max-width: 1060px !important;
}

@media only screen and (max-width:1366px) {
.balance-1, .balance-2  {
    padding: 12em 0;
}

}

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

.balance-9 .light-grey {
    padding: 7em 2em;
}
.balance-9 .img-responsive {
  padding: 10%;
}
}
@media only screen and (max-width:1199px) {
  .balance-9 .light-grey {
      padding: 4em 2em;
  }
.balance-9 .vertical-align {
  padding:10%;
}

}

/*CRYPTOCAMP */
.cryptocamp {
  overflow: hidden;
}
.cryptocamp-1 {
  background-color: #76c2d9;
}
.cryptocamp .content-inner img {
  margin-bottom: 0;
}

.cryptocamp-1 img {
  margin-left: -180px !important;
    width: 940px;
    max-width: none;
}
.cryptocamp-2.half-section {
  padding: 3em 0 1em 0;
}
.cryptocamp-2.half-section p {
  margin: 0;
}
.cc-level  {
  margin-bottom: 3em;
}
.cc-level:last-child {
  margin-bottom: 0;
}
.cc-level-1 img, .cc-level-3 img {
  margin-left: 100px !important;
}
.cc-level-4 img {
  margin-top: -150px !important;
  margin-left: -50px !important;
}
.cc-level-2 img {
  margin-left: -100px !important;
}
.cryptocamp-3 {
  background-image: url('../img/cryptocamp/Oddbee-cryptocamp-collateral.jpg');
  background-size: cover;
  height: 650px;
  background-repeat: no-repeat;
  background-position: center center;
}
.cryptocamp-4 {
  padding-top: 5em;
}
.cryptocamp-5 {
  background-image: url('../img/cryptocamp/Oddbee-cryptocamp-presentation.jpg');
background-size: 1870px;
padding: 2em 0;
background-repeat: no-repeat;
  height: 700px;
  background-color: #d3f5ff;
  background-position: center center;
}
.cryptocamp-6 img {
  margin-top: 7em !important;
  margin-bottom: 7em !important;
}
.cryptocamp-7 {
  background-color: #76c2d9;
  padding-top: 2.5em;
}
.cryptocamp-8 img {
  width: 100%;
  margin-bottom: 0!important;
}
@media only screen and (min-width:1921px) {
.cryptocamp-5 {
  background-size: contain;
}
}
@media only screen and (max-width:1199px) {
.cc-level-1 img, .cc-level-3 img {
  margin-left: auto !important;
}
.cc-level-2 img{
  margin-left: -50px !important;
}
}
@media only screen and (max-width:991px) {
.cryptocamp-3 {
height: 400px;
}
}
@media only screen and (max-width:768px) {
.cryptocamp-1 img {
    margin-left: -30% !important;
  }
}
@media only screen and (max-width:767px) {
.cc-level-1 img, .cc-level-2 img {
margin: 0 auto !important;
padding: 10% 5%;
}
.cc-level-2 img {
  margin-bottom: 2em !important;
}
.cc-level-4 img {
  margin-top: 0 !important;
  margin-left: 0 !important;
}
.cc-level  {
  margin-bottom: 0em;
}
.cc-level-3 img {
  margin-top:0px !important;
}
.cc-level-3 img, .cc-level-4 img {

padding: 10% 5%;
}
.cryptocamp-1 img {
  margin-left: 0 !important;
    width: 100%;
    max-width: 100%;
}
.cryptocamp-3 {
    height: 300px;
}
.cryptocamp-5 {
  height: 500px;
  background-size: cover;
  padding: 0;
}
.cryptocamp-1 img {
    margin-left: -10% !important;
  }
}

@media only screen and (max-width:575px) {
.cc-level-1 img, .cc-level-2 img, .cc-level-3 img, .cc-level-4 img {

padding: 3% 10%;
}
.cc-level-3 img {
  margin-top: 2em !important;
}
.cryptocamp-5 {
  height: 400px;
}
.cryptocamp-6 img {
  margin-top: 2em !important;
  margin-bottom: 2em !important;
  max-width: 140px;
  }
.single-service .vertical-align {
  width: 100%;
}
#work-section {
  padding-bottom: 55px;
}
}

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

  .wireframes, .mod-garden .full-width2, .mod-garden .full-width3 {
 height: 600px;
}


#work-items .work-item-hover h3 {
font-size: 1.5em;
}
#work-items .work-item-hover h4 {
  font-size:.9em;

}
}





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

  .wireframes, .mod-garden .full-width2, .mod-garden .full-width3 {
 height: 550px;
}

.cl-6 img {

      max-width: 150%;
}


}





@media only screen and (max-width:991px) {
  .wireframes, .mod-garden .full-width2, .mod-garden .full-width3 {
 height: 350px;
}
.cl-6 img {

      max-width: 180%;
}

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

  #work-items .work-item-hover h3 {
  font-size: 2em;
  }
  #work-items .work-item-hover h4 {
    font-size:1em;

  }
  .col-half-offset{
      margin-left:0;
  }

  .hide-icon {
    display: none;
  }
  .cl-6 img {

        max-width: 220%;
  }

  .cl-icons img{
    padding: 7px !important;;

  }
input, textarea, select, .nice-select {
  font-size: 16px !important;
}
  .wireframes, .mod-garden .full-width2, .mod-garden .full-width3 {
 height: 300px;
}

.eleonora {
    margin-left: 25%;
	text-align: center !important;
}

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

.col-half-offset{
    margin-left:0;

    max-width: 32%;

}
}

@media only screen and (max-width:540px) {
  .fitc-am-passes {
  height: 500px;
  }
  .fitc-am-passes img {
    height: 144%;
}
.narrow-image {
 width: 50%;
}
.cl-6 img {

      max-width: 270%;
}

#work-items .work-item-hover h3 {
font-size: 1.6em;
}
#work-items .work-item-hover h4 {
  font-size:.9em;

}


}

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

  .wireframes, .mod-garden .full-width2, .mod-garden .full-width3 {
 height: 250px;
}


}


@media only screen and (max-width:1024px) {
.camp .animated-page {
 padding-top:120px;
}
.negative-margin {
 margin-top: -40px;
}
.full-width-section {
 margin-bottom: 60px;
}
}



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


.camp .animated-page {
padding-top: 100px;
background-image: url(../img/camp/browser-window.png);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 699px;
}

.browser {
	height: 660px;
  width: 600px;
    text-align: center;
    font-size: 26px;
    color: #000;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.bg.home{
background-size: 600px;
 bottom: -1579px;
}

.bg.apply{
background-size: 600px;
 bottom: -2635px;
}




@-webkit-keyframes MOVE-CAMP1 {
	from {
		-webkit-transform: translateY(0);
	}
	to {
		-webkit-transform: translateY(-919px);
	}
}



@-webkit-keyframes MOVE-CAMP2 {
	from {
		-webkit-transform: translateY(0);
	}
	to {
		-webkit-transform: translateY(-1975px);
	}
}



}












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


.camp .animated-page {
padding-top: 120px;
background-size: 373px;
}

.browser {
	height: 350px;
  width: 320px;
}

.bg.home{
background-size: 320px;
 bottom: -842px;
}

.bg.apply{
background-size: 320px;
 bottom: -1405px;
}

@-webkit-keyframes MOVE-CAMP1 {
	from {
		-webkit-transform: translateY(0);
	}
	to {
		-webkit-transform: translateY(-492px);
	}
}


@-webkit-keyframes MOVE-CAMP2 {
	from {
		-webkit-transform: translateY(0);
	}
	to {
		-webkit-transform: translateY(-1055px);
	}
}



}













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


.camp .animated-page {
padding-top: 80px;
background-size: 326px;
}

.browser {
	height: 307px;
  width: 280px;
}

.bg.home{
background-size: 320px;
 bottom: -535px;
}

.bg.apply{
background-size: 320px;
 bottom: -1235px;
  }

@-webkit-keyframes MOVE-CAMP1 {
	from {
		-webkit-transform: translateY(0);
	}
	to {
		-webkit-transform: translateY(-535px);
	}
}


@-webkit-keyframes MOVE-CAMP2 {
	from {
		-webkit-transform: translateY(0);
	}
	to {
		-webkit-transform: translateY(-1100px);
	}
}


}










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

.bg {
 left: 0;
}
.camp .animated-page {
padding-top: 120px;
background-size: 326px;
}

.browser {
	height: 307px;
  width: 280px;
}

.bg.home{
background-size: 320px;
 bottom: -535px;
}

.bg.apply{
background-size: 320px;
 bottom: -1235px;
  }

@-webkit-keyframes MOVE-CAMP1 {
	from {
		-webkit-transform: translateY(0);
	}
	to {
		-webkit-transform: translateY(-535px);
	}
}


@-webkit-keyframes MOVE-CAMP2 {
	from {
		-webkit-transform: translateY(0);
	}
	to {
		-webkit-transform: translateY(-1100px);
	}
}


}










@media only screen and (min-width:768px) {
.post article img {
  margin-bottom: 40px;
}
}

@media only screen and (min-width:1024px) {
.post article img {
  margin-bottom: 120px
}
}
.post article .share-post {
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  float: left;
  margin-top: 40px;
  margin-bottom: 32.5px
}

@media only screen and (min-width:768px) {
.post article .share-post {
  margin-top: 60px
}
}

@media only screen and (min-width:1024px) {
.post article .share-post {
  margin-top: 120px;
  margin-bottom: 65px
}

}
.post article .share-post h6 {
  margin-bottom: 15px;
  font-family: Dosis, "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  text-transform: uppercase
}

@media only screen and (min-width:768px) {
.post article .share-post h6 {
  font-size: 30px
}
}

@media only screen and (min-width:1024px) {
.post article .share-post h6 {
  font-size: 48px;
  margin-bottom: 15px
}
.full-width-section {
 margin:60px 0 120px 0;
  padding: 0;
}

}
.post article .share-post .social-icons {
  margin-top: 20px
}
.post article .posts-nav-bottom {
  margin-top: 50px;
  margin-bottom: 50px
}
.post article .posts-nav-bottom .nav-button-wrap {
  width: 50%;
  float: left;
  padding-left: 0;
  padding-right: 0
}

@media only screen and (min-width:768px) {
.post article .posts-nav-bottom .nav-button-wrap {
  padding-left: 20px;
  padding-right: 20px
}
}
.post article .posts-nav-bottom .nav-button-wrap .nav {
  cursor: pointer;
  line-height: normal;
  margin: 0 0 1.66667em;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  font-family: Dosis, "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 0;
  padding: 3px 6px;
  font-size: 12px;
  border-radius: 3px;
  color: #222;
  background: #fff;
  border: 1px solid #222;
  width: 80%
}
.post article .posts-nav-bottom .nav-button-wrap .nav:focus, .post article .posts-nav-bottom .nav-button-wrap .nav:hover {
  color: #fff;
  background: #222;
  border: 1px solid #222
}

@media only screen and (min-width:640px) {
.post article .posts-nav-bottom .nav-button-wrap .nav {
  padding: 4px 8px;
  font-size: 18px;
  border-radius: 5px
}
}

@media only screen and (min-width:768px) {
.post article .posts-nav-bottom .nav-button-wrap .nav {
  padding: 8px 16px;
  font-size: 22px;
  border-radius: 7px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
.post article .posts-nav-bottom .nav-button-wrap .nav {
  padding: 8px 16px;
  font-size: 22px;
  border-radius: 7px
}
}

@media only screen and (min-width:1024px) {
.post article .posts-nav-bottom .nav-button-wrap .nav {
  padding: 10px 15px;
  border-radius: 8px;
  font-size: 24px
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
.post article .posts-nav-bottom .nav-button-wrap .nav {
  border: 1px solid #222
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
.post article .posts-nav-bottom .nav-button-wrap .nav {
  border: 1px solid #222
}
}

@media only screen and (min-width:768px) {
.post article .posts-nav-bottom .nav-button-wrap .nav {
  border: 2px solid #222
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
.post article .posts-nav-bottom .nav-button-wrap .nav:focus, .post article .posts-nav-bottom .nav-button-wrap .nav:hover {
  border: 1px solid #222
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
.post article .posts-nav-bottom .nav-button-wrap .nav:focus, .post article .posts-nav-bottom .nav-button-wrap .nav:hover {
  border: 1px solid #222
}
}

@media only screen and (min-width:768px) {
.post article .posts-nav-bottom .nav-button-wrap .nav:focus, .post article .posts-nav-bottom .nav-button-wrap .nav:hover {
  border: 2px solid #222
}
}
.post article .posts-nav-bottom .nav-button-wrap .label {
  position: relative;
  padding-top: 9px;
  padding-bottom: 9px
}
.post article .posts-nav-bottom .nav-button-wrap .label .extra {
  display: none
}

@media only screen and (min-width:768px) {
.post article .posts-nav-bottom .nav-button-wrap .label .extra {
  display: inline-block
}
}
.post article .posts-nav-bottom .nav-button-wrap .next, .post article .posts-nav-bottom .nav-button-wrap .prev .label {
  float: right
}
.post article .posts-nav-bottom .nav-button-wrap .next .label {
  float: left
}
.post article .posts-nav-bottom .nav-button-wrap .arrow, .post article .posts-nav-bottom .nav-button-wrap .arrow-left, .post article .posts-nav-bottom .nav-button-wrap .arrow-right {
  margin-top: 6px
}

@media only screen and (min-width:768px) {
.post article .posts-nav-bottom .nav-button-wrap .arrow, .post article .posts-nav-bottom .nav-button-wrap .arrow-left, .post article .posts-nav-bottom .nav-button-wrap .arrow-right {
  margin-top: 8px
}
}

@media only screen and (min-width:1024px) {
.post article .posts-nav-bottom .nav-button-wrap .arrow, .post article .posts-nav-bottom .nav-button-wrap .arrow-left, .post article .posts-nav-bottom .nav-button-wrap .arrow-right {
  margin-top: 0;
  padding-top: 4px;
  padding-bottom: 4px
}
}
.post article .posts-nav-bottom .nav-button-wrap .arrow-left {
  display: inline-block;
  position: relative;
  float: left
}
.post article .posts-nav-bottom .nav-button-wrap .arrow-right {
  display: inline-block;
  position: relative;
  float: right
}
.post article .posts-nav-bottom .nav-button-wrap a.nav:hover svg path {
  fill: #fff
}
.post article .posts-nav-bottom .nav-button-wrap svg {
  display: block;
  width: 10px;
  height: 21px
}

@media only screen and (min-width:768px) {
.post article .posts-nav-bottom .nav-button-wrap svg {
  width: 15px;
  height: 32px
}
}

@media only screen and (min-width:1024px) {
.post article .posts-nav-bottom .nav-button-wrap svg {
  width: 20px;
  height: 42px
}
}
.post article .posts-nav-bottom .nav-button-wrap svg path {
  fill: #222
}
.post article .posts-nav-bottom .nav-button-wrap .btn-desc {
  font-family: Dosis, "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase
}

@media only screen and (min-width:1024px) {
.post article .posts-nav-bottom .nav-button-wrap .btn-desc {
  font-size: 24px
}
}
#crew-section {
  background: #222;
  color: #fff
}
#crew-section .container {
  margin-bottom: 2em;
}
#crew-section #crew-details-wrap {
  display: none
}

@media only screen and (min-width:768px) {
#crew-section #crew-details-wrap {
  display: block
}
}
#crew-section #crew-details-wrap #crew-details blockquote {
  font-family: Dosis, "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 15px
}

@media only screen and (min-width:768px) {
#crew-section #crew-details-wrap #crew-details blockquote {
  font-size: 18px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#crew-section #crew-details-wrap #crew-details blockquote {
  font-size: 18px
}
}

@media only screen and (min-width:1024px) {
#crew-section #crew-details-wrap #crew-details blockquote {
  font-size: 24px
}
}
#crew-section #crew-members {

  margin-bottom: 40px
}

@media only screen and (min-width:768px) {
#crew-section #crew-members {
  margin-bottom: 80px
}
}
#crew-section #crew-members ul {
  margin: 0 auto;
  list-style: none;
  text-align: center
}
#crew-section #crew-members ul.odd .crew-member:first-child {

}
#crew-section #crew-members ul.odd .crew-member:nth-child(2) {
  text-align: left
}
#crew-section #crew-members ul.odd .crew-member:nth-child(3) {
  text-align: right
}
#crew-section #crew-members ul.odd .crew-member:nth-child(4) {
  text-align: left
}

@media only screen and (min-width:768px) {
#crew-section #crew-members ul.odd .crew-member:first-child, #crew-section #crew-members ul.odd .crew-member:nth-child(2), #crew-section #crew-members ul.odd .crew-member:nth-child(3), #crew-section #crew-members ul.odd .crew-member:nth-child(4) {
  text-align: center
}
}

@media only screen and (min-width:1024px) {
#crew-section #crew-members ul.even {
  width: 100%;

}
}
#crew-section #crew-members ul.even .crew-member {
  padding-left: 0;
  padding-right: 0;

  float: left
}

@media only screen and (min-width:575px) {
#crew-section #crew-members ul.even .crew-member {
  padding-left: 0;
  padding-right: 0;
  float: left;
  display: inline-block;

  margin-top: -9%
}

}
#crew-section #crew-members ul.even .crew-member.non-mobile {
  display: none
}

@media only screen and (min-width:768px) {
#crew-section #crew-members ul.even .crew-member.non-mobile {
  display: inline-block
}
}
#crew-section #crew-members ul.even .crew-member:last-child {

}

@media only screen and (min-width:768px) {
#crew-section #crew-members ul.even .crew-member:last-child {
}
}
#crew-section #crew-members .crew-member {
  z-index: 100;
  padding-left: 0;
  padding-right: 0;
  width: 50%;
  float: left
}

@media only screen and (min-width:768px) {
#crew-section #crew-members .crew-member {
  padding-left: 0;
  padding-right: 0;
  width: 33.33333%;
  float: left;
  margin-bottom: 0
}
}
#crew-section #crew-members .crew-member .crew-link {
  display: block;
  height: inherit;
  position: relative
}




@media only screen and (min-width:768px) {
#crew-section #crew-members  .photo-hover {
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#crew-section #crew-members .crew-member .overlay {
  display: block
}
}

@media only screen and (min-width:768px) {
#crew-section #crew-members  .crew-details {
  display: block
}
}
#crew-section #crew-members  .crew-details h4, #crew-section #crew-members  .crew-details h5 {
  margin: 0
}
#crew-section #crew-members  .crew-details h4 {
  color: #fff;
  font-family: Dosis, "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
  text-transform: uppercase
}

@media only screen and (min-width:768px) {
#crew-section #crew-members  .crew-details h4 {
  font-size: 22px
}
}

@media only screen and (min-width:1024px) {
#crew-section #crew-members .crew-details h4 {
  font-size: 24px
}
}
#crew-section #crew-members  .crew-details h5 {
  color: #fff;
  font-family: Dosis, "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 16px
}

@media only screen and (min-width:768px) {
#crew-section #crew-members  .crew-details h5 {
  font-size: 18px
}
}

@media only screen and (min-width:1024px) {
#crew-section #crew-members  .crew-details h5 {
  font-size: 20px
}
}
#crew-section #crew-members .crew-member.mobile-only {
  display: inline-block
}

@media only screen and (min-width:768px) {
#crew-section #crew-members .crew-member.mobile-only {
  display: none
}
}
#crew-section #crew-members .crew-member .overlay {
  position: absolute;
  line-height: 20px;
  display: block;
  top: 50%;
  width: 100%
}

@media only screen and (min-width:768px) {
#crew-section #crew-members .crew-member .overlay {
  top: 55%
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#crew-section #crew-members .crew-member .overlay {
  top: 55%
}
}

@media only screen and (min-width:1024px) {
#crew-section #crew-members .crew-member .overlay {
  top: 60%
}
}
 .hire-plane {
  opacity: 1 !important;
  position: absolute;
z-index: 1;
top: 34%;
left: 0;
right: 0;
margin: 0 auto;
}
#crew-section #crew-members #new-hire img{
  opacity: .5;
}
#crew-section #crew-members #new-hire:hover img {
  opacity: .7;
}
#crew-section #crew-members #new-hire #icon-plane-crew {
  background: url(../img/oddbee-sprite@1x.png);
  display: inline-block;
  background-position: -160px -160px;
  width: 40px;
  height: 40px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#crew-section #crew-members #new-hire #icon-plane-crew {
  background: url(../img/oddbee-sprite@2x.png);
  -webkit-background-size: 540px 240px;
  background-size: 540px 240px;
  display: inline-block;
  background-position: -160px -160px;
  width: 40px;
  height: 40px
}
}

@media only screen and (min-width:575px) {
#crew-section #crew-members #new-hire #icon-plane-crew {
  display: none
}
}

@media only screen and (min-width:768px) {
#crew-section #crew-members #new-hire .photo {
  display: inline-block
}
}
#crew-section #crew-members #new-hire .new-hire-details {
  z-index: 101;
  position: absolute;
  line-height: 20px;
  display: block;
  width: 100%
}

@media only screen and (min-width:575px) {
#crew-section #crew-members #new-hire .new-hire-details {
bottom: 37px;
}
}


@media only screen and (min-width:768px) {
#crew-section #crew-members #new-hire .new-hire-details {
bottom: 60px;
}
}



#crew-section #crew-members #new-hire .new-hire-details h4 {
  margin: 0;
  color: #36c3e5;
  font-family: Dosis, "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: .5px;
}

@media only screen and (min-width:768px) {
#crew-section #crew-members #new-hire .new-hire-details h4 {
  font-size: 14px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#crew-section #crew-members #new-hire .new-hire-details h4 {
  font-size: 14px
}
}

@media only screen and (min-width:1366px) {
#crew-section #crew-members #new-hire .new-hire-details h4 {
  font-size: 20px
}
}
#crew-bottom {
  display: block;
  content: ""
}
#icon-plane {
  background: url(../img/oddbee-sprite@1x.png);
  display: inline-block;
  background-position: -200px -120px;
  width: 43.5px;
  height: 40px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#icon-plane {
  background: url(../img/oddbee-sprite@2x.png);
  -webkit-background-size: 540px 240px;
  background-size: 540px 240px;
  display: inline-block;
  background-position: -200px -120px
}
}

@media only screen and (min-width:768px) {
#icon-plane {
  background: url(../img/oddbee-sprite@2x.png);
  display: inline-block;
  background-position: -400px -240px;
  width: 87px;
  height: 80px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#icon-plane {
  background: url(../img/oddbee-sprite@3x.png);
  -webkit-background-size: 1080px 480px;
  background-size: 1080px 480px;
  display: inline-block;
  background-position: -400px -240px;
  width: 87px;
  height: 80px
}
}
.lt-ie9 #crew-section #crew-members .crew-member .photo, .lt-ie9 #crew-section #crew-members .crew-member .photo-fallback-hover, .lt-ie9 #crew-section #crew-members .crew-member .photo-hover {
  display: none
}
.lt-ie9 #crew-section #crew-members .crew-member .photo-fallback, .lt-ie9 #crew-section #crew-members  .photo-fallback-hover {
  display: inline-block
}
.lt-ie9 #crew-section #crew-members #new-hire .photo, .lt-ie9 #crew-section #crew-members  .overlay, .lt-ie9 #crew-section #crew-members  .photo-fallback, .lt-ie9 #crew-section #crew-members  .photo-hover {
  display: none
}
.lt-ie9 #crew-section #crew-members #new-hire .photo-fallback {
  display: inline-block
}
.lt-ie9 #crew-section #crew-members #new-hire:hover .new-hire-details, .lt-ie9 #crew-section #crew-members #new-hire:hover .photo-fallback {
  display: none
}
.lt-ie9 #crew-section #crew-members #new-hire:hover .photo-fallback-hover {
  display: inline-block
}



#contact-section form {
  margin-top:.5em !important;
  margin-bottom: 55px !important;
}
#contact-section a {
  color: #222;
}
#contact-section {
  background: #fcb533;
}
#contact-section .section-title {
  color: #222
}
#contact-section .container {
  max-width: 630px;
}

#contact-section #contact-address {
  margin: 0 auto;
  position: relative;
  display: block;
  padding-top: 20px;
  padding-bottom: 30px
}
#contact-section #contact-address h5 {
  text-align: center;
  text-transform: uppercase;
  color: #222;
  font-size: 12px
}

footer  {
  background-color: #fcb533;
  font-size: 12px;
  padding: 100px 0 40px 0;
}
footer p {
    font-weight: 500;
}
footer .container {
  max-width: 960px !important;
}

footer a, footer a:hover {
  color: #222;
}
footer a:hover {
  opacity: .8;
}

.work-contact {
  padding: 5em 0 1.6em 0;
}

@media only screen and (min-width:768px) {
#contact-section #contact-address h5 {
  font-size: 24px
}
}
#contact-section #map-wrap {
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  position: relative;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  width: 250px;
  height: 200px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#contact-section #map-wrap {
  width: 250px;
  height: 200px
}
}

@media only screen and (min-width:768px) {
#contact-section #map-wrap {
  width: 500px;
  height: 400px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#contact-section #map-wrap {
  width: 500px;
  height: 400px
}
}

@media only screen and (min-width:1400px) {
#contact-section #map-wrap {
  width: 600px;
  height: 500px
}
}
#contact-section #map-wrap #map {
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  display: block;
  margin: 0 auto;
  z-index: 100;
  width: 225px;
  height: 195px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#contact-section #map-wrap #map {
  width: 220px;
  height: 195px
}
}

@media only screen and (min-width:768px) {
#contact-section #map-wrap #map {
  width: 450px;
  height: 390px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#contact-section #map-wrap #map {
  width: 450px;
  height: 390px
}
}

@media only screen and (min-width:1400px) {
#contact-section #map-wrap #map {
  width: 550px;
  height: 490px
}
}
#contact-section #map-wrap #map .gm-style-cc, #contact-section #map-wrap #map img[src="https://maps.gstatic.com/mapfiles/api-3/images/google_white2.png"], #contact-section #map-wrap #map img[src="https://maps.gstatic.com/mapfiles/api-3/images/google_white2_hdpi.png"] {
  display: none
}
#contact-section .contact-button {
  cursor: pointer;
  line-height: normal;
  margin: 0 auto;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: block;
  width: auto;
  font-family: Dosis, "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 0;
  padding: 3px 6px;
  font-size: 12px;
  border-radius: 3px;
  color: #fcb533;
  background: #222;
  border: 1px solid #222;
  background-image: url(../img/submit-plane.png);
      background-repeat: no-repeat;
      background-position: 120px center;
          background-size: 20px;
              padding: 13px 70px 13px 41px;

}
#contact-section .contact-button:focus, #contact-section .contact-button:hover {
  color: #222;
  background: #fcb533;
  border: 1px solid #222;
  outline: 0;
  background-repeat: no-repeat;
  background-position: 120px center;
      background-size: 20px;
    background-image: url(../img/submit-plane-hover.png);
}

@media only screen and (min-width:640px) {
#contact-section .contact-button {

  font-size: 18px;
}
}

@media only screen and (min-width:768px) {
#contact-section .contact-button {

  font-size: 22px;
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#contact-section .contact-button {

  font-size: 22px;
}
}

@media only screen and (min-width:1024px) {
#contact-section .contact-button {

  font-size: 24px
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#contact-section .contact-button {
  border: 1px solid #222
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#contact-section .contact-button {
  border: 1px solid #222
}
}

@media only screen and (min-width:768px) {
#contact-section .contact-button {
  border: 2px solid #222
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#contact-section .contact-button:focus, #contact-section .contact-button:hover {
  border: 1px solid #222
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#contact-section .contact-button:focus, #contact-section .contact-button:hover {
  border: 1px solid #222
}
}

@media only screen and (min-width:768px) {
#contact-section .contact-button:focus, #contact-section .contact-button:hover {
  border: 2px solid #222
}
}
.lt-ie9 #map-hex-wrap {
  display: none
}
#map-hex-wrap {
  width: inherit;
  z-index: 100;
  display: block;
  position: absolute;
  height: inherit;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  top: 0
}

@media only screen and (min-width:768px) {
#map-hex {

}

}
#map-hex {
  position: relative;
  margin: 0 auto;
  width: inherit;
  height: inherit;
  display: inline-block;
  background: 0 0;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  z-index: 101;
   margin-top: -2px !important;
}
#stories {
  position: relative
}
#stories-inner {
  width: 100%;
  position: absolute
}
#stories-container {
  display: block;
  background: #fff;
  top: 0;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 0;
  position: fixed;
  width: 100%;
  z-index: 9999;
  -ms-transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: all .75s ease;
  transition: all .75s ease
}
#stories-container.active {
  top: 0;
  -ms-transform: translate3d(0%, 0, 0);
  -webkit-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
  -webkit-transition: all .75s ease;
  transition: all .75s ease
}
#stories-container.active.nonCSS-fallback {
  left: 0
}
#stories-container.nonCSS-fallback {
  left: 100%
}
#stories-container:before {
  content: "";
  position: absolute;
  top: 0;
  margin-left: -34px;
  height: 100%;
  width: 34px;
  background: -webkit-gradient(linear, top left, top right, from(rgba(0,0,0,0)), to(rgba(0,0,0,.4)));
  background: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.4));
  background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,.4))
}
#stories-container .stories-top {
  background: #333;
  height: 73px;
  padding-top: 10px;
  padding-bottom: 10px
}

@media only screen and (min-width:768px) {
#stories-container .stories-top {
  height: 146px;
  padding-top: 20px;
  padding-bottom: 20px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top {
  height: 146px
}
}
#stories-container .stories-top .close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 9999
}

@media only screen and (min-width:768px) {
#stories-container .stories-top .close {
  top: 20px;
  right: 20px
}
}
#stories-container .stories-top .close .icon-close {
  background: url(../img/oddbee-sprite@1x.png);
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: -320px -120px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top .close .icon-close {
  background: url(../img/oddbee-sprite@2x.png);
  -webkit-background-size: 540px 240px;
  background-size: 540px 240px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#stories-container .stories-top .close .icon-close {
  background: url(../img/oddbee-sprite@2x.png);
  display: inline-block
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top .close .icon-close {
  background: url(../img/oddbee-sprite@3x.png);
  -webkit-background-size: 1080px 480px;
  background-size: 1080px 480px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#stories-container .stories-top .close .icon-close {
  width: 40px;
  height: 40px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top .close .icon-close {
  width: 40px;
  height: 40px
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top .close .icon-close {
  background-position: -320px -120px
}
}

@media only screen and (min-width:768px) {
#stories-container .stories-top .close .icon-close {
  background-position: -640px -240px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top .close .icon-close {
  background-position: -640px -240px
}
}
#stories-container .stories-top .close:hover {
  cursor: pointer
}
#stories-container .stories-top .close:hover .icon-close {
  background: url(../img/oddbee-sprite@1x.png);
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: -320px -140px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top .close:hover .icon-close {
  background: url(../img/oddbee-sprite@2x.png);
  -webkit-background-size: 540px 240px;
  background-size: 540px 240px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#stories-container .stories-top .close:hover .icon-close {
  background: url(../img/oddbee-sprite@2x.png);
  display: inline-block
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top .close:hover .icon-close {
  background: url(../img/oddbee-sprite@3x.png);
  -webkit-background-size: 1080px 480px;
  background-size: 1080px 480px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#stories-container .stories-top .close:hover .icon-close {
  width: 40px;
  height: 40px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top .close:hover .icon-close {
  width: 40px;
  height: 40px
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top .close:hover .icon-close {
  background-position: -320px -140px
}
}

@media only screen and (min-width:768px) {
#stories-container .stories-top .close:hover .icon-close {
  background-position: -640px -280px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top .close:hover .icon-close {
  background-position: -640px -280px
}
}
#stories-container .stories-top.bios #prev-next-wrap, #stories-container .stories-top.services #prev-next-wrap {
  display: block
}
#stories-container .stories-top.bios {
  background: #2f2f2f;
  height: 100px
}

@media only screen and (min-width:768px) {
#stories-container .stories-top.bios {
  height: 200px
}
}
#stories-container .stories-top.bios #prev-next-wrap {
  padding-top: 25px
}
#stories-container .stories-top.bios .close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 9999
}

@media only screen and (min-width:768px) {
#stories-container .stories-top.bios .close {
  top: 20px;
  right: 20px
}
}
#stories-container .stories-top.bios .close .icon-close {
  background: url(../img/oddbee-sprite@1x.png);
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: -320px -120px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top.bios .close .icon-close {
  background: url(../img/oddbee-sprite@2x.png);
  -webkit-background-size: 540px 240px;
  background-size: 540px 240px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#stories-container .stories-top.bios .close .icon-close {
  background: url(../img/oddbee-sprite@2x.png);
  display: inline-block
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top.bios .close .icon-close {
  background: url(../img/oddbee-sprite@3x.png);
  -webkit-background-size: 1080px 480px;
  background-size: 1080px 480px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#stories-container .stories-top.bios .close .icon-close {
  width: 40px;
  height: 40px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top.bios .close .icon-close {
  width: 40px;
  height: 40px
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top.bios .close .icon-close {
  background-position: -320px -120px
}
}

@media only screen and (min-width:768px) {
#stories-container .stories-top.bios .close .icon-close {
  background-position: -640px -240px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top.bios .close .icon-close {
  background-position: -640px -240px
}
}
#stories-container .stories-top.bios .close:hover {
  cursor: pointer
}
#stories-container .stories-top.bios .close:hover .icon-close {
  background: url(../img/oddbee-sprite@1x.png);
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: -320px -140px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top.bios .close:hover .icon-close {
  background: url(../img/oddbee-sprite@2x.png);
  -webkit-background-size: 540px 240px;
  background-size: 540px 240px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#stories-container .stories-top.bios .close:hover .icon-close {
  background: url(../img/oddbee-sprite@2x.png);
  display: inline-block
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top.bios .close:hover .icon-close {
  background: url(../img/oddbee-sprite@3x.png);
  -webkit-background-size: 1080px 480px;
  background-size: 1080px 480px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#stories-container .stories-top.bios .close:hover .icon-close {
  width: 40px;
  height: 40px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top.bios .close:hover .icon-close {
  width: 40px;
  height: 40px
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top.bios .close:hover .icon-close {
  background-position: -320px -140px
}
}

@media only screen and (min-width:768px) {
#stories-container .stories-top.bios .close:hover .icon-close {
  background-position: -640px -280px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top.bios .close:hover .icon-close {
  background-position: -640px -280px
}
}
#stories-container .stories-top #prev-next-wrap {
  display: none
}
#stories-container .stories-top #prev-next-wrap .prev {
  background: url(../img/oddbee-sprite@1x.png);
  display: inline-block;
  width: 20px;
  height: 52px;
  background-position: -340px -170px;
  margin-left: 30px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top #prev-next-wrap .prev {
  background: url(../img/oddbee-sprite@2x.png);
  -webkit-background-size: 540px 240px;
  background-size: 540px 240px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#stories-container .stories-top #prev-next-wrap .prev {
  background: url(../img/oddbee-sprite@2x.png);
  display: inline-block
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top #prev-next-wrap .prev {
  background: url(../img/oddbee-sprite@3x.png);
  -webkit-background-size: 1080px 480px;
  background-size: 1080px 480px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#stories-container .stories-top #prev-next-wrap .prev {
  width: 40px;
  height: 106px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top #prev-next-wrap .prev {
  width: 40px;
  height: 106px
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top #prev-next-wrap .prev {
  background-position: -340px -170px
}
}

@media only screen and (min-width:768px) {
#stories-container .stories-top #prev-next-wrap .prev {
  background-position: -680px -340px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top #prev-next-wrap .prev {
  background-position: -680px -340px
}
}

@media only screen and (min-width:768px) {
#stories-container .stories-top #prev-next-wrap .prev {
  margin-left: 60px
}
}

@media only screen and (min-width:1400px) {
#stories-container .stories-top #prev-next-wrap .prev {
  margin-left: 0
}
}
#stories-container .stories-top #prev-next-wrap .prev:hover {
  background: url(../img/oddbee-sprite@1x.png);
  display: inline-block;
  width: 20px;
  height: 52px;
  background-position: -383px -170px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top #prev-next-wrap .prev:hover {
  background: url(../img/oddbee-sprite@2x.png);
  -webkit-background-size: 540px 240px;
  background-size: 540px 240px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#stories-container .stories-top #prev-next-wrap .prev:hover {
  background: url(../img/oddbee-sprite@2x.png);
  display: inline-block
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top #prev-next-wrap .prev:hover {
  background: url(../img/oddbee-sprite@3x.png);
  -webkit-background-size: 1080px 480px;
  background-size: 1080px 480px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#stories-container .stories-top #prev-next-wrap .prev:hover {
  width: 40px;
  height: 106px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top #prev-next-wrap .prev:hover {
  width: 40px;
  height: 106px
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top #prev-next-wrap .prev:hover {
  background-position: -383px -170px
}
}

@media only screen and (min-width:768px) {
#stories-container .stories-top #prev-next-wrap .prev:hover {
  background-position: -765px -340px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top #prev-next-wrap .prev:hover {
  background-position: -765px -340px
}
}
#stories-container .stories-top #prev-next-wrap .prev.alt:hover {
  background: url(../img/oddbee-sprite@1x.png);
  display: inline-block;
  width: 20px;
  height: 52px;
  background-position: -425px -170px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top #prev-next-wrap .prev.alt:hover {
  background: url(../img/oddbee-sprite@2x.png);
  -webkit-background-size: 540px 240px;
  background-size: 540px 240px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#stories-container .stories-top #prev-next-wrap .prev.alt:hover {
  background: url(../img/oddbee-sprite@2x.png);
  display: inline-block
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top #prev-next-wrap .prev.alt:hover {
  background: url(../img/oddbee-sprite@3x.png);
  -webkit-background-size: 1080px 480px;
  background-size: 1080px 480px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#stories-container .stories-top #prev-next-wrap .prev.alt:hover {
  width: 40px;
  height: 106px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top #prev-next-wrap .prev.alt:hover {
  width: 40px;
  height: 106px
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top #prev-next-wrap .prev.alt:hover {
  background-position: -425px -170px
}
}

@media only screen and (min-width:768px) {
#stories-container .stories-top #prev-next-wrap .prev.alt:hover {
  background-position: -850px -340px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top #prev-next-wrap .prev.alt:hover {
  background-position: -850px -340px
}
}
#stories-container .stories-top #prev-next-wrap .next {
  background: url(../img/oddbee-sprite@1x.png);
  display: inline-block;
  width: 20px;
  height: 52px;
  background-position: -361px -170px;
  float: right;
  margin-right: 30px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top #prev-next-wrap .next {
  background: url(../img/oddbee-sprite@2x.png);
  -webkit-background-size: 540px 240px;
  background-size: 540px 240px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#stories-container .stories-top #prev-next-wrap .next {
  background: url(../img/oddbee-sprite@2x.png);
  display: inline-block
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top #prev-next-wrap .next {
  background: url(../img/oddbee-sprite@3x.png);
  -webkit-background-size: 1080px 480px;
  background-size: 1080px 480px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#stories-container .stories-top #prev-next-wrap .next {
  width: 40px;
  height: 106px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top #prev-next-wrap .next {
  width: 40px;
  height: 106px
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top #prev-next-wrap .next {
  background-position: -361px -170px
}
}

@media only screen and (min-width:768px) {
#stories-container .stories-top #prev-next-wrap .next {
  background-position: -722px -340px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top #prev-next-wrap .next {
  background-position: -722px -340px
}
}

@media only screen and (min-width:768px) {
#stories-container .stories-top #prev-next-wrap .next {
  margin-right: 60px
}
}

@media only screen and (min-width:1400px) {
#stories-container .stories-top #prev-next-wrap .next {
  margin-right: 0
}
}
#stories-container .stories-top #prev-next-wrap .next:hover {
  background: url(../img/oddbee-sprite@1x.png);
  display: inline-block;
  width: 20px;
  height: 52px;
  background-position: -404px -170px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top #prev-next-wrap .next:hover {
  background: url(../img/oddbee-sprite@2x.png);
  -webkit-background-size: 540px 240px;
  background-size: 540px 240px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#stories-container .stories-top #prev-next-wrap .next:hover {
  background: url(../img/oddbee-sprite@2x.png);
  display: inline-block
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top #prev-next-wrap .next:hover {
  background: url(../img/oddbee-sprite@3x.png);
  -webkit-background-size: 1080px 480px;
  background-size: 1080px 480px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#stories-container .stories-top #prev-next-wrap .next:hover {
  width: 40px;
  height: 106px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top #prev-next-wrap .next:hover {
  width: 40px;
  height: 106px
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top #prev-next-wrap .next:hover {
  background-position: -404px -170px
}
}

@media only screen and (min-width:768px) {
#stories-container .stories-top #prev-next-wrap .next:hover {
  background-position: -807px -340px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top #prev-next-wrap .next:hover {
  background-position: -807px -340px
}
}
#stories-container .stories-top #prev-next-wrap .next.alt:hover {
  background: url(../img/oddbee-sprite@1x.png);
  display: inline-block;
  width: 20px;
  height: 52px;
  background-position: -446px -170px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top #prev-next-wrap .next.alt:hover {
  background: url(../img/oddbee-sprite@2x.png);
  -webkit-background-size: 540px 240px;
  background-size: 540px 240px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#stories-container .stories-top #prev-next-wrap .next.alt:hover {
  background: url(../img/oddbee-sprite@2x.png);
  display: inline-block
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top #prev-next-wrap .next.alt:hover {
  background: url(../img/oddbee-sprite@3x.png);
  -webkit-background-size: 1080px 480px;
  background-size: 1080px 480px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#stories-container .stories-top #prev-next-wrap .next.alt:hover {
  width: 40px;
  height: 106px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top #prev-next-wrap .next.alt:hover {
  width: 40px;
  height: 106px
}
}

@media only screen and (min-width:768px) {
#stories-container .stories-top #prev-next-wrap .next.alt:hover {
  background-position: -892px -340px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .stories-top #prev-next-wrap .next.alt:hover {
  background-position: -892px -340px
}
}
#stories-container .stories {
  list-style: none;
  margin: 0;
  background: #fff;
  display: none
}
#stories-container .stories.active {
  display: block
}
#stories-container .story {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 960px;
  width: 100%;
*zoom:1;
  display: none
}
#stories-container .story:after, #stories-container .story:before {
  content: " ";
  display: table
}
#stories-container .story:after {
  clear: both
}
#stories-container .story.active {
  display: block
}
#stories-container .story.active .photo-wrap {
  -webkit-animation: bounceInDown 1s both;
  animation: bounceInDown 1s both
}
#stories-container .story.active .story-inner {
  -webkit-animation: fadeIn 1s both;
  animation: fadeIn 1s both;
  -ms-transform: translate3d(0px, 0, 0);
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0)
}
#stories-container .story .photo-wrap {
  position: relative;
  display: block;
  margin-right: auto;
  margin-left: auto;
  z-index: 100;
  max-width: 140px;
  top: -80px;
  margin-bottom: -80px;
  -ms-transform: translate3d(0px, 0, 0);
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0)
}

@media only screen and (min-width:768px) {
#stories-container .story .photo-wrap {
  top: -180px;
  margin-bottom: -180px;
  max-width: 310px
}
}
#stories-container .story .photo-wrap .photo {
  display: none
}
#stories-container .story .photo-wrap .photo-hover {
  display: block;
  margin: 0 auto;
  position: relative
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .photo-wrap .photo, #stories-container .story .photo-wrap .photo-hover {
  max-width: 140px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .photo-wrap .photo, #stories-container .story .photo-wrap .photo-hover {
  max-width: 310px
}
}
#stories-container .story .story-title-wrap {
  z-index: 100;
  position: relative;
  display: block;
  text-align: center;
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
  top: -50px;
  margin-bottom: -15px
}

@media only screen and (min-width:768px) {
#stories-container .story .story-title-wrap {
  top: -105px;
  margin-bottom: -30px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-title-wrap {
  top: -105px;
  margin-bottom: -30px
}
}

@media only screen and (min-width:1024px) {
#stories-container .story .story-title-wrap {
  top: -110px;
  margin-bottom: -40px
}
}
#stories-container .story .story-title-wrap h2 {
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  margin: 0 auto
}

@media only screen and (min-width:640px) {
#stories-container .story .story-title-wrap h2 {
  font-size: 1.91667em
}
}

@media only screen and (min-width:768px) {
#stories-container .story .story-title-wrap h2 {
  font-size: 2.75em
}
}
#stories-container .story .story-icon {
  text-align: center;
  margin-bottom: 15px
}

@media only screen and (min-width:768px) {
#stories-container .story .story-icon {
  margin-bottom: 30px
}
}
#stories-container .story .story-icon .icon-design {
  background: url(../img/oddbee-sprite@1x.png);
  display: inline-block;
  width: 40px;
  height: 40px;
  background-position: 0 -80px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-icon .icon-design {
  background: url(../img/oddbee-sprite@2x.png);
  -webkit-background-size: 540px 240px;
  background-size: 540px 240px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#stories-container .story .story-icon .icon-design {
  background: url(../img/oddbee-sprite@2x.png);
  display: inline-block
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-icon .icon-design {
  background: url(../img/oddbee-sprite@3x.png);
  -webkit-background-size: 1080px 480px;
  background-size: 1080px 480px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#stories-container .story .story-icon .icon-design {
  width: 80px;
  height: 80px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-icon .icon-design {
  width: 80px;
  height: 80px
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-icon .icon-design {
  background-position: 0 -80px
}
}

@media only screen and (min-width:768px) {
#stories-container .story .story-icon .icon-design {
  background-position: 0 -160px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-icon .icon-design {
  background-position: 0 -160px
}
}
#stories-container .story .story-icon .icon-dev {
  background: url(../img/oddbee-sprite@1x.png);
  display: inline-block;
  width: 40px;
  height: 40px;
  background-position: -40px -80px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-icon .icon-dev {
  background: url(../img/oddbee-sprite@2x.png);
  -webkit-background-size: 540px 240px;
  background-size: 540px 240px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#stories-container .story .story-icon .icon-dev {
  background: url(../img/oddbee-sprite@2x.png);
  display: inline-block
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-icon .icon-dev {
  background: url(../img/oddbee-sprite@3x.png);
  -webkit-background-size: 1080px 480px;
  background-size: 1080px 480px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#stories-container .story .story-icon .icon-dev {
  width: 80px;
  height: 80px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-icon .icon-dev {
  width: 80px;
  height: 80px
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-icon .icon-dev {
  background-position: -40px -80px
}
}

@media only screen and (min-width:768px) {
#stories-container .story .story-icon .icon-dev {
  background-position: -80px -160px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-icon .icon-dev {
  background-position: -80px -160px
}
}
#stories-container .story .story-icon .icon-content {
  background: url(../img/oddbee-sprite@1x.png);
  display: inline-block;
  width: 40px;
  height: 40px;
  background-position: -80px -80px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-icon .icon-content {
  background: url(../img/oddbee-sprite@2x.png);
  -webkit-background-size: 540px 240px;
  background-size: 540px 240px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#stories-container .story .story-icon .icon-content {
  background: url(../img/oddbee-sprite@2x.png);
  display: inline-block
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-icon .icon-content {
  background: url(../img/oddbee-sprite@3x.png);
  -webkit-background-size: 1080px 480px;
  background-size: 1080px 480px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#stories-container .story .story-icon .icon-content {
  width: 80px;
  height: 80px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-icon .icon-content {
  width: 80px;
  height: 80px
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-icon .icon-content {
  background-position: -80px -80px
}
}

@media only screen and (min-width:768px) {
#stories-container .story .story-icon .icon-content {
  background-position: -160px -160px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-icon .icon-content {
  background-position: -160px -160px
}
}
#stories-container .story .story-icon .icon-marketing {
  background: url(../img/oddbee-sprite@1x.png);
  display: inline-block;
  width: 40px;
  height: 40px;
  background-position: -120px -80px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-icon .icon-marketing {
  background: url(../img/oddbee-sprite@2x.png);
  -webkit-background-size: 540px 240px;
  background-size: 540px 240px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#stories-container .story .story-icon .icon-marketing {
  background: url(../img/oddbee-sprite@2x.png);
  display: inline-block
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-icon .icon-marketing {
  background: url(../img/oddbee-sprite@3x.png);
  -webkit-background-size: 1080px 480px;
  background-size: 1080px 480px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#stories-container .story .story-icon .icon-marketing {
  width: 80px;
  height: 80px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-icon .icon-marketing {
  width: 80px;
  height: 80px
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-icon .icon-marketing {
  background-position: -120px -80px
}
}

@media only screen and (min-width:768px) {
#stories-container .story .story-icon .icon-marketing {
  background-position: -240px -160px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-icon .icon-marketing {
  background-position: -240px -160px
}
}
#stories-container .story .story-icon .icon-goggles {
  background: url(../img/oddbee-sprite@1x.png);
  display: inline-block;
  width: 40px;
  height: 40px;
  background-position: 0 -160px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-icon .icon-goggles {
  background: url(../img/oddbee-sprite@2x.png);
  -webkit-background-size: 540px 240px;
  background-size: 540px 240px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#stories-container .story .story-icon .icon-goggles {
  background: url(../img/oddbee-sprite@2x.png);
  display: inline-block
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-icon .icon-goggles {
  background: url(../img/oddbee-sprite@3x.png);
  -webkit-background-size: 1080px 480px;
  background-size: 1080px 480px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#stories-container .story .story-icon .icon-goggles {
  width: 80px;
  height: 80px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-icon .icon-goggles {
  width: 80px;
  height: 80px
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-icon .icon-goggles {
  background-position: 0 -160px
}
}

@media only screen and (min-width:768px) {
#stories-container .story .story-icon .icon-goggles {
  background-position: 0 -320px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-icon .icon-goggles {
  background-position: 0 -320px
}
}
#stories-container .story .story-icon .icon-plane {
  background: url(../img/oddbee-sprite@1x.png);
  display: inline-block;
  width: 40px;
  height: 40px;
  background-position: -40px -160px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-icon .icon-plane {
  background: url(../img/oddbee-sprite@2x.png);
  -webkit-background-size: 540px 240px;
  background-size: 540px 240px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#stories-container .story .story-icon .icon-plane {
  background: url(../img/oddbee-sprite@2x.png);
  display: inline-block
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-icon .icon-plane {
  background: url(../img/oddbee-sprite@3x.png);
  -webkit-background-size: 1080px 480px;
  background-size: 1080px 480px;
  display: inline-block
}
}

@media only screen and (min-width:768px) {
#stories-container .story .story-icon .icon-plane {
  width: 80px;
  height: 80px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-icon .icon-plane {
  width: 80px;
  height: 80px
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-icon .icon-plane {
  background-position: -40px -160px
}
}

@media only screen and (min-width:768px) {
#stories-container .story .story-icon .icon-plane {
  background-position: -80px -320px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-icon .icon-plane {
  background-position: -80px -320px
}
}
#stories-container .story .story-inner {
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  float: left;
  padding-top: 10px;
  padding-bottom: 50px
}

@media only screen and (min-width:1024px) {
#stories-container .story .story-inner {
  padding-bottom: 10%
}
}
#stories-container .story .story-inner h2, #stories-container .story .story-inner h3 {
  text-align: center;
  color: #222
}
#stories-container .story .story-inner h2 {
  font-family: Dosis, "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 18px
}

@media only screen and (min-width:768px) {
#stories-container .story .story-inner h2 {
  font-size: 36px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-inner h2 {
  font-size: 36px
}
}

@media only screen and (min-width:1024px) {
#stories-container .story .story-inner h2 {
  font-size: 48px
}
}
#stories-container .story .story-inner h3 {
  margin-bottom: 15px;
  font-size: 14px
}

@media only screen and (min-width:640px) {
#stories-container .story .story-inner h3 {
  margin-bottom: 30px
}
}

@media only screen and (min-width:768px) {
#stories-container .story .story-inner h3 {
  margin-bottom: 45px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-inner h3 {
  margin-bottom: 45px
}
}

@media only screen and (min-width:1024px) {
#stories-container .story .story-inner h3 {
  margin-bottom: 60px
}
}

@media only screen and (min-width:768px) {
#stories-container .story .story-inner h3 {
  font-size: 20px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-inner h3 {
  font-size: 20px
}
}

@media only screen and (min-width:1024px) {
#stories-container .story .story-inner h3 {
  font-size: 28px
}
}
#stories-container .story .story-inner .subtitle {
  color: #222
}
#stories-container .story .story-inner .story-details {
  display: block;
  position: relative;
  color: #222
}
#stories-container .story .story-inner .story-details h4 {
  font-family: Dosis, "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-align: center;
  color: #222
}
#stories-container .story .story-inner blockquote {
  color: #222;
  font-family: Dosis, "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 15px
}

@media only screen and (min-width:768px) {
#stories-container .story .story-inner blockquote {
  font-size: 18px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-inner blockquote {
  font-size: 18px
}
}

@media only screen and (min-width:1024px) {
#stories-container .story .story-inner blockquote {
  font-size: 24px
}
}
#stories-container .story .story-inner .story-btn-wrap {
  text-align: center;
  padding-top: 25px
}
#stories-container .story .story-inner .story-btn-wrap .story-btn {
  cursor: pointer;
  line-height: normal;
  margin: 0 0 1.66667em;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  font-family: Dosis, "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 0;
  padding: 3px 6px;
  font-size: 12px;
  border-radius: 3px;
  color: #fff;
  background: #222;
  border: 1px solid #222
}
#stories-container .story .story-inner .story-btn-wrap .story-btn:focus, #stories-container .story .story-inner .story-btn-wrap .story-btn:hover {
  color: #222;
  background: #fff;
  border: 1px solid #222;
  outline: 0
}

@media only screen and (min-width:640px) {
#stories-container .story .story-inner .story-btn-wrap .story-btn {
  padding: 4px 8px;
  font-size: 18px;
  border-radius: 5px
}
}

@media only screen and (min-width:768px) {
#stories-container .story .story-inner .story-btn-wrap .story-btn {
  padding: 8px 16px;
  font-size: 22px;
  border-radius: 7px
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-inner .story-btn-wrap .story-btn {
  padding: 8px 16px;
  font-size: 22px;
  border-radius: 7px
}
}

@media only screen and (min-width:1024px) {
#stories-container .story .story-inner .story-btn-wrap .story-btn {
  padding: 10px 15px;
  border-radius: 8px;
  font-size: 24px
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-inner .story-btn-wrap .story-btn {
  border: 1px solid #222
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-inner .story-btn-wrap .story-btn {
  border: 1px solid #222
}
}

@media only screen and (min-width:768px) {
#stories-container .story .story-inner .story-btn-wrap .story-btn {
  border: 2px solid #222
}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-inner .story-btn-wrap .story-btn:focus, #stories-container .story .story-inner .story-btn-wrap .story-btn:hover {
  border: 1px solid #222
}
}

@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) {
#stories-container .story .story-inner .story-btn-wrap .story-btn:focus, #stories-container .story .story-inner .story-btn-wrap .story-btn:hover {
  border: 1px solid #222
}
}

@media only screen and (min-width:768px) {
#stories-container .story .story-inner .story-btn-wrap .story-btn:focus, #stories-container .story .story-inner .story-btn-wrap .story-btn:hover {
  border: 2px solid #222
}
}
#services-full.stories {
  -webkit-animation: fadeOut 1s both;
  animation: fadeOut 1s both
}
#services-full.stories.active {
  -webkit-animation: fadeIn .5s both;
  animation: fadeIn .5s both
}
#services-full .story {
  -webkit-animation: fadeOut 1s both;
  animation: fadeOut 1s both;
  -ms-transform: translate3d(0px, 0, 0);
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0)
}
#services-full .story.active {
  -webkit-animation: fadeIn 1s both;
  animation: fadeIn 1s both;
  -ms-transform: translate3d(0px, 0, 0);
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0)
}
#stories-container #crew-bios .story .story-inner {
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  float: left;
  padding-top: 10px;
  padding-bottom: 10px
}
#stories-container #crew-bios li[data-crew=new] .story-inner {
  padding-bottom: 50px
}

@media only screen and (min-width:1024px) {
#stories-container #crew-bios li[data-crew=new] .story-inner {
  padding-bottom: 10%
}
}
.lt-ie9 #stories-container #crew-bios .story .photo-hover {
  display: none
}
.lt-ie9 #stories-container #crew-bios .story .photo-fallback-hover, .lt-ie9 #stories-container #crew-bios .story:hover .photo-hover-fallback {
  display: inline-block
}
.lt-ie9 #stories-container #crew-bios .story:hover .overlay, .lt-ie9 #stories-container #crew-bios .story:hover .photo-fallback, .lt-ie9 #stories-container #crew-bios .story:hover .photo-hover {
  display: none
}
.lt-ie9 #stories-container #crew-bios #new-hire .photo-hover-fallback {
  display: inline-block
}
.lt-ie9 #stories-container #crew-bios #new-hire:hover .new-hire-details, .lt-ie9 #stories-container #crew-bios #new-hire:hover .photo-fallback, .lt-ie9 #stories-container #crew-bios #new-hire:hover .photo-hover {
  display: none
}
.lt-ie9 #stories-container #crew-bios #new-hire:hover .photo-hover-fallback {
  display: inline-block
}
.story-details form {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 960px;
  width: 100%;
*zoom:1
}
.story-details form:after, .story-details form:before {
  content: " ";
  display: table
}
.story-details form:after {
  clear: both
}
.story-details form input[type=date], .story-details form input[type=datetime-local], .story-details form input[type=datetime], .story-details form input[type=email], .story-details form input[type=month], .story-details form input[type=number], .story-details form input[type=password], .story-details form input[type=search], .story-details form input[type=tel], .story-details form input[type=text], .story-details form input[type=time], .story-details form input[type=url], .story-details form input[type=week], .story-details form textarea {
    border-radius: 5px;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  float: left
}
 textarea {
  min-height: 200px;
  resize: vertical;
  margin: 0 0 1.33333em !important;
}

.stories-top.bios #prev-next-wrap{
  display: none !important;
}






.story-details form input[type=date], .story-details form input[type=datetime-local], .story-details form input[type=datetime], .story-details form input[type=email], .story-details form input[type=month], .story-details form input[type=number], .story-details form input[type=password], .story-details form input[type=search], .story-details form input[type=tel], .story-details form input[type=text], .story-details form input[type=time], .story-details form input[type=url], .story-details form input[type=week], .story-details form textarea {
  -webkit-appearance: none;
  border-radius: 5px;
  background-color: #fff;
  font-family: inherit;
  border: 1px solid #222;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  color: rgba(0,0,0,.75);
  display: block;
  font-size: 1.16667em;
  margin: 0 0 1.33333em;
  padding: .66667em;
  height: 3.08333em;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: -webkit-box-shadow .45s, border-color .45s ease-in-out;
  transition: box-shadow .45s, border-color .45s ease-in-out
}
.story-details form input[type=date]:focus, .story-details form input[type=datetime-local]:focus, .story-details form input[type=datetime]:focus, .story-details form input[type=email]:focus, .story-details form input[type=month]:focus, .story-details form input[type=number]:focus, .story-details form input[type=password]:focus, .story-details form input[type=search]:focus, .story-details form input[type=tel]:focus, .story-details form input[type=text]:focus, .story-details form input[type=time]:focus, .story-details form input[type=url]:focus, .story-details form input[type=week]:focus, .story-details form textarea:focus {
  -webkit-box-shadow: 0 0 5px #3c3c3c;
  box-shadow: 0 0 5px #3c3c3c;
  background: #fafafa;
  border-color: #3c3c3c;
  outline: 0
}
.story-details form input[type=date][disabled], .story-details form input[type=datetime-local][disabled], .story-details form input[type=datetime][disabled], .story-details form input[type=email][disabled], .story-details form input[type=month][disabled], .story-details form input[type=number][disabled], .story-details form input[type=password][disabled], .story-details form input[type=search][disabled], .story-details form  input[type=tel][disabled], .story-details form input[type=text][disabled], .story-details form input[type=time][disabled], input[type=url][disabled], input[type=week][disabled], textarea[disabled] {
  background-color: #ddd
}
.story-details form input[type=checkbox], .story-details form input[type=file], .story-details form input[type=radio], select {
  margin: 0 0 1.33333em
}
.story-details form input[type=file] {
  width: 100%
}































#404 {
  color: #fff;
  text-align: center
}
#404 a, #404 h1 {
  color: #fff
}
body.not-found {
  background: #648493
}
body.not-found #error-content-wrap {
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto
}
body.not-found #error-content-wrap .error-details {
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  float: left;
  padding-top: 50px;
  padding-bottom: 50px;
  position: absolute;
  top: 0
}
body.not-found #error-content-wrap .error-details h1 {
  color: #e1e0de;
  font-size: 50px;
  font-family: Dosis, "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
  font-weight: 300;
  margin-bottom: 0
}

@media only screen and (min-width:1024px) {
body.not-found #error-content-wrap .error-details h1 {
  font-size: 200px
}
}
body.not-found #error-content-wrap .error-details p {
  color: #e1e0de;
  text-align: center
}
body.not-found #error-content-wrap .error-details a {
  text-transform: uppercase;
  color: #1c231b;
  display: inline-block;
  margin-bottom: 125px
}
body.not-found #error-content-wrap .error-details a:hover {
  color: #fcb533
}
body.not-found #error-content-wrap .error-details a:hover #icon-not-found-return g line {
  stroke: #fcb533
}
body.not-found #error-content-wrap .error-details a #icon-not-found-return {
  display: inline-block;
  margin-left: 15px;
  position: relative;
  width: 13px;
  height: 10.95px
}

@media only screen and (min-width:1024px) {
body.not-found #error-content-wrap .error-details a #icon-not-found-return {
  top: 2px;
  width: 26px;
  height: 21.9px
}
}
body.not-found #error-content-wrap svg#parachute {
  height: 180px;
  width: 180px;
  display: block;
  margin-left: auto;
  margin-right: auto
}
body.not-found #error-clouds-wrap {
  display: none;
  position: relative;
  text-align: center
}

@media only screen and (min-width:1400px) {
body.not-found #error-clouds-wrap {
  display: block
}
}
body.not-found #error-clouds-wrap img {
  opacity: .3
}
body.not-found #error-clouds-wrap .cloud-right {
  margin-left: 280px
}






/*CREW CLOCKS */


.jcgmt-container {
    float:left;
    position: relative;
}

.jcgmt-clockHolder {

    margin:0 auto;
    position:relative;
    overflow: hidden;
}
.jcgmt-lbl {
  position: absolute;
  bottom: 35px;
  z-index: 9999;
  left: 0;
  right: 0;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 17px;
  letter-spacing: .5px;
}
.jcgmt-sec,
.jcgmt-min,
.jcgmt-hour {
    display:block;
    position:absolute;
width: 40%;
height:70%;
}
.jcgmt-sec {
  display: none !important;
}



.jcgmt-rotatingWrapper {
    position:absolute;
    width:100%;
    height:100%;

    display: flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
 width: 100%;
 text-align: center;

 align-items: center;


}


.jcgmt-rotatingWrapper:before {
  content:'';
  display: block;
  position: absolute;
  transform: translateY(-50%) translateX(-50%);
  width: 26px;
  height: 26px;
  left: 50%;
  top: 50%;
  background-color: #000;
  border-radius: 50%;
  z-index:999;
}
.show-mobile-siberia {
  display: none !important;
}



@media only screen and (max-width:1366px) {
.jcgmt-lbl {
  font-size: 14px;
}
}

@media only screen and (max-width:890px) {
  footer {
    padding-top: 80px;
      font-size: 13px;
  }
footer div {

  text-align: center !important;
}
}

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

.jcgmt-lbl {

  bottom: 35px;
}
.jcgmt-rotatingWrapper:before {
  width: 20px;
  height: 20px;
}
#crew-section #crew-members {
  padding: 0;
}
#contact-section .contact-button, #contact-section .contact-button:hover, #contact-section .contact-button:active, #contact-section .contact-button:focus {
  background-position: 100px center;

padding: 13px 65px 13px 41px;
}
.single-service-hex {
  padding: 0 .5em;
}

.hire-plane {
  width: 45px;
}
.canopy-labs hr {
  margin-top: 0rem;
  margin-bottom: 2rem;
}
.canopy-illustrations img {
  margin-bottom: 30px !important;
}
.canopy-illustrations img {
  padding: 0 !important;
}
.canopy-labs .cl-4, .canopy-labs .cl-2,.canopy-labs .cl-6 {
    padding: 50px 0 30px 0;
}
.canopy-labs .cl-4 img {
  margin-bottom: 30px;
}
.cl-5 .vertical-align img {
  padding: 0 25%;
  margin-bottom: 2em;
}
.canopy-labs .cl-5 {
    padding: 30px 0 0 0;
}
}


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

  .canopy-labs .cl-1 {
      padding-top: 40px;
  }


.hide-xs {
  display: none;
}
  .single-service p {
    display: none;
  }
  .service-desc-mobile {
    display: block !important;
  padding: 0 2em;
  margin-top: 1em;
  }
  .cl-5 .vertical-align img {
    padding: 0 8%;
  }

    .jcgmt-container {
      width: 85%;
    }

.single-service-hex h3 {
  font-size: 1.35em;
}
#back-to-top {
  right: 15px;
  bottom: 15px;
}

.single-service-hex {
  padding: 0;
}
.single-service-hex {
  margin: 1em auto;
  max-width: 500px;
}
#crew-section .container {
  padding: 0;
}

.single-service-hex {
  margin: .5em auto;
  max-width: 250px;
}
.hide-icon2 {
  display: none;
}
.hide-desktop-siberia {
  display: none;
}
#work-logos li {
  padding: 10px !important;
}
.show-mobile-siberia {
  display: block !important;
}
#crew-section #crew-members .col-6 {

  max-width: 49.5%
}
#crew-section #crew-members .col-6:first-child .jcgmt-container {
  float: right !important;
}

#new-hire img {
  display: none;
}

#contact-section form {
  margin-bottom: 0 !important;
}
footer {
  padding-top: 50px;
    font-size: 12px;
}




}




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


  .jcgmt-lbl {
    font-size: 12px;
    bottom: 22px;
  }
  .jcgmt-sec,
  .jcgmt-min,
  .jcgmt-hour {

  height:70%;
  }
.jcgmt-rotatingWrapper:before {
  width: 15px;
  height: 15px;
}

}
#main-contact {
  transition: all .8s ease;
}
.hide-form {
  opacity: 0;
}
.form-success {
  display: none;
width: 100%;
height: 500px;
}
.form-success img {
top: 50%;
position: relative;
transform: translateY(-50%);
  margin: 0 auto;
}
.antispam {
  display: none;
}