@charset "UTF-8";
/*!
Theme Name: Local Wisdom
Theme URI: http://www.localwisdom.com
Version: 7.0
Author: Local Wisdom
*/
/* Font Family */
@font-face {
  font-family: "Museo Sans";
  src: url("assets/fonts/museosans-100.eot");
  src: url("assets/fonts/museosans-100.eot?#iefix") format("embedded-opentype"), url("assets/fonts/museosans-100.woff2") format("woff2"), url("assets/fonts/museosans-100.woff") format("woff"), url("assets/fonts/museosans-100.ttf") format("truetype"), url("assets/fonts/museosans-100.svg#museo_sans100") format("svg");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Museo Sans";
  src: url("assets/fonts/museosans-100italic.eot");
  src: url("assets/fonts/museosans-100italic.eot?#iefix") format("embedded-opentype"), url("assets/fonts/museosans-100italic.woff2") format("woff2"), url("assets/fonts/museosans-100italic.woff") format("woff"), url("assets/fonts/museosans-100italic.ttf") format("truetype"), url("assets/fonts/museosans-100italic.svg#museo_sans100_italic") format("svg");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Museo Sans";
  src: url("assets/fonts/museosans-300.eot");
  src: url("assets/fonts/museosans-300.eot?#iefix") format("embedded-opentype"), url("assets/fonts/museosans-300.woff2") format("woff2"), url("assets/fonts/museosans-300.woff") format("woff"), url("assets/fonts/museosans-300.ttf") format("truetype"), url("assets/fonts/museosans-300.svg#museo_sans300") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Museo Sans";
  src: url("assets/fonts/museosans-300italic.eot");
  src: url("assets/fonts/museosans-300italic.eot?#iefix") format("embedded-opentype"), url("assets/fonts/museosans-300italic.woff2") format("woff2"), url("assets/fonts/museosans-300italic.woff") format("woff"), url("assets/fonts/museosans-300italic.ttf") format("truetype"), url("assets/fonts/museosans-300italic.svg#museo_sans300_italic") format("svg");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Museo Sans";
  src: url("assets/fonts/museosans-500.eot");
  src: url("assets/fonts/museosans-500.eot?#iefix") format("embedded-opentype"), url("assets/fonts/museosans-500.woff2") format("woff2"), url("assets/fonts/museosans-500.woff") format("woff"), url("assets/fonts/museosans-500.ttf") format("truetype"), url("assets/fonts/museosans-500.svg#museo_sans500") format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Museo Sans";
  src: url("assets/fonts/museosans-700.eot");
  src: url("assets/fonts/museosans-700.eot?#iefix") format("embedded-opentype"), url("assets/fonts/museosans-700.woff2") format("woff2"), url("assets/fonts/museosans-700.woff") format("woff"), url("assets/fonts/museosans-700.ttf") format("truetype"), url("assets/fonts/museosans-700.svg#museo_sans700") format("svg");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Museo Sans";
  src: url("assets/fonts/museosans-900.eot");
  src: url("assets/fonts/museosans-900.eot?#iefix") format("embedded-opentype"), url("assets/fonts/museosans-900.woff2") format("woff2"), url("assets/fonts/museosans-900.woff") format("woff"), url("assets/fonts/museosans-900.ttf") format("truetype"), url("assets/fonts/museosans-900.svg#museo_sans900") format("svg");
  font-weight: 900;
  font-style: normal;
}
/* Columns */
/* Global Variables */
/* Content Animations */
/* ==========================================================================
   Gradients
   ========================================================================== */
/* --------------------------------------
 Normalize & Responsive
-------------------------------------- */
article, aside, footer, header, main, nav, section, summary {
  display: block;
}

html, body {
  height: auto !important;
}

body {
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-text-stroke: 0.15px;
}

body:not(*:root) {
  -webkit-text-stroke: 0.35px;
}

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

button, input, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
}

button, input {
  line-height: normal;
}

button, select {
  text-transform: none;
}

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

html input[disabled] {
  cursor: default;
}

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

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

textarea {
  overflow: auto;
  vertical-align: top;
}

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

html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

button, input, select[multiple], textarea {
  background-image: none;
}

img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

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

p, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

ul, ol {
  margin: 0;
  list-style: none;
  padding: 0;
}

ul ul, ol ul, ul ol, ol ol {
  margin-bottom: 0;
}

.row:before, .row:after, .main:after, .main:before, .container:before, .container:after, .section:before, .section:after {
  display: table;
  content: " ";
}

.container:after, .row:after, .main:after, .section:after {
  clear: both;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

::selection {
  background: #ccc;
  color: #000;
}

.hidden {
  display: none;
}

.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 {
  float: left;
}

.lg-1 {
  width: 8.3333333333%;
}

.lg-2 {
  width: 16.6666666667%;
}

.lg-3 {
  width: 25%;
}

.lg-4 {
  width: 33.3333333333%;
}

.lg-5 {
  width: 41.6666666667%;
}

.lg-6 {
  width: 50%;
}

.lg-7 {
  width: 58.3333333333%;
}

.lg-8 {
  width: 66.6666666667%;
}

.lg-9 {
  width: 75%;
}

.lg-10 {
  width: 83.3333333333%;
}

.lg-11 {
  width: 91.6666666667%;
}

.lg-12 {
  float: none;
  width: 100%;
}

.lg-offset-0 {
  margin-left: 0;
}

.lg-offset-1 {
  margin-left: 8.3333333333%;
}

.lg-offset-2 {
  margin-left: 16.6666666667%;
}

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

.lg-offset-4 {
  margin-left: 33.3333333333%;
}

.lg-offset-5 {
  margin-left: 41.6666666667%;
}

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

.lg-offset-7 {
  margin-left: 58.3333333333%;
}

.lg-offset-8 {
  margin-left: 66.6666666667%;
}

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

.lg-offset-10 {
  margin-left: 83.3333333333%;
}

.lg-offset-11 {
  margin-left: 91.6666666667%;
}

.hide-lg {
  display: none !important;
}

@media (min-width:1440px) {
  .col.xl-1, .col.xl-2, .col.xl-3, .col.xl-4, .col.xl-5, .col.xl-6, .col.xl-7, .col.xl-8, .col.xl-9, .col.xl-10, .col.xl-11 {
    float: left;
  }

  .xl-1 {
    width: 8.3333333333%;
  }

  .xl-2 {
    width: 16.6666666667%;
  }

  .xl-3 {
    width: 25%;
  }

  .xl-4 {
    width: 33.3333333333%;
  }

  .xl-5 {
    width: 41.6666666667%;
  }

  .xl-6 {
    width: 50%;
  }

  .xl-7 {
    width: 58.3333333333%;
  }

  .xl-8 {
    width: 66.6666666667%;
  }

  .xl-9 {
    width: 75%;
  }

  .xl-10 {
    width: 83.3333333333%;
  }

  .xl-11 {
    width: 91.6666666667%;
  }

  .xl-12 {
    float: none;
    width: 100%;
  }

  .xl-offset-0 {
    margin-left: 0;
  }

  .xl-offset-1 {
    margin-left: 8.3333333333%;
  }

  .xl-offset-2 {
    margin-left: 16.6666666667%;
  }

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

  .xl-offset-4 {
    margin-left: 33.3333333333%;
  }

  .xl-offset-5 {
    margin-left: 41.6666666667%;
  }

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

  .xl-offset-7 {
    margin-left: 58.3333333333%;
  }

  .xl-offset-8 {
    margin-left: 66.6666666667%;
  }

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

  .xl-offset-10 {
    margin-left: 83.3333333333%;
  }

  .xl-offset-11 {
    margin-left: 91.6666666667%;
  }

  .hide-xl {
    display: none !important;
  }
}
@media (max-width:1024px) {
  .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 {
    float: left;
  }

  .md-1 {
    width: 8.3333333333%;
  }

  .md-2 {
    width: 16.6666666667%;
  }

  .md-3 {
    width: 25%;
  }

  .md-4 {
    width: 33.3333333333%;
  }

  .md-5 {
    width: 41.6666666667%;
  }

  .md-6 {
    width: 50%;
  }

  .md-7 {
    width: 58.3333333333%;
  }

  .md-8 {
    width: 66.6666666667%;
  }

  .md-9 {
    width: 75%;
  }

  .md-10 {
    width: 83.3333333333%;
  }

  .md-11 {
    width: 91.6666666667%;
  }

  .md-12 {
    float: none;
    width: 100%;
  }

  .md-offset-0 {
    margin-left: 0;
  }

  .md-offset-1 {
    margin-left: 8.3333333333%;
  }

  .md-offset-2 {
    margin-left: 16.6666666667%;
  }

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

  .md-offset-4 {
    margin-left: 33.3333333333%;
  }

  .md-offset-5 {
    margin-left: 41.6666666667%;
  }

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

  .md-offset-7 {
    margin-left: 58.3333333333%;
  }

  .md-offset-8 {
    margin-left: 66.6666666667%;
  }

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

  .md-offset-10 {
    margin-left: 83.3333333333%;
  }

  .md-offset-11 {
    margin-left: 91.6666666667%;
  }

  .hide-md {
    display: none !important;
  }

  .show-md {
    display: block !important;
  }
}
@media (max-width:768px) {
  .sm-1, .sm-2, .sm-3, .sm-4, .sm-5, .sm-6, .sm-7, .sm-8, .sm-9, .sm-10, .sm-11 {
    float: left;
  }

  .sm-1 {
    width: 8.3333333333%;
  }

  .sm-2 {
    width: 16.6666666667%;
  }

  .sm-3 {
    width: 25%;
  }

  .sm-4 {
    width: 33.3333333333%;
  }

  .sm-5 {
    width: 41.6666666667%;
  }

  .sm-6 {
    width: 50%;
  }

  .sm-7 {
    width: 58.3333333333%;
  }

  .sm-8 {
    width: 66.6666666667%;
  }

  .sm-9 {
    width: 75%;
  }

  .sm-10 {
    width: 83.3333333333%;
  }

  .sm-11 {
    width: 91.6666666667%;
  }

  .sm-12 {
    float: none;
    width: 100%;
  }

  .sm-offset-0 {
    margin-left: 0;
  }

  .sm-offset-1 {
    margin-left: 8.3333333333%;
  }

  .sm-offset-2 {
    margin-left: 16.6666666667%;
  }

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

  .sm-offset-4 {
    margin-left: 33.3333333333%;
  }

  .sm-offset-5 {
    margin-left: 41.6666666667%;
  }

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

  .sm-offset-7 {
    margin-left: 58.3333333333%;
  }

  .sm-offset-8 {
    margin-left: 66.6666666667%;
  }

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

  .sm-offset-10 {
    margin-left: 83.3333333333%;
  }

  .sm-offset-11 {
    margin-left: 91.6666666667%;
  }

  .hide-sm {
    display: none !important;
  }

  .show-sm {
    display: block !important;
  }

  .row-sm:after, .row-sm:before {
    display: table;
    content: " ";
    clear: both;
  }
}
@media (max-width:520px) {
  .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 {
    float: left;
  }

  .xs-12 {
    float: none;
  }

  .xs-1 {
    width: 8.3333333333%;
  }

  .xs-2 {
    width: 16.6666666667%;
  }

  .xs-3 {
    width: 25%;
  }

  .xs-4 {
    width: 33.3333333333%;
  }

  .xs-5 {
    width: 41.6666666667%;
  }

  .xs-6 {
    width: 50%;
  }

  .xs-7 {
    width: 58.3333333333%;
  }

  .xs-8 {
    width: 66.6666666667%;
  }

  .xs-9 {
    width: 75%;
  }

  .xs-10 {
    width: 83.3333333333%;
  }

  .xs-11 {
    width: 91.6666666667%;
  }

  .xs-12 {
    float: none;
    width: 100%;
  }
  .hide-xs {
    display: none !important;
  }

  .show-xs {
    display: block !important;
  }
}
/* --------------------------------------
 Plugins
-------------------------------------- */
/*
 * jquery.selectBoxIt.css 3.8.1
 * Author: @gregfranko
 */
/*
  Common CSS Properties
  ---------------------
  These properties will be applied to any themes that you use
*/
/* SelectBoxIt container */
.selectboxit-container {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  /* Height and Vertical Alignment of Text */
  /* Focus pseudo selector */
}
.selectboxit-container * {
  /* Prevents text selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  outline: none;
  white-space: nowrap;
}
.selectboxit-container .selectboxit {
  background: #101214;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  font-size: 1.25em;
  height: 50px;
  overflow: hidden;
  position: relative;
  width: 100% !important;
  z-index: 100;
}
.selectboxit-container span, .selectboxit-container .selectboxit-options a {
  color: #fff;
  height: 50px;
  /* Height of the drop down */
  line-height: 50px;
  /* Vertically positions the drop down text */
  display: block;
}
.selectboxit-container .selectboxit:focus {
  outline: 0;
}

/* Disabled Mouse Interaction */
.selectboxit.selectboxit-disabled, .selectboxit-options .selectboxit-disabled {
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
  cursor: default;
}

/* Button Text */
.selectboxit-text {
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  line-height: 26px !important;
  padding: 12px 16px;
}

.selectboxit .selectboxit-option-icon-container {
  margin-left: 5px;
}

/* Options List */
.selectboxit-container .selectboxit-options {
  box-sizing: border-box;
  min-width: 100% !important;
  /* Minimum Width of the dropdown list box options */
  *width: 100%;
  margin: -4px 0 0;
  padding: 0;
  list-style: none;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  cursor: pointer;
  display: none;
  z-index: 9999999999999;
  text-align: left;
  box-shadow: none;
  background: #101214;
  border-top: none;
  padding: 5px 0 20px;
}

/* Individual options */
.selectboxit-option .selectboxit-option-anchor {
  height: auto !important;
  line-height: normal !important;
  padding: 10px 24px;
  /* Individual Option Hover Action */
}
.selectboxit-option .selectboxit-option-anchor:hover {
  background-color: #00a6d8;
}

/* Individual Option Optgroup Header */
.selectboxit-option, .selectboxit-optgroup-header {
  list-style-type: none;
  margin: 0 !important;
  padding: 0 !important;
  text-indent: inherit !important;
}
.selectboxit-option:before, .selectboxit-optgroup-header:before {
  content: none !important;
}

/* Drop Down optgroup headers */
.selectboxit-optgroup-header {
  font-weight: bold;
}

/* Drop Down optgroup header hover psuedo class */
.selectboxit-optgroup-header:hover {
  cursor: default;
}

/* Drop Down down arrow container */
.selectboxit-arrow-container {
  width: 30px;
  position: absolute;
  right: 0;
}
.selectboxit-arrow-container:after {
  content: "";
  color: #54585a;
  font-family: FontAwesome;
  font-size: 24px;
  position: absolute;
  right: 16px;
  top: 0;
}

.selectboxit-open .selectboxit-arrow-container:after {
  content: "";
  top: -3px;
}

/* Drop Down down arrow for jQueryUI and jQuery Mobile */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
  top: 30%;
}

/* Drop Down individual option icon positioning */
.selectboxit-option-icon-container {
  float: left;
}

