/* font */
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic);
/* Bootstrap files. */
/*! Bootstrap v3.3.5 (http://getbootstrap.com) Copyright 2011-2016 Twitter, Inc. Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
/*! Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=9e00df53aa09397e4e0f) Config saved to config.json and https://gist.github.com/9e00df53aa09397e4e0f */
/*! Bootstrap v3.3.6 (http://getbootstrap.com) Copyright 2011-2015 Twitter, Inc. Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

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

html { font-size: 10px; -webkit-tap-highlight-color: transparent; }

body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333333; background-color: #ffffff; }

input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }

a { text-decoration: none; }

a:hover, a:focus { text-decoration: underline; }

a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

figure { margin: 0; }

img { vertical-align: middle; }

.img-responsive { display: block; max-width: 100%; height: auto; }

.img-rounded { border-radius: 6px; }

.img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; }

.img-circle { border-radius: 50%; }

hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; }

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

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

[role="button"] { cursor: pointer; }

.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }

@media (min-width: 768px) { .container { width: 750px; } }

@media (min-width: 992px) { .container { width: 970px; } }

@media (min-width: 1200px) { .container { width: 1170px; } }

.container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }

.container-fluid-full { margin-right: auto; margin-left: auto; padding-left: 0px !important; padding-right: 0px !important; }

.row { margin-left: -15px; margin-right: -15px; }

.row-full { margin-left: 0px !important; margin-right: 0px !important; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }

.col-xs-12 { width: 100%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-9 { width: 75%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-6 { width: 50%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-3 { width: 25%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-1 { width: 8.33333333%; }

.col-xs-pull-12 { right: 100%; }

.col-xs-pull-11 { right: 91.66666667%; }

.col-xs-pull-10 { right: 83.33333333%; }

.col-xs-pull-9 { right: 75%; }

.col-xs-pull-8 { right: 66.66666667%; }

.col-xs-pull-7 { right: 58.33333333%; }

.col-xs-pull-6 { right: 50%; }

.col-xs-pull-5 { right: 41.66666667%; }

.col-xs-pull-4 { right: 33.33333333%; }

.col-xs-pull-3 { right: 25%; }

.col-xs-pull-2 { right: 16.66666667%; }

.col-xs-pull-1 { right: 8.33333333%; }

.col-xs-pull-0 { right: auto; }

.col-xs-push-12 { left: 100%; }

.col-xs-push-11 { left: 91.66666667%; }

.col-xs-push-10 { left: 83.33333333%; }

.col-xs-push-9 { left: 75%; }

.col-xs-push-8 { left: 66.66666667%; }

.col-xs-push-7 { left: 58.33333333%; }

.col-xs-push-6 { left: 50%; }

.col-xs-push-5 { left: 41.66666667%; }

.col-xs-push-4 { left: 33.33333333%; }

.col-xs-push-3 { left: 25%; }

.col-xs-push-2 { left: 16.66666667%; }

.col-xs-push-1 { left: 8.33333333%; }

.col-xs-push-0 { left: auto; }

.col-xs-offset-12 { margin-left: 100%; }

.col-xs-offset-11 { margin-left: 91.66666667%; }

.col-xs-offset-10 { margin-left: 83.33333333%; }

.col-xs-offset-9 { margin-left: 75%; }

.col-xs-offset-8 { margin-left: 66.66666667%; }

.col-xs-offset-7 { margin-left: 58.33333333%; }

.col-xs-offset-6 { margin-left: 50%; }

.col-xs-offset-5 { margin-left: 41.66666667%; }

.col-xs-offset-4 { margin-left: 33.33333333%; }

.col-xs-offset-3 { margin-left: 25%; }

.col-xs-offset-2 { margin-left: 16.66666667%; }

.col-xs-offset-1 { margin-left: 8.33333333%; }

.col-xs-offset-0 { margin-left: 0%; }

@media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; }
  .col-sm-pull-12 { right: 100%; }
  .col-sm-pull-11 { right: 91.66666667%; }
  .col-sm-pull-10 { right: 83.33333333%; }
  .col-sm-pull-9 { right: 75%; }
  .col-sm-pull-8 { right: 66.66666667%; }
  .col-sm-pull-7 { right: 58.33333333%; }
  .col-sm-pull-6 { right: 50%; }
  .col-sm-pull-5 { right: 41.66666667%; }
  .col-sm-pull-4 { right: 33.33333333%; }
  .col-sm-pull-3 { right: 25%; }
  .col-sm-pull-2 { right: 16.66666667%; }
  .col-sm-pull-1 { right: 8.33333333%; }
  .col-sm-pull-0 { right: auto; }
  .col-sm-push-12 { left: 100%; }
  .col-sm-push-11 { left: 91.66666667%; }
  .col-sm-push-10 { left: 83.33333333%; }
  .col-sm-push-9 { left: 75%; }
  .col-sm-push-8 { left: 66.66666667%; }
  .col-sm-push-7 { left: 58.33333333%; }
  .col-sm-push-6 { left: 50%; }
  .col-sm-push-5 { left: 41.66666667%; }
  .col-sm-push-4 { left: 33.33333333%; }
  .col-sm-push-3 { left: 25%; }
  .col-sm-push-2 { left: 16.66666667%; }
  .col-sm-push-1 { left: 8.33333333%; }
  .col-sm-push-0 { left: auto; }
  .col-sm-offset-12 { margin-left: 100%; }
  .col-sm-offset-11 { margin-left: 91.66666667%; }
  .col-sm-offset-10 { margin-left: 83.33333333%; }
  .col-sm-offset-9 { margin-left: 75%; }
  .col-sm-offset-8 { margin-left: 66.66666667%; }
  .col-sm-offset-7 { margin-left: 58.33333333%; }
  .col-sm-offset-6 { margin-left: 50%; }
  .col-sm-offset-5 { margin-left: 41.66666667%; }
  .col-sm-offset-4 { margin-left: 33.33333333%; }
  .col-sm-offset-3 { margin-left: 25%; }
  .col-sm-offset-2 { margin-left: 16.66666667%; }
  .col-sm-offset-1 { margin-left: 8.33333333%; }
  .col-sm-offset-0 { margin-left: 0%; } }

@media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; }
  .col-md-pull-12 { right: 100%; }
  .col-md-pull-11 { right: 91.66666667%; }
  .col-md-pull-10 { right: 83.33333333%; }
  .col-md-pull-9 { right: 75%; }
  .col-md-pull-8 { right: 66.66666667%; }
  .col-md-pull-7 { right: 58.33333333%; }
  .col-md-pull-6 { right: 50%; }
  .col-md-pull-5 { right: 41.66666667%; }
  .col-md-pull-4 { right: 33.33333333%; }
  .col-md-pull-3 { right: 25%; }
  .col-md-pull-2 { right: 16.66666667%; }
  .col-md-pull-1 { right: 8.33333333%; }
  .col-md-pull-0 { right: auto; }
  .col-md-push-12 { left: 100%; }
  .col-md-push-11 { left: 91.66666667%; }
  .col-md-push-10 { left: 83.33333333%; }
  .col-md-push-9 { left: 75%; }
  .col-md-push-8 { left: 66.66666667%; }
  .col-md-push-7 { left: 58.33333333%; }
  .col-md-push-6 { left: 50%; }
  .col-md-push-5 { left: 41.66666667%; }
  .col-md-push-4 { left: 33.33333333%; }
  .col-md-push-3 { left: 25%; }
  .col-md-push-2 { left: 16.66666667%; }
  .col-md-push-1 { left: 8.33333333%; }
  .col-md-push-0 { left: auto; }
  .col-md-offset-12 { margin-left: 100%; }
  .col-md-offset-11 { margin-left: 91.66666667%; }
  .col-md-offset-10 { margin-left: 83.33333333%; }
  .col-md-offset-9 { margin-left: 75%; }
  .col-md-offset-8 { margin-left: 66.66666667%; }
  .col-md-offset-7 { margin-left: 58.33333333%; }
  .col-md-offset-6 { margin-left: 50%; }
  .col-md-offset-5 { margin-left: 41.66666667%; }
  .col-md-offset-4 { margin-left: 33.33333333%; }
  .col-md-offset-3 { margin-left: 25%; }
  .col-md-offset-2 { margin-left: 16.66666667%; }
  .col-md-offset-1 { margin-left: 8.33333333%; }
  .col-md-offset-0 { margin-left: 0%; } }

@media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9 { width: 75%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-1 { width: 8.33333333%; }
  .col-lg-pull-12 { right: 100%; }
  .col-lg-pull-11 { right: 91.66666667%; }
  .col-lg-pull-10 { right: 83.33333333%; }
  .col-lg-pull-9 { right: 75%; }
  .col-lg-pull-8 { right: 66.66666667%; }
  .col-lg-pull-7 { right: 58.33333333%; }
  .col-lg-pull-6 { right: 50%; }
  .col-lg-pull-5 { right: 41.66666667%; }
  .col-lg-pull-4 { right: 33.33333333%; }
  .col-lg-pull-3 { right: 25%; }
  .col-lg-pull-2 { right: 16.66666667%; }
  .col-lg-pull-1 { right: 8.33333333%; }
  .col-lg-pull-0 { right: auto; }
  .col-lg-push-12 { left: 100%; }
  .col-lg-push-11 { left: 91.66666667%; }
  .col-lg-push-10 { left: 83.33333333%; }
  .col-lg-push-9 { left: 75%; }
  .col-lg-push-8 { left: 66.66666667%; }
  .col-lg-push-7 { left: 58.33333333%; }
  .col-lg-push-6 { left: 50%; }
  .col-lg-push-5 { left: 41.66666667%; }
  .col-lg-push-4 { left: 33.33333333%; }
  .col-lg-push-3 { left: 25%; }
  .col-lg-push-2 { left: 16.66666667%; }
  .col-lg-push-1 { left: 8.33333333%; }
  .col-lg-push-0 { left: auto; }
  .col-lg-offset-12 { margin-left: 100%; }
  .col-lg-offset-11 { margin-left: 91.66666667%; }
  .col-lg-offset-10 { margin-left: 83.33333333%; }
  .col-lg-offset-9 { margin-left: 75%; }
  .col-lg-offset-8 { margin-left: 66.66666667%; }
  .col-lg-offset-7 { margin-left: 58.33333333%; }
  .col-lg-offset-6 { margin-left: 50%; }
  .col-lg-offset-5 { margin-left: 41.66666667%; }
  .col-lg-offset-4 { margin-left: 33.33333333%; }
  .col-lg-offset-3 { margin-left: 25%; }
  .col-lg-offset-2 { margin-left: 16.66666667%; }
  .col-lg-offset-1 { margin-left: 8.33333333%; }
  .col-lg-offset-0 { margin-left: 0%; } }

.col-lg-15, .col-md-15, .col-sm-15, .col-xs-15 { position: relative; min-height: 1px; }

.col-xs-15 { width: 20%; float: left; padding-right: 5px; padding-left: 5px; }

@media (min-width: 768px) { .col-sm-15 { width: 20%; float: left; padding-right: 5px; padding-left: 5px; } }

@media (min-width: 992px) { .col-md-15 { width: 20%; float: left; padding-right: 5px; padding-left: 5px; } }

@media (min-width: 1200px) { .col-lg-15 { width: 20%; float: left; padding-right: 10px; padding-left: 10px; } }

.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .container-fluid-full:before, .container-fluid-full:after, .row:before, .row:after, .row-full:before, .row-full:after { content: " "; display: table; }

.clearfix:after, .container:after, .container-fluid:after, .container-fluid-full:after, .row:after, .row-full:after { clear: both; }

.center-block { display: block; margin-left: auto; margin-right: auto; left: 0; right: 0; }

.pull-right { float: right !important; }

.pull-left { float: left !important; }

.hide { display: none !important; }

.show { display: block !important; }

.invisible { visibility: hidden; }

.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

.hidden { display: none !important; }

.affix { position: fixed; }

@-ms-viewport { width: device-width; }

.visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; }

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; }

@media (max-width: 767px) { .visible-xs { display: block !important; }
  table.visible-xs { display: table !important; }
  tr.visible-xs { display: table-row !important; }
  th.visible-xs, td.visible-xs { display: table-cell !important; } }

@media (max-width: 767px) { .visible-xs-block { display: block !important; } }

@media (max-width: 767px) { .visible-xs-inline { display: inline !important; } }

@media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; }
  table.visible-sm { display: table !important; }
  tr.visible-sm { display: table-row !important; }
  th.visible-sm, td.visible-sm { display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; }
  table.visible-md { display: table !important; }
  tr.visible-md { display: table-row !important; }
  th.visible-md, td.visible-md { display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } }

@media (min-width: 1200px) { .visible-lg { display: block !important; }
  table.visible-lg { display: table !important; }
  tr.visible-lg { display: table-row !important; }
  th.visible-lg, td.visible-lg { display: table-cell !important; } }

@media (min-width: 1200px) { .visible-lg-block { display: block !important; } }

@media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } }

@media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } }

@media (max-width: 767px) { .hidden-xs { display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } }

@media (min-width: 1200px) { .hidden-lg { display: none !important; } }

.visible-print { display: none !important; }

@media print { .visible-print { display: block !important; }
  table.visible-print { display: table !important; }
  tr.visible-print { display: table-row !important; }
  th.visible-print, td.visible-print { display: table-cell !important; } }

.visible-print-block { display: none !important; }

@media print { .visible-print-block { display: block !important; } }

.visible-print-inline { display: none !important; }

@media print { .visible-print-inline { display: inline !important; } }

.visible-print-inline-block { display: none !important; }

@media print { .visible-print-inline-block { display: inline-block !important; } }

@media print { .hidden-print { display: none !important; } }

/* Bourbon. */
/* Site. */
/*
01. Variables
02. Mixins
03. Main
04. Type
05. Buttons
06. Layout
07. Sections
*/
html { font-size: 1em; -webkit-font-smoothing: antialiased; }