.selectboxit-container .selectboxit-option-icon {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

/* Drop Down individual option icon positioning */
.selectboxit-option-icon-url {
  width: 18px;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  height: 100%;
  background-position: center;
  float: left;
}

.selectboxit-rendering {
  display: inline-block !important;
  *display: inline !important;
  zoom: 1 !important;
  visibility: visible !important;
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}

/* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon {
  background-color: inherit;
}
.jqueryui .ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {
  color: #999999;
}

/*!
 * Font Awesome Free 5.0.8 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  src: url("assets/fonts/fa-solid-900.eot");
  src: url("assets/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("assets/fonts/fa-solid-900.woff2") format("woff2"), url("assets/fonts/fa-solid-900.woff") format("woff"), url("assets/fonts/fa-solid-900.ttf") format("truetype"), url("assets/fonts/fa-solid-900.svg#fontawesome") format("svg");
}
.fa,
.fas {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

/*!
 * Font Awesome Free 5.0.8 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: normal;
  src: url("assets/fonts/fa-brands-400.eot");
  src: url("assets/fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("assets/fonts/fa-brands-400.woff2") format("woff2"), url("assets/fonts/fa-brands-400.woff") format("woff"), url("assets/fonts/fa-brands-400.ttf") format("truetype"), url("assets/fonts/fa-brands-400.svg#fontawesome") format("svg");
}
.fab {
  font-family: "Font Awesome 5 Brands";
}

/*!
 * Font Awesome Free 5.0.8 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 400;
  src: url("assets/fonts/fa-regular-400.eot");
  src: url("assets/fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("assets/fonts/fa-regular-400.woff2") format("woff2"), url("assets/fonts/fa-regular-400.woff") format("woff"), url("assets/fonts/fa-regular-400.ttf") format("truetype"), url("assets/fonts/fa-regular-400.svg#fontawesome") format("svg");
}
.far {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
}

/*!
 * Font Awesome Free 5.0.8 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fas,
.far,
.fal,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}

.fa-xs {
  font-size: 0.75em;
}

.fa-sm {
  font-size: 0.875em;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}

.fa-border {
  border: solid 0.08em #eee;
  border-radius: 0.1em;
  padding: 0.2em 0.25em 0.15em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  animation: fa-spin 1s infinite steps(8);
}

@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1);
}

.fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2em;
}

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "";
}

.fa-accessible-icon:before {
  content: "";
}

.fa-accusoft:before {
  content: "";
}

.fa-address-book:before {
  content: "";
}

.fa-address-card:before {
  content: "";
}

.fa-adjust:before {
  content: "";
}

.fa-adn:before {
  content: "";
}

.fa-adversal:before {
  content: "";
}

.fa-affiliatetheme:before {
  content: "";
}

.fa-algolia:before {
  content: "";
}

.fa-align-center:before {
  content: "";
}

.fa-align-justify:before {
  content: "";
}

.fa-align-left:before {
  content: "";
}

.fa-align-right:before {
  content: "";
}

.fa-amazon:before {
  content: "";
}

.fa-amazon-pay:before {
  content: "";
}

.fa-ambulance:before {
  content: "";
}

.fa-american-sign-language-interpreting:before {
  content: "";
}

.fa-amilia:before {
  content: "";
}

.fa-anchor:before {
  content: "";
}

.fa-android:before {
  content: "";
}

.fa-angellist:before {
  content: "";
}

.fa-angle-double-down:before {
  content: "";
}

.fa-angle-double-left:before {
  content: "";
}

.fa-angle-double-right:before {
  content: "";
}

.fa-angle-double-up:before {
  content: "";
}

.fa-angle-down:before {
  content: "";
}

.fa-angle-left:before {
  content: "";
}

.fa-angle-right:before {
  content: "";
}

.fa-angle-up:before {
  content: "";
}

.fa-angrycreative:before {
  content: "";
}

.fa-angular:before {
  content: "";
}

.fa-app-store:before {
  content: "";
}

.fa-app-store-ios:before {
  content: "";
}

.fa-apper:before {
  content: "";
}

.fa-apple:before {
  content: "";
}

.fa-apple-pay:before {
  content: "";
}

.fa-archive:before {
  content: "";
}

.fa-arrow-alt-circle-down:before {
  content: "";
}

.fa-arrow-alt-circle-left:before {
  content: "";
}

.fa-arrow-alt-circle-right:before {
  content: "";
}

.fa-arrow-alt-circle-up:before {
  content: "";
}

.fa-arrow-circle-down:before {
  content: "";
}

.fa-arrow-circle-left:before {
  content: "";
}

.fa-arrow-circle-right:before {
  content: "";
}

.fa-arrow-circle-up:before {
  content: "";
}

.fa-arrow-down:before {
  content: "";
}

.fa-arrow-left:before {
  content: "";
}

.fa-arrow-right:before {
  content: "";
}

.fa-arrow-up:before {
  content: "";
}

.fa-arrows-alt:before {
  content: "";
}

.fa-arrows-alt-h:before {
  content: "";
}

.fa-arrows-alt-v:before {
  content: "";
}

.fa-assistive-listening-systems:before {
  content: "";
}

.fa-asterisk:before {
  content: "";
}

.fa-asymmetrik:before {
  content: "";
}

.fa-at:before {
  content: "";
}

.fa-audible:before {
  content: "";
}

.fa-audio-description:before {
  content: "";
}

.fa-autoprefixer:before {
  content: "";
}

.fa-avianex:before {
  content: "";
}

.fa-aviato:before {
  content: "";
}

.fa-aws:before {
  content: "";
}

.fa-backward:before {
  content: "";
}

.fa-balance-scale:before {
  content: "";
}

.fa-ban:before {
  content: "";
}

.fa-band-aid:before {
  content: "";
}

.fa-bandcamp:before {
  content: "";
}

.fa-barcode:before {
  content: "";
}

.fa-bars:before {
  content: "";
}

.fa-baseball-ball:before {
  content: "";
}

.fa-basketball-ball:before {
  content: "";
}

.fa-bath:before {
  content: "";
}

.fa-battery-empty:before {
  content: "";
}

.fa-battery-full:before {
  content: "";
}

.fa-battery-half:before {
  content: "";
}

.fa-battery-quarter:before {
  content: "";
}

.fa-battery-three-quarters:before {
  content: "";
}

.fa-bed:before {
  content: "";
}

.fa-beer:before {
  content: "";
}

.fa-behance:before {
  content: "";
}

.fa-behance-square:before {
  content: "";
}

.fa-bell:before {
  content: "";
}

.fa-bell-slash:before {
  content: "";
}

.fa-bicycle:before {
  content: "";
}

.fa-bimobject:before {
  content: "";
}

.fa-binoculars:before {
  content: "";
}

.fa-birthday-cake:before {
  content: "";
}

.fa-bitbucket:before {
  content: "";
}

.fa-bitcoin:before {
  content: "";
}

.fa-bity:before {
  content: "";
}

.fa-black-tie:before {
  content: "";
}

.fa-blackberry:before {
  content: "";
}

.fa-blind:before {
  content: "";
}

.fa-blogger:before {
  content: "";
}

.fa-blogger-b:before {
  content: "";
}

.fa-bluetooth:before {
  content: "";
}

.fa-bluetooth-b:before {
  content: "";
}

.fa-bold:before {
  content: "";
}

.fa-bolt:before {
  content: "";
}

.fa-bomb:before {
  content: "";
}

.fa-book:before {
  content: "";
}

.fa-bookmark:before {
  content: "";
}

.fa-bowling-ball:before {
  content: "";
}

.fa-box:before {
  content: "";
}

.fa-boxes:before {
  content: "";
}

.fa-braille:before {
  content: "";
}

.fa-briefcase:before {
  content: "";
}

.fa-btc:before {
  content: "";
}

.fa-bug:before {
  content: "";
}

.fa-building:before {
  content: "";
}

.fa-bullhorn:before {
  content: "";
}

.fa-bullseye:before {
  content: "";
}

.fa-buromobelexperte:before {
  content: "";
}

.fa-bus:before {
  content: "";
}

.fa-buysellads:before {
  content: "";
}

.fa-calculator:before {
  content: "";
}

.fa-calendar:before {
  content: "";
}

.fa-calendar-alt:before {
  content: "";
}

.fa-calendar-check:before {
  content: "";
}

.fa-calendar-minus:before {
  content: "";
}

.fa-calendar-plus:before {
  content: "";
}

.fa-calendar-times:before {
  content: "";
}

.fa-camera:before {
  content: "";
}

.fa-camera-retro:before {
  content: "";
}

.fa-car:before {
  content: "";
}

.fa-caret-down:before {
  content: "";
}

.fa-caret-left:before {
  content: "";
}

.fa-caret-right:before {
  content: "";
}

.fa-caret-square-down:before {
  content: "";
}

.fa-caret-square-left:before {
  content: "";
}

.fa-caret-square-right:before {
  content: "";
}

.fa-caret-square-up:before {
  content: "";
}

.fa-caret-up:before {
  content: "";
}

.fa-cart-arrow-down:before {
  content: "";
}

.fa-cart-plus:before {
  content: "";
}

.fa-cc-amazon-pay:before {
  content: "";
}

.fa-cc-amex:before {
  content: "";
}

.fa-cc-apple-pay:before {
  content: "";
}

.fa-cc-diners-club:before {
  content: "";
}

.fa-cc-discover:before {
  content: "";
}

.fa-cc-jcb:before {
  content: "";
}

.fa-cc-mastercard:before {
  content: "";
}

.fa-cc-paypal:before {
  content: "";
}

.fa-cc-stripe:before {
  content: "";
}

.fa-cc-visa:before {
  content: "";
}

.fa-centercode:before {
  content: "";
}

.fa-certificate:before {
  content: "";
}

.fa-chart-area:before {
  content: "";
}

.fa-chart-bar:before {
  content: "";
}

.fa-chart-line:before {
  content: "";
}

.fa-chart-pie:before {
  content: "";
}

.fa-check:before {
  content: "";
}

.fa-check-circle:before {
  content: "";
}

.fa-check-square:before {
  content: "";
}

.fa-chess:before {
  content: "";
}

.fa-chess-bishop:before {
  content: "";
}

.fa-chess-board:before {
  content: "";
}

.fa-chess-king:before {
  content: "";
}

.fa-chess-knight:before {
  content: "";
}

.fa-chess-pawn:before {
  content: "";
}

.fa-chess-queen:before {
  content: "";
}

.fa-chess-rook:before {
  content: "";
}

.fa-chevron-circle-down:before {
  content: "";
}

.fa-chevron-circle-left:before {
  content: "";
}

.fa-chevron-circle-right:before {
  content: "";
}

.fa-chevron-circle-up:before {
  content: "";
}

.fa-chevron-down:before {
  content: "";
}

.fa-chevron-left:before {
  content: "";
}

.fa-chevron-right:before {
  content: "";
}

.fa-chevron-up:before {
  content: "";
}

.fa-child:before {
  content: "";
}

.fa-chrome:before {
  content: "";
}

.fa-circle:before {
  content: "";
}

.fa-circle-notch:before {
  content: "";
}

.fa-clipboard:before {
  content: "";
}

.fa-clipboard-check:before {
  content: "";
}

.fa-clipboard-list:before {
  content: "";
}

.fa-clock:before {
  content: "";
}

.fa-clone:before {
  content: "";
}

.fa-closed-captioning:before {
  content: "";
}

.fa-cloud:before {
  content: "";
}

.fa-cloud-download-alt:before {
  content: "";
}

.fa-cloud-upload-alt:before {
  content: "";
}

.fa-cloudscale:before {
  content: "";
}

.fa-cloudsmith:before {
  content: "";
}

.fa-cloudversify:before {
  content: "";
}

.fa-code:before {
  content: "";
}

.fa-code-branch:before {
  content: "";
}

.fa-codepen:before {
  content: "";
}

.fa-codiepie:before {
  content: "";
}

.fa-coffee:before {
  content: "";
}

.fa-cog:before {
  content: "";
}

.fa-cogs:before {
  content: "";
}

.fa-columns:before {
  content: "";
}

.fa-comment:before {
  content: "";
}

.fa-comment-alt:before {
  content: "";
}

.fa-comments:before {
  content: "";
}

.fa-compass:before {
  content: "";
}

.fa-compress:before {
  content: "";
}

.fa-connectdevelop:before {
  content: "";
}

.fa-contao:before {
  content: "";
}

.fa-copy:before {
  content: "";
}

.fa-copyright:before {
  content: "";
}

.fa-cpanel:before {
  content: "";
}

.fa-creative-commons:before {
  content: "";
}

.fa-credit-card:before {
  content: "";
}

.fa-crop:before {
  content: "";
}

.fa-crosshairs:before {
  content: "";
}

.fa-css3:before {
  content: "";
}

.fa-css3-alt:before {
  content: "";
}

.fa-cube:before {
  content: "";
}

.fa-cubes:before {
  content: "";
}

.fa-cut:before {
  content: "";
}

.fa-cuttlefish:before {
  content: "";
}

.fa-d-and-d:before {
  content: "";
}

.fa-dashcube:before {
  content: "";
}

.fa-database:before {
  content: "";
}

.fa-deaf:before {
  content: "";
}

.fa-delicious:before {
  content: "";
}

.fa-deploydog:before {
  content: "";
}

.fa-deskpro:before {
  content: "";
}

.fa-desktop:before {
  content: "";
}

.fa-deviantart:before {
  content: "";
}

.fa-digg:before {
  content: "";
}

.fa-digital-ocean:before {
  content: "";
}

.fa-discord:before {
  content: "";
}

.fa-discourse:before {
  content: "";
}

.fa-dna:before {
  content: "";
}

.fa-dochub:before {
  content: "";
}

.fa-docker:before {
  content: "";
}

.fa-dollar-sign:before {
  content: "";
}

.fa-dolly:before {
  content: "";
}

.fa-dolly-flatbed:before {
  content: "";
}

.fa-dot-circle:before {
  content: "";
}

.fa-download:before {
  content: "";
}

.fa-draft2digital:before {
  content: "";
}

.fa-dribbble:before {
  content: "";
}

.fa-dribbble-square:before {
  content: "";
}

.fa-dropbox:before {
  content: "";
}

.fa-drupal:before {
  content: "";
}

.fa-dyalog:before {
  content: "";
}

.fa-earlybirds:before {
  content: "";
}

.fa-edge:before {
  content: "";
}

.fa-edit:before {
  content: "";
}

.fa-eject:before {
  content: "";
}

.fa-elementor:before {
  content: "";
}

.fa-ellipsis-h:before {
  content: "";
}

.fa-ellipsis-v:before {
  content: "";
}

.fa-ember:before {
  content: "";
}

.fa-empire:before {
  content: "";
}

.fa-envelope:before {
  content: "";
}

.fa-envelope-open:before {
  content: "";
}

.fa-envelope-square:before {
  content: "";
}

.fa-envira:before {
  content: "";
}

.fa-eraser:before {
  content: "";
}

.fa-erlang:before {
  content: "";
}

.fa-ethereum:before {
  content: "";
}

.fa-etsy:before {
  content: "";
}

.fa-euro-sign:before {
  content: "";
}

.fa-exchange-alt:before {
  content: "";
}

.fa-exclamation:before {
  content: "";
}

.fa-exclamation-circle:before {
  content: "";
}

.fa-exclamation-triangle:before {
  content: "";
}

.fa-expand:before {
  content: "";
}

.fa-expand-arrows-alt:before {
  content: "";
}

.fa-expeditedssl:before {
  content: "";
}

.fa-external-link-alt:before {
  content: "";
}

.fa-external-link-square-alt:before {
  content: "";
}

.fa-eye:before {
  content: "";
}

.fa-eye-dropper:before {
  content: "";
}

.fa-eye-slash:before {
  content: "";
}

.fa-facebook:before {
  content: "";
}

.fa-facebook-f:before {
  content: "";
}

.fa-facebook-messenger:before {
  content: "";
}

.fa-facebook-square:before {
  content: "";
}

.fa-fast-backward:before {
  content: "";
}

.fa-fast-forward:before {
  content: "";
}

.fa-fax:before {
  content: "";
}

.fa-female:before {
  content: "";
}

.fa-fighter-jet:before {
  content: "";
}

.fa-file:before {
  content: "";
}

.fa-file-alt:before {
  content: "";
}

.fa-file-archive:before {
  content: "";
}

.fa-file-audio:before {
  content: "";
}

.fa-file-code:before {
  content: "";
}

.fa-file-excel:before {
  content: "";
}

.fa-file-image:before {
  content: "";
}

.fa-file-pdf:before {
  content: "";
}

.fa-file-powerpoint:before {
  content: "";
}

.fa-file-video:before {
  content: "";
}

.fa-file-word:before {
  content: "";
}

.fa-film:before {
  content: "";
}

.fa-filter:before {
  content: "";
}

.fa-fire:before {
  content: "";
}

.fa-fire-extinguisher:before {
  content: "";
}

.fa-firefox:before {
  content: "";
}

.fa-first-aid:before {
  content: "";
}

.fa-first-order:before {
  content: "";
}

.fa-firstdraft:before {
  content: "";
}

.fa-flag:before {
  content: "";
}

.fa-flag-checkered:before {
  content: "";
}

.fa-flask:before {
  content: "";
}

.fa-flickr:before {
  content: "";
}

.fa-flipboard:before {
  content: "";
}

.fa-fly:before {
  content: "";
}

.fa-folder:before {
  content: "";
}

.fa-folder-open:before {
  content: "";
}

.fa-font:before {
  content: "";
}

.fa-font-awesome:before {
  content: "";
}

.fa-font-awesome-alt:before {
  content: "";
}

.fa-font-awesome-flag:before {
  content: "";
}

.fa-fonticons:before {
  content: "";
}

.fa-fonticons-fi:before {
  content: "";
}

.fa-football-ball:before {
  content: "";
}

.fa-fort-awesome:before {
  content: "";
}

.fa-fort-awesome-alt:before {
  content: "";
}

.fa-forumbee:before {
  content: "";
}

.fa-forward:before {
  content: "";
}

.fa-foursquare:before {
  content: "";
}

.fa-free-code-camp:before {
  content: "";
}

.fa-freebsd:before {
  content: "";
}

.fa-frown:before {
  content: "";
}

.fa-futbol:before {
  content: "";
}

.fa-gamepad:before {
  content: "";
}

.fa-gavel:before {
  content: "";
}

.fa-gem:before {
  content: "";
}

.fa-genderless:before {
  content: "";
}

.fa-get-pocket:before {
  content: "";
}

.fa-gg:before {
  content: "";
}

.fa-gg-circle:before {
  content: "";
}

.fa-gift:before {
  content: "";
}

.fa-git:before {
  content: "";
}

.fa-git-square:before {
  content: "";
}

.fa-github:before {
  content: "";
}

.fa-github-alt:before {
  content: "";
}

.fa-github-square:before {
  content: "";
}

.fa-gitkraken:before {
  content: "";
}

.fa-gitlab:before {
  content: "";
}

.fa-gitter:before {
  content: "";
}

.fa-glass-martini:before {
  content: "";
}

.fa-glide:before {
  content: "";
}

.fa-glide-g:before {
  content: "";
}

.fa-globe:before {
  content: "";
}

.fa-gofore:before {
  content: "";
}

.fa-golf-ball:before {
  content: "";
}

.fa-goodreads:before {
  content: "";
}

.fa-goodreads-g:before {
  content: "";
}

.fa-google:before {
  content: "";
}

.fa-google-drive:before {
  content: "";
}

.fa-google-play:before {
  content: "";
}

.fa-google-plus:before {
  content: "";
}

.fa-google-plus-g:before {
  content: "";
}

.fa-google-plus-square:before {
  content: "";
}

.fa-google-wallet:before {
  content: "";
}

.fa-graduation-cap:before {
  content: "";
}

.fa-gratipay:before {
  content: "";
}

.fa-grav:before {
  content: "";
}

.fa-gripfire:before {
  content: "";
}

.fa-grunt:before {
  content: "";
}

.fa-gulp:before {
  content: "";
}

.fa-h-square:before {
  content: "";
}

.fa-hacker-news:before {
  content: "";
}

.fa-hacker-news-square:before {
  content: "";
}

.fa-hand-lizard:before {
  content: "";
}

.fa-hand-paper:before {
  content: "";
}

.fa-hand-peace:before {
  content: "";
}

.fa-hand-point-down:before {
  content: "";
}

.fa-hand-point-left:before {
  content: "";
}

.fa-hand-point-right:before {
  content: "";
}

.fa-hand-point-up:before {
  content: "";
}

.fa-hand-pointer:before {
  content: "";
}

.fa-hand-rock:before {
  content: "";
}

.fa-hand-scissors:before {
  content: "";
}

.fa-hand-spock:before {
  content: "";
}

.fa-handshake:before {
  content: "";
}

.fa-hashtag:before {
  content: "";
}

.fa-hdd:before {
  content: "";
}

.fa-heading:before {
  content: "";
}

.fa-headphones:before {
  content: "";
}

.fa-heart:before {
  content: "";
}

.fa-heartbeat:before {
  content: "";
}

.fa-hips:before {
  content: "";
}

.fa-hire-a-helper:before {
  content: "";
}

.fa-history:before {
  content: "";
}

.fa-hockey-puck:before {
  content: "";
}

.fa-home:before {
  content: "";
}

.fa-hooli:before {
  content: "";
}

.fa-hospital:before {
  content: "";
}

.fa-hospital-symbol:before {
  content: "";
}

.fa-hotjar:before {
  content: "";
}

.fa-hourglass:before {
  content: "";
}

.fa-hourglass-end:before {
  content: "";
}

.fa-hourglass-half:before {
  content: "";
}

.fa-hourglass-start:before {
  content: "";
}

.fa-houzz:before {
  content: "";
}

.fa-html5:before {
  content: "";
}

.fa-hubspot:before {
  content: "";
}

.fa-i-cursor:before {
  content: "";
}

.fa-id-badge:before {
  content: "";
}

.fa-id-card:before {
  content: "";
}

.fa-image:before {
  content: "";
}

.fa-images:before {
  content: "";
}

.fa-imdb:before {
  content: "";
}

.fa-inbox:before {
  content: "";
}

.fa-indent:before {
  content: "";
}

.fa-industry:before {
  content: "";
}

.fa-info:before {
  content: "";
}

.fa-info-circle:before {
  content: "";
}

.fa-instagram:before {
  content: "";
}

.fa-internet-explorer:before {
  content: "";
}

.fa-ioxhost:before {
  content: "";
}

.fa-italic:before {
  content: "";
}

.fa-itunes:before {
  content: "";
}

.fa-itunes-note:before {
  content: "";
}

.fa-jenkins:before {
  content: "";
}

.fa-joget:before {
  content: "";
}

.fa-joomla:before {
  content: "";
}

.fa-js:before {
  content: "";
}

.fa-js-square:before {
  content: "";
}

.fa-jsfiddle:before {
  content: "";
}

.fa-key:before {
  content: "";
}

.fa-keyboard:before {
  content: "";
}

.fa-keycdn:before {
  content: "";
}

.fa-kickstarter:before {
  content: "";
}

.fa-kickstarter-k:before {
  content: "";
}

.fa-korvue:before {
  content: "";
}

.fa-language:before {
  content: "";
}

.fa-laptop:before {
  content: "";
}

.fa-laravel:before {
  content: "";
}

.fa-lastfm:before {
  content: "";
}

.fa-lastfm-square:before {
  content: "";
}

.fa-leaf:before {
  content: "";
}

.fa-leanpub:before {
  content: "";
}

.fa-lemon:before {
  content: "";
}

.fa-less:before {
  content: "";
}

.fa-level-down-alt:before {
  content: "";
}

.fa-level-up-alt:before {
  content: "";
}

.fa-life-ring:before {
  content: "";
}

.fa-lightbulb:before {
  content: "";
}

.fa-line:before {
  content: "";
}

.fa-link:before {
  content: "";
}

.fa-linkedin:before {
  content: "";
}

.fa-linkedin-in:before {
  content: "";
}

.fa-linode:before {
  content: "";
}

.fa-linux:before {
  content: "";
}

.fa-lira-sign:before {
  content: "";
}

.fa-list:before {
  content: "";
}

.fa-list-alt:before {
  content: "";
}

.fa-list-ol:before {
  content: "";
}

.fa-list-ul:before {
  content: "";
}

.fa-location-arrow:before {
  content: "";
}

.fa-lock:before {
  content: "";
}

.fa-lock-open:before {
  content: "";
}

.fa-long-arrow-alt-down:before {
  content: "";
}

.fa-long-arrow-alt-left:before {
  content: "";
}

.fa-long-arrow-alt-right:before {
  content: "";
}

.fa-long-arrow-alt-up:before {
  content: "";
}

.fa-low-vision:before {
  content: "";
}

.fa-lyft:before {
  content: "";
}

.fa-magento:before {
  content: "";
}

.fa-magic:before {
  content: "";
}

.fa-magnet:before {
  content: "";
}

.fa-male:before {
  content: "";
}

.fa-map:before {
  content: "";
}

.fa-map-marker:before {
  content: "";
}

.fa-map-marker-alt:before {
  content: "";
}

.fa-map-pin:before {
  content: "";
}

.fa-map-signs:before {
  content: "";
}

.fa-mars:before {
  content: "";
}

.fa-mars-double:before {
  content: "";
}

.fa-mars-stroke:before {
  content: "";
}

.fa-mars-stroke-h:before {
  content: "";
}

.fa-mars-stroke-v:before {
  content: "";
}

.fa-maxcdn:before {
  content: "";
}

.fa-medapps:before {
  content: "";
}

.fa-medium:before {
  content: "";
}

.fa-medium-m:before {
  content: "";
}

.fa-medkit:before {
  content: "";
}

.fa-medrt:before {
  content: "";
}

.fa-meetup:before {
  content: "";
}

.fa-meh:before {
  content: "";
}

.fa-mercury:before {
  content: "";
}

.fa-microchip:before {
  content: "";
}

.fa-microphone:before {
  content: "";
}

.fa-microphone-slash:before {
  content: "";
}

.fa-microsoft:before {
  content: "";
}

.fa-minus:before {
  content: "";
}

.fa-minus-circle:before {
  content: "";
}

.fa-minus-square:before {
  content: "";
}

.fa-mix:before {
  content: "";
}

.fa-mixcloud:before {
  content: "";
}

.fa-mizuni:before {
  content: "";
}

.fa-mobile:before {
  content: "";
}

.fa-mobile-alt:before {
  content: "";
}

.fa-modx:before {
  content: "";
}

.fa-monero:before {
  content: "";
}

.fa-money-bill-alt:before {
  content: "";
}

.fa-moon:before {
  content: "";
}

.fa-motorcycle:before {
  content: "";
}

.fa-mouse-pointer:before {
  content: "";
}

.fa-music:before {
  content: "";
}

.fa-napster:before {
  content: "";
}

.fa-neuter:before {
  content: "";
}

.fa-newspaper:before {
  content: "";
}

.fa-nintendo-switch:before {
  content: "";
}

.fa-node:before {
  content: "";
}

.fa-node-js:before {
  content: "";
}

.fa-npm:before {
  content: "";
}

.fa-ns8:before {
  content: "";
}

.fa-nutritionix:before {
  content: "";
}

.fa-object-group:before {
  content: "";
}

.fa-object-ungroup:before {
  content: "";
}

.fa-odnoklassniki:before {
  content: "";
}

.fa-odnoklassniki-square:before {
  content: "";
}

.fa-opencart:before {
  content: "";
}

.fa-openid:before {
  content: "";
}

.fa-opera:before {
  content: "";
}

.fa-optin-monster:before {
  content: "";
}

.fa-osi:before {
  content: "";
}

.fa-outdent:before {
  content: "";
}

.fa-page4:before {
  content: "";
}

.fa-pagelines:before {
  content: "";
}

.fa-paint-brush:before {
  content: "";
}

.fa-palfed:before {
  content: "";
}

.fa-pallet:before {
  content: "";
}

.fa-paper-plane:before {
  content: "";
}

.fa-paperclip:before {
  content: "";
}

.fa-paragraph:before {
  content: "";
}

.fa-paste:before {
  content: "";
}

.fa-patreon:before {
  content: "";
}

.fa-pause:before {
  content: "";
}

.fa-pause-circle:before {
  content: "";
}

.fa-paw:before {
  content: "";
}

.fa-paypal:before {
  content: "";
}

.fa-pen-square:before {
  content: "";
}

.fa-pencil-alt:before {
  content: "";
}

.fa-percent:before {
  content: "";
}

.fa-periscope:before {
  content: "";
}

.fa-phabricator:before {
  content: "";
}

.fa-phoenix-framework:before {
  content: "";
}

.fa-phone:before {
  content: "";
}

.fa-phone-square:before {
  content: "";
}

.fa-phone-volume:before {
  content: "";
}

.fa-php:before {
  content: "";
}

.fa-pied-piper:before {
  content: "";
}

.fa-pied-piper-alt:before {
  content: "";
}

.fa-pied-piper-pp:before {
  content: "";
}

.fa-pills:before {
  content: "";
}

.fa-pinterest:before {
  content: "";
}

.fa-pinterest-p:before {
  content: "";
}

.fa-pinterest-square:before {
  content: "";
}

.fa-plane:before {
  content: "";
}

.fa-play:before {
  content: "";
}

.fa-play-circle:before {
  content: "";
}

.fa-playstation:before {
  content: "";
}

.fa-plug:before {
  content: "";
}

.fa-plus:before {
  content: "";
}

.fa-plus-circle:before {
  content: "";
}

.fa-plus-square:before {
  content: "";
}

.fa-podcast:before {
  content: "";
}

.fa-pound-sign:before {
  content: "";
}

.fa-power-off:before {
  content: "";
}

.fa-print:before {
  content: "";
}

.fa-product-hunt:before {
  content: "";
}

.fa-pushed:before {
  content: "";
}

.fa-puzzle-piece:before {
  content: "";
}

.fa-python:before {
  content: "";
}

.fa-qq:before {
  content: "";
}

.fa-qrcode:before {
  content: "";
}

.fa-question:before {
  content: "";
}

.fa-question-circle:before {
  content: "";
}

.fa-quidditch:before {
  content: "";
}

.fa-quinscape:before {
  content: "";
}

.fa-quora:before {
  content: "";
}

.fa-quote-left:before {
  content: "";
}

.fa-quote-right:before {
  content: "";
}

.fa-random:before {
  content: "";
}

.fa-ravelry:before {
  content: "";
}

.fa-react:before {
  content: "";
}

.fa-rebel:before {
  content: "";
}

.fa-recycle:before {
  content: "";
}

.fa-red-river:before {
  content: "";
}

.fa-reddit:before {
  content: "";
}

.fa-reddit-alien:before {
  content: "";
}

.fa-reddit-square:before {
  content: "";
}

.fa-redo:before {
  content: "";
}

.fa-redo-alt:before {
  content: "";
}

.fa-registered:before {
  content: "";
}

.fa-rendact:before {
  content: "";
}

.fa-renren:before {
  content: "";
}

.fa-reply:before {
  content: "";
}

.fa-reply-all:before {
  content: "";
}

.fa-replyd:before {
  content: "";
}

.fa-resolving:before {
  content: "";
}

.fa-retweet:before {
  content: "";
}

.fa-road:before {
  content: "";
}

.fa-rocket:before {
  content: "";
}

.fa-rocketchat:before {
  content: "";
}

.fa-rockrms:before {
  content: "";
}

.fa-rss:before {
  content: "";
}

.fa-rss-square:before {
  content: "";
}

.fa-ruble-sign:before {
  content: "";
}

.fa-rupee-sign:before {
  content: "";
}

.fa-safari:before {
  content: "";
}

.fa-sass:before {
  content: "";
}

.fa-save:before {
  content: "";
}

.fa-schlix:before {
  content: "";
}

.fa-scribd:before {
  content: "";
}

.fa-search:before {
  content: "";
}

.fa-search-minus:before {
  content: "";
}

.fa-search-plus:before {
  content: "";
}

.fa-searchengin:before {
  content: "";
}

.fa-sellcast:before {
  content: "";
}

.fa-sellsy:before {
  content: "";
}

.fa-server:before {
  content: "";
}

.fa-servicestack:before {
  content: "";
}

.fa-share:before {
  content: "";
}

.fa-share-alt:before {
  content: "";
}

.fa-share-alt-square:before {
  content: "";
}

.fa-share-square:before {
  content: "";
}

.fa-shekel-sign:before {
  content: "";
}

.fa-shield-alt:before {
  content: "";
}

.fa-ship:before {
  content: "";
}

.fa-shipping-fast:before {
  content: "";
}

.fa-shirtsinbulk:before {
  content: "";
}

.fa-shopping-bag:before {
  content: "";
}

.fa-shopping-basket:before {
  content: "";
}

.fa-shopping-cart:before {
  content: "";
}

.fa-shower:before {
  content: "";
}

.fa-sign-in-alt:before {
  content: "";
}

.fa-sign-language:before {
  content: "";
}

.fa-sign-out-alt:before {
  content: "";
}

.fa-signal:before {
  content: "";
}

.fa-simplybuilt:before {
  content: "";
}

.fa-sistrix:before {
  content: "";
}

.fa-sitemap:before {
  content: "";
}

.fa-skyatlas:before {
  content: "";
}

.fa-skype:before {
  content: "";
}

.fa-slack:before {
  content: "";
}

.fa-slack-hash:before {
  content: "";
}

.fa-sliders-h:before {
  content: "";
}

.fa-slideshare:before {
  content: "";
}

.fa-smile:before {
  content: "";
}

.fa-snapchat:before {
  content: "";
}

.fa-snapchat-ghost:before {
  content: "";
}

.fa-snapchat-square:before {
  content: "";
}

.fa-snowflake:before {
  content: "";
}

.fa-sort:before {
  content: "";
}

.fa-sort-alpha-down:before {
  content: "";
}

.fa-sort-alpha-up:before {
  content: "";
}

.fa-sort-amount-down:before {
  content: "";
}

.fa-sort-amount-up:before {
  content: "";
}

.fa-sort-down:before {
  content: "";
}

.fa-sort-numeric-down:before {
  content: "";
}

.fa-sort-numeric-up:before {
  content: "";
}

.fa-sort-up:before {
  content: "";
}

.fa-soundcloud:before {
  content: "";
}

.fa-space-shuttle:before {
  content: "";
}

.fa-speakap:before {
  content: "";
}

.fa-spinner:before {
  content: "";
}

.fa-spotify:before {
  content: "";
}

.fa-square:before {
  content: "";
}

.fa-square-full:before {
  content: "";
}

.fa-stack-exchange:before {
  content: "";
}

.fa-stack-overflow:before {
  content: "";
}

.fa-star:before {
  content: "";
}

.fa-star-half:before {
  content: "";
}

.fa-staylinked:before {
  content: "";
}

.fa-steam:before {
  content: "";
}

.fa-steam-square:before {
  content: "";
}

.fa-steam-symbol:before {
  content: "";
}

.fa-step-backward:before {
  content: "";
}

.fa-step-forward:before {
  content: "";
}

.fa-stethoscope:before {
  content: "";
}

.fa-sticker-mule:before {
  content: "";
}

.fa-sticky-note:before {
  content: "";
}

.fa-stop:before {
  content: "";
}

.fa-stop-circle:before {
  content: "";
}

.fa-stopwatch:before {
  content: "";
}

.fa-strava:before {
  content: "";
}

.fa-street-view:before {
  content: "";
}

.fa-strikethrough:before {
  content: "";
}

.fa-stripe:before {
  content: "";
}

.fa-stripe-s:before {
  content: "";
}

.fa-studiovinari:before {
  content: "";
}

.fa-stumbleupon:before {
  content: "";
}

.fa-stumbleupon-circle:before {
  content: "";
}

.fa-subscript:before {
  content: "";
}

.fa-subway:before {
  content: "";
}

.fa-suitcase:before {
  content: "";
}

.fa-sun:before {
  content: "";
}

.fa-superpowers:before {
  content: "";
}

.fa-superscript:before {
  content: "";
}

.fa-supple:before {
  content: "";
}

.fa-sync:before {
  content: "";
}

.fa-sync-alt:before {
  content: "";
}

.fa-syringe:before {
  content: "";
}

.fa-table:before {
  content: "";
}

.fa-table-tennis:before {
  content: "";
}

.fa-tablet:before {
  content: "";
}

.fa-tablet-alt:before {
  content: "";
}

.fa-tachometer-alt:before {
  content: "";
}

.fa-tag:before {
  content: "";
}

.fa-tags:before {
  content: "";
}

.fa-tasks:before {
  content: "";
}

.fa-taxi:before {
  content: "";
}

.fa-telegram:before {
  content: "";
}

.fa-telegram-plane:before {
  content: "";
}

.fa-tencent-weibo:before {
  content: "";
}

.fa-terminal:before {
  content: "";
}

.fa-text-height:before {
  content: "";
}

.fa-text-width:before {
  content: "";
}

.fa-th:before {
  content: "";
}

.fa-th-large:before {
  content: "";
}

.fa-th-list:before {
  content: "";
}

.fa-themeisle:before {
  content: "";
}

.fa-thermometer:before {
  content: "";
}

.fa-thermometer-empty:before {
  content: "";
}

.fa-thermometer-full:before {
  content: "";
}

.fa-thermometer-half:before {
  content: "";
}

.fa-thermometer-quarter:before {
  content: "";
}

.fa-thermometer-three-quarters:before {
  content: "";
}

.fa-thumbs-down:before {
  content: "";
}

.fa-thumbs-up:before {
  content: "";
}

.fa-thumbtack:before {
  content: "";
}

.fa-ticket-alt:before {
  content: "";
}

.fa-times:before {
  content: "";
}

.fa-times-circle:before {
  content: "";
}

.fa-tint:before {
  content: "";
}

.fa-toggle-off:before {
  content: "";
}

.fa-toggle-on:before {
  content: "";
}

.fa-trademark:before {
  content: "";
}

.fa-train:before {
  content: "";
}

.fa-transgender:before {
  content: "";
}

.fa-transgender-alt:before {
  content: "";
}

.fa-trash:before {
  content: "";
}

.fa-trash-alt:before {
  content: "";
}

.fa-tree:before {
  content: "";
}

.fa-trello:before {
  content: "";
}

.fa-tripadvisor:before {
  content: "";
}

.fa-trophy:before {
  content: "";
}

.fa-truck:before {
  content: "";
}

.fa-tty:before {
  content: "";
}

.fa-tumblr:before {
  content: "";
}

.fa-tumblr-square:before {
  content: "";
}

.fa-tv:before {
  content: "";
}

.fa-twitch:before {
  content: "";
}

.fa-twitter:before {
  content: "";
}

.fa-twitter-square:before {
  content: "";
}

.fa-typo3:before {
  content: "";
}

.fa-uber:before {
  content: "";
}

.fa-uikit:before {
  content: "";
}

.fa-umbrella:before {
  content: "";
}

.fa-underline:before {
  content: "";
}

.fa-undo:before {
  content: "";
}

.fa-undo-alt:before {
  content: "";
}

.fa-uniregistry:before {
  content: "";
}

.fa-universal-access:before {
  content: "";
}

.fa-university:before {
  content: "";
}

.fa-unlink:before {
  content: "";
}

.fa-unlock:before {
  content: "";
}

.fa-unlock-alt:before {
  content: "";
}

.fa-untappd:before {
  content: "";
}

.fa-upload:before {
  content: "";
}

.fa-usb:before {
  content: "";
}

.fa-user:before {
  content: "";
}

.fa-user-circle:before {
  content: "";
}

.fa-user-md:before {
  content: "";
}

.fa-user-plus:before {
  content: "";
}

.fa-user-secret:before {
  content: "";
}

.fa-user-times:before {
  content: "";
}

.fa-users:before {
  content: "";
}

.fa-ussunnah:before {
  content: "";
}

.fa-utensil-spoon:before {
  content: "";
}

.fa-utensils:before {
  content: "";
}

.fa-vaadin:before {
  content: "";
}

.fa-venus:before {
  content: "";
}

.fa-venus-double:before {
  content: "";
}

.fa-venus-mars:before {
  content: "";
}

.fa-viacoin:before {
  content: "";
}

.fa-viadeo:before {
  content: "";
}

.fa-viadeo-square:before {
  content: "";
}

.fa-viber:before {
  content: "";
}

.fa-video:before {
  content: "";
}

.fa-vimeo:before {
  content: "";
}

.fa-vimeo-square:before {
  content: "";
}

.fa-vimeo-v:before {
  content: "";
}

.fa-vine:before {
  content: "";
}

.fa-vk:before {
  content: "";
}

.fa-vnv:before {
  content: "";
}

.fa-volleyball-ball:before {
  content: "";
}

.fa-volume-down:before {
  content: "";
}

.fa-volume-off:before {
  content: "";
}

.fa-volume-up:before {
  content: "";
}

.fa-vuejs:before {
  content: "";
}

.fa-warehouse:before {
  content: "";
}

.fa-weibo:before {
  content: "";
}

.fa-weight:before {
  content: "";
}

.fa-weixin:before {
  content: "";
}

.fa-whatsapp:before {
  content: "";
}

.fa-whatsapp-square:before {
  content: "";
}

.fa-wheelchair:before {
  content: "";
}

.fa-whmcs:before {
  content: "";
}

.fa-wifi:before {
  content: "";
}

.fa-wikipedia-w:before {
  content: "";
}

.fa-window-close:before {
  content: "";
}

.fa-window-maximize:before {
  content: "";
}

.fa-window-minimize:before {
  content: "";
}

.fa-window-restore:before {
  content: "";
}

.fa-windows:before {
  content: "";
}

.fa-won-sign:before {
  content: "";
}

.fa-wordpress:before {
  content: "";
}

.fa-wordpress-simple:before {
  content: "";
}

.fa-wpbeginner:before {
  content: "";
}

.fa-wpexplorer:before {
  content: "";
}

.fa-wpforms:before {
  content: "";
}

.fa-wrench:before {
  content: "";
}

.fa-xbox:before {
  content: "";
}

.fa-xing:before {
  content: "";
}

.fa-xing-square:before {
  content: "";
}

.fa-y-combinator:before {
  content: "";
}

.fa-yahoo:before {
  content: "";
}

.fa-yandex:before {
  content: "";
}

.fa-yandex-international:before {
  content: "";
}

.fa-yelp:before {
  content: "";
}

.fa-yen-sign:before {
  content: "";
}

.fa-yoast:before {
  content: "";
}

.fa-youtube:before {
  content: "";
}

.fa-youtube-square:before {
  content: "";
}

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

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

/* --------------------------------------
 Global Styles
-------------------------------------- */
/* --------------------------------------
 Global Styles 
-------------------------------------- */
body {
  background: #282e31;
  color: #fff;
  font: 100 16px "Museo Sans", Arial, Helvetica, sans-serif;
  margin: 0;
  min-width: 315px;
  width: 100%;
}
@media (max-width:768px) {
  body {
    font-size: 14px;
  }
}

html {
  overflow-x: hidden;
}

strong {
  font-weight: 300;
}

/* --------------------------------------
 Global Typography 
-------------------------------------- */
h1 {
  font-weight: 100;
  letter-spacing: -0.03em;
  margin-bottom: 10px;
}
@media (min-width:521px) {
  h1 {
    font-size: 4em;
  }
}
@media (max-width:520px) {
  h1 {
    font-size: 2.75em;
  }
}

h2 {
  font-weight: 100;
  letter-spacing: -0.01em;
  margin-bottom: 30px;
}
@media (min-width:521px) {
  h2 {
    font-size: 2em;
  }
}
@media (max-width:520px) {
  h2 {
    font-size: 1.575em;
  }
}

h3 {
  font-size: 2.25em;
  font-weight: 100;
  letter-spacing: -0.03em;
  line-height: 1.3em;
  margin-bottom: 20px;
}

h4, h5 {
  font-size: 1.25em;
  font-weight: 100;
  line-height: 1.4em;
  margin-bottom: 0;
}

.ex_bold{
	 font-weight: 600;
}

@media (max-width:1024px) {
  h4, h5 {
    margin-bottom: 10px;
  }
}

main p,
main ul li,
main ol li {
  font-size: 1.25em;
  font-weight: 100;
  line-height: 1.8em;
  margin-bottom: 1.25em;
}

main ul li li, main ul li li li{
	font-size: 1em;
	margin-bottom:.1em;
}

@media (max-width:1024px) {
  main ul li,
main ol li {
    font-size: 1em;
  }
}

a {
  color: #1295ae;
  cursor: pointer;
  text-decoration: none;
}
/*-- Global Layout & Classes --*/
#container {
  overflow: hidden;
  width: 100%;
}

.container {
  margin: auto;
  max-width: 1440px;
  min-width: 300px;
  padding: 30px 20px;
  width: 100%;
}
@media (max-width:1024px) {
  .container {
    padding: 20px;
  }
}

.hidden {
  position: absolute;
  left: -9999px;
  overflow: hidden;
}

.center {
  text-align: center;
}

.blue {
  background-color: #00a6d8;
  color: #fff;
}
.blue a {
  color: #fff;
}

a.arrow, span.arrow {
  font-size: 1em;
  font-weight: 300;
  margin-top: 20px;
  position: relative;
  padding-right: 14px;
  /*&:after {
  	content: "\f105";
  	c
  	font: {
  		family: 'FontAwesome';
  		size: 14px;
  	}
  	line-height: 18px;
  	@include position(absolute, top 0  right 0);
  	transition: $link-transition;
  }*/
}
a.arrow i, span.arrow i {
  color: #ea1d76;
  font-size: 14px;
  line-height: 18px;
  top: 0;
  right: 0;
  position: absolute;
  transition: all 0.2s ease-in;
}
a.arrow:hover, span.arrow:hover {
  color: #ea1d76;
}
a.arrow:hover i, span.arrow:hover i {
  right: -3px;
}

h3 a {
  color: #ffffff;
}
h3 a.arrow i{
  top: 9px;
}
br.md {
  display: none;
}
@media (max-width:1024px) {
  br.md {
    display: inline;
  }
}

@media (max-width:1439px) {
  br.xlg {
    display: none;
  }
}

@media (max-width:1024px) {
  br.xmd {
    display: none;
  }
}
@media (max-width:768px) {
  h3 a.arrow i{
    top: 7px;
  }
}
/* --------------------------------------
 Header and Footer Styles
-------------------------------------- */
/*--Header--*/
header {
  background: #282e31;
  color: #fff;
  height: 0;
  position: relative;
  text-align: center;
  z-index: 10;
}
header .menu-toggle {
  display: inline-block;
  padding: 25px 0 0 25px;
  transition-delay: 0.2s;
  z-index: 1;
  top: 0;
  left: 0;
  position: fixed;
}
@media (min-width:769px) {
  header .menu-toggle {
    height: 110px;
    width: 110px;
  }
}
@media (max-width:768px) {
  header .menu-toggle {
    height: 100px;
    left: -150px;
    margin-left: 50%;
    padding: 20px;
    width: 300px;
  }
}
@media (max-width:520px) {
  header .menu-toggle {
    height: 60px;
    left: -110px;
    padding: 10px;
    width: 220px;
  }
}
header .menu-toggle .logo {
  height: auto;
}
@media (min-width:769px) {
  header .menu-toggle .logo {
    float: left;
    width: 55px;
  }
}
@media (max-width:768px) {
  header .menu-toggle .logo {
    display: block;
    margin: auto;
    width: 60px;
  }
}
@media (max-width:520px) {
  header .menu-toggle .logo {
    width: 44px;
  }
}
header .menu {
  background-color: transparent;
  height: 0;
  text-align: center;
  transition-delay: 0.2s;
  width: 100%;
  top: 0;
  left: 0;
  position: fixed;
}
header .menu:before {
  content: "";
  height: 0;
  width: 0;
  z-index: -1;
  transition: all 0.15s ease-in;
  top: 0;
  left: 0;
  position: absolute;
}
@media (min-width:769px) {
  header .menu:before {
    border-right: 170px solid transparent;
    border-top: 170px solid #fff;
    filter: drop-shadow(0px -7px 11px black);
  }
  
}
@media (max-width:768px) {
  header .menu:before {
    border-left: 160px solid transparent;
    border-right: 160px solid transparent;
    border-top: 100px solid #fff;
    left: -160px;
    margin-left: 50%;
    filter: drop-shadow(0px -7px 11px black);
  }
}
@media (max-width:520px) {
  header .menu:before {
    border-left: 110px solid transparent;
    border-right: 110px solid transparent;
    border-top: 60px solid #fff;
    left: -110px;
    filter: drop-shadow(0px -7px 11px black);
  }
}
@media (min-width:769px) {
  header .menu.hover:before {
    border-right-width: 180px;
    border-top-width: 180px;
  }
}
header .menu .inner {
  opacity: 0;
  padding: 40px 30px;
  position: absolute;
  top: -9999px;
  width: 100%;
}
header .menu .logo {
  display: inline-block;
  margin-bottom: 4vh;
}
header .menu .logo img {
  height: auto;
  width: 90px;
}
header .menu .close {
  color: #ea1d76;
  font-size: 5vh;
  line-height: 3vh;
  top: 20px;
  right: 20px;
  position: absolute;
}
header .canvas {
  display: block;
  margin: auto;
  position: relative;
}
header .canvas canvas {
  background-color: rgba(255, 255, 255, 0);
  display: block;
  position: absolute;
}
header .canvas .overlay {
  display: block;
  overflow: hidden;
  pointer-events: none;
  top: 0;
  left: 0;
  position: absolute;
}
header .canvas, header .canvas canvas, header .canvas .overlay {
  top: 0;
}
@media (min-width:769px) {
  header .canvas, header .canvas canvas, header .canvas .overlay {
    height: 150px;
    width: 150px;
  }
}
@media (max-width:768px) {
  header .canvas, header .canvas canvas, header .canvas .overlay {
    height: 120px !important;
    width: 120px !important;
  }
}
header canvas {
  transition: all 0.2s ease-in;
}
@media (min-width:769px) {
  header canvas:hover {
    opacity: 0.8;
  }
}
header .navigation {
  padding: 2vh 20px 0;
}
header .navigation li {
  opacity: 0;
}
header .navigation li a {
  color: #31383b;
  display: inline-block;
  line-height: 1em;
  font-size: 3.8em;
  margin-bottom: 3vh;
  transition: all 0.2s ease-in;
}
header .navigation li a:hover {
  color: #00a6d8;
}
@media (max-width:768px) {
  header .navigation li a {
    font-size: 2.25em;
  }
}
header .navigation li.current-menu-item a, header .navigation li.current-page-ancestor a {
  color: #00a6d8;
}
header .container {
  position: relative;
  padding: 0 20px;
}
header.hide .menu-toggle, header.hide .menu {
  top: -170px;
  transition: all 0.4s ease-in;
}
header.open {
  z-index: 20 !important;
}
header.open .menu-toggle {
  opacity: 0;
  pointer-events: none;
  transition-delay: 0.4s;
  transition: all 0.4s ease-in;
}
header.open .menu {
  top: 0;
  height: 100%;
  transition: all 0.4s ease-in;
}
header.open .menu:before {
  transition: all 0.4s ease-in;
}
@media (min-width:769px) {
  header.open .menu:before {
    border-right-width: 5000px;
    border-top-width: 5000px;
  }
}
@media (max-width:768px) {
  header.open .menu:before {
    border-left-width: 3000px;
    border-right-width: 3000px;
    border-top-width: 1500px;
    left: -3000px;
  }
}
header.open .navigation li {
  opacity: 1;
  transition: opacity 0.4s ease-in;
}
header.open .navigation li:nth-of-type(1) {
  transition-delay: 0.15s;
}
header.open .navigation li:nth-of-type(2) {
  transition-delay: 0.25s;
}
header.open .navigation li:nth-of-type(3) {
  transition-delay: 0.35s;
}
header.open .navigation li:nth-of-type(4) {
  transition-delay: 0.45s;
}
header.open .navigation li:nth-of-type(5) {
  transition-delay: 0.55s;
}
header.open .navigation li:nth-of-type(6) {
  transition-delay: 0.65s;
}
header.open .inner {
  opacity: 1;
  top: 0;
  transition-delay: 0.05s;
}
header.close .menu:before {
  transition-duration: 0.3s;
  transition-delay: 0.1s;
}
header.close .inner {
  transition-delay: 0s;
  transition-duration: 0.1s;
}

section.header {
  position: relative;
  z-index: 1;
}
@media (min-width:769px) {
  section.header {
    margin-top: 100px;
  }
}
@media (max-width:768px) {
  section.header {
    margin-top: 100px;
  }
}
@media (max-width:520px) {
  section.header {
    margin-top: 80px;
  }
}
@media (min-width:769px) {
  section.header .container, #solutions-pg section.header .container{
    padding: 0 40px;
  }
}
@media (max-width:768px) {
  section.header .container {
    padding: 0 20px;
  }
}
section.header .content {
  clear: both;
  position: relative;
  text-align: center;
}
section.header .content h2 {
  color: #00a6d8;
}
@media (max-width:520px) {
  section.header .content h2 {
    font-size: 1.5em;
    line-height: 1.35em;
  }
}
section.header .background {
  top: -100px;
  left: -550px;
  position: absolute;
  margin-left: 50%;
  max-width: none;
  z-index: -2;
}
section.header hr {
  display: none;
}
section.header .content h1, section.header .content h2 {
  opacity: 1;
  position: relative;
  top: 0;
  transition: all 0.3s ease-in;
  transition-delay: 0.2s;
}
section.header .content h2 {
  transition-delay: 0.4s;
}
section.header:not(.show) .content h1, section.header:not(.show) .content h2 {
  opacity: 0;
  top: -20px;
}

section.header .content h1 span {
  letter-spacing: -0.01em;
  margin-bottom: -55px;
  font-size: 24px;
  color: #00a6d8;
  display: block;
}
#solutions section.header .content h2{
  font-size:  24px;
}

/*--Footer--*/
footer {
  background-color: #282e31;
  position: relative;
  z-index: 0;
}
@media (min-width:769px) {
  footer .container {
    padding: 30px 20px;
  }
}
@media (max-width:1024px) {
  footer {
    text-align: center;
  }
}
@media (max-width:768px) {
  footer {
    background-color: #282e31;
  }
  footer .container {
    padding: 20px 0 0 !important;
  }
}
footer .container {
  max-width: 1440px !important;
}
footer .logo {
  height: auto;
  width: 220px;
}


footer .copyright p {
  color:rgba(255, 255, 255, 0.5);
  text-align:right;
  font-size:.8em;
  margin-top:2vh;
  border-left:none!important;
  display:block !important;
}

@media (min-width: 1200px) {
  footer .logo {
    float: left;
  }
}
@media (max-width:1024px) {
  footer .logo {
    margin-bottom: 20px;
  }
}
footer p, footer li {
  color: #fff;
}
@media (min-width:1025px) {
  footer p, footer li {
    font-size: 0.875em;
    line-height: 1.65em;
  }
}
@media (max-width:1024px) {
  footer p, footer li {
    font-size: 1em;
    line-height: 1.4em;
  }
}
footer p {
  font-size: 1.125em;
}
@media (min-width:521px) {
  footer p {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    display: inline-block;
    line-height: 48px;
    margin-left: 20px;
    padding-left: 20px;
  }
  footer .copyright p {
	border-left: none;
	display:block;
	}
	
}
footer a {
  color: #fff;
  transition: all 0.2s ease-in;
}
footer a:hover {
  color: #00a6d8 !important;
}
@media (min-width:1025px) {
  footer .navigation {
    float: right;
    margin-top: 21px;
  }
}
@media (max-width:1024px) {
  footer .navigation {
    margin-top: 30px;
  }
}
footer .navigation li {
  text-transform: uppercase;
}
@media (min-width:769px) {
  footer .navigation li {
    display: inline-block;
    margin: 0 10px;
  }
}
@media (max-width:768px) {
  footer .navigation li {
    border-top: 1px solid #54585a;
    display: block;
    line-height: 1em;
  }
  footer .navigation li a {
    padding: 15px;
  }
  footer .navigation li.icon {
    border: none;
    display: inline-block;
  }
  footer .copyright p {
 	 text-align:center;
	 padding-bottom:3vh;
	}
	
}
footer .navigation li a {
  color: rgba(255, 255, 255, 0.5);
  display: block;
}
@media (min-width:1025px) {
  footer .navigation li.linkedin {
    margn-left: 30px;
  }
}

/* --------------------------------------
 Plugin and Script overrides
-------------------------------------- */
.alm-btn-wrap {
  clear: both;
}
.alm-btn-wrap .alm-load-more-btn {
  background: none;
  border: none;
  color: #00a6d8;
  font-size: 1.25em;
  margin-top: 20px;
  opacity: 0;
  position: relative;
  padding-right: 12px;
  text-transform: uppercase;
  transition: all 0.2s ease-in;
}
.alm-btn-wrap .alm-load-more-btn:after {
  content: "";
  color: #fff;
  font-family: "FontAwesome";
  font-size: 20px;
  line-height: 20px;
  top: 0;
  right: 0;
  position: absolute;
  transition: all 0.2s ease-in;
}
.alm-btn-wrap .alm-load-more-btn.done {
  transition-delay: 0.5s;
  opacity: 1;
}
.alm-btn-wrap .alm-load-more-btn:hover:after {
  right: -3px;
}

/* --------------------------------------
 Other
-------------------------------------- */
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff;
  opacity: 1;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
  opacity: 1;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
  opacity: 1;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
  opacity: 1;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  background-color: #101214;
  color: #fff;
}

/* --------------------------------------
 Global Content Styles
-------------------------------------- */
main {
  position: relative;
  z-index: 0;
}
main .dark {
  color: #fff;
}
main .light {
  color: #1a1a1a;
}
main section {
  position: relative;
}
main section .video-hero {
  position: relative;
}
main section .video-hero > video {
  max-width: 100%;
  height: auto;
  width: 100%;
  vertical-align: middle;
}
main section .video-hero > video.has-media-controls-hidden::-webkit-media-controls {
  display: none;
}
main section.columns.edge:before {
  border-right: 5000px solid transparent;
  border-top: 5000px solid #282e31;
  content: "";
  height: 0;
  left: -2500px;
  margin-left: 50%;
  position: absolute;
  top: -1800px;
  width: 0;
}
main section.columns .col {
  padding: 20px 30px;
}
@media (max-width:1024px) {
  main section.columns .col {
    padding: 20px;
  }
}
@media (max-width:768px) {
  main section.columns .col {
    padding: 20px 0;
  }
}
main section.columns .content {
  position: relative;
  z-index: 2;
}
@media (max-width:768px) {
  main section.columns .content {
    padding: 20px;
  }
}
main section.columns .image {
  z-index: 1;
}
main section.icons {
  text-align: center;
}
main section.icons h2 {
  font-size: 3em;
  margin-bottom: 30px;
}
main section.icons .col {
  padding: 10px;
  position: relative;
}
main section.icons .col img {
  height: auto;
  max-width: 85%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width:521px) {
  main section.icons .col {
    height: 120px;
  }
}
@media (max-width:520px) {
  main section.icons .col {
    height: 100px;
  }
}
main section.icons h2, main section.icons .col {
  opacity: 1;
  transition: opacity 1s ease-in;
}
main section.icons .col:nth-of-type(1) {
  transition-delay: 0s;
}
main section.icons .col:nth-of-type(2) {
  transition-delay: 0.1s;
}
main section.icons .col:nth-of-type(3) {
  transition-delay: 0.2s;
}
main section.icons .col:nth-of-type(4) {
  transition-delay: 0.3s;
}
main section.icons .col:nth-of-type(5) {
  transition-delay: 0.4s;
}
main section.icons .col:nth-of-type(6) {
  transition-delay: 0.5s;
}
main section.icons .col:nth-of-type(7) {
  transition-delay: 0.6s;
}
main section.icons .col:nth-of-type(8) {
  transition-delay: 0.7s;
}
main section.icons .col:nth-of-type(9) {
  transition-delay: 0.8s;
}
main section.icons .col:nth-of-type(10) {
  transition-delay: 0.9s;
}
main section.icons .col:nth-of-type(11) {
  transition-delay: 1s;
}
main section.icons .col:nth-of-type(12) {
  transition-delay: 1.1s;
}
main section.icons:not(.show) h2, main section.icons:not(.show) .col {
  opacity: 0;
}
main section.posts {
  text-align: center;
}
main section.posts.light {
  background-color: #fff;
}
main section.posts .container {
  max-width: 1400px !important;
}
@media (max-width:1024px) {
  main section.posts .container {
    padding-top: 40px;
  }
}
@media (max-width:520px) {
  main section.posts .container {
    padding-top: 25px;
  }
}
main section.posts h2 {
  margin-bottom: 0;
}
main section.posts .post {
  transition: all 0.15s ease-in;
}
@media (min-width:769px) {
  main section.posts .post {
    margin: 60px 0;
  }
}
@media (max-width:768px) {
  main section.posts .post {
    margin: 20px 0;
  }
}
main section.posts .post.hide {
  opacity: 0;
}
main section.posts .post .background {
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  border-radius: 50%;
  height: 375px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 375px;
}
@media (max-width: 1240px) {
  main section.posts .post .background {
    height: 300px;
    width: 300px;
  }
}
@media (max-width:1024px) {
  main section.posts .post .background {
    font-size: 0.8em;
    height: 250px;
    width: 250px;
  }
}
@media (max-width:768px) {
  main section.posts .post .background {
    font-size: 1em;
    height: 300px;
    width: 300px;
  }
}
@media (max-width:520px) {
  main section.posts .post .background {
    font-size: 0.8em;
    height: 250px;
    width: 250px;
  }
}
main section.posts .post a {
  border-radius: 50%;
  display: block;
  height: 76%;
  width: 76%;
  top: 12%;
  left: 12%;
  position: absolute;
}
main section.posts .post .arrow {
  background-image: url(assets/img/blog-arrow.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 50%;
  height: 80px;
  margin: 50% 0 0 50%;
  opacity: 0;
  transform: scale(0);
  transition: all 0.15s ease-in;
  transition-delay: 0.05s;
  width: 80px;
  top: -40px;
  left: -40px;
  position: absolute;
}
main section.posts .post img {
  background-color: #fff;
  border-radius: 50%;
  height: 60px;
  margin-top: 50%;
  overflow: hidden;
  transition: all 0.15s ease-in;
  width: 60px;
  z-index: 1;
  top: -30px;
  left: -30px;
  position: absolute;
}
@media (max-width:1024px) {
  main section.posts .post img {
    height: 50px;
    left: -25px;
    top: -25px;
    width: 50px;
  }
}
@media (max-width:768px) {
  main section.posts .post img {
    height: 60px;
    left: -30px;
    top: -30px;
    width: 60px;
  }
}
@media (max-width:520px) {
  main section.posts .post img {
    height: 40px;
    left: -20px;
    top: -20px;
    width: 40px;
  }
}
main section.posts .post .info {
  background-color: #31383b;
  border-radius: 50%;
  height: 100%;
  text-align: left;
  transition: all 0.15s ease-in;
  width: 100%;
}
main section.posts .post .info .inner {
  transform: translate(0, -50%);
  transition: all 0.15s ease-in;
  top: 50%;
  position: absolute;
}
main section.posts .post .info .title {
  margin: 0 20px 0 45px;
}
main section.posts .post .info h3 {
  color: #fff;
  font-size: 1.25em !important;
  line-height: 1.3em;
  margin-bottom: 0 !important;
}
main section.posts .post .info .category {
  color: #ea1d76;
  display: block;
  font-size: 0.9em;
  margin-bottom: 2px;
  text-transform: uppercase;
}
main section.posts .post .active .arrow {
  opacity: 1;
  transform: scale(1);
}
main section.posts .post .active img {
  transform: scale(0);
}
main section.posts .post .active .info {
  background-color: #00a6d8;
  transform: scale(0);
}
main section.posts .post .active .info .inner {
  opacity: 0;
}
main section.posts .post:nth-of-type(1) .background {
  transition-delay: 0.1s;
}
main section.posts .post:nth-of-type(2) .background {
  transition-delay: 0.2s;
}
main section.posts .post:nth-of-type(3) .background {
  transition-delay: 0.3s;
}
main section.posts .post:nth-of-type(4) .background {
  transition-delay: 0.4s;
}
main section.posts .post:nth-of-type(5) .background {
  transition-delay: 0.5s;
}
main section.posts .post:nth-of-type(6) .background {
  transition-delay: 0.6s;
}
main section.posts .post .background {
  opacity: 1;
  transition: all 0.3s ease-in;
  transition-delay: 0.2s;
}
main section.posts:not(.show) .post .background {
  opacity: 0;
}
main section.testimonials {
  color: #1a1a1a;
}
main section.testimonials .container {
  max-width: 1040px;
}
main section.testimonials img {
  border-radius: 50%;
  max-width: 240px;
}
main section.testimonials .text {
  padding-top: 20px;
}
main section.testimonials .text p {
  font-size: 22px;
}
main section.testimonials .text p.author {
  font-weight: 100;
}
@media (max-width:768px) {
  main section.testimonials {
    text-align: center;
  }
  main section.testimonials img {
    display: block;
    margin: auto;
    max-width: 200px;
  }
}
@media (max-width:520px) {
  main section.testimonials img {
    max-width: 150px;
  }
}
main section.video .container {
  padding-top: 0;
}
@media (min-width:1025px) {
  main section.video .intro {
    padding-top: 50px;
  }
}
@media (max-width:1024px) {
  main section.video .intro {
    padding-top: 20px;
  }
}
main section.animation .canvas, main section.animation canvas {
  margin: auto;
}
main section.animation canvas {
  background-color: rgba(255, 255, 255, 0);
  display: block;
  position: relative;
}
main section.animation .overlay {
  display: block;
  overflow: hidden;
  pointer-events: none;
  top: 0;
  left: 0;
  position: absolute;
}
main section.animation .animation {
  height: auto !important;
  position: relative;
  max-width: 100% !important;
}
main section.animation canvas, main section.animation .overlay, main section.animation .canvas {
  height: auto !important;
  /*max-width: 100% !important;*/
	max-width:105% !important;
  top: 0;
  /*top: -150px;*/
}
main section.labs .container {
  max-width: 1140px !important;
}
main section.labs .content, main section.labs .image {
  transition: all 0.3s ease-in;
}
main section.labs .content {
  left: 0;
  position: relative;
}
main section.labs .container {
  padding: 0;
}
main section.labs .image {
  position: static !important;
  padding: 0;
}
@media (min-width:769px) {
  main section.labs {
    height: 600px;
    margin-top: 100px;
  }
  main section.labs .container {
    position: static !important;
  }
  main section.labs .content {
    max-width: 479px;
    /*padding: 50px 20px 50px;
    /*width: 42%;
	width: 53%;*/
	padding:20px;
  }
  main section.labs .image img.vr {
    max-width: 50% !important;
    /*right: 0;
    bottom: 0;*/
    position: absolute;
  }
  #services section.labs .image img.vr, #solutions-pg section.labs .image img.vr {
    max-width: 720px !important;
    width:  50%;
    right: 0;
    bottom: 0;
    position: absolute;
  }
  main section.labs .image img.planet {
    top: 0;
    right: 0;
    position: absolute;
  }
  main section.labs .image img.hands {
    top: 380px;
    right: 0;
    position: absolute;
  }
	main section.columns.labs .col.logos{
		padding: 10px 5px;
	}
}
@media (min-width:1025px) {
	main section.labs .image img.vr {
	max-width: 576px !important;
  }
}
@media (max-width:768px) {
  main section.labs .content {
    padding: 25px 35px 40px;
    text-align: center;
  }
  main section.labs .image img.hands {
    top: 15%;
    left: 0;
    position: absolute;
  }
	#services section.labs, #services section.capabilities{
		margin-top: 50px;
	}
}
main section.labs .image img {
  transition: all 0.3s ease-in;
}
main section.labs .image .planet {
  transform: scale(1);
  transition-delay: 0.2s;
}
main section.labs .image .hands {
  margin-top: 0;
  transition-delay: 0.6s;
}
main section.labs:not(.show) .content {
  opacity: 0;
}
main section.labs:not(.show) .image .planet {
  transform: scale(0);
}
main section.labs:not(.show) .image .hands {
  opacity: 0;
  margin-top: 50px;
}
@media (min-width:769px) {
  main section.labs:not(.show) .content {
    left: 50px;
  }
}
main .container {
  max-width: 1400px;
  padding: 50px 20px;
  position: relative;
  z-index: 1;
}
@media (max-width:1024px) {
  main .container {
    padding: 20px;
  }
}
main .content ul {
  margin-bottom: 30px;
  text-align: left;
}
main .content ul li {
  list-style: none;
  padding-left: 1em;
  text-indent: -1em;
}


main .content ul li:before {
  content: "• ";
  color: #00a6d8;
  font-size: 1.1em;
  padding-right: 5px;
}
main .content ol {
  counter-reset: item;
  margin-bottom: 30px;
  text-align: left;
}
main .content ol li {
  counter-increment: step-counter;
  margin-left: 45px;
  text-indent: -28px;
}
main .content ol li:before {
  color: #00a6d8;
  content: counter(step-counter);
  display: inline-block;
  font-weight: 300;
  margin-right: 10px;
  text-align: right;
}
main .content ol li .olist {
   
	font-size: 1em;
    margin-bottom: .1em;
	margin-left: -10px;
}

main .content ol li .olist:before {
  color: #00a6d8;
  content: "• ";
  display: inline-block;
  font-weight: 300;
  margin-right: 10px;
  text-align: right;
}


a.button {
  border: 1px solid #fff;
  color: #fff;
  display: inline-block;
  font-size: 1.25em;
  margin-bottom: 10px;
  padding: 8px 14px;
  transition: all 0.2s ease-in;
}
a.button:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

/*-- Popups --*/
.popup-container .popup {
  background: #fff;
  box-shadow: 0 2px 4px 4px rgba(0, 0, 0, 0.1);
  display: none;
  padding: 10px;
  position: absolute;
  top: 95%;
  width: 200px;
  z-index: 900;
}
.popup-container .popup:after {
  border: solid transparent;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 10px;
  bottom: 100%;
  content: " ";
  height: 0;
  margin-left: -10px;
  left: 50%;
  position: absolute;
  pointer-events: none;
  width: 0;
}
.popup-container.open .popup {
  display: block;
}

.slide-container {
  position: relative;
  overflow: hidden;
}
.slide-container .slide {
  background: #fff;
  left: -100%;
  padding: 10px;
  position: absolute;
  top: 0;
  transition: all 0.2s ease-in;
  width: 100%;
  z-index: 900;
}
.slide-container.open .slide {
  left: 0;
}

/* --------------------------------------
 Misc Pages
-------------------------------------- */
/*-- 404 --*/
#nopage {
  background-color: #fff;
  text-align: center;
}
#nopage img {
  margin-bottom: 30px;
  width: 100px;
}