body { height: 100%; width: 100%; margin: 0; padding: 0; background-color: white; font-family: "Open Sans", Helvetica, Arial, sans-serif, sans-serif; font-weight: 400; line-height: 2.4em; color: #333; }

body.modal-open { overflow: hidden; }

/* bicubic resizing for non-native sized IMG: */
.ie7 img { -ms-interpolation-mode: bicubic; }

h1, h2, h3, h4 { font-family: "Open Sans", Helvetica, Arial, sans-serif, sans-serif; margin: 1.0em 0 0.5em; font-weight: 200; line-height: 1.2; }

h1 { font-weight: 200; margin: 0em 0 0.5em; font-size: 2.798em; padding-left: 0px; padding-right: 0px; }

@media (min-width: 375px) { h1 { font-size: 3.298em; padding-left: 0px; padding-right: 0px; } }

@media (min-width: 414px) { h1 { padding-left: 0px; padding-right: 0px; } }

@media (min-width: 768px) { h1 { font-size: 3.298em; padding-left: 0px; padding-right: 0px; } }

@media (min-width: 992px) { h1 { font-size: 3.598em; } }

@media (min-width: 1100px) { h1 { font-size: 3.998em; } }

h2 { font-size: 2.499em; margin: 0.5em 0 0.5em; padding-left: 0px; padding-right: 0px; }

@media (min-width: 375px) { h2 { font-size: 2.499em; padding-left: 0px; padding-right: 0px; } }

@media (min-width: 414px) { h2 { padding-left: 0px; padding-right: 0px; } }

@media (min-width: 768px) { h2 { font-size: 2.49em; padding-left: 0px; padding-right: 0px; margin: 1.0em 0 0.5em; } }

@media (min-width: 992px) { h2 { font-size: 3.127em; } }

@media (min-width: 1100px) { h2 { font-size: 3.127em; } }

h3 { font-size: 2.499em; margin: 1.0em 0 0.85em; padding-left: 0px; padding-right: 0px; }

@media (min-width: 375px) { h3 { padding-left: 0px; padding-right: 0px; } }

@media (min-width: 414px) { h3 { padding-left: 20px; padding-right: 20px; } }

@media (min-width: 768px) { h3 { padding-left: 0px; padding-right: 0px; } }

h4 { font-size: 1.714em; margin: 0.5em 0 0.25em; padding-left: 0px; padding-right: 0px; font-weight: 300; }

@media (min-width: 375px) { h4 { font-size: 2.014em; padding-left: 0px; padding-right: 0px; } }

@media (min-width: 414px) { h4 { padding-left: 0px; padding-right: 0px; } }

@media (min-width: 768px) { h4 { font-size: 2.014em; padding-left: 0px; padding-right: 0px; margin: 1.0em 0 0.5em; } }

@media (min-width: 992px) { h4 { font-size: 2.014em; padding-left: 0px; padding-right: 0px; } }

@media (min-width: 1100px) { h4 { font-size: 2.014em; } }

p { font-family: "Open Sans", Helvetica, Arial, sans-serif, sans-serif; font-weight: 400; font-size: 1.15em; margin-bottom: 1.3em; padding-left: 0px; padding-right: 0px; }

@media (min-width: 375px) { p { padding-left: 0px; padding-right: 0px; } }

@media (min-width: 414px) { p { padding-left: 0px; padding-right: 0px; } }

@media (min-width: 768px) { p { padding-left: 0px; padding-right: 0px; } }

.display-bold { font-weight: 700; }

.textbox.intro-inside { font-family: "Open Sans", Helvetica, Arial, sans-serif, sans-serif; font-size: 1.25em; font-weight: 700; text-transform: uppercase; position: relative; }

.textbox.intro-outside { font-family: "Open Sans", Helvetica, Arial, sans-serif, sans-serif; font-size: 1.25em; font-weight: 700; text-transform: uppercase; color: #202020; position: relative; }

.textbox.side { font-family: "Open Sans", Helvetica, Arial, sans-serif, sans-serif; font-size: 0.90em; font-weight: 700; text-transform: uppercase; color: #202020; }

.textbox.caption-inside { font-family: "Open Sans", Helvetica, Arial, sans-serif, sans-serif; font-size: 0.90em; font-weight: 700; text-transform: uppercase; color: white; position: relative; padding: 15px 0; }

.textbox.caption-outside { font-family: "Open Sans", Helvetica, Arial, sans-serif, sans-serif; font-size: 0.90em; font-weight: 600; text-transform: uppercase; color: #202020; position: relative; }

.textbox.color-primary { color: white; }

.textbox.color-secondary { color: white; }

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

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

a { color: #2d89ec; text-decoration: none; font-weight: 600; outline: 0; }

a:hover { color: #2600e7; text-decoration: none; outline: 0; }

a:focus, a:active { color: #2d89ec; text-decoration: none; outline: 0; }

.button { padding: 20px 40px; border: 1px solid #2d89ec; text-transform: uppercase; font-size: 1.2em; font-weight: 800; outline: none; width: 100%; color: #ffffff; background-color: transparent; -webkit-transition: all .15s ease-out; transition: all .15s ease-out; }

.button .right { position: absolute; right: 15px; margin-top: 10px; }

@media (min-width: 375px) { .button .right { right: 15px; } }

@media (min-width: 768px) { .button .right { right: 0px; } }

.button .left { position: absolute; left: 0; margin-top: 10px; }

.button:hover { background-color: #2d89ec; }

.button-light, .button-light:active, .button-light:focus { width: 150px; margin: 0 auto; padding: 20px 40px; border: 2px solid #ffffff; text-transform: uppercase; color: #ffffff; font-weight: 800; z-index: 1; display: block; -webkit-transition: all .15s ease-out; transition: all .15s ease-out; }

.button-light .down, .button-light:active .down, .button-light:focus .down { position: absolute; margin: 36px auto 0 auto; left: 0; right: 0; }

.button-light:hover { background-color: white; color: #0b7ac1 !important; }

.button-light:hover { color: #ffffff; }

.button-dark, .button-dark:active, .button-dark:focus { position: relative; padding: 20px 20px; border: 1px solid #2d89ec; text-transform: uppercase; text-align: center; color: #202020; font-weight: 800; line-height: 1.5em; display: block; width: 90%; max-width: 600px; z-index: 1; -webkit-transition: all .15s ease-out; transition: all .15s ease-out; }

.button-dark .right, .button-dark:active .right, .button-dark:focus .right { position: absolute; right: -20px; margin-top: -6px; top: 50%; }

.button-dark .left, .button-dark:active .left, .button-dark:focus .left { position: absolute; left: -20px; margin-top: -6px; top: 50%; }

.button-dark:hover { background-color: #2d89ec; color: #ffffff !important; }

.back-button-light, .back-button-light:hover, .back-button { position: absolute; top: 0px; margin: 20px 0 0 40px; padding: 20px 20px; border: 1px solid #2d89ec; text-transform: uppercase; text-align: center; font-weight: 800; line-height: 1.5em; display: block; width: 100px; z-index: 1; -webkit-transition: all .15s ease-out; transition: all .15s ease-out; }

.back-button-light .left, .back-button-light:hover .left, .back-button .left { position: absolute; left: -20px; margin-top: -7px; top: 50%; }

.back-button:hover, .back-button:focus, .back-button-light:hover { border: 1px solid #2d89ec; background-color: #2d89ec !important; color: #ffffff !important; }

.back-button, .back-button:hover, .back-button:active, .back-button:link { color: #202020; }

.back-button-light, .back-button-light:hover { color: #ffffff; }

.button-down, .button-down:active, .button-down:focus { position: relative; max-width: 200px; padding: 14px 20px; border: 1px solid #2d89ec; text-transform: uppercase; text-align: center; color: #ffffff; font-weight: 800; display: block; z-index: 999; -webkit-transition: all .15s ease-out; transition: all .15s ease-out; }

.button-down .down, .button-down:active .down, .button-down:focus .down { position: absolute; margin: 36px auto 0 auto; left: 0; right: 0; }

.button-down:hover { background-color: #2d89ec; color: #ffffff !important; }

.button-arrow, .button-arrow:hover, .button-arrow:active, .button-arrow:focus { width: auto; height: auto; }

.link-fancy { width: auto; text-transform: uppercase; font-weight: 600; border-bottom: 2px solid #38c457; }

ul { line-height: 1.4em; }

li { margin-bottom: 1.4em; }

.list-p-num { line-height: 1.8em; margin: 0; font-weight: 400; font-size: 1.15em; list-style: decimal; padding-left: 18px; }

.list-p-num li { margin-bottom: 1.0em; }

.list-p-num li:last-child { margin-bottom: 1.4em; }

.list-paragraph { line-height: 0em; margin: 0; padding-left: 0px; padding-top: 00px; font-size: 1.1em; list-style: none; }

.list-paragraph li:first-child { padding-left: 0px; padding-bottom: 24px; padding-top: 18px; border-bottom: 1px solid #f1f5f8; }

.list-paragraph li { padding-left: 14px; padding-bottom: 18px; border-bottom: 1px solid #f1f5f8; }

.list-unstyled { padding: 0; list-style: none; }

.list-inline { display: inline-block; }

.list-rulled { border-bottom: 1px solid #ccc; }

.list-rulled:last-child { border-bottom: none; }

nav { right: 0 !important; }

nav .bar { background-color: #38c457; width: 30px; height: 100%; position: absolute; right: 0; top: 0; z-index: -1; }

nav ul { position: relative; padding-right: 20px !important; }

nav li { list-style-type: none; margin-bottom: 0 !important; }

ul.list-team li { margin-top: 50px; }

@-webkit-keyframes bounceIn { 0% { -webkit-transform: scale(1); transform: scale(1);
    overflow: hidden; }
  100% { -webkit-transform: scale(1.05); transform: scale(1.05);
    overflow: hidden; } }

@keyframes bounceIn { 0% { -webkit-transform: scale(1); transform: scale(1);
    overflow: hidden; }
  100% { -webkit-transform: scale(1.05); transform: scale(1.05);
    overflow: hidden; } }

label { position: relative; font-family: "Open Sans", Helvetica, Arial, sans-serif, sans-serif; font-size: 1.25em; font-weight: 700; text-transform: uppercase; }

input, input[type=text], input[type=number], input[type=button] { border-radius: 0; -webkit-appearance: none; outline: none; width: 100%; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; background-color: #040f40; border-left: none; border-right: none; border-top: none; border-bottom: 1px solid #ffffff; color: #ffffff; font-size: 1.2em; font-weight: 400; }

input:focus, input[type=text]:focus, input[type=number] { -webkit-appearance: none; outline: none; border-bottom: 1px solid #ff856f; font-weight: 400; }

input[type=button], input[type=submit], input[type=reset] { -webkit-appearance: none; padding: 20px 40px; border: 1px solid #549df6; text-transform: uppercase; color: #ffffff; font-weight: 800; }

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

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

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

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

textarea { width: 100%; height: 150px; margin-top: 20px; padding: 10px 16px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ffffff; border-radius: 0px; background-color: #040f40; resize: none; font-size: 1.2em; font-weight: 400; }

textarea:focus { outline: none; border: 1px solid #ff856f; }

.tab-row { max-width: 1400px; }

.tab-container { font-size: 0.6em; line-height: 1.2em; text-transform: uppercase; color: #606060; height: 100%; position: relative; cursor: pointer; cursor: hand; }

@media (min-width: 768px) { .tab-container { font-size: 0.75em; } }

@media (min-width: 992px) { .tab-container { font-size: .9em; } }

.tab-container a { font-family: "Open Sans", Helvetica, Arial, sans-serif, sans-serif; font-weight: 800; color: #74787b; }

.tab-container { -webkit-transition: all .25s ease-out; transition: all .25s ease-out; }

.tab-container:hover ~ .fluff { -webkit-transform: scale(1.25); transform: scale(1.25); opacity: 1; }

.tab-nav { width: 100%; height: 100%; display: block; }

.tab-footer { border-top: 1px solid #dbdbdb; }

.tab-padding { padding: 20px 0 10px 0; }

@media (min-width: 768px) { .tab-padding { padding: 20px 0 20px 0; } }

@media (min-width: 992px) { .tab-padding { padding: 20px 0 30px 0; } }

.tab-icn-inactive { position: absolute; margin-bottom: 20px; display: block; opacity: 0; visibility: hidden; padding: 0 5px; }

.tab-icn-inactive.is-active { position: relative; opacity: 0.5; visibility: visible; }

.tab-icn-active { position: absolute; margin-bottom: 20px; display: block; opacity: 0; visibility: hidden; padding: 0 5px; }

.tab-icn-active.is-active { position: relative; opacity: 1; visibility: visible; }

.tab-selected { position: relative; top: -5px; height: 10px; background-color: #38c457; opacity: 0; visibility: hidden; max-width: 180px; margin: 0 auto; }

@media (min-width: 414px) { .tab-selected { top: -6px; height: 12px; } }

@media (min-width: 768px) { .tab-selected { top: -8px; height: 16px; } }

.tab-selected.is-active, .tab-selected.is-hover, .tab-selected.is-out { opacity: 1; visibility: visible; }

.tab-content { position: absolute; padding-top: 0px; opacity: 0; visibility: hidden; height: auto; display: none; }

.tab-content.is-active { position: relative; opacity: 1; visibility: visible; display: block; }

#wrapper { position: absolute; margin: 0; padding: 0; width: 100%; height: 100%; }

#container { position: absolute; top: 100%; min-height: 100%; max-width: 100%; width: 100%; height: 100%; }

.container, .container-fluid { padding-left: 20px; padding-right: 20px; }

@media (min-width: 375px) { .container, .container-fluid { padding-left: 35px; padding-right: 35px; } }

@media (min-width: 436px) { .container, .container-fluid { padding-left: 35px; padding-right: 35px; } }

@media (min-width: 768px) { .container, .container-fluid { padding-left: 15px; padding-right: 15px; } }

#cover { position: fixed; width: 100%; height: 100%; top: 0; background-color: #ffffff; opacity: 0; visibility: hidden; overflow-y: scroll; -webkit-overflow-scrolling: auto; z-index: 99; }

#cover.coverin { top: 0; opacity: 1 !important; visibility: visible !important; }

#cover.coverout { top: 100%; opacity: 1 !important; visibility: visible !important; }

.no-js #cover { position: fixed; width: 100%; height: 100%; top: 0; background-color: #ffffff; opacity: 0; visibility: hidden; overflow-y: scroll; -webkit-overflow-scrolling: auto; z-index: 99; }

.no-js #cover.coverin { top: 0; opacity: 0 !important; visibility: hidden !important; }

.no-js #cover.coverout { top: 100%; opacity: 0 !important; visibility: hidden !important; }

#shade { position: fixed; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; background-color: #38c457; opacity: 0; visibility: hidden; overflow-y: scroll; z-index: 199; }

.nav-side { position: absolute; width: 100%; height: 100%; min-height: 100%; border-right: 1px solid #000; border-bottom: 1px solid #f1f5f8; }

.full-height { position: relative; height: 100%; }

.cover-img { z-index: -1; display: block; position: fixed; top: 0; bottom: 0; left: 0; right: 0; max-width: 100%; max-height: 100%; margin: auto; overflow: auto; }

.cover-img img { min-width: 100%; height: auto; }

.narrow-md { padding: 0 80px; }

.narrow-lg { padding: 0 100px; }

.thin { max-width: 850px; margin-left: -15px; margin-right: -15px; }

.img-circle { border-radius: 50%; height: 100%; width: 100%; }

.traynsitionfix { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0); }

.logo { position: absolute; top: 30px; width: 100%; text-align: center; z-index: 3; }

@media (min-width: 436px) { .logo { top: 30px; } }

@media (min-width: 600px) { .logo { top: 50px; } }

@media (min-width: 768px) { .logo { top: 70px; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { .logo { top: 20px; } }

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { .logo { top: 20px; } }

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { .logo { top: 20px; } }

@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) { .logo { top: 20px; } }

@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { .logo { top: 20px; } }

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { .logo { top: 20px; } }

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { .logo { top: 20px; } }

.hero { position: absolute; top: 0; right: 0; bottom: 0; min-width: 100%; min-height: 400px; width: auto; height: 100%; background-color: #fff; background: url("../images/billboard-mobile.jpg") 90% center no-repeat; background-color: #0b7ac1; background-size: cover; display: block; z-index: -1; }

@media (min-width: 436px) { .hero { height: 100%; min-height: 400px; background: url("../images/billboard-mobile.jpg") 90% center no-repeat; background-color: #0b7ac1; background-size: cover; } }

@media (min-width: 600px) { .hero { height: 100%; min-height: 500px; background: url("../images/billboard-mobile.jpg") center center no-repeat; background-color: #0b7ac1; background-size: cover; display: block; } }

@media (min-width: 768px) { .hero { height: 100%; min-height: 500px; background: url("../images/billboard-poster.jpg") center center no-repeat; background-color: #0b7ac1; background-size: cover; display: block; } }

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) { .hero { background: url("../images/billboard-mobile.jpg") 90% center no-repeat; background-color: #0b7ac1; background-size: cover; } }

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) { .hero { background: url("../images/billboard-mobile.jpg") 90% center no-repeat; background-color: #0b7ac1; background-size: cover; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) { .hero { background: url("../images/billboard-mobile.jpg") 90% center no-repeat; background-color: #0b7ac1; background-size: cover; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { .hero { background: url("../images/billboard-mobile.jpg") 90% center no-repeat; background-color: #0b7ac1; background-size: cover; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .hero { background: url("../images/billboard-mobile.jpg") center center no-repeat; background-color: #0b7ac1; background-size: cover; } }

.hero .color-band { position: absolute; width: 100%; height: auto; min-height: 100%; background-color: #0b7ac1; opacity: 0.8; z-index: 2; }

.hero-message { position: absolute; display: table; height: 100%; width: 100%; padding: 0 0px; text-align: center; color: #fff; z-index: 3; font-family: "Open Sans", Helvetica, Arial, sans-serif, sans-serif; font-weight: 200; line-height: 1.2; font-size: 1.8em; }

@media (min-width: 375px) { .hero-message { font-size: 2.1em; padding-left: 10px; padding-right: 10px; } }

@media (min-width: 414px) { .hero-message { font-size: 2.2em; padding-left: 10px; padding-right: 10px; } }

@media (min-width: 436px) { .hero-message { font-size: 2.3em; padding-left: 30px; padding-right: 30px; } }

@media (min-width: 600px) { .hero-message { font-size: 3em; } }

@media (min-width: 768px) { .hero-message { font-size: 3em; padding: 0 40px; height: 100%; } }

@media (min-width: 992px) { .hero-message { font-size: 3.0em; padding: 0 50px; } }

@media (min-width: 1100px) { .hero-message { font-size: 3.4em; } }

@media (min-width: 1200px) { .hero-message { font-size: 3.7em; } }

@media (min-width: 1400px) { .hero-message { font-size: 4.4em; } }

.hero-button { position: absolute; height: 40px; width: 21px; bottom: 50px; right: 0; left: 0; margin: 0 auto; text-align: center; z-index: 3; cursor: pointer; cursor: hand; /* @media (min-width: 436px) { top:320px; } @media (min-width: 600px) { top:600px; } @media (min-width: 768px) { top: inherit; bottom: 70px; } */ }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { .hero-button { bottom: 20px; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) { .hero-button { bottom: 20px; } }

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { .hero-button { bottom: 20px; } }

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { .hero-button { bottom: 30px; } }

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { .hero-button { bottom: 25px; } }

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) { .hero-button { bottom: 30px; } }

@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) { .hero-button { bottom: 20px; } }

@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { .hero-button { bottom: 20px; } }

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { .hero-button { bottom: 20px; } }

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { .hero-button { bottom: 20px; } }

.hero-button .button-arrow { cursor: pointer; cursor: hand; display: block; height: 40px; width: 21px; margin: 0 auto; }

.hero-parent { position: absolute; width: 100%; height: 100%; clip: rect(0, auto, auto, 0); }

.vid-display { display: none; }

@media (min-width: 768px) { .vid-display { display: block; } }

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) { .vid-display { display: none; } }

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) { .vid-display { display: none; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) { .vid-display { display: none; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { .vid-display { display: none; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .vid-display { display: none; } }

video { position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background-size: cover; -webkit-transition: 1s opacity; transition: 1s opacity; z-index: 0; }

.ie6, .ie7, .ie8, .ie9, .ie10, .ie11 { /* video { position: fixed; display: none; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; transform: translateX(-50%) translateY(-50%); background: url('../images/billboard-alt.jpg') no-repeat; background-size: cover; transition: 1s opacity; z-index: 0; } */ }

.header-cover-psuedo { position: relative; padding-top: 100%; }

.intro-spacer { height: 100%; width: 100%; }

.mission { position: relative; display: table; min-height: 1000px; height: 100%; width: 100%; color: #202020; overflow: hidden; z-index: 2; background: url(../images/mission-bg.jpg) no-repeat; background-size: cover; -webkit-transition: 1s opacity; transition: 1s opacity; }

@media (min-width: 375px) { .mission { min-height: 920px; } }

@media (min-width: 435px) { .mission { min-height: 800px; } }

@media (min-width: 768px) { .mission { min-height: 500px; } }

@media (min-width: 992px) { .mission { min-height: 500px; } }

@media (min-width: 1100px) { .mission { min-height: 500px; } }

.mission .label { padding-bottom: 0px; }

@media (min-width: 436px) { .mission .label { padding-bottom: 20px; } }

.mission .thin { max-width: 950px !important; }

.mission .pull-left, .mission .pull-right, .mission .pull-txt, .mission h1 { color: #0b7ac1; font-weight: 300; }

.mission .pull-txt { text-align: center; }

.mission .color-band { position: absolute; width: 100%; height: auto; min-height: auto; background-color: #f1f5f8; opacity: 0.8; width: 100%; height: 100%; z-index: 0; }

.mission .panel { padding: 0px 0 0px 0; }

.mission .tabel-cell { display: table-cell; }

.mission .middle { vertical-align: middle; }

.mission h1 { text-align: left; max-width: 1370px; color: #2d89ec; }

@media (min-width: 768px) { .mission h1 { text-align: center; } }

.mission .pull-right { position: relative; color: #2d89ec; font-size: 2.25em; line-height: 1.1em; max-width: 100%; width: 100%; padding: 10px 0 15px 0; float: none !important; }

@media (min-width: 414px) { .mission .pull-right { padding-left: 20px; padding-right: 20px; } }

@media (min-width: 768px) { .mission .pull-right { float: none !important; max-width: 100%; width: 100%; padding: 0; font-size: 2.35em; } }

@media (min-width: 992px) { .mission .pull-right { float: right !important; max-width: 430px; top: 3px; margin-right: -5%; padding-left: 10px; font-size: 2.65em; } }

@media (min-width: 1100px) { .mission .pull-right { float: right !important; max-width: 430px; top: 3px; margin-right: -5%; padding-left: 10px; font-size: 2.65em; } }

.mission.stick { position: fixed; top: 0; left: 0; right: 0; padding: 0; margin: 0; z-index: 1; }

.mission.move { position: absolute; width: 100%; min-width: 100%; top: 0; left: 0; right: 0; padding: 0; margin: 0; z-index: 1; }

.mission-img { position: absolute; margin: auto; }

@media (min-width: 768px) { .mission-img { display: block; width: auto; height: 100%; } }

@media (min-width: 1500px) { .mission-img { display: block; width: auto; height: 100%; } }

@media (min-width: 1501px) { .mission-img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: auto; margin: auto; } }

.mission-background { background: url(../images/mission-bg.jpg) center center no-repeat; position: absolute; z-index: 99; left: 0; right: 0; top: 0px; bottom: 0; z-index: -1; margin-top: -200px; }

@media (min-width: 768px) { .mission-background { background-size: cover; } }

@media (min-width: 992px) { .mission-background { background-size: cover; } }

@media (min-width: 1100px) { .mission-background { background-size: cover; } }

@media (min-width: 1200px) { .mission-background { background-size: cover; } }

.services { position: relative; height: auto; color: #202020; background-color: services-bg; z-index: 1; }

.services .max { max-width: 100%; }

@media (min-width: 508px) { .services .max { max-width: 90%; } }

@media (min-width: 768px) { .services .max { max-width: 90%; } }

@media (min-width: 992px) { .services .max { max-width: 90%; } }

@media (min-width: 1100px) { .services .max { max-width: 1200px; padding: 0 80px; } }

.services .color-band { position: relative; width: 100%; height: auto; min-height: auto; background-color: #ffffff; opacity: 1; }

.services .panel { padding: 70px 0; }

.services .body-text { padding-right: 40px; }

.services p { color: #606060; }

.side-nav-header { margin: 40px 0 0 0; font-family: "Open Sans", Helvetica, Arial, sans-serif, sans-serif; font-size: 0.90em; font-weight: 700; text-transform: uppercase; color: #202020; border-bottom: 1px solid #dbdbdb; }

.casestudies { position: relative; height: auto; color: #202020; background-color: #ffffff; z-index: 2; }

.casestudies .color-band { position: relative; width: 100%; height: auto; min-height: auto; background-color: #f1f5f8; opacity: 1; background-repeat: repeat; background-attachment: fixed; }

.casestudies .casestudy-list { z-index: 2; padding-left: 15px; padding-right: 15px; }

@media (min-width: 768px) { .casestudies .casestudy-list { padding-left: 25px; padding-right: 25px; } }

@media (min-width: 992px) { .casestudies .casestudy-list { padding-left: 100px; } }

@media (min-width: 1100px) { .casestudies .casestudy-list { padding-left: 100px; } }

.casestudies .panel { padding: 90px 0; }

.casestudies .header-offset { text-align: center; }

@media (min-width: 768px) { .casestudies .header-offset { padding-left: 25px; padding-right: 25px; } }

@media (min-width: 992px) { .casestudies .header-offset { text-align: left; padding-left: 100px; } }

@media (min-width: 1100px) { .casestudies .header-offset { padding-left: 100px; } }

.casestudies p { color: #606060; padding: 0; }

.casestudies a { text-transform: uppercase; }

.casestudy-img-container { position: absolute; z-index: 1; float: right; width: 100%; height: 100%; padding: 0 50px; margin: auto 0; text-align: center; }

@media (min-width: 768px) { .casestudy-img-container { width: 100%; } }

@media (min-width: 992px) { .casestudy-img-container { width: 40%; } }

@media (min-width: 1100px) { .casestudy-img-container { width: 50%; } }

.casestudy-img { position: relative; display: block; max-width: 100%; height: auto; float: right; margin-right: 100px; }

.casestudy-pen, .casestudy-paperclip, .casestudy-chart, .casestudy-graph, .casestudy-report, .casestudy-glasses { position: absolute; margin: auto 0; text-align: center; }

.casestudy-pen { top: -10px; left: 10%; visibility: hidden; }

@media (min-width: 375px) { .casestudy-pen { top: -20px; left: 5%; visibility: hidden; } }

@media (min-width: 435px) { .casestudy-pen { top: -20px; left: 5%; visibility: hidden; } }

@media (min-width: 768px) { .casestudy-pen { top: 10px; left: 2%; visibility: visible; } }

@media (min-width: 992px) { .casestudy-pen { top: 10px; left: 5%; } }

@media (min-width: 1100px) { .casestudy-pen { top: 10px; left: 20%; } }

.casestudy-paperclip { top: 100px; left: 75%; visibility: hidden; }

@media (min-width: 768px) { .casestudy-paperclip { top: 30px; left: 15%; visibility: visible; } }

@media (min-width: 992px) { .casestudy-paperclip { top: 100px; left: 90%; } }

@media (min-width: 1100px) { .casestudy-paperclip { top: 100px; left: 75%; } }

.casestudy-chart { top: 80px; left: 40%; visibility: hidden; display: none !important; }

@media (min-width: 768px) { .casestudy-chart { top: 80px; right: 40%; visibility: hidden; display: none !important; } }

@media (min-width: 992px) { .casestudy-chart { top: 80px; left: 35%; visibility: visible; display: block !important; } }

@media (min-width: 1100px) { .casestudy-chart { top: 80px; left: 40%; } }

.casestudy-graph { top: 180px; left: 50%; visibility: hidden; display: none !important; }

@media (min-width: 768px) { .casestudy-graph { top: 180px; left: -100px; visibility: hidden; display: none !important; } }

@media (min-width: 992px) { .casestudy-graph { top: 180px; left: 60%; visibility: visible; display: block !important; } }

@media (min-width: 1100px) { .casestudy-graph { top: 180px; left: 50%; } }

.casestudy-report { bottom: 90px; left: 25%; visibility: hidden; display: none !important; }

@media (min-width: 768px) { .casestudy-report { bottom: 90px; left: 25%; visibility: hidden; display: none !important; } }

@media (min-width: 992px) { .casestudy-report { bottom: 90px; left: 20%; visibility: visible; display: block !important; } }

@media (min-width: 1100px) { .casestudy-report { bottom: 90px; left: 25%; } }

.casestudy-glasses { bottom: -20px; left: 75%; visibility: hidden; display: none !important; }

@media (min-width: 350px) { .casestudy-glasses { bottom: -30px; left: 70%; visibility: hidden; display: none; } }

@media (min-width: 435px) { .casestudy-glasses { bottom: -30px; left: 70%; visibility: hidden; display: none; } }

@media (min-width: 768px) { .casestudy-glasses { bottom: -20px; left: 75%; visibility: visible; display: block !important; } }

@media (min-width: 992px) { .casestudy-glasses { bottom: -20px; left: 75%; } }

@media (min-width: 1100px) { .casestudy-glasses { bottom: -20px; left: 55%; } }

.about { position: relative; height: auto; background-color: #ffffff; z-index: 1; }

.about .panel { padding-bottom: 0; }

.about .color-band { position: relative; width: 100%; height: auto; min-height: auto; background-color: #38c457; opacity: 1; color: #ffffff; }

.about .about-footer { position: absolute; width: 100%; height: 100px; bottom: 0; background-color: #ffffff; z-index: 0; }

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

@media (min-width: 728px) { .about .header { text-align: center; } }

.about .caption { top: 0px; position: relative; color: #ffffff; }

.about .photo { z-index: 3; position: relative; }

.about .history { position: relative; }

.about .history .thin { max-width: 100%; }

@media (min-width: 728px) { .about .history .thin { max-width: 100%; } }

@media (min-width: 992px) { .about .history .thin { max-width: 950px; } }

.about .history .cushion { padding-left: 0; padding-right: 0; }

@media (min-width: 728px) { .about .history .cushion { padding-left: 60px; padding-right: 60px; } }

@media (min-width: 992px) { .about .history .cushion { padding-left: 15px; padding-right: 15px; } }

.about .who { position: relative; padding: 80px 0; max-width: 1500px; margin: 0 auto; }

.about .who .cushion { padding-left: 0; padding-right: 0; }

@media (min-width: 728px) { .about .who .cushion { padding-left: 60px; padding-right: 60px; } }

@media (min-width: 992px) { .about .who .cushion { padding-left: 0px; padding-right: 15px; } }

.about .who h2 { color: #2d89ec; margin-top: -20px; text-align: left; font-size: 2.727em; font-weight: 300; }

@media (min-width: 728px) { .about .who h2 { font-size: 3.127em; text-align: center; margin-top: -20px; } }

@media (min-width: 992px) { .about .who h2 { font-size: 2.727em; margin-top: 0; text-align: left; } }

@media (min-width: 1024px) { .about .who h2 { font-size: 2.827em; } }

@media (min-width: 1100px) { .about .who h2 { font-size: 3.127em; } }

.about .who .txt { padding-right: 15px; margin-top: -20px; }

@media (min-width: 728px) { .about .who .txt { margin-top: -20px; } }

@media (min-width: 992px) { .about .who .txt { padding-right: 30px; margin-top: 15px; } }

@media (min-width: 1100px) { .about .who .txt { padding-right: 50px; margin-top: 20px; } }

@media (min-width: 1125px) { .about .who .txt { margin-top: 10px; } }

@media (min-width: 1150px) { .about .who .txt { margin-top: 25px; } }

@media (min-width: 1220px) { .about .who .txt { margin-top: 30px; } }

@media (min-width: 1400px) { .about .who .txt { margin-top: 80px; } }

@media (min-width: 1500px) { .about .who .txt { margin-top: 80px; padding-right: 30px; } }

.about .who img { position: relative; left: 0px; top: 20px; }

@media (min-width: 728px) { .about .who img { left: 0px; top: 20px; } }

@media (min-width: 992px) { .about .who img { left: -15px; top: 20px; } }

@media (min-width: 996px) { .about .who img { top: 10px; } }

@media (min-width: 1040px) { .about .who img { top: 0px; } }

.dots { content: ' '; position: fixed; width: 100%; height: 100%; margin: 0 auto; top: 0; left: 0; background: url("../images/pattern-dotgrid.gif") repeat center center; background-color: #f1f5f8; will-change: transform; z-index: -2; }

.team { overflow: hidden; position: relative; z-index: 1; }

.team .container-fluid { max-width: 1500px; }

.team .color-band { position: relative; width: 100%; height: auto; min-height: auto; background-color: transparent; opacity: 1; z-index: 0; background-image: url("../images/pattern-dotgrid.gif"); background-color: #f1f5f8; background-repeat: repeat; }

.team .personal-space { padding-top: 0; }

.img-circle { width: 100%; max-width: 292px; height: 100%; overflow: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); }

.team-thumb { -webkit-transform: translateZ(0); transform: translateZ(0); }

.team-thumb img.team-thumb-img { top: 0; left: 0; opacity: 1; }

.team-thumb img.team-thumb-img:hover { opacity: 1; }

.team-thumb svg.team-thumb-animate { -webkit-filter: url(filters.svg#grayscale); filter: url(filters.svg#grayscale); /* Firefox 3.5+ */ -webkit-filter: gray; filter: gray; /* IE5+ */ -webkit-filter: grayscale(1); filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */ -webkit-transition: all .25s ease-out; transition: all .25s ease-out; opacity: 1; }

.team-thumb svg.team-thumb-animate:hover { -webkit-filter: none; filter: none; -webkit-filter: grayscale(0); filter: grayscale(0); -webkit-transform: scale(1.02); transform: scale(1.02); opacity: 1; }

.team-thumb .imgbw, .team-thumb .imgbw:link, .team-thumb .imgbw:focus, .team-thumb .imgbw:active, .team-thumb .imgbw:visited { position: absolute; opacity: 1; -webkit-transition: all .25s ease-out; transition: all .25s ease-out; z-index: 1; }

.team-thumb .imgbw:hover { opacity: 0; text-align: center; }

.team-thumb .imgcolor { position: absolute; z-index: 0; }

.join-thumb { -webkit-transform: translate3d(0); transform: translate3d(0); -webkit-transform: translateZ(0); transform: translateZ(0); }

.join-thumb img.team-thumb-img { transform: rotate(0deg); -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */ transform: translateZ(0); -webkit-transform: translate3d(0); transform: translate3d(0); -webkit-transition: all .25s ease-out; transition: all .25s ease-out; }

.join-thumb img.team-thumb-img:hover { -webkit-transform: scale(1.15) rotate(0deg); transform: scale(1.15) rotate(0deg); }

.team-thumb-img { -webkit-transform: translateZ(0); transform: translateZ(0); }

.team-title { font-family: "Open Sans", Helvetica, Arial, sans-serif, sans-serif; margin: 1em 0 0.15em; font-size: 2.2em; font-weight: 300; line-height: 1.2; }

.team-job { font-size: 1.1em; color: #606060; margin-bottom: 20px; text-transform: uppercase; }

.team-icn { margin-bottom: 20px; }

.contact { position: relative; height: auto; color: #ffffff; display: block; -webkit-filter: drop-shadow(0px 4px 0px rgba(0, 0, 0, 0.2)); filter: drop-shadow(0px 4px 0px rgba(0, 0, 0, 0.2)); }

.contact .color-band { position: absolute; width: 100%; height: auto; min-height: auto; background-color: #040f40; opacity: 1; }

.contact .panel { position: relative; height: 100%; }

.contact .narrow { padding-left: 15px; padding-right: 15px; }

@media (min-width: 375px) { .contact .narrow { padding-left: 15px; padding-right: 15px; } }

@media (min-width: 768px) { .contact .narrow { padding-left: 15px; padding-right: 15px; } }

.text-danger { color: #ee2547; margin: 0; padding: 5px 0 0 0; }

.text-approved { color: #38c457; font-weight: 600; }

.contact-row { padding-top: 40px; }

footer { position: relative; height: auto; padding: 100px 0 135px 0; text-transform: uppercase; line-height: 1.5em; background-color: #38c457; color: #fff; font-size: .9em; }

footer .color-band { position: absolute; width: 100%; height: auto; min-height: auto; background-color: #38c457; opacity: 1; bottom: 0; padding-top: 18px; padding-bottom: 18px; color: #fff; font-size: 0.9em; font-weight: 600; }

footer a { font-weight: 400; }

footer a[href^=tel] { color: inherit; text-decoration: none; }

.footer-contact { margin-top: 20px; }

@media (min-width: 768px) { .footer-contact { margin-top: 0; } }

@media (min-width: 992px) { .footer-contact { margin-top: 0; } }

@media (min-width: 1100px) { .footer-contact { margin-top: 0; } }

.footer-fixed { position: fixed; bottom: 0; height: 300px; width: 100%; padding: 80px 0 130px 0; background-color: #fff; text-transform: uppercase; line-height: 1.5em; background-color: #ffffff; z-index: -1; }

.footer-fixed .color-band { position: absolute; width: 100%; height: auto; min-height: auto; background-color: #0b7ac1; opacity: 1; bottom: 0; padding-top: 18px; padding-bottom: 18px; color: #fff; font-size: 0.8em; font-weight: 600; }

.tray { position: fixed; right: -98%; width: 96%; height: 100%; z-index: 9999; text-align: left; -webkit-transform: translateZ(0); transform: translateZ(0); color: #ffffff; display: block; }

@media (min-width: 768px) { .tray { width: 90%; right: -90%; text-align: left; } }

@media (min-width: 992px) { .tray { width: 80%; right: -80%; } }

@media (min-width: 1100px) { .tray { width: 65%; right: -65%; } }

@media (min-width: 1250px) { .tray { width: 50%; right: -50%; } }

.tray .color-band { position: absolute; width: 100%; height: auto; min-height: auto; background-color: #040f40; opacity: 1; }

.tray .panel { position: relative; padding: 40px 0 0; height: 100%; }

.tray .personal-space { padding-top: 60px; }

.tray p { font-weight: 400; line-height: 1.9em; }

@media (min-width: 768px) { .tray p { line-height: 2.4em; } }

.tray .dark-link { color: #0b7ac1; font-weight: 600; }

.tray .dark-link:hover { color: #2d89ec; }

.tray h1 { margin-bottom: 0em; color: #1abe52; font-weight: 200; }

@media (min-width: 768px) { .tray h1 { margin-top: 0.8em; margin-bottom: 0.15em; } }

.tray h3 { color: #1abe52; margin-top: 0em; margin-bottom: 0em; }

@media (min-width: 375px) { .tray h3 { margin-top: 1em; } }

@media (min-width: 768px) { .tray h3 { margin-top: 1em; margin-bottom: 0.85em; } }

.work-button { position: absolute; width: 150px; top: 0; margin: auto 0; padding-left: 0px; text-align: center; z-index: 2; }

.casestudy-detail { position: relative; height: auto; color: #202020; background-color: #ffffff; }

.casestudy-detail .header { padding: 20px 25px 0 25px; text-align: left; width: 100%; height: 280px; min-height: 280px; display: table; max-width: 1200px; margin: 0 auto; }

@media (min-width: 320px) { .casestudy-detail .header { height: 410px; min-height: 410px; padding: 60px 25px 0 25px; } }

@media (min-width: 414px) { .casestudy-detail .header { height: 420px; min-height: 420px; padding: 30px 25px 0 25px; } }

@media (min-width: 500px) { .casestudy-detail .header { height: 375px; min-height: 375px; padding: 20px 25px 0 25px; text-align: center; } }

@media (min-width: 736px) { .casestudy-detail .header { height: 414px; min-height: 414px; padding: 10px 25px 0 25px; } }

@media (min-width: 768px) { .casestudy-detail .header { height: 500px; min-height: 500px; } }

.casestudy-detail h2 { margin-top: 20px; color: #1abe52; font-weight: 200; }

.casestudy-detail .personal-space { padding-top: 0; }

.casestudy-detail .color-band-top { position: relative; width: 100%; height: auto; min-height: auto; background-color: #1a1d46; opacity: 1; color: #ffffff; }

.casestudy-detail .color-band { position: relative; width: 100%; height: auto; min-height: auto; background-color: #ffffff; opacity: 1; }

.casestudy-detail .panel { padding: 0px 0 90px 0; }

.casestudy-detail .offset { padding-left: 100px; }

.casestudy-detail p { color: #606060; }

.casestudy-detail .results { color: #ffffff; }

.casestudy-detail .results .panel { padding: 50px 0; margin-top: 20px; }

.casestudy-detail .results .personal-space { padding-top: 40px; }

.casestudy-detail .results.color-band { position: relative; width: 100%; height: auto; min-height: auto; background-color: #0b7ac1; opacity: 1; }

.casestudy-detail .btn-title { text-align: center; text-transform: uppercase; font-size: .9em; color: #999999; margin-top: 20px; }

.casestudy-button { position: relative; width: 100%; margin: auto 0; text-align: center; z-index: 2; left: 0; right: 0; text-align: center; }

#team-loaded { background-color: #ffffff; }

#team-loaded .dots { content: ' '; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: url("../images/pattern-dotgrid.gif") repeat center center; background-color: #f1f5f8; will-change: transform; z-index: -1; }

.team-detail { padding-top: 170px; background-color: #ffffff; z-index: 1; }

.team-detail .container-float { position: relative; width: 100%; padding: 0; margin: 0; top: 0; }

@media (min-width: 768px) { .team-detail .container-float { position: absolute; } }

.team-detail .billboard { width: 100%; }

.team-detail .thin { max-width: 530px; padding-left: 20px; padding-right: 20px; margin: 0 auto; }

.team-detail .team-hero { z-index: 3; }

.team-detail .team-hero .container-fluid { padding-left: 15px; padding-right: 15px; }

.team-detail .team-hero.panel { padding: 0; }

.team-detail .team-hero .textblock { top: 0px; height: 570px; display: table; text-align: left; color: #ffffff; background-color: #1a1d46; }

@media (min-width: 768px) { .team-detail .team-hero .textblock { top: -40px; text-align: center; height: 510px; } }

.team-detail .team-hero .textblock h1 { margin-top: 0; color: #1abe52; font-weight: 200; }

.team-detail .team-hero .textblock h2 { margin-top: 0; color: #1abe52; font-weight: 200; }

.team-detail .team-hero .textblock .team-hero-btn { margin-top: 30px; }

@media (min-width: 768px) { .team-detail .team-hero .textblock .team-hero-btn { margin-top: 30px; } }

.team-detail .team-hero .textblock-lg { top: 0px; height: 570px; display: table; text-align: left; color: #ffffff; background-color: #1a1d46; }

@media (min-width: 768px) { .team-detail .team-hero .textblock-lg { top: -100px; text-align: center; height: 590px; } }

@media (min-width: 992px) { .team-detail .team-hero .textblock-lg { top: -40px; text-align: center; height: 510px; } }

.team-detail .team-hero .textblock-lg h1 { margin-top: 0; color: #1abe52; font-weight: 100; }

.team-detail .team-hero .textblock-lg h2 { margin-top: 0; color: #1abe52; font-weight: 200; }

.team-detail .team-hero .textblock-lg .team-hero-btn { margin-top: 30px; }

@media (min-width: 768px) { .team-detail .team-hero .textblock-lg .team-hero-btn { margin-top: 30px; } }

@media (min-width: 992px) { .team-detail .team-hero .textblock-lg .team-hero-btn { margin-top: 30px; } }

.team-detail .team-hero .thin { max-width: 100%; padding-left: 20px; padding-right: 20px; }

@media (min-width: 768px) { .team-detail .team-hero .thin { max-width: 530px; } }

.team-detail .team-text { margin-top: 50px; }

.team-detail .team-text.panel { padding: 0px 0 20px 0; }

@media (min-width: 768px) { .team-detail .team-text.panel { padding: 60px; } }

.team-detail .team-text .pull-right { position: relative; color: #2d89ec; font-size: 2.25em; max-width: 100%; width: 100%; padding: 10px 0 15px 0; float: none !important; }

@media (min-width: 414px) { .team-detail .team-text .pull-right { padding-left: 20px; padding-right: 20px; } }

@media (min-width: 768px) { .team-detail .team-text .pull-right { float: none !important; max-width: 100%; width: 100%; padding: 0; font-size: 2.35em; } }

@media (min-width: 992px) { .team-detail .team-text .pull-right { float: right !important; max-width: 390px; width: 100%; top: -10px; margin-right: 0%; padding-left: 20px; padding-right: 0px; font-size: 2.65em; } }

@media (min-width: 1100px) { .team-detail .team-text .pull-right { float: right !important; max-width: 410px; width: 50%; top: -10px; margin-right: -20%; padding-left: 10px; padding-right: 10px; font-size: 2.65em; } }

.team-detail .color-band { position: relative; width: 100%; height: auto; min-height: 510px; background-color: #f1f5f8; opacity: 1; }

.team-detail .imgbox::before { background: url("../images/grey.gif") center center no-repeat; background-size: cover; background-position: center center; background-color: blue; }

@media (min-width: 568px) { .team-detail .imgbox::before { height: 430px; } }

@media (min-width: 768px) { .team-detail .imgbox::before { position: absolute; top: 40px; width: 50%; height: 530px; } }

@media (min-width: 992px) { .team-detail .imgbox::before { position: absolute; top: 40px; width: 50%; } }

@media (min-width: 1100px) { .team-detail .imgbox::before { position: absolute; top: 40px; width: 50%; overflow: hidden; } }

.team-detail .imgbox { position: relative; top: 0; padding: 0; height: 330px; min-height: 330px; width: 100%; overflow: hidden; }

@media (min-width: 568px) { .team-detail .imgbox { height: 430px; } }

@media (min-width: 768px) { .team-detail .imgbox { position: absolute; top: 40px; width: 50%; height: 530px; } }

@media (min-width: 992px) { .team-detail .imgbox { position: absolute; top: 40px; width: 50%; } }

@media (min-width: 1100px) { .team-detail .imgbox { position: absolute; top: 40px; width: 50%; overflow: hidden; } }

.team-detail .imgbox.joe { background-size: cover; background-position: center center; }

.team-detail .imgbox.asher { background-size: cover; background-position: center center; }

.team-detail .imgbox.priya { background-size: cover; background-position: center center; }

.team-detail .imgbox.izabela { background-size: cover; background-position: center center; }

.team-detail .imgbox.anne { background-size: cover; background-position: center center; }

.team-detail .imgbox.cover { background-size: cover; background-position: center center; }

.team-detail .imgbox img { z-index: -1; }

.team-detail .imgholder { position: relative; top: 0; padding: 0; height: 330px; width: 100%; overflow: hidden; background-color: #f1f5f8; }

@media (min-width: 568px) { .team-detail .imgholder { height: 430px; } }

@media (min-width: 768px) { .team-detail .imgholder { position: absolute; top: 40px; width: 50%; height: 530px; } }

@media (min-width: 992px) { .team-detail .imgholder { position: absolute; top: 40px; width: 50%; } }

@media (min-width: 1100px) { .team-detail .imgholder { position: absolute; top: 40px; width: 50%; overflow: hidden; } }

.team-detail .tabel-cell { display: table-cell; }

.team-detail .middle { vertical-align: middle; }

#team-loaded { position: absolute; width: 100%; z-index: 999; }

.fixed { position: fixed; }

.relative { position: relative; }

.absolute { position: absolute; }

.invisible { visibility: hidden; }

.float-right { float: right; }

.float-left { float: left; }

.clear { clear: both; }

.tabel { display: table; }

.tabel-cell { display: table-cell; }

.middle { vertical-align: middle; }

.show { opacity: 1 !important; visibility: visible !important; }

.fW { width: 100%; }

.nowrap { white-space: nowrap; }

.block { display: block; }

.text-upper { text-transform: uppercase; }

.pull-left, .pull-right { font-family: "Open Sans", Helvetica, Arial, sans-serif, sans-serif; text-transform: none; font-size: 3em; line-height: 1.2; font-weight: 200; max-width: 490px; margin-top: 16px; padding-left: 0px; padding-right: 0px; }

@media (min-width: 414px) { .pull-left, .pull-right { padding-left: 20px; padding-right: 20px; } }

@media (min-width: 768px) { .pull-left, .pull-right { padding-left: 0px; padding-right: 0px; } }

.pull-txt { font-family: "Open Sans", Helvetica, Arial, sans-serif, sans-serif; font-size: 3em; line-height: 1.2; font-weight: 200; margin-top: 16px; }

.pull-left { float: left; margin-right: 6rem; }

.pull-right { float: right; margin-right: -10rem; padding-left: 16px; }

.quote-icon { font-size: 4em; height: 150px; color: #38c457; padding: 0; margin: 0; }

.panel { padding-top: 100px; padding-bottom: 100px; }

.personal-space { padding-top: 30px; }

.cushion { padding-left: 20px; padding-right: 20px; }

@media (min-width: 435px) { .cushion { padding-left: 15px; padding-right: 15px; } }

@media (min-width: 728px) { .cushion { padding-left: 60px; padding-right: 60px; } }

.fill { background-color: aqua; min-height: 20px; }

.fill-two { background-color: grey; min-height: 20px; }

/*! Gray v1.4.5 (https://github.com/karlhorky/gray) | MIT */
.grayscale { /* Firefox 10-34 */ filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale"); /* Chrome 19+, Safari 6+, Safari 6+ iOS, Opera 15+ */ -webkit-filter: grayscale(1); /* Firefox 35+ */ filter: grayscale(1); /* IE 6-9 */ -webkit-filter: gray; filter: gray; -webkit-transform: translateZ(0); transform: translateZ(0); }

.grayscale.grayscale-fade { -webkit-transition: -webkit-filter .5s; transition: -webkit-filter .5s; transition: filter .5s; transition: filter .5s, -webkit-filter .5s; }

/* Webkit hack until filter is unprefixed */
@media screen and (-webkit-min-device-pixel-ratio: 0) { .grayscale.grayscale-fade { -webkit-transition: -webkit-filter .5s; transition: -webkit-filter .5s; } }

.grayscale.grayscale-off, .grayscale.grayscale-fade:hover { -webkit-filter: grayscale(0); filter: grayscale(0); }

/* Background element */
.grayscale.grayscale-replaced { -webkit-filter: none; filter: none; }

.grayscale.grayscale-replaced > svg { -webkit-transition: opacity .5s ease; transition: opacity .5s ease; opacity: 1; }

.grayscale.grayscale-replaced.grayscale-off > svg, .grayscale.grayscale-replaced.grayscale-fade:hover > svg { opacity: 0; }