/* --------------------------------------
 Page-specific Styles
-------------------------------------- */
/*-- Home --*/
#home .edge {
  height: 0;
  position: relative;
  z-index: 0;
}
#home .edge:before {
  border-right: 5000px solid transparent;
  border-top: 5000px solid #f3f3f3;
  content: "";
  height: 0;
  left: -2500px;
  margin-left: 50%;
  position: absolute;
  /*top: -1450px;*/
  top: -1474px;
  width: 0;
}
@media (max-width:768px) {
  #home .edge:before {
    top: -1700px;
  }
}
@media (max-width:520px) {
  #home .edge:before {
    top: -1840px;
  }
}
@media (max-width:400px) {
  #home .edge:before {
    top: -1950px;
  }
}
#home svg {
  position: absolute;
}
@media (min-width:769px) {
  #home .web {
    background-image: url(assets/img/web-large.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 1257px;
    margin-left: 50%;
    max-width: none;
    opacity: 1;
    transition: all 0.3s ease-in;
    transition-delay: 1s;
    -webkit-clip-path: polygon(0px 1257px, 1009px 1257px, 2013px 259px, 2013px 0px, 0px 0px);
    clip-path: url("#clipWeb");
    width: 2013px;
    /*top: 100px;
    left: -1318px;*/
	top: 42px;
    left: -1286px;
    position: absolute;
  }
  #home .web:not(.show) {
    opacity: 0;
  }
}
#home header {
  background-color: transparent;
  height: auto;
}
@media (min-width:769px) {
  #home header {
    opacity: 1;
    transition: all 0.4s ease-in 0.4s;
  }
  #home header .container {
    padding: 30px 20px;
  }
  #home header .logo {
    height: auto;
    opacity: 1;
    transition: all 0.4s ease-in 0.2s;
    width: 254px;
    top: 25px;
    left: 25px;
    position: absolute;
  }
  #home header .logo.show-md {
    width: 55px;
  }
  #home header .canvas {
    display: none;
  }
  #home header .menu-toggle {
    display: none;
  }
  #home header .menu {
    background: none;
    float: right;
    height: auto;
    max-height: none;
    position: static;
    width: auto;
  }
  #home header .menu:before {
    border: none;
  }
  #home header .menu .inner {
    opacity: 1;
    padding: 0;
    position: static;
  }
  #home header .menu .logo, #home header .menu .close {
    display: none;
  }
  #home header .menu .navigation {
    padding: 0;
  }
  #home header .menu .navigation li {
    display: inline-block;
    padding: 8px 0;
    opacity: 1;
    transition: opacity 0.4s ease-in;
  }
  #home header .menu .navigation li:nth-of-type(1) {
    transition-delay: 0.3s;
  }
  #home header .menu .navigation li:nth-of-type(2) {
    transition-delay: 0.6s;
  }
  #home header .menu .navigation li:nth-of-type(3) {
    transition-delay: 0.9s;
  }
  #home header .menu .navigation li:nth-of-type(4) {
    transition-delay: 1.2s;
  }
  #home header .menu .navigation li:nth-of-type(5) {
    transition-delay: 1.5s;
  }
  #home header .menu .navigation li:nth-of-type(6) {
    transition-delay: 1.8s;
  }
  #home header .menu .navigation li a {
    line-height: 1em;
    font-size: 0.9em;
    font-weight: 300;
    margin-bottom: 0;
    padding: 10px;
    text-transform: uppercase;
  }
  #home header:not(.show) img.logo, #home header:not(.show) .navigation li {
    opacity: 0;
  }
}
#home section.header .container {
  position: relative;
}
#home section.header .content {
  padding-bottom: 0;
  position: relative;
  z-index: 2;
}
#home section.header .content h1 {
  color: #1a1a1a;
}
#home section.header .content h2 {
  color: #00a6d8;
}
#home section.content.header {
  text-align: center;
}
@media (max-width:768px) {
  #home section.content.header {
    margin: 10px 0 50px;
  }
}
@media (max-width:400px) {
  #home section.content.header {
    margin-bottom: 0;
  }
}
#home section.content.header h2 {
  color: #1a1a1a;
  margin-bottom: 10px;
}
@media (min-width:521px) {
  #home section.content.header h2 {
    font-size: 4em;
  }
}
@media (max-width:520px) {
  #home section.content.header h2 {
    font-size: 2.75em;
  }
}
#home section.content.header p {
  color: #00a6d8;
  font-size: 1.5em;
  line-height: 1.35em;
}
@media (max-width:768px) {
  #home section.columns {
    text-align: center;
  }
}
#home section.columns img, #home section.columns .image {
  pointer-events: none;
}
@media (min-width:769px) {
  #home section.columns .image {
    position: absolute;
  }
  #home section.columns .image img {
    max-width: none;
  }
}
#home section.columns h3 {
  margin-bottom: 0.4em;
}
@media (min-width:769px) {
  #home section.columns h3 {
    font-size: 3.25em;
  }
}
@media (max-width:768px) {
  #home section.columns h3 {
    font-size: 3em;
  }
}
@media (max-width:520px) {
  #home section.columns h3 {
    font-size: 2.3em;
  }
}
#home section.columns p {
  font-size: 1.25em;
}
#home section.animation {
  overflow: hidden;
  text-align: center;
}
@media (min-width:769px) {
  #home section.animation {
    height: 420px;
  }
}
@media (max-width:768px) {
  #home section.animation {
    height: 300px;
    margin-top: 100px;
  }
}
@media (max-width:520px) {
  #home section.animation {
    height: 200px;
  }
}
@media (max-width:400px) {
  #home section.animation {
    height: 175px;
    margin-top: 45px;
  }
}
#home section.animation .container {
  padding: 0;
}
#home section.animation .animation {
  display: inline-block;
  margin: auto;
}
@media (max-width:768px) {
  #home section.animation .animation {
    width: 60% !important;
  }
}
#home section.portfolio .content, #home section.portfolio .image {
  transition: all 0.3s ease-in;
}
#home section.portfolio .content {
  left: 0;
  position: relative;
}
@media (min-width:769px) {
  #home section.portfolio {
    height: 800px;
  }
  #home section.portfolio .content {
    padding-top: 50px;
  }
  #home section.portfolio .image {
    /*left: 38%;
    top: -20px;*/
	left: 49%;
    top: -210px;
  }
  #home section.portfolio .image img.vr {
		max-width: 100%;
  }
}
@media (max-width:1024px) {
  #home section.portfolio .image {
    left: 45%;
  }
}
@media (max-width:768px) {
  #home section.portfolio .content {
    color: #fff;
  }
  #home section.portfolio .image {
    position: static;
  }
  #home section.portfolio .image img {
    width: 500px;
  }
}
#home section.portfolio:not(.show) .content, #home section.portfolio:not(.show) .image {
  opacity: 0;
}
@media (min-width:769px) {
  #home section.portfolio:not(.show) .content {
    left: -50px;
  }
}
@media (min-width:769px) {
  #home section.services {
    height: 600px;
  }
}
#home section.services .content {
  transition-delay: 0.4;
  top: 0;
}
@media (min-width:769px) {
  #home section.services .content {
    max-width: 640px;
    padding-top: 10px;
    width: 85%;
  }
}
@media (min-width:1025px) {
  #home section.services .content {
    margin-left: 16%;
    /*min-width: 550px;*/
	min-width: 664px;
    width: 48%;
  }
}
@media (min-width:769px) {
  #home section.services .content {
    padding-bottom: 130px;
  }
}
@media (max-width:768px) {
  #home section.services .content {
    /*padding-bottom: 150px;*/
	padding-bottom: 324px;
  }
	#home section.portfolio .content {
		padding-bottom: 25px;
	}
}
@media (max-width:520px) {
  #home section.services .content {
    padding-bottom: 100px;
  }
}
#home section.services .image {
  margin-left: -2140px;
  bottom: -235px;
  left: 50%;
  position: absolute;
}
@media (max-width:1024px) {
  #home section.services .image {
    /*bottom: -360px;*/
	bottom: -204px;
  }
}
@media (max-width:520px) {
  #home section.services .image {
	bottom: -261px;
  }
}
#home section.services .image img {
  max-width: none;
}
#home section.services .content, #home section.services .image {
  transition: all 0.3s ease-in;
}
#home section.services .content {
  left: 0;
  position: relative;
}
#home section.services:not(.show) .content, #home section.services:not(.show) .image {
  opacity: 0;
}
@media (min-width:769px) {
  #home section.services:not(.show) .content {
    top: 30px;
  }
}
#home.labs .container {
  max-width: 1040px;
}
@media (min-width:769px) {
  #home.labs .content {
    padding-top: 200px;
  }
}

/*-- People --*/
/*!
Theme Name: Local Wisdom
Theme URI: http://www.localwisdom.com
Version: 7.0
Author: Local Wisdom
*/
/* Font Family */
@font-face {
  font-family: "Museo Sans";
  src: url("assets/fonts/museosans-100.eot");
  src: url("assets/fonts/museosans-100.eot?#iefix") format("embedded-opentype"), url("assets/fonts/museosans-100.woff2") format("woff2"), url("assets/fonts/museosans-100.woff") format("woff"), url("assets/fonts/museosans-100.ttf") format("truetype"), url("assets/fonts/museosans-100.svg#museo_sans100") format("svg");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Museo Sans";
  src: url("assets/fonts/museosans-100italic.eot");
  src: url("assets/fonts/museosans-100italic.eot?#iefix") format("embedded-opentype"), url("assets/fonts/museosans-100italic.woff2") format("woff2"), url("assets/fonts/museosans-100italic.woff") format("woff"), url("assets/fonts/museosans-100italic.ttf") format("truetype"), url("assets/fonts/museosans-100italic.svg#museo_sans100_italic") format("svg");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Museo Sans";
  src: url("assets/fonts/museosans-300.eot");
  src: url("assets/fonts/museosans-300.eot?#iefix") format("embedded-opentype"), url("assets/fonts/museosans-300.woff2") format("woff2"), url("assets/fonts/museosans-300.woff") format("woff"), url("assets/fonts/museosans-300.ttf") format("truetype"), url("assets/fonts/museosans-300.svg#museo_sans300") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Museo Sans";
  src: url("assets/fonts/museosans-300italic.eot");
  src: url("assets/fonts/museosans-300italic.eot?#iefix") format("embedded-opentype"), url("assets/fonts/museosans-300italic.woff2") format("woff2"), url("assets/fonts/museosans-300italic.woff") format("woff"), url("assets/fonts/museosans-300italic.ttf") format("truetype"), url("assets/fonts/museosans-300italic.svg#museo_sans300_italic") format("svg");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Museo Sans";
  src: url("assets/fonts/museosans-500.eot");
  src: url("assets/fonts/museosans-500.eot?#iefix") format("embedded-opentype"), url("assets/fonts/museosans-500.woff2") format("woff2"), url("assets/fonts/museosans-500.woff") format("woff"), url("assets/fonts/museosans-500.ttf") format("truetype"), url("assets/fonts/museosans-500.svg#museo_sans500") format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Museo Sans";
  src: url("assets/fonts/museosans-700.eot");
  src: url("assets/fonts/museosans-700.eot?#iefix") format("embedded-opentype"), url("assets/fonts/museosans-700.woff2") format("woff2"), url("assets/fonts/museosans-700.woff") format("woff"), url("assets/fonts/museosans-700.ttf") format("truetype"), url("assets/fonts/museosans-700.svg#museo_sans700") format("svg");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Museo Sans";
  src: url("assets/fonts/museosans-900.eot");
  src: url("assets/fonts/museosans-900.eot?#iefix") format("embedded-opentype"), url("assets/fonts/museosans-900.woff2") format("woff2"), url("assets/fonts/museosans-900.woff") format("woff"), url("assets/fonts/museosans-900.ttf") format("truetype"), url("assets/fonts/museosans-900.svg#museo_sans900") format("svg");
  font-weight: 900;
  font-style: normal;
}
/* Columns */
/* Global Variables */
/* Content Animations */
/* ==========================================================================
   Gradients
   ========================================================================== */
#about main {
  z-index: 2;
}
@media (max-width:768px) {
  #about section.header .container {
    padding: 0 20px;
  }
}
#about section.content.top .container {
  max-width: 1140px;
}
@media (min-width:769px) {
  #about section.content.top .container {
    padding-bottom: 0;
  }
}
#about section.people {
  background: url(assets/img/about-lines.png) no-repeat bottom center;
}
@media (min-width:769px) {
  #about section.people {
    padding-bottom: 320px;
  }
}
@media (max-width:768px) {
  #about section.people {
    background-size: 120%;
    padding-bottom: 30%;
  }
}
@media (max-width:520px) {
  #about section.people {
    background-size: 200%;
    padding-bottom: 40%;
  }
}
#about section.people .container {
  max-width: 1140px;
}
#about section.people h2 {
  color: #858585;
  font-size: 1.125em;
  transition: opacity 0.3s ease-in 0.7s;
  text-align: center;
}
#about section.people .menu {
  text-align: center;
}
@media (max-width:768px) {
  #about section.people .menu {
    padding-left: 10px;
    padding-right: 10px;
  }
  #about section.people .menu .container {
    padding: 20px 0;
  }
}
#about section.people .menu li.department a {
  background-image: url(assets/img/icons/departments.svg);
}
#about section.people .menu li.cinema a {
  background-image: url(assets/img/icons/cinema.svg);
}
#about section.people .menu li.books a {
  background-image: url(assets/img/icons/books.svg);
}
#about section.people .menu li.food a {
  background-image: url(assets/img/icons/food.svg);
}
#about section.people .menu li.travel a {
  background-image: url(assets/img/icons/travel.svg);
}
#about section.people .menu li.hobbies a {
  background-image: url(assets/img/icons/hobbies.svg);
}
#about section.people .menu li.pets a {
  background-image: url(assets/img/icons/pets.svg);
}
#about section.people .menu li.children a {
  background-image: url(assets/img/icons/children.svg);
}
#about section.people .menu a {
  background-position: center 10px;
  background-repeat: no-repeat;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  height: 100px;
  line-height: 36px;
  margin: auto;
  position: relative;
  width: 100px;
}
#about section.people .menu a span {
  font-size: 14px;
  width: 100%;
}
@media (min-width:769px) {
  #about section.people .menu a {
    overflow: hidden;
  }
}
@media (max-width:768px) {
  #about section.people .menu a span {
    font-size: 12px;
  }
}
#about section.people .menu li {
  margin-bottom: 1.3em;
  opacity: 1;
  transition: all 0.2s ease-in;
}
#about section.people .menu li:nth-of-type(1) {
  transition-delay: 0.1s;
}
#about section.people .menu li:nth-of-type(2) {
  transition-delay: 0.2s;
}
#about section.people .menu li:nth-of-type(3) {
  transition-delay: 0.3s;
}
#about section.people .menu li:nth-of-type(4) {
  transition-delay: 0.4s;
}
#about section.people .menu li:nth-of-type(5) {
  transition-delay: 0.5s;
}
#about section.people .menu li:nth-of-type(6) {
  transition-delay: 0.6s;
}
#about section.people .menu li:nth-of-type(7) {
  transition-delay: 0.7s;
}
#about section.people .menu li:nth-of-type(8) {
  transition-delay: 0.8s;
}
#about section.people .menu:not(.show) li {
  opacity: 0;
}
#about section.about {
  text-align: center;
}
@media (min-width:1025px) {
  #about section.about {
    min-height: 835px;
  }
}
#about section.about .text {
  margin-bottom: 105px;
}
#about section.about h2 {
  font-size: 3em;
  margin-bottom: 0.3em;
}
#about section.about p {
  font-size: 1em;
}
#about section.about .container {
  height: 100%;
  max-width: 540px;
}
#about section.about .container p {
  margin-bottom: 20px;
}
@media (min-width:769px) {
  #about section.about .container p {
    line-height: 2em;
  }
}
@media (max-width:768px) {
  #about section.about .container img {
    width: 100px;
  }
}
#about section.about .images img {
  position: absolute;
  top: 0;
}
#about section.about .images img.work {
  left: 0;
}
#about section.about .images img.play {
  right: 0;
}
@media (max-width: 1350px) {
  #about section.about .images img {
    max-width: 30%;
  }
}
@media (max-width:1024px) {
  #about section.about .images img {
    top: 5%;
  }
}
@media (max-width:520px) {
  #about section.about .images img {
    /*top: 30%;*/
	top: 20%;
  }
}
#about section.about .container {
  transition: all 0.3s ease-in;
}
#about section.about .images img {
  transition: all 0.3s ease-in;
}
#about section.about:not(.show) .container {
  opacity: 0;
}
#about section.about:not(.show) .images .work {
  right: 100%;
}
#about section.about:not(.show) .images .play {
  left: 100%;
}

/*-- Portfolio --*/
#portfolio {
  background: #fff;
  background: #ececec;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #ececec 0%, #fff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#ececec, endColorstr=#ffffff,GradientType=0 );
}
#portfolio header {
  background: none;
}
#portfolio.portfolio h1 {
  color: #1a1a1a;
}
@media (min-width:769px) {
  #portfolio section.header {
    margin-bottom: 30px;
  }
}
@media (max-width:768px) {
  #portfolio section.header {
    margin-bottom: 20px;
  }
}
#portfolio section.featured .container {
  height: 100%;
  padding: 0;
  max-width: 1200px;
}
#portfolio section.featured .content {
  color: #fff;
  position: relative;
  z-index: 15;
}
@media (min-width:769px) {
  #portfolio section.featured .content {
    width: 32%;
  }
}
@media (max-width:768px) {
  #portfolio section.featured .content {
    left: auto !important;
    margin: auto;
    padding: 0 40px;
    text-align: center;
    width: auto;
  }
}
#portfolio section.featured .image {
  position: absolute;
  z-index: 0;
}
@media (min-width:1025px) {
  #portfolio section.featured .image img {
    max-width: none;
  }
}
#portfolio section.featured h3 {
  font-size: 2.625em;
}
#portfolio section.featured p {
  font-size: 1.25em;
  line-height: 1.6em;
}
@media (min-width:769px) {
  #portfolio section.top {
    height: 630px;
  }
}
@media (max-width:768px) {
  #portfolio section.top {
    height: 880px;
  }
}
@media (max-width:520px) {
  #portfolio section.top {
    height: 600px;
  }
}
#portfolio section.top:after {
  border-right-style: solid;
  border-right-color: #282e31;
  border-top-color: transparent;
  border-top-style: solid;
  content: "";
  height: 0;
  pointer-events: none;
  width: 0;
  z-index: 1;
}
@media (min-width:769px) {
  #portfolio section.top:after {
    border-bottom: 5000px solid transparent;
    border-right-width: 5000px;
    border-top-width: 5000px;
    bottom: -5001px;
    left: 50%;
    position: absolute;
    margin-left: -2px;
  }
}
@media (max-width:768px) {
  #portfolio section.top:after {
    border-right-width: 1600px;
    border-top-width: 1600px;
    top: 0;
    right: 0;
    position: absolute;
  }
}
@media (max-width:520px) {
  #portfolio section.top:after {
    border-right-width: 1040px;
    border-top-width: 1040px;
  }
}
#portfolio section.top .container {
  position: static;
}
#portfolio section.top .content {
  left: 66%;
}
@media (min-width:769px) {
  #portfolio section.top .content {
    top: 83%;
  }
}
@media (max-width:768px) {
  #portfolio section.top .content {
    top: 70%;
  }
}
@media (max-width:520px) {
  #portfolio section.top .content {
    top: 50%;
  }
}
@media (max-width:400px) {
  #portfolio section.top .content {
    top: 50%;
  }
}
#portfolio section.top .content h3, #portfolio section.top .content p {
  color: #fff;
}
#portfolio section.top .content a {
  display: block;
}
#portfolio section.top .content a:hover .arrow {
  color: #ea1d76;
}
#portfolio section.top .content a:hover .arrow:after {
  right: -3px;
}
#portfolio section.top .image {
  left: 50%;
  top: 0;
}
@media (min-width:1025px) {
  #portfolio section.top .image {
    margin-left: -630px;
  }
  #portfolio section.top .image img {
    max-width: none;
  }
}
@media (max-width:1024px) {
  #portfolio section.top .image {
    margin-left: -52%;
  }
}
@media (min-width:769px) {
  #portfolio section.bottom {
    height: 800px;
  }
}
#portfolio section.bottom:after {
  border-bottom-color: transparent;
  border-bottom-style: solid;
  border-left-style: solid;
  border-left-color: #282e31;
  content: "";
  height: 0;
  pointer-events: none;
  width: 0;
  z-index: 2;
}
@media (min-width:769px) {
  #portfolio section.bottom:after {
    border-bottom-width: 5000px;
    border-left-width: 5000px;
    border-top: 5000px solid transparent;
    top: -5001px;
    right: 50%;
    position: absolute;
  }
}
@media (max-width:768px) {
  #portfolio section.bottom:after {
    border-bottom-width: 1600px;
    border-left-width: 1600px;
    bottom: 90px;
    left: 0;
    position: absolute;
  }
}
@media (max-width:520px) {
  #portfolio section.bottom:after {
    border-bottom-width: 1040px;
    border-left-width: 1400px;
  }
}
#portfolio section.bottom .container {
  z-index: 3;
}
@media (min-width:769px) {
  #portfolio section.bottom .content {
    left: 1%;
    top: -16%;
  }
}
@media (max-width:768px) {
  #portfolio section.bottom .content {
    margin: 50px auto;
    top: 0;
  }
}
@media (max-width:520px) {
  #portfolio section.bottom .content {
    margin-bottom: 50px;
    margin-top: 30px;
  }
}
#portfolio section.bottom .content h3, #portfolio section.bottom .content p {
  color: #fff;
}
#portfolio section.bottom .content a {
  display: block;
}
#portfolio section.bottom .content a:hover .arrow {
  color: #ea1d76;
}
#portfolio section.bottom .content a:hover .arrow:after {
  right: -3px;
}
@media (min-width:769px) {
  #portfolio section.bottom .image {
    left: 33%;
    top: -5%;
  }
}
@media (max-width:768px) {
  #portfolio section.bottom .image {
    margin-bottom: 100px;
    position: relative;
    text-align: center;
  }
  #portfolio section.bottom .image img {
    margin-left: 20px;
  }
}
#portfolio section.work .items {
  background-image: url(assets/img/work-items-bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  height: 1050px;
  left: -525px;
  margin-left: 50%;
  pointer-events: none;
  position: relative;
  width: 1050px;
  z-index: 10;
}
@media (max-width:768px) {
  #portfolio section.work .items {
    height: 750px;
    left: -375px;
    width: 750px;
  }
}
@media (max-width:520px) {
  #portfolio section.work .items {
    background-color: #282e31;
    height: 570px;
    left: -285px;
    width: 570px;
  }
}
#portfolio section.work .items:not(.show) .item {
  opacity: 0;
}
#portfolio section.work .item {
  pointer-events: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 33.333%;
  overflow: hidden;
  position: absolute;
  width: 33.333%;
  opacity: 1;
  transition: opacity 0.5s ease-out;
}
#portfolio section.work .item:nth-of-type(1) {
  transition-delay: 0.1s;
}
#portfolio section.work .item:nth-of-type(2) {
  transition-delay: 0.2s;
}
#portfolio section.work .item:nth-of-type(3) {
  transition-delay: 0.3s;
}
#portfolio section.work .item:nth-of-type(4) {
  transition-delay: 0.4s;
}
#portfolio section.work .item:nth-of-type(5) {
  transition-delay: 0.5s;
}
#portfolio section.work .item:nth-of-type(6) {
  transition-delay: 0.6s;
}
#portfolio section.work .item:nth-of-type(7) {
  transition-delay: 0.7s;
}
#portfolio section.work .item:nth-of-type(8) {
  transition-delay: 0.8s;
}
#portfolio section.work .item:nth-of-type(9) {
  transition-delay: 0.9s;
}
#portfolio section.work .item:nth-child(1) {
  top: 0;
  left: 33.333%;
}
#portfolio section.work .item:nth-child(2) {
  top: 16.6665%;
  left: 16.6665%;
}
#portfolio section.work .item:nth-child(3) {
  top: 16.6665%;
  left: 49.9995%;
}
#portfolio section.work .item:nth-child(4) {
  top: 33.333%;
  left: 0;
}
#portfolio section.work .item:nth-child(5) {
  top: 33.333%;
  left: 33.333%;
}
#portfolio section.work .item:nth-child(6) {
  top: 33.333%;
  left: 66.666%;
}
#portfolio section.work .item:nth-child(7) {
  top: 49.9995%;
  left: 16.6665%;
}
#portfolio section.work .item:nth-child(8) {
  top: 49.9995%;
  left: 49.9995%;
}
#portfolio section.work .item:nth-child(9) {
  top: 66.666%;
  left: 33.333%;
}
#portfolio section.work .item a {
  pointer-events: all;
  color: #1a1a1a;
  display: block;
  height: 71%;
  left: 14.5%;
  overflow: hidden;
  position: relative;
  transform: rotate(45deg);
  top: 14.5%;
  width: 71%;
}
#portfolio section.work .item .inner {
  background-color: #282e31;
  height: 100%;
  text-align: center;
  width: 100%;
}
#portfolio section.work .item .inner h3 {
  color: #fff;
  font-size: 1.5em;
  margin-bottom: 0;
  transform: translate(0, -50%) rotate(-45deg);
  transform-origin: center center;
  width: 100%;
  top: 50%;
  left: 0;
  position: absolute;
}
@media (max-width:768px) {
  #portfolio section.work .item .inner h3 {
    font-size: 1.25em;
  }
}
#portfolio section.work .item .inner {
  opacity: 0;
  transform-origin: center center;
  transition: all 0.15s ease-in;
}
#portfolio section.work .item.active .inner {
  opacity: 1;
}
#portfolio section.posts {
  background-color: transparent;
}
#portfolio section.top .content, #portfolio section.top .image, #portfolio section.bottom .content, #portfolio section.bottom .image {
  opacity: 1;
  transition: all 0.3s ease-in;
}
#portfolio section.top:not(.show) .content, #portfolio section.top:not(.show) .image, #portfolio section.bottom:not(.show) .content, #portfolio section.bottom:not(.show) .image {
  opacity: 0;
}
#portfolio section.top .content, #portfolio section.top .image {
  transition-delay: 0.5s;
}
#portfolio.single {
  background: #282e31;
  color: #fff;
  /* removed from layout after portfolio content hand off
  .triangle {
  	@include triangle-right($color-dark, -1890px, 50%);
  	@media (max-width:768px) {
  		border-bottom-width: 1000px;
  		border-top-width: 1000px;
  		border-right-width: 1000px;
  		left: 40%;
  		top: -500px;
  	}
  	@media (max-width:520px) {
  		border-bottom-width: 300px;
  		border-top-width: 300px;
  		border-right-width: 300px;
  		left: 30%;
  		top: 300px;
  	}
  }
  */
}
#portfolio.single .container {
  max-width: 1100px;
  padding: 20px;
}
#portfolio.single .header .container {
  position: relative;
}
#portfolio.single .header .content {
  text-align: left;
}
#portfolio.single .header h1 {
  font-size: 2.5em;
  text-align: left;
  max-width: 70%;
}
#portfolio.single .header hr {
  border: none;
  border-bottom: 3px solid #ea1d76;
  display: block;
  margin: 0;
  width: 70px;
}
#portfolio.single section.dark {
  background-color: #212628;
}
@media (min-width:1025px) {
  #portfolio.single section.dark .container {
    padding-top: 60px !important;
  }
}
@media (max-width:1024px) {
  #portfolio.single section.dark .container {
    padding-top: 40px !important;
  }
}
#portfolio.single section.content {
  z-index: 5;
}
#portfolio.single section.content p {
  font-size: 1.25em;
  line-height: 1.8em;
}
#portfolio.single section.content .top .head {
  padding-right: 15%;
}
#portfolio.single section.content .top h2 {
  color: #00a6d8;
  font-size: 2.125em;
  font-weight: 300;
}
#portfolio.single section.content .top h3 {
  font-size: 0.875em;
  margin-bottom: 2px;
  text-transform: uppercase;
}
#portfolio.single section.content .top p {
  color: #b6b6b6;
  font-size: 1.063em;
  line-height: 1.4em;
}
#portfolio.single section.content.testimonial .top h2 {
  color: #fff;
  font-size: 1.125em;
  margin-bottom: 20px;
  text-transform: uppercase;
}
#portfolio.single section.content.testimonial .top p {
  font-size: 1.5em;
}
#portfolio.single section.images {
  position: relative;
  text-align: center;
}
#portfolio.single section.images .container {
  max-width: 1400px;
  padding: 20px 0;
}
#portfolio.single section.images .col {
  position: relative;
  text-align: center;
}
#portfolio.single section.images .col .secondary {
  bottom: 0;
  position: absolute;
  max-width: 30%;
}
@media (min-width:1025px) {
  #portfolio.single section.images .col {
    max-width: none;
  }
}
#portfolio.single section.images .col.alignleft .secondary {
  right: 0;
}
@media (min-width:1025px) {
  #portfolio.single section.images .col.alignleft {
    text-align: left;
  }
  #portfolio.single section.images .col.alignleft .secondary {
    top: 0;
  }
}
@media (max-width: 1300px) {
  #portfolio.single section.images .col.alignleft {
    text-align: center;
  }
  #portfolio.single section.images .col.alignleft .secondary {
    top: auto;
  }
}
#portfolio.single section.images .col.alignright .secondary {
  left: 0;
}
@media (min-width:1025px) {
  #portfolio.single section.images .col.alignright {
    text-align: right;
  }
  #portfolio.single section.images .col.alignright .secondary {
    top: 0;
  }
}
@media (max-width: 1300px) {
  #portfolio.single section.images .col.alignright {
    text-align: center;
  }
  #portfolio.single section.images .col.alignright .secondary {
    top: auto;
  }
}
@media (max-width:1024px) {
  #portfolio.single section.images .col.alignright .secondary {
    right: 0;
  }
}
#portfolio.single section.images h3 {
  font-size: 0.875em;
  margin-bottom: 30px;
  text-align: center;
  text-transform: uppercase;
}
#portfolio.single section.stats {
  text-align: center;
}
#portfolio.single section.stats .container {
  max-width: 1400px;
}
#portfolio.single section.stats h3 {
  font-size: 0.875em;
  margin-bottom: 30px;
  text-align: center;
  text-transform: uppercase;
}
#portfolio.single section.stats .col {
  background-color: #1e2226;
  border-radius: 50%;
  display: inline-block;
  height: 170px;
  position: relative;
  text-align: center;
  width: 170px;
}
@media (min-width:521px) {
  #portfolio.single section.stats .col {
    margin: 0 25px 40px 25px;
  }
}
@media (max-width:520px) {
  #portfolio.single section.stats .col {
    margin: 0 auto 40px;
  }
}
#portfolio.single section.stats .col .inner {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#portfolio.single section.stats .col .number {
  color: #ea1d76;
  display: block;
  font-size: 2.5em;
  margin-bottom: 2px;
  width: 100%;
}
#portfolio.single section.stats .col p {
  font-size: 1em;
  line-height: 1em;
  margin: 0 auto;
  max-width: 90%;
}
#portfolio.single section.columns {
  z-index: 10;
}
@media (min-width:769px) {
  #portfolio.single section.columns .col {
    padding-left: 0;
  }
}
@media (max-width:768px) {
  #portfolio.single section.columns .col {
    text-align: center;
  }
}
#portfolio.single section.columns h3 {
  font-size: 1.5em;
}
#portfolio.single section.columns p {
  color: #858585;
  font-size: 1.125em;
  line-height: 1.2em;
  margin-bottom: 20px;
}
#portfolio.single section.work {
  padding: 30px 0 50px;
}
#portfolio.single section.work h2 {
  text-align: center;
}
#portfolio.single .invokana .images .col .secondary {
  max-width: 40% !important;
}
@media (min-width:1025px) {
  #portfolio.single .invokana .images .col:first-child .secondary {
    left: -20px;
  }
}
@media (max-width:1024px) {
  #portfolio.single .invokana .images .col:first-child .secondary {
    left: 0;
  }
}
@media (min-width:1025px) {
  #portfolio.single .invokana .images .col:last-child .secondary {
    right: -20px;
  }
}
@media (max-width:1024px) {
  #portfolio.single .invokana .images .col:last-child .secondary {
    right: 0;
  }
}
#portfolio.single .shopmuse .images .container {
  max-width: 1300px;
}
#portfolio.single .jeb .intro.images .container {
  max-width: 1260px;
}
#portfolio.single .exec-app .intro.images .container {
  max-width: 1280px;
}
#portfolio.single .exec-news .intro.images .container {
  max-width: 1230px;
}
#portfolio.single .exec-news .intro.images .col {
  text-align: right;
}
#portfolio.single .exec-news .intro.images .secondary {
  bottom: 7%;
  left: 0;
}
#portfolio.single .insideortho .intro.images .container {
  max-width: 1320px;
}
#portfolio.single .insideortho .intro.images .col {
  text-align: right;
}
#portfolio.single .insideortho .intro.images .secondary {
  left: 0;
}
#portfolio.single .tedxjnj .images .secondary {
  max-width: 50% !important;
}
@media (min-width:1025px) {
  #portfolio.single .tedxjnj .images .secondary {
    right: 0;
  }
}
@media (max-width:1024px) {
  #portfolio.single .tedxjnj .images .secondary {
    right: -20px;
  }
}
#portfolio.single .btg .content .top .head {
  padding-right: 2%;
}
#portfolio.single .otsuka .content .top .head {
  padding-right: 2%;
}
#portfolio.single .otsuka .images .container {
  max-width: 1300px;
}
#portfolio.single .sterrad .images.asp {
  background-color: #060709;
}
#portfolio.single .sterrad .images.asp .container {
  padding: 0;
}
@media (min-width:1025px) {
  #portfolio.single .sterrad .top .head {
    padding-right: 10% !important;
  }
  #portfolio.single .sterrad .content.storyboard .container {
    padding-bottom: 80px;
    padding-top: 100px;
  }
}
#portfolio.single .sterrad .images.storyboard .container {
  max-width: 1440px;
}
@media (min-width:1025px) {
  #portfolio.single .sterrad .images.storyboard img {
    margin-bottom: 100px;
  }
}
@media (max-width:1024px) {
  #portfolio.single .sterrad .images.storyboard img {
    margin-bottom: 40px;
  }
}

/*-- Services --*/
#services {
  background-color: #282e31;
}
#services header {
  background-color: transparent;
}
#services .edge {
  height: 0;
  position: relative;
  z-index: -1;
}
#services .edge:before {
  /*border-left: 5000px solid transparent;
  border-bottom: 5000px solid #fff;*/
  border-left: 5150px solid transparent;
  border-bottom: 5150px solid #fff;
  bottom: -700px;
  content: "";
  height: 0;
  right: -3140px;
  margin-right: 50%;
  position: absolute;
  width: 0;
}
@media (max-width:1024px) {
  #services .edge:before {
    /*bottom: -860px;*/
	bottom: -700px;
  }
}
@media (max-width:768px) {
  #services .edge:before {
    /*bottom: -150px;
	bottom: -743px;*/
	bottom: -320px;
  }
}
@media (max-width:520px) {
  #services .edge:before {
    bottom: -580px;
  }
}
@media (max-width:320px) {
  #services .edge:before {
    bottom: -550px;
  }
}
#services h2 {
  transition: opacity 0.3s ease-in;
}
#services section.video-hero {
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 0;
  width: 100%;
}
#services section.video-hero video {
  height: auto !important;
  min-width: 1200px;
  width: 100% !important;
}
@media (max-width:1024px) {
  #services section.video-hero video {
    min-width: 1350px;
  }
}
@media (max-width:520px) {
  #services section.video-hero video {
    min-width: 1225px;
  }
}
@media(max-width:400px) {
  #services section.video-hero {
    display: none;
  }
}
#services section.capabilities {
  text-align: center;
  transition: all 0.3s ease-in;
  transition-delay: 0.5s;
}

#services section.capabilities:not(.show) {
  opacity: 0;
}
#services section.capabilities .container {
  max-width: 1140px;
}
@media (min-width:1025px) {
  #services section.capabilities h2, #solutions-pg section.capabilities h2 {
    margin-bottom: 35px;
  }
}
#services section.capabilities .col.logos {
	padding-top:5px;
	padding-bottom: 5px;
}
#services section.capabilities ul {
  margin-bottom: 0;
  text-align: center;
}
@media (min-width:769px) {
  #services section.capabilities ul {
    float: left;
    width: 50%;
  }
}
#services section.capabilities ul li {
  color: #00a6d8;
  font-size: 1em;
  line-height: 1.2em;
  margin-bottom: 1.6em;
  padding: 0;
  text-indent: 0;
}
#services section.capabilities ul li:before {
  content: none;
}
#services section.process-animation {
  height: 170px;
}
#services section.process-animation h3 {
  display: none;
}
@media (max-width:768px) {
  #services section.process-animation {
    display: none;
  }
}
#services section.process:not(.show) .container {
  opacity: 0;
}
#services section.process .container {
  /*max-width: 1300px;*/
  max-width: 1200px;
  transition: all 0.3s ease-in;
  transition-delay: 1s;
}
#services section.process .container p, #solutions-pg section.process .container p{
  max-width: 660px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width:1025px) {
  #services section.process .animation {
    height: 300px !important;
  }	
}
@media (min-width:1024px) {
  #services section.capabilities img, .darkbg.column-size img, .people .darkbg_angle.column-size img, #solutions-pg section.capabilities img, .tech.column-size img{
	max-width: 800px;
  }
  .rocket .darkbg.column-size img{
    max-width: 900px;
  }
}
#services section.process canvas, #services section.process .overlay {
  /*left: -25px;
  top: -122px;*/
  left: -70px;
  top: -110px;
}

#services section.process .text h2 {
  margin-bottom: 15px;
}
#services section.process .text h3 {
  font-size: 2.625em;
  margin-bottom: 15px;
}
#services section.process .text p {
  font-size: 1em;
  line-height: 1.7em;
}
@media (min-width: 1100px) {
  #services section.process .text {
    float: left;
    width: 26%;
  }
  #services section.process .code {
    float: left;
    width: 74%;
  }
}
#services section.process .columns {
  text-align: center;
}
@media (min-width:1025px) {
  #services section.process .columns {
    margin: auto;
    width: 95%;
  }
}
#services section.process .columns h4 {
  font-size: 1.75em;
  letter-spacing: -0.03em;
  position: relative;
}
@media (min-width:521px) {
  #services section.process .columns h4 {
    background: #282e31;
    display: inline-block;
    padding: 0 10%;
  }
  #services section.process .columns h4:after {
    background-color: rgba(255, 255, 255, 0.2);
    content: " ";
    height: 2px;
    top: 49%;
    left: 70%;
    position: absolute;
    width: 100%;
    z-index: -5;
  }
}
#services section.process .columns .col {
  float: left;
  opacity: 1;
  transition: opacity 1s ease-in;
}
#services section.process .columns .col:last-child h4:after {
  content: none;
}
@media (min-width:521px) {
  #services section.process .columns .col {
    width: 25%;
    padding: 0 20px;
  }
}
@media (max-width:520px) {
  #services section.process .columns .col {
    margin: 2em 0;
    width: 50%;
  }
  #services section.process .columns .col:nth-of-type(3) {
    clear: left;
  }
}
#services section.process .columns p {
  color: #00a6d8;
  font-size: 1em;
  line-height: 1.2em;
  margin-top: 1em;
}
/*#services section.model {
  text-align: left;
}*/
#services section.model .container {
  max-width: 1200px;
}
#services section.model h3 {
  font-size: 1.75em;
}
#services section.model h4 {
  color: #858585;
  font-size: 12px;
  position: relative;
}
#services section.model p {
  font-size: 1em;
  line-height: 1.7em;
  margin-bottom: 0;
}
#services section.model p.big {
  font-size: 1.25em;
  margin-bottom: 30px;
}
#services section.model p.small {
  line-height: 2.5em;
}
#services section.model ul li{
	font-size: 1em;
	margin-bottom: 0.5em;
}
@media (min-width:769px) {
  #services section.model .col {
    /*min-height: 300px;*/
    padding-bottom: 0;
  }
  #services section.model .col:nth-of-type(1) {
    width: 32%;
  }
  #services section.model .col:nth-of-type(1) h4 {
    top: -25px;
  }
  #services section.model .col:nth-of-type(2) {
    /*border-left: 2px solid rgba(255, 255, 255, 0.2);
    border-right: 2px solid rgba(255, 255, 255, 0.2);*/
  }
  #services section.model .col:nth-of-type(2) h4 {
    top: -70px;
  }
  #services section.model .col:nth-of-type(3) {
    /*width: 34%;*/
	  width: 29%;
  }
  #services section.model .col:nth-of-type(3) h4 {
    top: -114px;
  }
  #services section.model .line {
    color: #858585;
    font-size: 12px;
    height: 90px;
    left: 17.2%;
    position: absolute;
    top: 266px;
    transform: rotate(-7deg);
    transform-origin: 0 0 0;
    width: 64.8%;
    z-index: 2;
  }
  #services section.model .line:before {
    content: " ";
    border-top: 2px solid #ea1d76;
    left: 0;
    position: absolute;
    top: -2px;
    transition: all 4s linear;
    width: 0;
  }
  #services section.model .line li {
    background-color: #ea1d76;
    border-radius: 5px;
    height: 10px;
    margin-left: -5px;
    opacity: 0;
    position: absolute;
    top: -6px;
    transition: opacity 0.5s, left 2s;
    transition-timing-function: linear;
    width: 10px;
  }
  #services section.model .line li span {
    display: inline-block;
    margin: 20px 0 0 -75px;
    transform: rotate(7deg);
    white-space: nowrap;
    width: 150px;
  }
  #services section.model .line li:nth-child(1) {
    left: 0;
    opacity: 1;
  }
  #services section.model .line li:nth-child(2) {
    left: 50%;
    transition-delay: 2s;
  }
  #services section.model .line li:nth-child(3) {
    left: 100%;
    transition-delay: 4s;
  }
}
@media (min-width:769px) and (max-width:1024px) {
  #services section.model .line {
    top: 228px;
    transform: rotate(-8deg);
    width: 64.5%;
  }
  #services section.model .line li span {
    transform: rotate(8deg);
  }
}
@media (min-width:769px) {
  #services section.model h3 {
    /*margin-bottom: 225px;*/
	  margin-bottom: 10px;
  }
}
@media (max-width:768px) {
  /*#services section.model .col {
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
  }*/
  #services section.model .line {
    display: none;
  }
}
#services section.model.show .line:before {
  width: 100% !important;
}
#services section.model.show .line li {
  opacity: 1;
}
#services section.intro .container, #services section.intro .col {
  padding-top: 0;
}
@media (min-width:769px) {
  #services section.intro .image {
    display: none;
  }
}
#services section.intro .image img {
  margin: auto;
  max-width: 75%;
}
#services section.intro p {
  font-size: 1em;
}
@media (max-width:768px) {
  #services section.intro {
    text-align: center;
  }
}
#services section.intro .col {
  opacity: 1;
  transition: opacity 1s ease-in;
}
#services section.intro .col:nth-of-type(1) {
  transition-delay: 0s;
}
#services section.intro .col:nth-of-type(2) {
  transition-delay: 0.8s;
}
#services section.intro .col:nth-of-type(3) {
  transition-delay: 1.6s;
}
#services section.intro .col:nth-of-type(4) {
  transition-delay: 2.4s;
}
#services section.intro .col:nth-of-type(5) {
  transition-delay: 3.2s;
}
#services section.intro .col:nth-of-type(6) {
  transition-delay: 4s;
}
@media (min-width:769px) {
  #services section.intro .col:nth-of-type(6) {
    transition-delay: 4.8s;
  }
}
#services section.intro:not(.show) .col {
  opacity: 0;
}
@media (min-width:769px) {
  #services section.portfolio {
    height: 700px;
  }
  #services section.portfolio .content {
    width: 50%;
  }
  #services section.portfolio .image {
    position: relative;
  }
  #services section.portfolio .image img.app {
    max-width: 25%;
    z-index: 2;
    top: 160px;
    left: 43%;
    position: absolute;
  }
  #services section.portfolio .image img.website {
    max-width: 90%;
    top: 0;
    left: 51%;
    position: absolute;
  }
}
@media (min-width:1025px) {
  #services section.portfolio {
    height: 1000px;
  }
  #services section.portfolio .container {
    padding-top: 100px;
  }
  #services section.portfolio .content {
    max-width: 450px;
    top: 140px;
    width: 33%;
  }
  #services section.portfolio .image img.app {
    top: 110px;
    left: 33%;
    position: absolute;
  }
  #services section.portfolio .image img.website {
    max-width: 90%;
    top: 0;
    left: 51%;
    position: absolute;
  }

}
@media (max-width:768px) {
  #services section.portfolio .content {
    color: #1a1a1a;
    float: none;
    margin: auto;
    max-width: 500px;
    text-align: center;
  }
  #services section.portfolio .image {
    position: relative;
  }
  #services section.portfolio .image img.app {
    max-height: 70%;
    bottom: 20px;
    left: 0;
    position: absolute;
  }
}
#services section.portfolio .content, #services section.portfolio .image {
  opacity: 1;
  transition: all 0.3s ease-in;
}
#services section.portfolio:not(.show) .content, #services section.portfolio:not(.show) .image {
  opacity: 0;
}
#services section.customers .container {
  max-width: 1140px;
}
#services section.customers h2 {
  color: #1a1a1a;
  font-weight: 300;
  letter-spacing: -0.01em;
  margin-bottom: 30px;
}
@media (min-width:521px) {
  #services section.customers h2 {
    font-size: 2em;
  }
}
@media (max-width:520px) {
  #services section.customers h2 {
    font-size: 1.575em;
  }
}
@media (min-width:769px) {
  #services section.labs .content, #solutions-pg section.labs .content  {
    max-width: none;
    width: 47%;
	padding: 20px 30px;
  }
  /*#services section.labs .content p {
    max-width: 400px;
  }*/

  #services section.labs .content p.img{
	max-width: 100%;
  }
  .solution-services h3 {
    margin-top: 10%;
  }
}
#services p.quote, main.servicesub p.quote, #solutions p.quote, #solutions-pg p.quote {
  margin-bottom: 0.7em;
  font-size: 1.9em;
  margin-top: 15px;
}	
	

/*-- Labs --*/
#labs .container {
  max-width: 1100px;
}
#labs section.header .content {
  padding-top: 50px;
}
#labs section.header h2 {
  line-height: 1.5em;
}
#labs section.header .background {
  opacity: 1;
  top: -130px;
  transition: opacity 0.3s ease-in 0.8s;
}
#labs section.header .background:not(.show) {
  opacity: 0;
}
#labs section.posts {
  background-color: #ededed;
}
#labs section.posts h2 {
  color: #1a1a1a !important;
}
#labs section.project {
  z-index: 1;
}
#labs section.project .bg {
  pointer-events: none;
  z-index: -1;
}
#labs section.project .bg img {
  top: 50%;
  position: absolute;
}
@media (max-width:768px) {
  #labs section.project .bg img {
    max-width: 60%;
    top: -5%;
  }
}
@media (min-width:769px) {
  #labs section.project:nth-child(odd):not(.show) .content {
    left: -30px;
  }
  #labs section.project:nth-child(odd):not(.show) .bg img {
    left: 52%;
  }
  #labs section.project:nth-child(odd):not(.show) .image {
    margin-left: 50px;
  }
  #labs section.project:nth-child(even) .content {
    margin-left: 0%;
  }
  #labs section.project:nth-child(even) .image {
    left: 0;
  }
  #labs section.project:nth-child(even):not(.show) .content {
    left: 30px;
  }
  #labs section.project:nth-child(even):not(.show) .bg img {
    right: 52%;
  }
  #labs section.project:nth-child(even):not(.show) .image {
    margin-left: -50px;
  }
}
@media (max-width:768px) {
  #labs section.project:nth-child(odd) .bg img {
    left: 0;
  }
}
@media (min-width:769px) {
  #labs section.project .content {
    position: relative;
    width: 45%;
  }
}
@media (max-width:768px) {
  #labs section.project .content {
    padding: 0 20px;
    text-align: center;
  }
  #labs section.project .content img {
    max-width: 90%;
    margin: auto;
  }
}
#labs section.project .content h2 {
  font-size: 2.625em;
}
#labs section.project .content p {
  font-size: 1.125em;
  line-height: 1.6em;
}
@media (max-width:768px) {
  #labs section.project .content p {
    padding: 0 10px;
  }
}
#labs section.project .content h2, #labs section.project .content h3, #labs section.project .content p {
  color: #fff;
}
#labs section.project .content a {
  display: block;
}
#labs section.project .content a:hover .arrow {
  color: #ea1d76;
}
#labs section.project .content a:hover .arrow:after {
  right: -3px;
}
@media (min-width:769px) {
  #labs section.project .image {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  #labs section.project .image img {
    position: absolute;
  }
}
@media (max-width:768px) {
  #labs section.project .image img {
    position: relative;
  }
}
#labs section.project .content, #labs section.project .image, #labs section.project .bg img {
  opacity: 1;
  transition: all 0.3s ease-in;
}
#labs section.project .content {
  left: 0;
}
#labs section.project .bg img {
  transition-delay: 0.3s;
}
#labs section.project .image {
  transition-delay: 0.5s;
}
#labs section.project:not(.show) .content, #labs section.project:not(.show) .image, #labs section.project:not(.show) .bg img {
  opacity: 0;
}
@media (min-width:769px) {
  #labs section.project.back-to-work {
    height: 900px;
  }
  #labs section.project.back-to-work .bg img {
    right: 50%;
    margin-top: -625px;
  }
  #labs section.project.back-to-work .content {
    padding-top: 250px;
  }
  #labs section.project.back-to-work .image img {
    left: -508px;
    margin-left: 26%;
    top: 140px;
  }
}
@media (min-width:1440px) {
  #labs section.project.back-to-work .bg img {
    left: 0;
    right: auto;
  }
  #labs section.project.back-to-work .container {
    position: static;
  }
  #labs section.project.back-to-work .content {
    margin-left: 55%;
  }
  #labs section.project.back-to-work .image img {
    left: 0px;
    margin-left: 0;
  }
}
@media (max-width: 1600px) {
  #labs section.project.back-to-work .content {
    margin-left: 60%;
  }
}
@media (min-width:1025px) {
  #labs section.project.back-to-work .content {
    width: 40%;
  }
}
@media (max-width:1024px) {
  #labs section.project.back-to-work .content {
    margin-left: 0;
  }
  #labs section.project.back-to-work .image img {
    left: -560px;
    margin-left: 26%;
    top: 115px;
  }
}
@media (max-width:768px) {
  #labs section.project.back-to-work {
    margin-bottom: 50px;
  }
  #labs section.project.back-to-work .image img {
    display: block;
    left: -30px;
    margin: auto;
    max-width: 80%;
    top: 60px;
  }
  #labs section.project.back-to-work .content {
    margin-top: 120px;
  }
}
@media (max-width:768px) {
  #labs section.project.polyworld {
    padding-bottom: 50px;
  }
}
@media (min-width:769px) {
  #labs section.project.polyworld {
    height: 900px;
  }
  #labs section.project.polyworld .bg img {
    left: 50%;
    margin-top: -715px;
  }
  #labs section.project.polyworld .content {
    padding-top: 300px;
  }
  #labs section.project.polyworld .image img.primary {
    left: 50%;
    top: 0;
  }
  #labs section.project.polyworld .image img.secondary {
    left: 51%;
    top: 190px;
  }
}
@media (min-width:1440px) {
  #labs section.project.polyworld .bg img {
    left: auto;
    right: 0;
  }
}
@media (max-width:768px) {
  #labs section.project.polyworld .image img.primary {
    left: 0;
  }
  #labs section.project.polyworld .image img.secondary {
    top: 8%;
    left: 0;
    position: absolute;
  }
}
#labs section.project.polyworld .content {
  transition-delay: 1s;
}
#labs section.project.polyworld .bg img {
  transition-delay: 1.3s;
}
#labs section.project.polyworld .image {
  transition-delay: 1.6s;
}
@media (min-width:769px) {
  #labs section.project.weatherwise {
    height: 900px;
  }
  #labs section.project.weatherwise .bg img {
    left: 50%;
    margin-top: -715px;
  }
  #labs section.project.weatherwise .content {
    padding-top: 220px;
  }
  #labs section.project.weatherwise .image img {
    right: 0;
    top: 0;
  }
}
@media (min-width:1440px) {
  #labs section.project.weatherwise .bg img {
    left: auto;
    right: 0;
  }
}
@media (max-width:1024px) {
  #labs section.project.weatherwise .image img {
    max-width: 50%;
    margin-top: 10%;
  }
}
@media (max-width:768px) {
  #labs section.project.weatherwise .image img {
    left: 10%;
    max-width: 80%;
    right: auto;
  }
}
@media (min-width:769px) {
  #labs section.project.resourcehero {
    height: 780px;
  }
  #labs section.project.resourcehero .bg img {
    left: 50%;
    margin-top: -765px;
  }
  #labs section.project.resourcehero .content {
    padding-top: 180px;
    width: 40%;
  }
  #labs section.project.resourcehero .image img {
    left: 46%;
    top: 10%;
  }
}
@media (min-width:1440px) {
  #labs section.project.resourcehero .bg img {
    left: auto;
    right: 0;
  }
}
@media (max-width:768px) {
  #labs section.project.resourcehero {
    margin-bottom: 100px;
  }
  #labs section.project.resourcehero .image img {
    margin-top: 10%;
    max-width: 140%;
  }
  #labs section.project.resourcehero .bg img {
    right: 0;
  }
}
@media (min-width:769px) {
  #labs section.project.body-vr {
    height: 900px;
  }
  #labs section.project.body-vr .bg img {
    right: 50%;
    margin-top: -715px;
  }
  #labs section.project.body-vr .content {
    padding-top: 250px;
  }
  #labs section.project.body-vr .image img {
    left: -508px;
    margin-left: 26%;
    top: 140px;
  }
}
@media (min-width:1440px) {
  #labs section.project.body-vr .bg img {
    left: 0;
    right: auto;
  }
  #labs section.project.body-vr .container {
    position: static;
  }
  #labs section.project.body-vr .content {
    margin-left: 55%;
  }
  #labs section.project.body-vr .image img {
    left: -43px;
    margin-left: 0;
  }
}
@media (max-width: 1600px) {
  #labs section.project.body-vr .content {
    margin-left: 60%;
  }
}
@media (min-width:1025px) {
  #labs section.project.body-vr .content {
    width: 40%;
  }
}
@media (max-width:1024px) {
  #labs section.project.body-vr .content {
    margin-left: 0;
  }
  #labs section.project.body-vr .image img {
    left: -560px;
    margin-left: 26%;
    top: 140px;
  }
}
@media (max-width:768px) {
  #labs section.project.body-vr .image img {
    display: block;
    left: auto;
    margin: auto;
    max-width: 80%;
    top: 0;
  }
  #labs section.project.body-vr .content {
    margin-top: 20px;
  }
}
@media (min-width:769px) {
  #labs section.project.woobleattack {
    height: 1100px;
  }
  #labs section.project.woobleattack .bg img {
    right: 50%;
    margin-top: -810px;
  }
  #labs section.project.woobleattack .content {
    padding-top: 230px;
  }
  #labs section.project.woobleattack .image img {
    left: -48%;
    top: 180px;
  }
}
@media (min-width:1440px) {
  #labs section.project.woobleattack .bg img {
    left: 0;
    right: auto;
  }
}
@media (max-width:768px) {
  #labs section.project.woobleattack {
    margin-bottom: 50px;
  }
  #labs section.project.woobleattack .image img {
    margin-top: 25%;
  }
}
#labs.single section h2 {
  color: #fff;
  font-size: 2.625em;
  text-align: center;
}
#labs.single section.header {
  margin-top: 0;
}
#labs.single section.header .top {
  position: relative;
  text-align: center;
}
#labs.single section.header .top img {
  display: block;
  margin: 0 auto;
}
#labs.single section.header h3 {
  color: #858585;
  font-size: 1.5em;
}
#labs.single section.dark {
  background-color: #212628;
}
#labs.single section.content h4 {
  font-size: 1.5em;
  margin-bottom: 2px;
}
#labs.single section.content p, #labs.single section.content li {
  font-size: 1em;
  line-height: 1.7em;
}
#labs.single section.content li {
  margin-bottom: 12px;
}
#labs.single section.content .link {
  color: #00a6d8;
}
#labs.single section.content .link a {
  display: inline-block;
  line-height: 33px;
  margin-right: 30px;
  transition: all 0.2s ease-in;
}
#labs.single section.content .link a:hover {
  color: #ea1d76;
}
#labs.single section.content .link i {
  float: left;
  font-size: 30px;
  margin-right: 8px;
}
#labs.single section.content.experiments .container {
  padding-bottom: 25px;
}
#labs.single section.content.experiments p {
  font-size: 1.2em;
}
#labs.single section.columns .intro h3 {
  font-size: 1.5em;
  margin-bottom: 0;
}
#labs.single section.columns .intro p {
  font-size: 1em;
  line-height: 1.6em;
}
#labs.single section.columns h4 {
  font-size: 1.25em;
  margin-bottom: 3px;
}
#labs.single section.columns p, #labs.single section.columns li {
  font-size: 1em;
  line-height: 1.7em;
}
#labs.single section.images .intro p {
  margin-bottom: 40px;
}
#labs.single section.images p {
  font-size: 1.5em;
}
#labs.single section.images .image {
  text-align: center;
}
#labs.single section.images .image p {
  line-height: 1.4em;
  padding-top: 30px;
}
#labs.single section.list .container {
  max-width: 970px;
}
#labs.single section.list .intro p {
  color: #858585;
  font-size: 1.5em;
  line-height: 1.4em;
  margin-bottom: 40px;
  text-align: center;
}
#labs.single section.list ul {
  counter-reset: list-counter;
}
#labs.single section.list li {
  font-size: 1em;
  list-style: none;
  margin: 0 0 40px;
  padding-left: 70px;
  position: relative;
  text-align: left;
  text-indent: 0;
}
#labs.single section.list li:before {
  background-color: #00a6d8;
  border-radius: 50%;
  color: #fff;
  content: counter(list-counter, decimal);
  counter-increment: list-counter;
  display: inline-block;
  font-size: 1.25em;
  height: 50px;
  left: 0;
  line-height: 50px;
  position: absolute;
  top: -12px;
  width: 50px;
  text-align: center;
}
#labs.single section.list li h3 {
  font-size: 1.5em;
  margin-bottom: 2px;
}
#labs.single section.list li p {
  font-size: 1em;
  line-height: 1.7em;
}
#labs.single section.related .container {
  max-width: 900px;
  padding-bottom: 0;
}
@media (min-width:769px) {
  #labs.single section.related .row {
    display: table-row;
  }
  #labs.single section.related .logo, #labs.single section.related .content {
    display: table-cell;
  }
  #labs.single section.related .logo {
    width: 33.3333%;
  }
  #labs.single section.related .content {
    padding-left: 30px;
    width: 66.6666%;
    vertical-align: top;
  }
}
@media (max-width:768px) {
  #labs.single section.related .logo {
    margin-bottom: 30px;
    text-align: center;
  }
  #labs.single section.related .logo img {
    max-width: 70%;
  }
  #labs.single section.related .content {
    text-align: center;
  }
}
#labs.single section.related .content p {
  font-size: 2em;
  font-weight: 300;
  line-height: 1.2em;
  margin-bottom: 0;
}
#labs.single section.related .image {
  margin-top: 30px;
  text-align: center;
}
#labs.single .header .top {
  opacity: 1;
  top: 0;
  transition: all 0.3s ease-in;
  transition-delay: 0.1s;
}
#labs.single .header:not(.show) .top {
  opacity: 0;
  top: -50px;
}
@media (min-width:769px) {
  #labs.single .polyworld-vr-experience.header .content {
    padding-bottom: 40px;
  }
  #labs.single .polyworld-vr-experience .content.intro .container {
    max-width: 970px;
    padding: 80px 20px;
  }
  #labs.single .polyworld-vr-experience .content.intro .col {
    float: right;
  }
  #labs.single .polyworld-vr-experience .content.intro .image {
    float: left;
  }
}
@media (max-width:768px) {
  #labs.single .polyworld-vr-experience .image {
    text-align: center;
  }
}
#labs.single .polyworld-vr-experience .columns .container {
  padding-top: 0;
}
#labs.single .polyworld-vr-experience .columns .intro h2 {
  font-size: 2em;
  margin-bottom: 20px;
  text-align: center;
}
#labs.single .polyworld-vr-experience .columns .image, #labs.single .polyworld-vr-experience .columns .row {
  margin: auto;
  max-width: 885px;
}
@media (max-width:768px) {
  #labs.single .polyworld-vr-experience .columns .image {
    margin-bottom: 20px;
  }
}
#labs.single .polyworld-vr-experience .columns .row .col {
  padding: 0;
}
#labs.single .polyworld-vr-experience .columns .row .col .image img {
  width: 100%;
}
#labs.single .polyworld-vr-experience .columns .row .col .text {
  padding: 55px 20px 20px;
  position: relative;
  text-align: center;
}
@media (max-width:768px) {
  #labs.single .polyworld-vr-experience .columns .row .col .text {
    padding: 40px 0 0 0;
  }
}
#labs.single .polyworld-vr-experience .columns .row .col .text:before {
  background-color: #ea1d76;
  border-radius: 50%;
  content: "FAILURE";
  display: inline-block;
  font-size: 0.875em;
  height: 80px;
  left: -40px;
  line-height: 80px;
  margin-left: 50%;
  position: absolute;
  text-align: center;
  width: 80px;
}
@media (min-width:769px) {
  #labs.single .polyworld-vr-experience .columns .row .col .text:before {
    top: -40px;
  }
}
@media (max-width:768px) {
  #labs.single .polyworld-vr-experience .columns .row .col .text:before {
    top: -60px;
  }
}
#labs.single .polyworld-vr-experience .columns .row .col .text p {
  font-size: 1em;
  line-height: 1.7em;
}
#labs.single .polyworld-vr-experience .columns .row .col:nth-child(1) .text:before {
  background-color: #ea1d76;
  content: "FAILURE";
}
#labs.single .polyworld-vr-experience .columns .row .col:nth-child(2) .text:before {
  background-color: #00a6d8;
  content: "SUCCESS";
}
@media (min-width:1025px) {
  #labs.single .polyworld-vr-experience .list .container {
    padding-top: 320px;
  }
}
@media (max-width:1024px) {
  #labs.single .polyworld-vr-experience .list .container {
    padding-top: 280px;
  }
}
@media (max-width:768px) {
  #labs.single .polyworld-vr-experience .list .container {
    padding-top: 200px;
  }
}
#labs.single .polyworld-vr-experience .list img.header {
  margin-left: 50%;
  position: absolute;
  top: -20px;
}
@media (min-width:1025px) {
  #labs.single .polyworld-vr-experience .list img.header {
    left: -632px;
    max-width: none;
  }
}
@media (max-width:1024px) {
  #labs.single .polyworld-vr-experience .list img.header {
    left: -512px;
    max-width: 1024px;
  }
}
@media (max-width:768px) {
  #labs.single .polyworld-vr-experience .list img.header {
    left: -400px;
    max-width: 800px;
  }
}
#labs.single .weatherwise-mobile-app .container {
  max-width: 990px;
}
@media (min-width:769px) {
  #labs.single .weatherwise-mobile-app .content .image img {
    max-width: none;
  }
  #labs.single .weatherwise-mobile-app .primary {
    height: 700px;
  }
  #labs.single .weatherwise-mobile-app .primary .image {
    top: 50px;
    left: 64%;
    position: absolute;
  }
  #labs.single .weatherwise-mobile-app .primary .image img.screen {
    margin: 0 41px 0 35px;
    top: 58px;
    left: 0;
    position: absolute;
  }
  #labs.single .weatherwise-mobile-app .secondary {
    height: 360px;
  }
  #labs.single .weatherwise-mobile-app .secondary .container {
    max-width: 1090px;
  }
  #labs.single .weatherwise-mobile-app .secondary .col {
    float: none;
    margin-left: 65%;
  }
  #labs.single .weatherwise-mobile-app .secondary .image {
    top: -260px;
    right: 42%;
    position: absolute;
  }
  #labs.single .weatherwise-mobile-app .related .content {
    vertical-align: middle;
  }
}
@media (max-width:768px) {
  #labs.single .weatherwise-mobile-app .primary {
    text-align: center;
  }
  #labs.single .weatherwise-mobile-app .primary .image {
    clear: left;
    display: inline-block;
    max-width: 70%;
    position: relative;
    text-align: center;
  }
  #labs.single .weatherwise-mobile-app .primary .image img.screen {
    max-width: 76%;
    top: 10%;
    left: 11%;
    position: absolute;
  }
  #labs.single .weatherwise-mobile-app .secondary .image img {
    max-width: 150%;
  }
  #labs.single .weatherwise-mobile-app .text {
    text-align: left;
  }
}
#labs.single .weatherwise-mobile-app .columns {
  background-color: rgba(0, 0, 0, 0.2);
}
#labs.single .weatherwise-mobile-app .columns h3 {
  border-radius: 50%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-size: 1.25em;
  height: 140px;
  margin: 0 auto 30px;
  padding: 10px;
  text-align: center;
  width: 140px;
}
#labs.single .weatherwise-mobile-app .columns .col:nth-of-type(1) h3 {
  background-color: #ea1d76;
}
#labs.single .weatherwise-mobile-app .columns .col:nth-of-type(2) h3 {
  background-color: #00a6d8;
}
#labs.single .weatherwise-mobile-app .video {
  background-color: rgba(0, 0, 0, 0.2);
}
#labs.single .weatherwise-mobile-app .video h2 {
  font-size: 1.5em;
}
@media (min-width:769px) {
  #labs.single .weatherwise-mobile-app .images p {
    padding: 30px 0 0;
  }
}
@media (max-width:768px) {
  #labs.single .weatherwise-mobile-app .images .image {
    margin-bottom: 30px;
  }
  #labs.single .weatherwise-mobile-app .images p {
    padding-top: 10px;
  }
}
#labs.single .weatherwise-mobile-app .themes .container {
  max-width: 1260px;
}
@media (min-width:769px) {
  #labs.single .weatherwise-mobile-app .themes .container {
    padding-bottom: 100px;
  }
}
#labs.single .weatherwise-mobile-app .themes .explore {
  position: relative;
}
@media (min-width:769px) {
  #labs.single .weatherwise-mobile-app .themes .explore {
    margin-top: 70px;
  }
}
#labs.single .weatherwise-mobile-app .themes .parent {
  background-color: #000;
  overflow: hidden;
  width: 100%;
}
@media (min-width:769px) {
  #labs.single .weatherwise-mobile-app .themes .parent {
    height: 730px;
  }
}
@media (max-width:768px) {
  #labs.single .weatherwise-mobile-app .themes .parent {
    height: 500px;
  }
}
#labs.single .weatherwise-mobile-app .themes .images img {
  float: left;
  width: 50%;
}
#labs.single .weatherwise-mobile-app .themes .controls {
  background-color: rgba(16, 19, 20, 0.9);
  left: 0;
  padding: 10px;
  position: absolute;
  text-align: center;
  top: -28px;
  width: 170px;
}
#labs.single .weatherwise-mobile-app .themes .controls h3 {
  color: #ea1d76;
  font-size: 12px;
  margin-bottom: 10px;
}
#labs.single .weatherwise-mobile-app .themes .controls .buttons {
  background-color: rgba(16, 19, 20, 0.9);
  border: 2px solid #31383b;
  border-radius: 8px;
  padding: 5px;
  display: inline-block;
}
#labs.single .weatherwise-mobile-app .themes .controls button {
  background: #31383b;
  border: none;
  border-radius: 8px;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  height: 38px;
  line-height: 38px;
  text-align: center;
  width: 38px;
}
#labs.single .weatherwise-mobile-app .themes .controls input[type=range] {
  -webkit-appearance: none;
  margin: 10px 0 0;
  width: 100%;
}
#labs.single .weatherwise-mobile-app .themes .controls input[type=range]:focus {
  outline: none;
}
#labs.single .weatherwise-mobile-app .themes .controls input[type=range]::-webkit-slider-runnable-track {
  animate: 0.2s;
  background: #31383b;
  border: none;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  height: 4px;
  width: 100%;
}
#labs.single .weatherwise-mobile-app .themes .controls input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: #fff;
  box-shadow: none;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  height: 16px;
  margin-top: -7px;
  width: 16px;
}
#labs.single .weatherwise-mobile-app .themes .controls input[type=range]:focus::-webkit-slider-runnable-track {
  background: #367ebd;
}
#labs.single .weatherwise-mobile-app .themes .controls input[type=range]::-moz-range-track {
  animate: 0.2s;
  background: #31383b;
  border: none;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  height: 4px;
  width: 100%;
}
#labs.single .weatherwise-mobile-app .themes .controls input[type=range]::-moz-range-thumb {
  background: #fff;
  box-shadow: none;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  height: 16px;
  margin-top: -7px;
  width: 16px;
}
#labs.single .weatherwise-mobile-app .themes .controls input[type=range]::-ms-track {
  animate: 0.2s;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: transparent;
  cursor: pointer;
  height: 4px;
  width: 100%;
  border-color: transparent;
  border-width: 16px 0;
}
#labs.single .weatherwise-mobile-app .themes .controls input[type=range]::-ms-fill-lower {
  background: #31383b;
  border: none;
  box-shadow: none;
}
#labs.single .weatherwise-mobile-app .themes .controls input[type=range]::-ms-fill-upper {
  background: #31383b;
  border: none;
  box-shadow: none;
}
#labs.single .weatherwise-mobile-app .themes .controls input[type=range]::-ms-thumb {
  background: #fff;
  box-shadow: none;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  height: 16px;
  margin-top: -7px;
  width: 16px;
}
#labs.single .weatherwise-mobile-app .themes .controls input[type=range]:focus::-ms-fill-lower {
  background: #31383b;
}
#labs.single .weatherwise-mobile-app .themes .controls input[type=range]:focus::-ms-fill-upper {
  background: #31383b;
}
#labs.single .resourcehero-salesforce-app .container {
  max-width: 980px;
}
@media (min-width:769px) {
  #labs.single .resourcehero-salesforce-app.header .container {
    max-width: 1400px;
    padding-bottom: 120px;
  }
  #labs.single .resourcehero-salesforce-app .content.intro .container {
    padding-top: 100px;
  }
  #labs.single .resourcehero-salesforce-app .content.intro h4 {
    margin-bottom: 20px;
  }
  #labs.single .resourcehero-salesforce-app .content.intro .image {
    top: 100px;
    left: 60%;
    position: absolute;
  }
  #labs.single .resourcehero-salesforce-app .content.intro .image img {
    max-width: none;
  }
}
@media (max-width:768px) {
  #labs.single .resourcehero-salesforce-app .image {
    text-align: center;
  }
}
#labs.single .resourcehero-salesforce-app .beginning h2, #labs.single .resourcehero-salesforce-app .beginning h3 {
  font-size: 2em;
  margin-bottom: 20px;
  text-align: left;
}
#labs.single .resourcehero-salesforce-app .beginning p {
  font-size: 1em;
}
#labs.single .resourcehero-salesforce-app .beginning.columns .container {
  padding-top: 0;
}
@media (min-width:769px) {
  #labs.single .resourcehero-salesforce-app .beginning.columns .intro {
    margin-bottom: 30px;
  }
  #labs.single .resourcehero-salesforce-app .beginning.columns .row .col:first-child {
    padding-left: 0;
    padding-right: 50px;
  }
  #labs.single .resourcehero-salesforce-app .beginning.columns .row .col:last-child {
    padding-left: 50px;
    padding-right: 0;
  }
}
@media (max-width:768px) {
  #labs.single .resourcehero-salesforce-app .beginning.columns .content {
    padding: 20px 0;
  }
}
#labs.single .resourcehero-salesforce-app .content.features .container {
  padding-top: 0;
  padding-bottom: 40px;
}
@media (min-width:769px) {
  #labs.single .resourcehero-salesforce-app .content.features .image {
    float: left;
    width: 50%;
  }
  #labs.single .resourcehero-salesforce-app .content.features .text {
    padding-left: 40px;
    padding-top: 5px;
  }
  #labs.single .resourcehero-salesforce-app .content.features.addons .container {
    padding-bottom: 200px;
  }
}
@media (max-width:768px) {
  #labs.single .resourcehero-salesforce-app .content.features .container {
    max-width: 500px;
  }
  #labs.single .resourcehero-salesforce-app .content.features .image {
    margin-bottom: 20px;
  }
}
#labs.single .resourcehero-salesforce-app .stats {
  text-align: center;
}
#labs.single .resourcehero-salesforce-app .stats .col {
  max-width: 280px;
  padding: 0 10px;
}
@media (min-width:521px) {
  #labs.single .resourcehero-salesforce-app .stats .col {
    display: inline-block;
    width: 32%;
  }
}
@media (max-width:520px) {
  #labs.single .resourcehero-salesforce-app .stats .col {
    display: block;
    margin: 0 auto 20px;
  }
}
#labs.single .resourcehero-salesforce-app .stats .col h3 {
  background-color: #00a6d8;
  border-radius: 50%;
  color: #fff;
  font-size: 3em;
  height: 140px;
  line-height: 140px;
  margin: 0 auto 12px;
  width: 140px;
}
#labs.single .resourcehero-salesforce-app .stats .col h3 i {
  font-size: 0.35em;
  top: -12px;
  left: 5px;
  position: relative;
}
#labs.single .resourcehero-salesforce-app .stats .col p {
  font-size: 1.125em;
  line-height: 1.2em;
  margin: 0 auto;
  max-width: 90%;
}
#labs.single .resourcehero-salesforce-app .stats .col:last-child h3 {
  font-size: 2em;
  text-align: center;
}
#labs.single .resourcehero-salesforce-app .content.success h3 {
  font-size: 1.5em;
  margin: auto 0;
  max-width: 870px;
  text-align: center;
}
#labs.single .resourcehero-salesforce-app .content.future h2 {
  font-size: 1.5em;
  text-align: left;
}
#labs.single .body-vr-experience.header .container {
  padding-bottom: 50px;
}
#labs.single .body-vr-experience .content.polyworld .container {
  max-width: 970px;
}
@media (min-width:769px) {
  #labs.single .body-vr-experience .content.polyworld {
    min-height: 315px;
  }
  #labs.single .body-vr-experience .content.polyworld .text {
    float: left;
    width: 55%;
  }
  #labs.single .body-vr-experience .content.polyworld .image {
    float: left;
    position: relative;
    width: 45%;
  }
  #labs.single .body-vr-experience .content.polyworld .image img {
    top: -100px;
    right: 0;
    position: absolute;
  }
}
@media (max-width:768px) {
  #labs.single .body-vr-experience .content.polyworld {
    text-align: center;
  }
}
#labs.single .body-vr-experience .columns .container {
  max-width: 970px;
  padding: 30px 20px;
}
#labs.single .body-vr-experience .columns h2 {
  font-size: 2em;
}
@media (min-width:769px) {
  #labs.single .body-vr-experience .columns h2 {
    text-align: left;
  }
}
#labs.single .body-vr-experience .columns .col {
  padding: 0;
}
#labs.single .body-vr-experience .columns .text h3 {
  font-size: 1.5em;
  line-height: 1.2em;
}
#labs.single .body-vr-experience .columns .text p {
  font-size: 1em;
  line-height: 1.7em;
}
@media (min-width:769px) {
  #labs.single .body-vr-experience .columns .image {
    float: left;
    width: 40%;
  }
  #labs.single .body-vr-experience .columns .text {
    float: left;
    padding-left: 30px;
    width: 60%;
  }
  #labs.single .body-vr-experience .columns .text h3 {
    margin: 10px 0;
  }
}
@media (max-width:768px) {
  #labs.single .body-vr-experience .columns {
    text-align: center;
  }
  #labs.single .body-vr-experience .columns .image {
    margin-bottom: 30px;
  }
  #labs.single .body-vr-experience .columns .text {
    margin: auto;
    max-width: 450px;
  }
}
@media (min-width:769px) {
  #labs.single .woobleattack-mobile-app .intro .image {
    float: left;
    padding-left: 5%;
    width: 50%;
  }
  #labs.single .woobleattack-mobile-app .intro .image img {
    max-width: none;
    margin-top: -10px;
  }
  #labs.single .woobleattack-mobile-app .related .logo {
    vertical-align: middle;
  }
}
#labs.single .woobleattack-mobile-app .images {
  text-align: center;
}
#labs.single .woobleattack-mobile-app .images .container {
  max-width: 1040px;
}
#labs.single .woobleattack-mobile-app .images .image {
  display: inline-block;
  float: none;
  max-width: 450px;
}
@media (min-width:1025px) {
  #labs.single .woobleattack-mobile-app .images .image {
    padding: 25px;
  }
}
@media (max-width:1024px) {
  #labs.single .woobleattack-mobile-app .images .image {
    padding: 10px;
  }
}
@media (max-width:768px) {
  #labs.single .woobleattack-mobile-app .images .image {
    margin: auto;
  }
}

/*-- Blog --*/
#wisdom main .menu {
  text-align: center;
}
@media (max-width:768px) {
  #wisdom main .menu {
    padding-left: 20px;
  }
  #wisdom main .menu .container {
    padding: 20px 0;
  }
}
#wisdom main .menu li {
  background-position: center top;
  background-repeat: no-repeat;
  display: inline-block;
  min-width: 100px;
}
@media (min-width:769px) {
  #wisdom main .menu li {
    margin: 0 1%;
    width: 14%;
  }
  #wisdom main .menu li:first-child {
    margin-left: 0;
  }
  #wisdom main .menu li:last-child {
    margin-right: 0;
  }
}
#wisdom main .menu li.all {
  background-image: url(assets/img/icons/all.svg);
}
#wisdom main .menu li.design {
  background-image: url(assets/img/icons/design.svg);
}
#wisdom main .menu li.development {
  background-image: url(assets/img/icons/development.svg);
  min-width: 120px;
}
#wisdom main .menu li.tech {
  background-image: url(assets/img/icons/tech.svg);
}
#wisdom main .menu li.communication {
  background-image: url(assets/img/icons/communication.svg);
  min-width: 150px;
}
#wisdom main .menu li.random {
  background-image: url(assets/img/icons/random.svg);
  min-width: 120px;
}
#wisdom main .menu li:hover span {
  background-color: rgba(0, 0, 0, 0.3);
}
#wisdom main .menu li.on span {
  background-color: #000;
}
#wisdom main .menu a {
  color: #fff;
  display: inline-block;
  padding-top: 60px;
  text-transform: uppercase;
}
#wisdom main .menu a span {
  border-radius: 20px;
  display: inline-block;
  font-size: 0.8em;
  line-height: 40px;
  min-width: 100px;
  padding: 0 10px;
  transition: all 0.2s ease-in;
}
@media (max-width:768px) {
  #wisdom main .menu li {
    width: 30%;
  }
  #wisdom main .menu.touch {
    overflow: hidden;
    text-align: left;
  }
  #wisdom main .menu.touch ul {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  #wisdom main .menu.touch li {
    margin: 0 15px;
    min-width: inherit !important;
    text-align: center;
    width: auto;
  }
}
@media (max-width:520px) {
  #wisdom main .menu.touch li {
    margin: 0 4px;
  }
}
@media (max-width:400px) {
  #wisdom main .menu.touch li {
    margin: 0;
  }
  #wisdom main .menu a span {
    min-width: 95px;
  }
}
@media (max-width:320px) {
  #wisdom main .menu a span {
    min-width: 78px;
  }
}
#wisdom main .menu li {
  opacity: 1;
  transition: all 0.2s ease-in;
}
#wisdom main .menu li:nth-of-type(1) {
  transition-delay: 0.1s;
}
#wisdom main .menu li:nth-of-type(2) {
  transition-delay: 0.2s;
}
#wisdom main .menu li:nth-of-type(3) {
  transition-delay: 0.3s;
}
#wisdom main .menu li:nth-of-type(4) {
  transition-delay: 0.4s;
}
#wisdom main .menu li:nth-of-type(5) {
  transition-delay: 0.5s;
}
#wisdom main .menu li:nth-of-type(6) {
  transition-delay: 0.6s;
}
#wisdom main .menu:not(.show) li {
  opacity: 0;
}
#wisdom main section.posts .post {
  margin: 0 0 60px;
}
#wisdom main section.posts.archive h2 {
  margin-bottom: 40px;
}
#wisdom main section.posts .alm-btn-wrap {
  display: none !important;
}
#wisdom .alm-ajax {
  min-height: 375px;
}
#wisdom.single {
  background-color: #fff;
  color: #1a1a1a;
}
#wisdom.single .header {
  background-color: #00a6d8;
  color: #fff;
  margin-top: 0;
  min-height: 115px;
  max-height: 420px;
  overflow: hidden;
}
#wisdom.single .header .container {
  max-width: 900px;
}
#wisdom.single .header .content {
  position: static;
}
#wisdom.single .header h1 {
  line-height: 1.2em;
  z-index: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width:1025px) {
  #wisdom.single .header h1 {
    font-size: 3.25em;
  }
}
@media (max-width:1024px) {
  #wisdom.single .header h1 {
    font-size: 2.5em;
  }
}
#wisdom.single .header img {
  height: auto;
  position: relative;
  width: 100%;
  z-index: 0;
}
@media (min-width:769px) {
  #wisdom.single .header {
    line-height: 240px;
    min-height: 240px;
  }
  #wisdom.single .header img {
    margin: -100% 0;
  }
}
@media (min-width:1025px) {
  #wisdom.single .header {
    line-height: 360px;
    min-height: 360px;
  }
}
@media (max-width:768px) {
  #wisdom.single .header .container {
    padding: 0 40px;
  }
}
#wisdom.single .header.dark {
  color: #1a1a1a;
}
@media (min-width:769px) {
  #wisdom.single .meta {
    height: 85px;
  }
}
#wisdom.single .meta .col {
  height: 100%;
  padding: 0;
}
#wisdom.single .meta p {
  font-size: 1.125em;
  margin: 0;
  text-transform: uppercase;
}
#wisdom.single .meta .author img {
  background-color: #00a6d8;
  border-radius: 50%;
  float: left;
  height: auto;
  width: 28%;
}
@media (min-width:769px) {
  #wisdom.single .meta .author img {
    max-width: 80px;
  }
}
@media (max-width:768px) {
  #wisdom.single .meta .author img {
    max-width: 60px;
  }
}
#wisdom.single .meta .author p {
  float: left;
  line-height: 1.3em;
  padding: 0 0 0 15px;
  width: 72%;
}
#wisdom.single .meta .author p .title {
  font-size: 0.95em;
  text-transform: none;
}
@media (min-width:769px) {
  #wisdom.single .meta .author p {
    padding-top: 20px;
  }
}
#wisdom.single .meta .category a {
  color: #1a1a1a;
}
#wisdom.single .meta .category p {
  line-height: 85px;
  position: relative;
}
@media (min-width:769px) {
  #wisdom.single .meta .category p {
    padding-left: 40%;
  }
}
@media (max-width:768px) {
  #wisdom.single .meta .category p {
    padding-left: 30%;
  }
}
#wisdom.single .meta .category i {
  background-image: url(assets/img/all.png);
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  height: 100%;
  left: 0;
  top:0;
  position: absolute;
}
#wisdom.single .meta .category i.design {
  background-image: url(assets/img/icons/design.svg);
}
#wisdom.single .meta .category i.development {
  background-image: url(assets/img/icons/development.svg);
}
#wisdom.single .meta .category i.tech {
  background-image: url(assets/img/icons/tech.svg);
}
#wisdom.single .meta .category i.communication {
  background-image: url(assets/img/icons/communication.svg);
}
#wisdom.single .meta .category i.random {
  background-image: url(assets/img/icons/random.svg);
}
#wisdom.single .meta .share {
  background-image: url(assets/img/share.png);
  background-position: 40px center;
  background-repeat: no-repeat;
}
#wisdom.single .meta .share .slide-toggle {
  cursor: pointer;
}
@media (min-width:769px) {
  #wisdom.single .meta .share .slide-toggle {
    line-height: 85px;
    padding-left: 110px;
  }
}
@media (min-width:769px) {
  #wisdom.single .meta .share .slide {
    padding-top: 26px;
  }
}
@media (max-width:768px) {
  #wisdom.single .meta .share .slide {
    padding-top: 20px;
  }
}
#wisdom.single .meta .share .close {
  color: #1a1a1a;
  font-size: 26px;
  line-height: 1em;
  position: absolute;
  right: 10px;
  z-index: 10;
}
@media (min-width:769px) {
  #wisdom.single .meta .share .close {
    top: 27px;
  }
}
@media (max-width:768px) {
  #wisdom.single .meta .share .close {
    top: 22px;
  }
}
@media (min-width:769px) {
  #wisdom.single .meta.top {
    margin-bottom: 50px;
  }
}
@media (max-width:768px) {
  #wisdom.single .meta.top {
    margin-bottom: 20px;
  }
}
@media (min-width:769px) {
  #wisdom.single .meta.top i {
    width: 40%;
  }
}
@media (max-width:768px) {
  #wisdom.single .meta.top i {
    background-size: 90%;
    width: 30%;
  }
}
#wisdom.single .meta.bottom p {
  padding-left: 120px;
}
#wisdom.single .meta.bottom i {
  background-position: left center;
  width: 120px;
}
#wisdom.single .meta.bottom .category {
  border: none;
}
#wisdom.single .meta.bottom.dark {
  background-color: #282e31;
  border-bottom: 1px solid #54585a;
  height: 70px;
}
#wisdom.single .meta.bottom .share {
  background-position: 40% center;
}
#wisdom.single .meta.bottom .share .slide-toggle {
  line-height: 70px;
  padding-left: 55%;
}
#wisdom.single .meta.bottom .share .slide {
  background-color: #282e31;
}
#wisdom.single .meta.bottom .share .close {
  color: #fff;
}
#wisdom.single .meta .col {
  opacity: 1;
  transition: all 0.2s ease-in;
}
#wisdom.single .meta .col:nth-of-type(1) {
  transition-delay: 0.1s;
}
#wisdom.single .meta .col:nth-of-type(2) {
  transition-delay: 0.15s;
}
#wisdom.single .meta .col:nth-of-type(3) {
  transition-delay: 0.2s;
}
#wisdom.single .meta:not(.show) .col {
  opacity: 0;
}
#wisdom.single article .container {
  max-width: 1020px;
  padding: 35px;
}
#wisdom.single .content h2 {
  line-height: 1.4em;
}
@media (min-width:769px) {
  #wisdom.single .content h2 {
    font-size: 2.25em;
  }
}
@media (max-width:768px) {
  #wisdom.single .content h2 {
    font-size: 1.5em;
  }
}
#wisdom.single .content h2.h1 {
  font-size: 1.857em;
}
@media (min-width:769px) {
  #wisdom.single .content h3 {
    font-size: 2em;
  }
}
@media (max-width:768px) {
  #wisdom.single .content h3 {
    font-size: 1.85em;
  }
}
#wisdom.single .content h4 {
  font-size: 1.85em;
}
#wisdom.single .content p {
  line-height: 1.7em;
}
@media (min-width:769px) {
  #wisdom.single .content p {
    font-size: 1.375em;
  }
  #wisdom.single .content ol li{
	text-indent:-9px;
  }
  #wisdom.single .content ol li p {
    font-size: 1.05em;
	text-indent:0px;
  }
}
@media (max-width:768px) {
  .calendly-inline-widget iframe{
	  width:auto;
	}
	
  #wisdom.single .content p {
    font-size: 1.15em;
  }
}
#wisdom.single .content .blue {
  background: none;
  color: #00a6d8;
}
#wisdom.single .content .pink {
  background: none;
  color: #ea1d76;
}
#wisdom.single .content .aligncenter {
  display: block;
  margin: auto;
}
#wisdom.single .content .alignleft {
  float: right;
}
#wisdom.single .content .alignright {
  float: right;
}
#wisdom.single .content .image {
  margin: 40px auto;
}
#wisdom.single .content .image p {
  background-color: #31383b;
  color: #fff;
  font-size: 1.125em;
  margin: 0;
  padding: 10px;
  text-align: center;
}
#wisdom.single .content .quote {
  position: relative;
}
@media (max-width:1439px) {
  #wisdom.single .content .quote {
    margin: auto;
    max-width: 1090px;
  }
}
#wisdom.single .content .quote div {
  background-position: 0 0;
  background-repeat: no-repeat;
  pointer-events: none;
  position: absolute;
}
#wisdom.single .content .quote div.left {
  background-image: url(assets/img/quote-left.png);
  height: 531px;
  top: -220px;
  width: 608px;
}
@media (min-width:1440px) {
  #wisdom.single .content .quote div.left {
    left: -248px;
  }
}
@media (max-width:1439px) {
  #wisdom.single .content .quote div.left {
    right: 924px;
  }
}
#wisdom.single .content .quote div.right {
  background-image: url(assets/img/quote-right.png);
  height: 521px;
  top: 0;
  width: 612px;
}
@media (min-width:1440px) {
  #wisdom.single .content .quote div.right {
    right: -280px;
  }
}
@media (max-width:1439px) {
  #wisdom.single .content .quote div.right {
    left: 934px;
  }
}
#wisdom.single .content .quote blockquote {
  color: #00a6d8;
  max-width: 700px;
  margin: 0 auto;
}
@media (min-width:769px) {
  #wisdom.single .content .quote blockquote {
    padding: 80px 40px;
  }
}
@media (max-width:768px) {
  #wisdom.single .content .quote blockquote {
    padding: 0 40px 10px;
  }
}
#wisdom.single .content .quote blockquote p {
  font-size: 2.25em;
  line-height: 1.3em;
}
#wisdom.single .content .quote blockquote span.author {
  display: block;
  font-size: 1.5em;
  text-align: right;
}
#wisdom.single .content code {
  color: #666;
  font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", Monaco, "monospace";
}
#wisdom.single .content p code {
  background-color: #f5f5f5;
  font-size: 0.85em;
}
#wisdom.single .content pre {
  background-color: #31383b;
  color: #aaa;
  display: block;
  line-height: 1.4em;
  margin: 20px 10px;
  padding: 10px 20px;
}
@media (min-width:769px) {
  #wisdom.single .tags {
    margin-top: 50px;
  }
}
@media (max-width:768px) {
  #wisdom.single .tags {
    margin-top: 20px;
  }
}
#wisdom.single .tags h3 {
  font-size: 1.125em;
  font-weight: 300;
}
#wisdom.single .tags a {
  border: solid 2px #ebebeb;
  border-radius: 36px;
  color: #999;
  display: inline-block;
  float: left;
  line-height: 36px;
  margin: 0 10px 10px 0;
  text-align: center;
}
#wisdom.single .tags a:hover {
  border-color: #d7d7d7;
}
@media (min-width:769px) {
  #wisdom.single .tags a {
    min-width: 105px;
    padding: 0 15px;
  }
}
@media (max-width:768px) {
  #wisdom.single .tags a {
    min-width: 90px;
    padding: 0 10px;
  }
}
#wisdom.single .posts {
  background-color: #ededed;
}
#wisdom.single .posts h2 {
  margin-bottom: 20px;
}
#wisdom.single .wp-block-gallery li:before {
  content: none;
}
#wisdom.single .wp-block-gallery li figure {
  position: relative;
}

/*-- contact --*/
#contact {
  background-image: url(assets/img/contact-bg.png);
  background-position: center 40px;
  background-repeat: no-repeat;
}
@media (max-width:768px) {
  #contact {
    background-size: 800px;
  }
}
@media (min-width:769px) {
  #contact h1 {
    margin-top: 80px;
  }
}
#contact main {
  z-index: 2;
}
@media (min-width:769px) {
  #contact main .container {
    padding-top: 90px;
  }
}
#contact form {
  margin: auto;
  max-width: 100%;
  width: 890px;
}
#contact form .col {
  padding: 15px 10px;
}
#contact form label.hidden {
  position: absolute;
  left: -9999px;
  overflow: hidden;
}
#contact form label.error {
  color: #ea1d76;
  display: inline-block;
  padding: 5px 0 0 5px;
}
#contact form input[type=text], #contact form input[type=email], #contact form textarea, #contact form select {
  background-color: #101214;
  border: none;
  border-radius: 4px;
  color: #fff;
  font-size: 1.25em;
  font-weight: 300;
  height: 50px;
  padding: 12px 16px;
  width: 100%;
}
#contact form textarea {
  height: 200px;
}
#contact form input[type=submit], #contact form button {
  background: none;
  border: none;
  color: #282e31;
  font-size: 1.25em;
  height: 40px;
}
@media (min-width:769px) {
  #contact form input[type=submit], #contact form button {
    float: right;
  }
}
@media (max-width:768px) {
  #contact form input[type=submit], #contact form button {
    display: block;
    margin: auto;
  }
}
#contact form input[type=submit].enabled, #contact form button.enabled {
  color: #fff;
}
#contact form .top p.required {
  color: #ea1d76;
  margin-bottom: 5px;
}
@media (min-width:769px) {
  #contact form .top p.required {
    float: left;
  }
}
@media (max-width:768px) {
  #contact form .top p.required {
    margin-left: 2px;
  }
}
#contact form .bottom {
  padding-top: 0;
}
@media (max-width:768px) {
  #contact form .bottom {
    text-align: center;
  }
}
#contact form .bottom p {
  margin: 0;
}
#contact form .bottom .cptch_block {
  display: inline-block !important;
  width: auto;
}
#contact form .bottom .cptch_block .cptch_input {
  font-size: 1em !important;
  height: 40px;
  padding: 2px 10px;
  text-align: center;
}
#contact form .cptch_block:not(.show) {
  opacity: 0;
}
#contact form .selectboxit-text {
  font-weight: 300;
}
#contact form .selectboxit-option-icon-container label {
  display: none !important;
}
#contact form li.selectboxit-disabled {
  display: none;
}
#contact form br, #contact form .ajax-loader {
  display: none;
}
@media (max-width:768px) {
  #contact .address {
    display: none;
  }
}
#contact .address img {
  height: auto;
  width: 100%;
}
#contact .address .container {
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#contact .address h2 {
  font-size: 4em;
}
#contact .address p {
  font-size: 1.5em;
  line-height: 1.2em;
}
#contact section.response {
  background-color: #282e31;
  height: 100% !important;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  transform: scale(1, 0);
  transform-origin: top;
  transition: all 0.2s ease-in;
  width: 100%;
  z-index: 9;
}
#contact section.response .container {
  padding-top: 120px;
}
#contact section.response.active {
  transform: scale(1, 1);
}
#contact section.response h2 {
  font-size: 4em;
  margin-bottom: 5px;
}
#contact section.response h3 {
  font-size: 1.5em;
}
#contact section.response .info.show {
  display: block;
}
#contact section.response .info h4 {
  font-size: 1.875em;
}
#contact section.response .info img {
  background-color: #fff;
  border-radius: 50%;
  height: 150px;
  margin-bottom: 10px;
  width: 150px;
}
#contact section.response .close {
  color: #fff;
  font-size: 46px;
  line-height: 0.9em;
  position: absolute;
  right: 35px;
  top: 35px;
}
#contact section.map iframe {
  border: none;
  max-width: 100%;
  width: 100%;
}
@media (max-width:520px) {
  #contact section.map iframe {
    max-height: 400px;
  }
}

/*-- contact-back-to-office --*/
#contact.contact-back-to-office {
  background-image: none;
}
#contact.contact-back-to-office main .container {
  padding-top: 20px;
}
#contact.contact-back-to-office form input[type=submit], #contact.contact-back-to-office form button {
  float: none;
  display: block;
  margin: auto;
  background: url(/wp-content/uploads/2020/05/get-it-now-button-disabled.png) no-repeat;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  width: 230px;
  height: 92px;
}
#contact.contact-back-to-office form input[type=submit].enabled, #contact.contact-back-to-office form button.enabled {
  background: url(/wp-content/uploads/2020/05/get-it-now-button-enabled.png) no-repeat;
}
#contact.contact-back-to-office form .g-recaptcha {
  display: block;
  margin: auto;
  width: 304px;
}
#contact.contact-back-to-office form .labelcontainer {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  user-select: none;
}
#contact.contact-back-to-office form .labelcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
#contact.contact-back-to-office form .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
}
#contact.contact-back-to-office form .labelcontainer:hover input ~ .checkmark {
  background-color: #fff;
}
#contact.contact-back-to-office form .labelcontainer input:checked ~ .checkmark {
  background-color: #282e31;
}
#contact.contact-back-to-office form .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
#contact.contact-back-to-office form .labelcontainer input:checked ~ .checkmark:after {
  display: block;
}
#contact.contact-back-to-office form .labelcontainer .checkmark:after {
  left: 7px;
  top: 2px;
  width: 12px;
  height: 18px;
  border: solid white;
  border-width: 0 4px 4px 0;
  transform: rotate(45deg);
}

/*-- blog post Those Who Can’t Communicate… Communicate --*/
#com_img_2{ /*--pretty women --*/
	position:absolute;
	pointer-events: none;
	top:10%;
}

@media (max-width: 1024px){
	#com_s_p2{
		padding-bottom:150%!important;
	}
	#com_img_2{
		top:41%!important;
	}
}



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

@media (max-width:520px) {
	#com_img_1{
		width:500px!important;
	}
	#com_s_p2{
		padding-bottom:200%!important;
	}
	#com_img_2{
		top:56%!important;
		left:-20px;
	}
	#com_img_2 img{
		max-width:105%!important;
		
	}
	#com_img_2_b{
		display:none;
	}
	
	#com_img_3{ right:-30px !important;}
	#com_img_3 img{
		height:200px;
		
	}
	#com_img_4{ 
		left:-20px !important;
		top: 100px!important;
	}
	#com_img_4 img{
		height:400px;
	}
	
	#com_img_5 {position: absolute;
		right: -50px!important;
		top: 40%!important;
		height: 150px!important;
	}
	#com_img_5 img{
		height:200px;
	}
	#com_s_p6 h3{
		margin-left:20% !important;
	}
	#com_img_6{
		position: absolute;
		left: -120px!important;
		top: 100px!important;
		width: 50%!important;
	}
	#com_img_7{
		max-width: 340px;
		left: -20px;
	}
	#com_img_8{
		height: 150px; 
		clear:left;
	}
	#com_s_9{
		margin-left:20% !important;
	}
	#com_img_10{
		right: -40px !important;
		top: 380px;
	}
	#com_img_10 img{
		height:280px;
	}
}


/*-- Services Sub Pages--*/

.page-template-page-servicessub section.header{
  margin-top: 100px;
  padding-bottom: 200px;
}

.page-template-page-servicessub section.header .background{
  top: 270px;
  left: -235px;
  max-width: 504px;
  width: 100%;
}


.page-template-page-servicessub.studio-services section.header .background{
  top: 170px;
  left: -295px;
  max-width: 600px;
}

.subscription-services .sp-bg-top {
  background-image:url(assets/img/lines.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top center;
  padding-top: 35%;
  margin-top: -250px;
}

.txt-pink {
  color: #ea1d76;
}
.darkbg {
  background: #282e31;
}

main.servicesub, main.bg.light {
  background-color:  #ffffff;
  padding-top:  200px;
}
main.servicesub, main.bg.light.rocket {
  padding-top:  245px;
}
main.bg.light.technology, main.bg.light.audit{
  padding-top: 115px!important;
}

.subscription-model main.servicesub{
  padding-top:  145px;
}
.studio-model main.servicesub{
  padding-top:  117px;
}

.studio-services main.servicesub{
  padding-top:  133px;
}

main.servicesub p {
  margin-bottom:  0;
}

main.servicesub .container {
  padding-top:  30px;
}

/*main.servicesub p.quote{
  margin-top: 55px;
}*/

#services .container, #solutions .container, #solutions-pg .container, #maturity-pg .container {
    max-width:  1140px;
  }

.darkbg_angle {
  /*background: #282e31;*/
  background-image: linear-gradient(155deg, #282e31 50%, #FFFFFF calc(50% + 1px));
  padding-bottom: 665px;
  margin-bottom: -130px;
}

.project-services .darkbg_angle {
  margin-bottom: -567px;
}
.project-model .darkbg_angle {
  margin-bottom: -165px;
}
.solutions.migrate .darkbg_angle {
  padding-bottom: 800px;
  margin-bottom: -510px;
}
.solutions.hands .darkbg_angle {
  margin-bottom: -490px;
}
.solutions.people .darkbg_angle {
  margin-bottom: -575px;
  padding-bottom: 566px;
}
.solutions.build .darkbg_angle {
  padding-bottom: 1100px;
  margin-bottom: -690px;
}

.solutions.communication .darkbg_angle {
  padding-bottom: 900px;
  margin-bottom: -620px;
}

.solutions.awards .darkbg_angle {
  padding-bottom: 1000px;
  margin-bottom: -680px;
}
.solutions.technology .darkbg_angle{
  padding-bottom: 992px;
  margin-bottom: -590px;
}
.solutions.leaders .darkbg_angle{
  padding-bottom: 835px;
  margin-bottom: -630px;
}
.solutions.audit .darkbg_angle{
  padding-bottom: 965px;
  margin-bottom: -530px;
}

main.servicesub ul li {
  list-style: none;
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 0.5em;
}

main.servicesub ul li:before{
  content: "• ";
  color: #00a6d8;
  font-size: 1.1em;
  padding-right: 5px;
}

main.servicesub section.labs:not(.show) .content {
  opacity: 100;
}

main.servicesub section.labs p {
    margin-bottom: 1.25em;
  }

main.servicesub section.column-special h2 {
    font-size:  2.25em;
  }
main.servicesub section.column-special h3 {
    font-size: 1.6em;
    margin-bottom: 10px;
}

main.servicesub .padding-bt0 .container {
  padding-bottom: 0;
}
main.servicesub .padding-tp75 .container {
  padding-top: 75px;
}

main section.real-world {
  /*margin-top: 50px;*/
  margin-bottom:  100px;
}
main section.real-world .container{
  padding: 0;
}
#services .real-world h3 {
  font-size: 4em;
  margin-bottom: 30px;
  margin-top: 5%;
  line-height: 1em;
}
main section.columns .link-blocks .col {
  padding: 0px;
}
main section.columns .link-blocks .col.first-col {
  padding-right: 10px;
}
main section.columns .link-blocks .col.second-col {
  padding-top: 50px;
  padding-left: 10px;
}

.digital-services-and-capabilities .link-blocks{
  margin-top: 35%;
}

.link-blocks a.ex-link-blocks {
  display: block;
  background-color: #F2F2F2;
  border-radius: 17px;
  padding: 29px 20px;
  color: #000;
  font-weight: bold;
}
.link-blocks a.ex-link-blocks:hover{
  background-color: #292E31;
  box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.2);
  color: #fff;
}

.gradient-triangle {
  background-image: url(assets/img/gradient-triangle-line.png);
  background-repeat: no-repeat;
  /*background-size: contain;
  background-position: left center;
  height: 2000px;
  padding-top: 34%;*/
  margin-top: -15%;
  margin-bottom: -44%;
  padding-top: 42%;
  background-size: cover;
  background-position: left top;
  height: 2200px;
}

.gradient-triangle h3{
  margin-top: 50%;
}
.gradient-triangle h3, .gradient-triangle p, .gradient-triangle a{
  color: #fff;
}


/*-- Solutions --*/
body#solutions-pg, body.digital-services-and-capabilities#services{
  background: #fff;
  color: #1a1a1a;
}
#solutions-pg section.header .content h2, .digital-services-and-capabilities#services section.header .content h2 {
color: #1a1a1a;
}

a.gradient-btn{
  display: block;
  padding: 42px 20px 37px;
  display: block;
  text-align: center;
  font-size: 32px;
  text-transform: uppercase;
  border-radius: 20px;
  color: #fff;
  max-width: 400px;
}
a.gradient-btn:hover{
  color: #ccc;
}
a.gradient-btn.btn1{
  background: rgb(236,16,116);
  background: linear-gradient(180deg, rgba(236,16,116,1) 0%, rgba(175,50,164,1) 100%);
}
a.gradient-btn.btn2{
  background: rgb(175,50,164);
  background: linear-gradient(180deg, rgba(175,50,164,1) 0%, rgba(100,91,207,1) 100%);
}
a.gradient-btn.btn3{
  background: rgb(87,101,210);
  background: linear-gradient(180deg, rgba(87,101,210,1) 0%, rgba(22,137,221,1) 100%);
}

#solutions-pg main .dark {
  background: #282e31;
}
.digital-services-and-capabilities#services main{
  margin-top: 50px;
}

.solutions-template-default section.header{
  margin-top: 100px;
  padding-bottom: 226px;
}

.solutions-template-default section.header h3{
  font-size: 4em;
}

.solutions-template-default section.header .background{
  top: 241px;
  left: -227px;
  max-width: 417px;
  width: 100%;
}
.solutions-template-default section.header.rocket .background{
  left: -168px;
  max-width: 300px;
}

.solutions-template-default section.header.people{
  padding-bottom: 182px;
}
.solutions-template-default section.header.people .background {
top: 281px;
left: -300px;
max-width: 535px;
}

.solutions-template-default section.header.migrate .background {
top: 331px;
left: -303px;
max-width: 548px;
}
.solutions-template-default section.header.build .background {
top: 334px;
}
.solutions-template-default section.header.communication .background {
top: 309px;
max-width: 462px;
left: -241px;
}
.solutions-template-default section.header.awards .background {
max-width: 314px;
left: -164px;
}
.solutions-template-default section.header.technology .background {
top:  335px;
max-width: 440px;
}
.solutions-template-default section.header.leaders .background {
top:  259px;
max-width: 393px;
}
.solutions-template-default section.header.audit .background {
left: -278px;
max-width: 530px;
}

.solutions .paddingtop{
  padding-top:  175px;
}
.solutions .bg.light{
  background-color: #fff;
}

main section.columns.adjust-column-space.lg-6 .col{
  padding-bottom: 0px;
}

.adjust-header-space{
  margin-top: -10px;
}
.adjust-header-space .content:first-child p{
  margin-top: 40px;
}
.people .adjust-header-space .content p{
  margin-top: 40px;
}

.numbers-list h4, .solutions .talent h4, .solutions .contact-sales h4, #services .labs h3, #solutions-pg .labs h3, .solution-services h3 {
  font-size: 4em;
  margin-bottom: 20px;
  line-height: 1em;
}



.numbers-list li{
  margin-bottom: 0;
}

.numbers .container {
  position: static;
}
.numbers-list.left.image {
  position: static;
  left: 0;
}
.numbers-list.left.text {
  position: relative;
  left: 53%;
  margin-top: 30%;
}
.number-img-left{
  max-width: 40% !important;
  left: 0;
  position: absolute;
}

.number-img-left.number-1, .number-img-left.number-3, .number-img-left.number-5{
  transition: all 0.3s ease-in;
  transition-delay: 0.5s;
}

section.ease-in .container, section.darkbg_angle img.solutiontalent, section.models_section{
  transition: all 0.3s ease-in;
  transition-delay: 0.5s;

}
section.ease-in .container:not(.show), section.models_section:not(.show) {
  opacity: 0;
}

section.darkbg_angle img.solutiontalent:not(.show) {
  opacity: 0;
  margin-left:  -100px;
}

section.numbers .number-img-left.number-1:not(.show) {
  opacity: 0;
  left:  -100px;
}
section.numbers .number-img-left.number-3:not(.show) {
  opacity: 0;
  left:  -100px;
}
section.numbers .number-img-left.number-5:not(.show) {
  opacity: 0;
  left:  -100px;
}
section.numbers .number-img-right.number-2:not(.show) {
  opacity: 0;
  right: -100px;
}
section.numbers .number-img-right.number-4:not(.show){
  opacity: 0;
  right: -100px;
}
section.numbers .number-img-right.number-6:not(.show) {
  opacity: 0;
  right: -100px;
}



.numbers-list.right.image {
  position: static;
  right: 0;
}
.numbers-list.right.text {
  position: relative;
  left: 0%;
  margin-top: 30%;
}
.number-img-right{
  max-width: 40% !important;
  right: 0;
  position: absolute;
}
.number-img-right.number-2, .number-img-right.number-4, .number-img-right.number-6{
  transition: all 0.3s ease-in;
  transition-delay: 0.5s;
}

.number-subtitle {
  margin-bottom: -300px;
  margin-top: 50px;
}
/*.rocket .number-subtitle {
  margin-bottom: -162px;
}*/

.number-subtitle h2{
    text-transform: uppercase;
    color: #00a6d8;
    margin-bottom: 0;
}

.darkbg.column-size .container p, .tech.column-size .container p {
  max-width: 765px;
  margin-right: auto;
  margin-left: auto;
}
.solutions .tech2.column-size .container p{
  max-width: 1000px;
}
.solutions .sp-margin-top{
  margin-top:  28%;
  padding-top:  20px;
}
.solutions.rocket .sp-margin-top{
  margin-top:  11%;
}
.solutions.people .sp-margin-top{
  margin-top:  15%;
}
.solutions.build .sp-margin-top{
  margin-top:  22%;
}
.solutions.awards .sp-margin-top{
  margin-top:  14%;
}
.solutions.technology .sp-margin-top, .solutions.audit .sp-margin-top{
  margin-top:  34%;
}
.solutions.leaders .sp-margin-top, .solutions.migrate .sp-margin-top{
  margin-top:  22%;
}

.solutions .img-border {
  margin-bottom: 0px;
  margin-top: 70px;
}
.solutions .talent h4{
  margin-top: 20%;
}
.solutions.build .talent h4{
  margin-top: 7%;
}
.solutions.technology .talent h4{
  margin-top: 8%;
}
.solutions.leaders .talent h4{
  margin-top: 25%;
}
.solutions.audit .talent h4{
  margin-top: 2%;
}

.solutions .sp-column-size, .solutions .sp-column-size2{
  margin-bottom: -95px;
  margin-top:  70px;
}
.solutions.people .sp-column-size2{
  margin-top:  270px;
}
.solutions .sp-column-size p{
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}
.solutions .sp-column-size2 p{
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
}
.solutions.rocket .sp-column-size2 p{
  max-width: 1010px;
}
.solutions .sp-column-size h2, .solutions .sp-column-size2 h2, .gradient-triangle h3{
  font-size: 4em;
}

.solutions .sub-stud-links a.arrow{
  font-size:  1.5em;
  font-weight: 600;
  padding-right:  24px;
}

.solutions .sub-stud-links a.arrow i{
  font-size:  23px;
  line-height: 37px;
}
.solutions .sub-stud-links img{
  margin-bottom: 15px;
  margin-top: 5px;
}


.contact-sales.content{
  height: 600px;
  margin-top: 100px;
}
.contact-sales .container {
  position: static;
  
}
.contact-sales-content.image {
  position: static;
  right: 0;
}
.contact-sales-content.text {
  position: relative;
  left: 0%;
}
.contact-sales-img{
  max-width: 719px !important;
  right: 0;
  bottom: 0;
  position: absolute;
  width: 50%;
}

.managers-list{
  padding-top: 10px;
}
.solutions .managers-list .content, .digital-services-and-capabilities#services .managers-list .content{
  margin-bottom:  30px;
  font-size:  1.25em;
  line-height: 1.4em;
}

.darkbg_angle.managers-leading{
  padding-top: 40px;
  padding-bottom: 800px;
  margin-bottom: -345px;
}

.solutions-list {
  margin-left:  -15px;
  margin-right:  -15px;
  flex-wrap: wrap;
  display: flex;
}
.solutions-list .col {
  padding-left:  15px;
  padding-right:  15px;
  margin-bottom: 30px;
}
.solutions-list .img{
  background-color: #4f5659;
  height: 188px;
  border-radius: 15px;
  /*padding: 5px;*/
  position: relative;
  overflow: hidden;
}
.solutions-list .img img{
  max-width: 70%;
  max-height: 70%;
  position: absolute;
  top: 10px;
  right: 0;
  bottom: 10px;
  left: 0;
  margin: auto;
}
/*.solutions-list .img.people img{
  left: -65px;
}
.solutions-list .img.rocket img{
  max-width: 140%;
  max-height: 140%;
  top: 67px;
  left: -18px;
}
.solutions-list .img.build img{
  top: 50px;
}
.solutions-list .img.awards img{
  max-width: 140%;
  max-height: 140%;
  top: 67px;
  left: 15px;
}*/
.solutions-list h5{
  color: #fff;
  margin-top: 10px;
  font-weight: 500;
  margin-bottom: 5px;
}
.solutions-list p{
  color: #fff;
  font-size: 0.9em;
  line-height: 1.5em;
}


.solution-carousel {
  width: 40em;
  height: 39em;
  margin: 0 auto;
  position: relative;
}

main .content ul.carousel li {
  text-indent: 0;
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}
main .content ul.carousel  li:before{
  content: none;
}
.solution-carousel li {
  width: 600px;
  height: 600px;
  background: #FFF;
  display: inline-block;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  overflow: hidden;
}
.solution-carousel li p {
  font-size: 0.9em;
  line-height: 1.5em;
  text-align: center;
  margin-top: 1.175em;
  max-width: 330px;
  margin-right: auto;
  margin-left: auto;
}
.solution-carousel .img {
  height: 226px;
  position: relative;
  margin-top: 30px;
}
.solution-carousel .img img {
  max-width: 95%;
  max-height: 95%;
  position: absolute;
  top: 10px;
  right: 0;
  bottom: 10px;
  left: 0;
  margin: auto;
}
.solution-carousel .items {
  position: absolute;
}
.solution-carousel .main-pos {
  margin-left: 1em !important;
  z-index: 3000;
  /*background-image: url('https://dl.dropbox.com/u/32649907/imgs/shadow.png');*/
}

.solution-carousel .left-pos {
  opacity: .3;
  margin-left: -23em !important;
  z-index: 1000;
  /*-webkit-transform: scale(.75);
  -moz-transform: scale(.75);
  transform: scale(.75);*/
}
.solution-carousel .back-pos {
  margin-left: 2em !important;
  opacity: .05;
  -webkit-transform: scale(.5);
  -moz-transform: scale(.5);
  transform: scale(.5);
}

.solution-carousel .right-pos {
  opacity: .3;
  margin-left:  26em !important;
  z-index: 1000;
  /*-webkit-transform: scale(.75);
  -moz-transform: scale(.75);
  transform: scale(.75);*/
}
.solution-carousel h4{
  font-size: 1.75em;
}
.solution-carousel .left-pos h4, .solution-carousel .right-pos h4{
  color: transparent;
  height: 98px;
}
.solution-carousel .left-pos a.arrow, .solution-carousel .right-pos a.arrow{
  display: none;
}
.solution-carousel span {
  position: relative;
  margin: 0 auto;
  /*left: 17em;*/
  top: 4em;
  z-index: 4000;
}
.solution-carousel input[type=button]{
  font-size: 32px;
  color: #EA1D76;
  background: none;
  border: none;
  padding: 0;
  line-height: 1em;
}
.solution-carousel input#prev[type=button]{
  margin-right: 595px;
}
.solution-carousel a.arrow{
  font-size: 0.9em;
}




@media (max-width: 1024px){
 .numbers-list.left.text{
    left: 48%;
 }
 .numbers-list.right.text{
    left: 3%;
 }
 .solutions .sp-column-size, .solutions .sp-column-size2{
    margin-bottom: -6%;
 }

 .solutions-template-default section.header.rocket .background {
    left: -148px;
    max-width: 282px;
    top: 303px;
  }

  /*.number-subtitle h2{
    margin-top: 48px;
  }*/
  .number-subtitle{
    margin-bottom: -203px;
  }
   .contact-sales .container {
    margin-top: 100px;
  }

  .gradient-triangle {
    /*margin-top: -4%;
    padding-top:  65%;*/
    margin-top: -6%;
    padding-top: 48%;
    height: 1568px;
    margin-bottom: -30%;
  }
  .gradient-triangle h3 {
    margin-top: 20%;
  }

  .digital-services-and-capabilities .link-blocks {
    margin-top: 0;
  }

  section.capabilities .container{
    padding-bottom:  80px;
  }

  main section.labs {
    margin-top: 45px;
  }

  #services p.author{
    margin-bottom: 4em;
  }

   #services section.process canvas, #services section.process .overlay {
    top: -72px;
  }

  .solutions-template-default section.header.awards .background{
    max-width: 289px;
    left: -142px;
  }
  .solutions-template-default section.header.technology .background {
    top:  322px;
    max-width: 431px;
    left:  -200px;
  }
  .solutions-template-default section.header.leaders .background {
    left:  -172px;
    max-width: 370px;
  }
  .solutions-template-default section.header.audit .background {
    left:  -279px;
    max-width: 539px;
  }

  .solutions.people .darkbg_angle{
    margin-bottom: -563px;
  }
  .solutions.migrate .darkbg_angle {
    padding-bottom: 1011px;
    margin-bottom: -624px;
  }

  .solution-carousel li{
    height: 460px;
  }

  .darkbg{
    margin-bottom: -1px;
  }

  .solutions-list .img{
    height:  260px;
  }

}



@media (max-width: 912px){
 .numbers-list.left.text{
    left: 44%;
 }
 .darkbg_angle{
  margin-bottom: -230px;
 }
 .darkbg_angle h4{
  font-size: 3em;
 }
 .project-model .darkbg_angle{
  margin-bottom: -275px;
 }

 .solutions-template-default section.header .background{
  top: 325px;
  max-width: 478px;
 }
 .solutions-template-default section.header.hands .background{
  top: 325px;
  max-width: 412px;
  left: -206px;
 }
 .solutions-template-default section.header.build .background{
  top: 383px;
  max-width: 421px;
 }
 .solutions-template-default section.header.communication .background{
  top: 381px;
 }
 .solutions-template-default section.header.leaders .background{
  top: 321px;
 }

 .gradient-triangle {
  /*margin-bottom:  -53%;*/
  margin-bottom: -23%;
  height: 1397px;
  padding-top: 40%;
  }

  #services p.quote, #solutions p.quote, #solutions-pg p.quote{
    font-size:  1.5em;
    /*margin-top: -30px;*/
  }

  .solutions.hands .talent h4{
    margin-top: 7%;
  }
  .solutions.hands .darkbg_angle{
    padding-bottom: 905px;
    margin-bottom: -561px;
  }
  .solutions.rocket .darkbg_angle.managers-leading{
    margin-bottom: -316px;
  }

  .solution-carousel input#prev[type=button] {
    margin-right: 492px;
  }
  .solution-carousel .left-pos {
      margin-left: -22em !important;
  }
  .solution-carousel .right-pos {
    margin-left: 33em !important;
  }
  .solution-carousel .main-pos {
    margin-left: 4.5em !important;
  }
  .solution-carousel li {
    width: 500px;
  }
  .solution-carousel span {
    top: 3.5em;
  }
}


@media (max-width: 820px){

  #services section.process canvas, #services section.process .overlay {
    top: -39px;
  }

  a.gradient-btn{
    font-size: 30px;
  }

  .solutions-template-default section.header .background{
    top: 320px;
  }
  .solutions-template-default section.header.rocket .background {
    top: 288px;
  }
  .solutions-template-default section.header.technology .background{
    top: 382px;
  }
  .solutions-template-default section.header.awards .background{
    left: -131px;
  }
  .solutions-template-default section.header.migrate .background{
    top: 413px;
  }

  .numbers-list h4{
    font-size: 3em;
  }
  .solutions .darkbg_angle.talent h4 {
    margin-top: 6%;
    font-size: 3em;
  }
  .solutions .sp-column-size h2, .solutions .sp-column-size2 h2, .solutions .talent h4, .solutions .contact-sales h4{
    font-size:  2.75em;
  }
  .number-subtitle{
    margin-bottom: -140px;
  }

  /*.people .number-subtitle{
    margin-bottom: -188px;
  }*/
  .solutions.people .sp-column-size2{
  margin-top: 200px;
  }

  .gradient-triangle {
    /*margin-top: -19%;
    padding-top: 71%;
    margin-bottom: -60%;*/
  }

  .solution-carousel span {
    top: 4em;
  }

  .solutions-list .img {
    height: 225px;
  }

  .project-model .darkbg_angle {
    margin-bottom: -290px;
  }
  
}


@media (min-width: 769px) {
  main.servicesub section.labs:not(.show) .content {
    left: 0;
  }
}

.img-border {
  width:550px; 
  margin-bottom: 50px;
}

.studio-services .img-border{
  width:500px;
}

@media (max-width: 768px){
  .page-template-page-servicessub section.header .background.hide-sm{
    display: inherit !important;
  }

  .page-template-page-servicessub section.header .background{
    left: -212px;
    top: 193px;
    max-width: 382px;
  }

	
  .page-template-page-servicessub.subscription-model section.header .background{
    top: 206px;
  }
  .page-template-page-servicessub section.header {
    margin-top: 135px;
    padding-bottom: 174px;
  }
  .subscription-model main.servicesub {
    padding-top: 45px;
  }

  main.servicesub {
    /*padding-top:  94px;*/
	  padding-top:  19vh;
	  
  }

  main.servicesub p.fix-spacing{
    margin-bottom: -55px;
  }

  .project-services main.servicesub {
    padding-top:  170px;
  }

  .fix-mb-sp{
    margin-bottom: -2.8em;
  }

   .page-template-page-servicessub center, .page-template-page-servicessub .center, .page-template-page-servicessub main section.labs .content {
    text-align:  left;
  }
  .page-template-page-servicessub center.img-align, .page-template-page-servicessub center.img-align .show-sm {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    text-align: -webkit-center;
  }

  .darkbg {
    margin-bottom: -30px;
  }
  .project-model .darkbg_angle {
    margin-bottom: -440px;
  }

  .page-template-page-servicessub main .content3 h2, .page-template-page-servicessub main h3{
    margin-bottom: 0;
  }

  .number-subtitle{
    margin-bottom: -55px;
  }
  .numbers-list h4, .solutions .sp-column-size h2, .solutions .sp-column-size2 h2, .solutions .talent h4{
    font-size: 3em;
  }
  .numbers-list.left.text, .numbers-list.right.text{
    margin-top: 16%;
  }

  .solutions-template-default section.header, .solutions-template-default section.header.people, .digital-services-and-capabilities section.header, .solutions section.header, #maturity-pg section.header{
    margin-top: 125px;
  }
  .solutions-template-default section.header .background {
    top: 302px;
    max-width: 449px;
  }

  .solutions-template-default section.header.hands .background{
    top: 290px;
  }
  .solutions-template-default section.header.rocket .background {
    left: -145px;
    max-width: 267px;
  }
  .solutions-template-default section.header.people .background {
    top:  261px;
  }
  .solutions-template-default section.header.migrate .background{
    top: 314px;
    left: -286px;
  }
  .solutions-template-default section.header.build .background{
    top: 361px;
  }
  .solutions-template-default section.header.communication .background{
    top: 347px;
  }
  .solutions-template-default section.header.awards .background{
    left:  -143px;
    top: 296px;
  }
  .solutions-template-default section.header.technology .background{
    top: 290px;
  }
  .solutions-template-default section.header.leaders .background{
    top: 305px;
    left: -181px;
  }
   .page-template-page-servicessub section.header .background{
    /*top: 482px; */
	top: 40vh;
    left: 7vw!important;
    max-width: 86vw!important;
    margin: 0px auto;
  }
	
	
  .contact-sales h4{
    text-align: center;
  }
  .contact-sales .container{ 
    padding: 0;
  }
  main section.columns.contact-sales .text.col {
    padding: 20px;
  }
  main section.columns.contact-sales .image.col {
    padding: 0px;
  }
  .contact-sales-img {
    max-width: 100% !important;
    position: static;
    width: 100%;
  }
  .solutions .darkbg_angle.talent h4{
    margin-top: 0;
  }
  .darkbg_angle{
    padding-bottom: 892px;
    margin-bottom: -391px;
  }
  .page-template-page-servicessub.studio-model section.header .background{
    left: -260px;
    top: 236px;
    max-width: 469px;
  }
  .studio-model main.servicesub {
    padding-top: 77px;
  }
  .solutions .talent h4{
    text-align: center;
    margin-top: 10%;
  }
  .rocket .number-subtitle {
    margin-bottom: -109px;
  }

  a.gradient-btn{
    margin-right: auto;
    margin-left: auto;
  }


  .solutions.hands .darkbg_angle {
    padding-bottom: 1575px;
    margin-bottom: -1243px;
}
  .solutions.rocket .darkbg_angle.managers-leading{
    margin-bottom: -367px;
    padding-bottom: 708px;
  }
  .solutions.people .darkbg_angle {
    margin-bottom: -952px;
    padding-bottom: 1164px;
  }

  .solutions.awards .darkbg_angle {
    padding-bottom: 1555px;
    margin-bottom: -1250px;
  }
  .solutions.build .darkbg_angle {
    padding-bottom: 1540px;
    margin-bottom: -1193px;
  }
  .solutions.migrate .darkbg_angle {
    padding-bottom: 1560px;
    margin-bottom: -1200px;
  }
  .solutions.communication .darkbg_angle {
    padding-bottom: 1645px;
    margin-bottom: -1308px;
  }
  .solutions.technology .darkbg_angle{
    padding-bottom: 1298px;
    margin-bottom: -980px;
  }
  .solutions.leaders .darkbg_angle{
    padding-bottom: 1575px;
    margin-bottom: -1207px;
  }

  main section.real-world .content {
    padding: 25px 35px 40px;
  }
  .digital-services-and-capabilities#services main {
    margin-top: 10px;
  }
  #services section.model h3 {
    margin-bottom: 10px;
  }
  #services section.model p.big{
    margin-bottom: 20px;
  }

  #services section.model .col{
    padding-bottom: 40px;
  }
  .gradient-triangle {
    margin-top: -19%;
    padding-top: 50%;
    margin-bottom: -16%;
    height: 1521px;
  }
  .gradient-triangle h3{
    padding-right: 165px;
  }
  .contact-sales.content{
    height: auto;
  }

  .solution-carousel li {
    width: 430px;
  }
  .solution-carousel .left-pos {
    margin-left: -23em !important;
  }
  .solution-carousel input#prev[type=button] {
    margin-right: 450px;
  }

  .solutions-list .img {
    height: 210px;
  }

  #services p.quote, #solutions p.quote, #solutions-pg p.quote{
    margin-top: -15px;
  }
  #services p.author {
     margin-bottom: 0; 
  }

  section.capabilities .container {
    padding-bottom: 0px;
  }

  .solutions .adjust-column-space .content:first-child {
    margin-bottom: -30px;
  }
  .people .adjust-header-space .content p {
    margin-top: 20px;
  }
  .solutions .adjust-column-space.adjust-header-space .content:first-child p {
    margin-bottom: 0px;
  }

}

@media (max-width: 767px){
  .page-template-page-servicessub.studio-services section.header .background{
    top: 151px;
    left: -191px;
  }
   .studio-services main.servicesub{
    padding-top:  94px;
  }

  .page-template-page-servicessub.studio-services section.header{
    padding-bottom: 143px;
  }

  .page-template-page-servicessub.subscription-services section.header .background{
    top: 190px;
    left: -175px;
    max-width: 350px;
  }

  .page-template-page-servicessub.subscription-services section.header{
    padding-bottom: 135px;
  }

  .subscription-services .sp-bg-top {
    margin-top: -172px;
    background-size: 200%;
    padding-top:  68%;
  }

}

@media (max-width: 540px){
  .solutions-template-default section.header.rocket .background {
      top: 344px;
  }
  .solutions-template-default section.header.people .background {
      top: 228px!important;
     
  }
  .solutions.people .sp-column-size2{
    margin-top: 145px;
  }
  
  .number-subtitle {
    margin-top: 0;
    margin-bottom: -60px;
  }
  .number-subtitle h2{
    font-size: 1.5em;
  }

  main.rocket .models_section p, main.people .models_section p{
    margin-bottom: 0;
  }
  main.rocket .sub-stud-links.columns .content, main.people .sub-stud-links.columns .content{
    padding-bottom: 0;
    padding-top: 0;
  }
  .page-template-page-servicessub section.header .background{
    top: 233px!important;
  }
  .page-template-page-servicessub.project-model section.header .background{
    top: 264px;
  }
  .page-template-page-servicessub.subscription-model section.header .background {
    top: 250px;
  }
  section.header .content h1 span{
	margin-bottom: -30px;	
	}
	
  .gradient-triangle {
    padding-top: 31%;
    margin-bottom: 25%;
    height: 1090px;
  }
  .gradient-triangle h3{
  font-size: 3em;
  }

  .project-model .darkbg_angle {
    padding-bottom: 720px;
    margin-bottom: -460px;
  }
  .subscription-model .darkbg_angle, .studio-model .darkbg_angle {
    padding-bottom: 536px;
    margin-bottom: -296px;
  }

  #services p.quote, #solutions p.quote, #solutions-pg p.quote {
    margin-top: -30px;
  }

  #services .real-world h3, #services .labs h3 {
    font-size:  3.25em;
  }

  #services .darkbg h2{
    padding-left: 20px;
    padding-right:  20px;
  }
/*
  .page-template-page-servicessub.studio-model section.header .background{
    top:  257px;
  }

  .solutions-template-default section.header.hands .background {
    top: 353px;
  }
 
  .solutions-template-default section.header.build .background {
    top: 402px;
  }
  .solutions-template-default section.header.communication .background {
    top: 462px;
  }
	*/
  .solutions-template-default section.header.awards .background {
    top: 224px !important;
    left: 22vw !important;
    max-width: 60vw !important;
  }
 /* .solutions-template-default section.header.technology .background {
    top: 415px;
  }
	*/
  .solutions-template-default section.header.leaders .background {
    
      left: 15vw !important;
      max-width: 70vw !important;
  }
	/*
  .solutions-template-default section.header .background{
		 top: 50vh;
	}
	*/
	
  .solutions-template-default section.header .background{
	top: 40vh;
    left: 7vw!important;
    max-width: 86vw!important;
    margin: 0px auto;
  }
	
  .hands .numbers-list h4, .rocket .numbers-list h4{
    font-size: 2.5em;
  }

  main.bg.light.rocket{
    padding-top: 220px;
  }
  main.bg.light.people{
    padding-top: 160px;
  }
  main.bg.light.migrate{
    padding-top: 146px;
  }
  .rocket .number-subtitle {
    margin-bottom: -65px;
  }

  .solutions.hands .darkbg_angle {
    padding-bottom: 1199px;
    margin-bottom: -1038px;
  }
  .solutions.rocket .darkbg_angle.managers-leading {
    margin-bottom: -354px;
    padding-bottom: 601px;
  }
  .solutions.people .darkbg_angle {
    margin-bottom: -995px;
  }
  .solutions.migrate .darkbg_angle {
    padding-bottom: 1190px;
    margin-bottom: -942px;
  }
  .solutions.build .darkbg_angle {
    padding-bottom: 1216px;
    margin-bottom: -989px;
  }
  .solutions.communication .darkbg_angle {
    padding-bottom: 1241px;
    margin-bottom: -1065px;
  }
  .solutions.awards .darkbg_angle {
    padding-bottom: 1195px;
    margin-bottom: -972px;
  }
  .solutions.technology .darkbg_angle {
    padding-bottom: 1003px;
    margin-bottom: -829px;
  }
  .solutions.leaders .darkbg_angle {
    padding-bottom: 1214px;
    margin-bottom: -1026px;
  }

  /*.solutions .adjust-column-space .intro{
    margin-bottom: 20px;
  }*/
  .solutions .adjust-column-space .content:first-child {
    padding-bottom: 0;
    margin-bottom: -20px;
  }
  /*.solutions.people .adjust-column-space:second-child .content:first-child {
    padding-bottom: 0;
    margin-bottom: -40px;
  }*/
  .solution-carousel {
    /* width: 35em; */
	  width:90vw;
  }
  .solution-carousel li {
    width: 385px;
  }
  .solution-carousel input#prev[type=button] {
    margin-right: 410px;
  }
  .solution-carousel .main-pos {
    margin-left: 4em !important;
  }
  .solution-carousel .right-pos {
    margin-left: 30em !important;
  }

  .solutions-list .img {
    height: 130px;
  }
  /*.solutions-list .img.people img {
    left: -40px;
  }*/
}

@media (max-width: 520px){
    .solutions-template-default section.header{
      padding-bottom: 200px;
    }
    .solutions-template-default section.header.people{
      padding-bottom: 113px;
    }
    .solutions-template-default section.header h3 {
      font-size: 2.75em;
    }
    .solutions-template-default section.header .background{
      top: 280px !important;
 
    }
    .solutions-template-default section.header.rocket .background {
         left: 18vw !important;
   		 max-width: 243px !important;
    	 top: 234px !important;
    }
    .solutions-template-default section.header.people .background {
      top: 228px;
      left: -214px;
      max-width: 394px;
    }
    main.solutions.bg.light{
      padding-top: 18vh;
    }
     main.solutions.bg.light.people{
      padding-top: 14vh;
    }
    main.solutions p{
      text-align: center;
    }
    .number-img-left, .number-img-right{
      max-width: 27% !important;
    }
    .numbers-list h4, .darkbg_angle h4, .solutions .sp-column-size h2, .solutions .sp-column-size2 h2, .solutions .contact-sales h4, .solutions .darkbg_angle.talent h4, .solutions .talent h4{
      font-size: 2.25em;
      line-height: 1.2em;
    }
    .text.numbers-list p, .contact-sales p{
      text-align: left;
    }
    .solutions .darkbg_angle.talent h4{
      margin-top: 0;
      text-align: center;
    }

    .darkbg_angle{
      padding-bottom: 1012px;
      margin-bottom: -846px;
    }
    
    .number-subtitle{
      margin-bottom: -50px;
      margin-top: 0;
    }
    .numbers-list.left.text, .numbers-list.right.text{
      width: 65%;
    }
    .numbers-list.left.text{
      left: 29%;
    }
    .numbers-list.image.lg-6{
      width: 30%;
    }
    .solutions .sub-stud-links a.arrow {
      font-size: 1.2em;
      padding-right: 14px;
    }
    .solutions .sub-stud-links a.arrow i {
      font-size: 19px;
      line-height: 26px;
    }
    .number-subtitle h2{
      margin-top: 0px;
    }
    .rocket .number-subtitle {
      margin-bottom: -40px;
    }

  }

@media (max-width: 414px){
  	span.show-sm-sp{
	display: block !important;
	}
	.solutions-template-default section.header, .solutions-template-default section.header.people, .digital-services-and-capabilities section.header, .solutions section.header{
    margin-top: 100px;
  }
  .page-template-page-servicessub.project-model section.header .background {
    top: 239px;
  }
 .solutions-template-default section.header.people .background {
      top: 236px;
     /* left: -201px;
      max-width: 373px;*/
  }
  .solutions-template-default section.header.hands .background{
    top: 300px;
   /* max-width: 310px;
    left: -157px; */
  }
  .solutions-template-default section.header.rocket .background {
    left: -126px;
   /* max-width: 230px; */
  }
  .solutions-template-default section.header.migrate .background {
    top: 40vh;
   /* left: 5vw;
    max-width: 90vw;
    margin: 0px auto; */
  }
  .solutions-template-default section.header.build .background {
    top: 323px;
   /* max-width: 347px;*/
  }
  .solutions-template-default section.header.communication .background {
    top: 328px;
   /* max-width: 371px;
    left: -190px; */
  }
  .solutions-template-default section.header.awards .background {
    
    top: 264px!important;
    left: 22vw!important;
    max-width: 233px!important; 
  }
  .solutions-template-default section.header.technology .background {
    top: 344px;
  /*align-content  max-width: 371px;
    left: -183px; */
  }
  .solutions-template-default section.header.leaders .background {
    top: 296px;
  /*  left: -151px;*/
     max-width: 80vw; 
	  left:10uw;
  }
  .solutions-template-default section.header.audit .background {
    /*left: -195px; */
    top:  221px;
  }

 .solutions-template-default section.header .background {
    top: 40vh;
    left: 7vw!important;
    max-width: 86vw!important;
    margin: 0px auto!important;
  }

  .solutions-template-default section.header.migrate {
    padding-bottom: 136px;
  }
   .solutions-template-default section.header.audit {
    padding-bottom: 132px;
  }
/*
  main.solutions.bg.light.migrate {
    padding-top: 140px;
  }
  main.solutions.bg.light.technology {
    padding-top: 131px;
  }
  main.solutions.bg.light.audit {
    padding-top: 122px;
  }
*/

  .solutions .sp-margin-top{
    margin-top: 10%;
    padding-top: 45px;
  }
  .solutions.migrate .sp-margin-top, .solutions.build .sp-margin-top, .solutions.communication .sp-margin-top, .solutions.awards .sp-margin-top, 
  .solutions.technology .sp-margin-top, .solutions.leaders .sp-margin-top {
    margin-top: 10%;
    padding-top: 20px;
  }
  .people .darkbg_angle {
    padding-bottom: 1001px;
    margin-bottom: -935px;
  }
  .darkbg_angle.managers-leading{
    padding-bottom: 580px;
  }
  .solutions.hands .darkbg_angle {
    padding-bottom: 1060px;
    margin-bottom: -928px;
  }
  .solutions.rocket .darkbg_angle.managers-leading {
    margin-bottom: -379px;
    padding-bottom: 540px;
  }
  .solutions.people .darkbg_angle {
    margin-bottom: -782px;
    padding-bottom: 740px;
  }
  .solutions.migrate .darkbg_angle {
    padding-bottom: 975px;
    margin-bottom: -820px;
  }
  .solutions.build .darkbg_angle {
    padding-bottom: 1050px;
    margin-bottom: -915px;
  }
  .solutions.communication .darkbg_angle {
    padding-bottom: 1085px;
    margin-bottom: -943px;
  }
  .solutions.awards .darkbg_angle {
    padding-bottom: 1000px;
    margin-bottom: -860px;
  }
  .solutions.technology .darkbg_angle {
    padding-bottom: 850px;
    margin-bottom: -730px;
  }
  .solutions.leaders .darkbg_angle {
    padding-bottom: 985px;
    margin-bottom: -865px;
  }

  section.header .content h1 span {
    margin-bottom: -30px;
    font-size: 19px;
  }
  .page-template-page-servicessub section.header .background {
    left: -146px;
    top: 202px;
    max-width: 276px;
  }
  
  .project-model .darkbg_angle {
    margin-bottom: -550px;
  }
  .subscription-model .darkbg_angle {
    margin-bottom: -355px;
  }
  .studio-model .darkbg_angle{
    margin-bottom: -350px;
  }
  #services .real-world h3, #services .labs h3, #solutions-pg .labs h3, .solution-services h3 {
    font-size: 3.25em;}

  .page-template-page-servicessub section.header{
    padding-bottom: 105px;
  }
  /* .page-template-page-servicessub.subscription-model section.header .background{
    max-width: 290px;
  }
 .page-template-page-servicessub.studio-model section.header .background {
    left: -193px;
    top: 212px;
    max-width: 376px;
  }
	*/
	
   .page-template-page-servicessub section.header .background{
    /*top: 482px; */
	top: 40vh;
    left: 7vw!important;
    max-width: 86vw!important;
    margin: 0px auto;
  }

  .gradient-triangle {
    padding-top: 33%;
    margin-bottom: 100%;
    height: 883px;
  }
  .gradient-triangle h3{
    font-size:  2.5em;
    padding-right: 118px;
  }
  .gradient-triangle p{
    padding-right: 40px;
  }

  .solution-carousel {
    width: 25em;
    height: 42em;
  }
  .solution-carousel input#prev[type=button] {
    margin-right: 310px;
  }
  .solution-carousel li {
    width: 300px;
    height: 500px;
  }
  .solution-carousel .main-pos {
    margin-left: 2em !important;
  }
  .solution-carousel .right-pos {
    margin-left: 23em !important;
  }
  .solution-carousel .left-pos {
    margin-left: -19em !important;
  }

  .solutions-list .img {
    height: 110px;
  }
}

@media (max-width: 393px){
  .solutions-template-default section.header.people .background {
      top: 275px;  
  }

  .gradient-triangle {
    padding-top: 24%;
    margin-bottom: 116%;
  }
  .solutions-template-default section.header.audit .background {
    top: 278px;
  }

  .solutions-list .img {
    height: 96px;
  }
}

@media (max-width: 390px){
  .rocket .number-subtitle {
    margin-bottom: -37px;
  }

  
  
}

@media (max-width: 375px){
  .solutions-template-default section.header.rocket .background {
    top: 292px;
  }
  .page-template-page-servicessub.subscription-model section.header .background {
    top: 236px;
  }

  .gradient-triangle {
    padding-top: 37%;
  }
  .gradient-triangle h3{
    padding-right: 71px;
  }
  .gradient-triangle p{
    padding-right: 15px;
  }

  .link-blocks a.ex-link-blocks{
    padding-right: 10px;
    padding-left: 10px;
  }
  .hands .numbers-list h4, .rocket .numbers-list h4{
    font-size: 2em;
  }
  .rocket .number-subtitle {
    margin-bottom: -44px;
  }
  .solutions-template-default section.header.awards .background{
    top: 278px;
  }
  .solutions-template-default section.header.technology .background{
    top: 378px;
  }
  
  .solutions-template-default section.header.communication .background {
    top: 408px;
  }
  .solutions-template-default section.header.migrate .background {
    top: 372px;
  }
  .solution-carousel {
    width: 24em;
    height: 43em;
  }
  .solution-carousel input#prev[type=button] {
    margin-right: 296px;
  }
  .solution-carousel li {
    width: 290px;
    height: 520px;
  }
  .solution-carousel .main-pos {
    margin-left: 1.75em !important;
  }
}

@media (max-width: 360px){
  .page-template-page-servicessub.project-model section.header .background{
    top: 232px;
  }

  .solution-carousel input#prev[type=button] {
    margin-right: 280px;
  }
  .solution-carousel {
    width: 23em;
  }
  .solution-carousel .main-pos {
    margin-left: 1.2em !important;
  }
  .solution-carousel .right-pos {
    margin-left: 21em !important;
  }

  .gradient-triangle {
    padding-top: 21%;
  }

}

@media (min-width: 1434px){
  .gradient-triangle{
    margin-top:-70px;
    margin-bottom:  -630px;
    padding-top: 600px;
    background-position: left center;
  }

}

/* --------------  Privacy Policy------*/
.page-id-16685, .page-id-18835{
	background-color:#fff;
	color:#000;
}
.magin_l_20{
	margin-left:20px;
}

.white_bg{
	background-color:#fff;
	color:#000;
}
.black_bg{
	background-color:#282e31;
	color:#fff;
}
.backdrop_black{
	position:absolute;
	height:2400px;
	width:100vw;
	background-color:#282e31;
	
}
.author{
	font-style:italic;
	font-size:.8em;
	
}

#maturity-pg{
	background-color:#fff;
	color:#000;
}
#maturity-pg .header{
	color:#fff;
	margin:100px 0px 50px 0px;
	
}

#maturity-pg .quote.top{
	margin:20px auto; 
	max-width:80%;
}

#maturity-pg .intro{
	height:500px;
	margin-top:0px;
}

#maturity-pg .intro .container{
	max-width:1140px !important;
}
#maturity-pg .intro .content{
	max-width:650px !important;
}
#maturity-pg a.arrow{
	font-size: 1.5em;
    padding: 10px 30px;
    background-color:#ea1d76;;
    color: #fff;
    border-radius: 30px;
}

#maturity-pg a.arrow:hover{

    background-color:#00a6d8;
    color:#fff;
 
}

#maturity-pg a.arrow i{
	display:none;
}

/* -- patch image float right on desktop safari --*/ 
@media (min-width: 768px) {
#maturity-pg section.intro .image{
	position: relative!important;
	padding: 0;
	width: 50%;
	float: right;
	z-index:0;
	
}
}

#maturity-pg .intro .image img.vr{
	max-width:550px !important;
	margin-left:5%;
	border: #454545 solid 1px;
}

@media (min-width:1025px) {
  #maturity-pg .intro .image img.vr{
	margin-left:0px;
	}

}




#maturity-pg .goal{
    min-height: 550px;
    background-image: url(/wp-content/uploads/2024/04/whitecut.png);
    background-position: bottom 0px left 0px;
    background-repeat: no-repeat;
    background-size: 120vw 600px;
	
}


#maturity-pg .goal h3{
	color:#fff;
	margin-top:80px;
}
#maturity-pg .goal .solutions-list .img{
	margin-bottom:30px;
}


#maturity-pg .goal .content h5{
	color: #fff;
    font-size: 1.7em;
    text-align: center;
    margin: 14% auto;
    max-width: 70%;
    line-height: 1.2em;
    font-weight: 200;
	
}

#maturity-pg .goal .solutions-list .img img{
	max-width: 70%;
    max-height: 40%;
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 100px;
    left: 0;
    margin: auto;
}

#maturity-pg .midquote{
  background-image: url(/wp-content/uploads/2024/04/blackcut.svg);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: 3000px auto;
  min-height:500px;
  max-height:620px;
  z-index:100;
}


#maturity-pg .midquote h3{
	position:absolute;
	max-width:80%;
	margin-top:15%;
	left:10%;
	color:#fff;
	
}

#maturity-pg .midquote .author{
	font-size:.7em;
}

#maturity-pg .youwillget{
	height:700px;
}

#maturity-pg .t_1 .container{
	padding-top:50px;
}

#maturity-pg .t_1 .content.col, #maturity-pg .t_2 .content.col{
	padding:20px 50px;
}
#maturity-pg .t_2 .container{
	padding-top:0px;

}

#maturity-pg .t_1 p, #maturity-pg .t_2 p{
	font-size:1.4em;
	font-weight:300;
	line-height:1.2em;
	margin-bottom:15px;
}

#maturity-pg .t_1 .author, #maturity-pg .t_2 .author{
	font-size:.8em;
}

#maturity-pg .capabilities{
	max-width:90vw;
	margin:20px auto;
}

#maturity-pg .capabilities .logo_lg{
	max-width:90%;
}

#maturity-pg .s_getstart{
	background-color:#282e31;
	padding:90px 0px 240px 0px;
	background-image: url(/wp-content/uploads/2024/05/maturity_footer_nobg-1.svg);
  	background-position: bottom 0px left 0px;
  	background-repeat: no-repeat;
  	background-size: 100vw 22vh;
}

#maturity-pg .s_getstart .container{
	padding-top:0px;
}

#maturity-pg .s_getstart h3{
	max-width:70%;
	margin:0px auto;
	color:#fff;
	padding-bottom:30px;
}

#maturity-pg .s_getstart a.arrow {
    font-size: 1.5em;
	padding:10px 20px;
}
#maturity-pg .youwillget img{
		border:#ccc solid 1px;
	}


/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px

*/


@media (min-width: 769px) and (max-width: 1024px) {
	
	#maturity-pg .intro .image img.vr{
		width:40vw !important;
		margin-left:5%;
	}
	#maturity-pg .intro{
		max-height:370px;
	}
	#maturity-pg .goal{
		min-height: 400px;
		background-size: 180vw 600px;
	}
	#maturity-pg .goal .content h5{
		font-size:1.3em;
		 margin: 8% auto !important;
		max-width: 90%;
	}
	#maturity-pg .youwillget {
   		 min-height: 1000px!important;
	}
	
}

@media (min-width: 768px) and (max-width: 769px) {

	#maturity-pg .intro{
		width:95vw;
		margin:0px auto;
	}
	
	#maturity-pg .intro .content{
		width: 49%;
    	text-align: left;
    	padding: 20px;
	}

	#maturity-pg .intro .content h4{
		font-size:1.5em;
	}
	#maturity-pg .intro .image img{
		max-width:48vw !important;
		margin:0px auto;
		border: #454545 solid 1px;
	}
  #maturity-pg a.arrow{
		font-size: 1.1em;
		padding:10px 20px;
	}
  #maturity-pg .goal .solutions-list .img{
		margin-bottom: 0px;
	    height:100px;
	}
   #maturity-pg .goal .content h5{
	  margin: 5% auto;
		
	}
	#maturity-pg .youwillget{
		min-height:1600px;
	}
	#maturity-pg .youwillget .results_mobile{
	 	width:70vw;
	}
	#maturity-pg .youwillget ul li, #maturity-pg .youwillget h4{
	 	font-size: 1.5em;
    	margin-bottom: .5em;
	}
	#maturity-pg .s_getstart{
		background-size: 120vw 30vh;
		background-position: bottom 0px left -10vw;
	}
	#maturity-pg a.arrow{
		font-size:1.5em;
	}
}

/* 
  phone
*/

@media (max-width: 540px){
	
	#maturity-pg .header h1{
		margin-top:8vh;
		
	}
	
	#maturity-pg a.arrow{
		font-size: 1.25em;
		padding:10px 20px;
	}
	#maturity-pg .image{
		top:10px;
	}
	#maturity-pg section.header{
		margin-top: 50px;
		padding:0px;
	}
	#maturity-pg section.header .content h1 span{
		margin:0px auto;
	}
	#maturity-pg .intro .content, #maturity-pg .intro .image{
		position:absolute;
	}
	#maturity-pg .intro{
		height: 900px;
	}
	#maturity-pg .intro .content{
		height: 500px;
		top:570px;
	}	
	#maturity-pg .intro .image img{
		max-width:90vw !important;
		margin:0px auto;
		border: #454545 solid 1px;
	}
	#maturity-pg .goal{
		background-position: bottom 0px left 0px;
    	background-repeat: no-repeat;
    	background-size: 130vw 300px;
	}
	#maturity-pg .goal h3{
		text-align:center;
		margin-top:40px;
	}
	#maturity-pg .goal .content h5{
		margin: 7% auto;
		font-size:1.5em;
		max-width: 90%;
	}
	#maturity-pg .solutions-list .col{
		margin-bottom:0px;
	}
	
	#maturity-pg .level h2{
		margin-top:40px;
	}
	
	#maturity-pg .quote.top{
		max-width:90%;
	}
	#maturity-pg .youwillget{
		height:1350px;
	}
	#maturity-pg .youwillget .content:first-child{
		padding:0px;
	}
	#maturity-pg .youwillget .content:first-child p{
		display:none;
	}
	
	#maturity-pg .youwillget li{
		font-size:1.4em;
		line-height:1.5em;
		 margin-bottom:1em;
	}
	.u_willget{
		padding-bottom:20px;
	}
	#maturity-pg .midquote{
		min-height:450px;
	}
	#maturity-pg .midquote h3{
		margin-top:20%;
		font-size:2em;
	}
	#maturity-pg .midquote .author{
	font-size:.9em;
	}
	#maturity-pg .s_getstart{
		padding: 60px 0px 50px 0px;
	}
	#maturity-pg .t_1 .container{
		padding-bottom:0px;
	}
	
	#maturity-pg .t_1 .content.col, #maturity-pg .t_2 .content.col{
		padding:20px;
	}
	#maturity-pg .s_getstart {
		padding: 90px 0px 200px 0px;
		background-image: url(/wp-content/uploads/2024/05/maturity_footer_nobg.svg);
		background-position: bottom 30px left 0px;
	}
	
	#maturity-pg .s_getstart h3{
		max-width:90%;
		font-size:2em;
	
	}
	#maturity-pg .youwillget .container{
		padding-top:0px;
	}
	
}



/*
#maturity-pg .goal.edge:before {
  border-right: 5000px solid transparent;
  border-top: 5000px solid #282e31;
  content: "";
  height: 0;
  left: -2500px;
  margin-left: 50%;
  position: absolute;
  top: -1800px;
  width: 0;
}
*/