body, html {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body {
  position: relative;
}
body.dark {
  background-color: #000;
}

#mobileMenu {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  font-family: "proxima-nova", sans-serif;
}
@media only screen and (max-width: 1140px) {
  #mobileMenu {
    display: block;
  }
}
#mobileMenu.hide {
  display: none;
}

#mobileMenu #mobileBurger {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
}

#mobileMenu #mobileBurger .lines {
  position: absolute;
  left: 10px;
  top: 10px;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  transition: 0.35s;
  width: 40px;
  height: 40px;
}

#mobileMenu #mobileBurger .line1,
#mobileMenu #mobileBurger .line2,
#mobileMenu #mobileBurger .line3 {
  display: block;
  position: absolute;
  z-index: 100;
  top: 14px;
  left: 10px;
  height: 1px;
  width: 20px;
  background-color: #FFF;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  transition: 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#mobileMenu #mobileBurger .line2 {
  top: 19px;
  transform: scale(1);
  opacity: 1;
}

#mobileMenu #mobileBurger .line3 {
  top: 24px;
}

#mobileMenu #mobileBurger.active .lines {
  transform: rotate(90deg);
}

#mobileMenu #mobileBurger.active .line1,
#mobileMenu #mobileBurger.active .line2,
#mobileMenu #mobileBurger.active .line3 {
  top: 19px;
}

#mobileMenu #mobileBurger.active .line1 {
  transform: rotate(-45deg);
}

#mobileMenu #mobileBurger.active .line2 {
  transform: scale(0);
  opacity: 0;
}

#mobileMenu #mobileBurger.active .line3 {
  transform: rotate(45deg);
}

#mobileMenu #mobileBurger::before {
  content: "";
  position: absolute;
  background-color: #000;
  width: 60px;
  left: 0;
  bottom: 0;
  height: 0;
  opacity: 0;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  transition: 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#mobileMenu #mobileBurger.active::before {
  opacity: 1;
  height: 60px;
}

#mobileMenu .mobile-menuOpen,
#mobileMenu .mobile-menuClose {
  position: absolute;
  z-index: 150;
  left: 0;
  top: 0;
  height: 40px;
  width: 40px;
  visibility: hidden;
  opacity: 0;
  padding: 10px;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  transition: 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#mobileMenu .mobile-menuOpen img {
  transform: rotate(135deg);
}

#mobileMenu .mobile-menuClose img {
  transform: rotate(-135deg);
}

#mobileMenu .mobile-menuOpen img,
#mobileMenu .mobile-menuClose img {
  visibility: hidden;
  opacity: 1;
  transition: 0.35s;
}

#mobileMenu .mobile-menuOpen.active,
#mobileMenu .mobile-menuClose.active {
  opacity: 1;
  visibility: visible;
}

#mobileMenu .mobile-menuOpen.active img,
#mobileMenu .mobile-menuClose.active img {
  transform: rotate(0);
  opacity: 1;
  visibility: visible;
}

#mobileMenu .mobile-basket {
  position: absolute;
  height: 40px;
  width: 40px;
  right: 0;
  top: 0;
  padding: 10px;
}

#mobileMenu .links {
  position: absolute;
  display: none;
  z-index: 100;
  left: 0;
  right: 0;
  top: 60px;
  padding: 10px 0;
  max-width: 400px;
  background: #000; /* Old browsers */ /* FF3.6+ */ /* Chrome10+,Safari5.1+ */
  background: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0.75) 100%); /* W3C */
  overflow-x: hidden;
  height: calc(100vh - 60px);
}

#mobileMenu .links.active {
  left: 0;
  right: 0;
  visibility: visible;
  opacity: 1;
}

#mobileMenu .links .searchBox {
  position: relative;
  padding-left: 20px;
  padding-right: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

#mobileMenu .links .searchBox input[type=search] {
  -webkit-appearance: none;
  height: 40px;
  width: 100%;
  border: 0;
  padding: 0;
  font-size: 16px;
  padding-left: 10px;
  padding-right: 70px;
  background-color: rgba(0, 0, 0, 0.1);
  color: #FFF;
  border-radius: 0px;
}

#mobileMenu .links .searchBox input[type=submit] {
  position: absolute;
  top: 10px;
  right: 0;
  width: 60px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
  background-image: url(/images/Layout/menuSearch.png);
  background-repeat: no-repeat;
  background-size: 40px;
  background-position: center;
  background-color: rgba(0, 0, 0, 0.1);
}

#mobileMenu .links ul {
  margin: 0;
  padding: 0;
}

#mobileMenu .links ul li {
  position: relative;
  list-style: none;
  background-repeat: no-repeat;
  background-position: top right;
}

#mobileMenu .links ul li.collapsed {
  cursor: pointer;
}

#mobileMenu .links li.collapsed > a:nth-of-type(1)::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: -60px;
  width: 60px;
  top: 100%;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.1);
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
  transition: 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#mobileMenu .links li.collapsed > a:nth-of-type(1)::after {
  content: "";
  position: absolute;
  top: 0;
  right: -60px;
  width: 60px;
  bottom: 0;
  background-image: url("/images/Layout/menuExpand.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 30px;
  pointer-events: none;
  transition: 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#mobileMenu .links li.expanded > a:nth-of-type(1)::before {
  top: 0;
  opacity: 1;
}

#mobileMenu .links li.expanded > a:nth-of-type(1)::after {
  -webkit-transform: rotateX(180deg);
}

#mobileMenu .links ul li ul {
  margin: 0;
  padding: 0;
  margin-left: 20px;
  background-color: rgba(255, 255, 255, 0.1);
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#mobileMenu .links ul lu ul li {
  list-style: none;
}

#mobileMenu .links li a {
  position: relative;
  display: block;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 20px;
  font-size: 16px;
  text-decoration: none;
  font-weight: 300;
  text-align: left;
  color: #FFF;
  transition: 0.35s;
  padding-top: 5px;
  padding-bottom: 5px;
}

#mobileMenu .links li.collapsed > a:nth-of-type(1) {
  margin-right: 60px;
}

#mobileMenu .links li a:hover {
  color: rgb(237, 102, 47);
}

/* Preload images */
body:after {
  content: url(/includes/js/lightbox/images/close.png) url(/includes/js/lightbox/images/loading.gif) url(/includes/js/lightbox/images/prev.png) url(/includes/js/lightbox/images/next.png);
  display: none;
}

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  /* Image border */
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(/includes/js/lightbox/images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(/includes/js/lightbox/images/prev.png) left 48% no-repeat;
  opacity: 0;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(/includes/js/lightbox/images/next.png) right 48% no-repeat;
  opacity: 0;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 20px;
  width: 100%;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-family: "proxima-nova", sans-serif;
  font-size: 18px;
  font-weight: normal;
  line-height: 1em;
  color: #FFF;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  font-family: "proxima-nova", sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(/includes/js/lightbox/images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  opacity: 0.7;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  opacity: 1;
}
@keyframes ani-mouse {
  0% {
    opacity: 0;
    top: 20%;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    top: 40%;
  }
  100% {
    opacity: 0;
    top: 55%;
  }
}
body {
  font-family: "proxima-nova", sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.clear {
  display: block;
  clear: both;
}

.maf-c-f::after,
.maf-c-f::before {
  content: " ";
  display: table;
}

.maf-c-f::after {
  clear: both;
}

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

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

.al-right {
  text-align: right;
}

@media only screen and (max-width: 568px) {
  iframe {
    width: 100%;
  }
}

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

img.al-left {
  float: left;
  margin-bottom: 20px;
  margin-right: 20px;
}

img.al-center {
  display: block;
  margin: auto !important;
}

img.al-right {
  float: right;
  margin-bottom: 20px;
  margin-left: 20px;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, li {
  margin: 0;
  font-family: "proxima-nova", sans-serif;
  margin-bottom: 15px;
  color: black;
}
h1.no-margin, .h1.no-margin, h2.no-margin, .h2.no-margin, h3.no-margin, .h3.no-margin, h4.no-margin, .h4.no-margin, h5.no-margin, .h5.no-margin, h6.no-margin, .h6.no-margin, p.no-margin, li.no-margin {
  margin: 0;
}
h1.big-margin, .h1.big-margin, h2.big-margin, .h2.big-margin, h3.big-margin, .h3.big-margin, h4.big-margin, .h4.big-margin, h5.big-margin, .h5.big-margin, h6.big-margin, .h6.big-margin, p.big-margin, li.big-margin {
  margin: 0 0 40px 0;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: "Comfortaa", sans-serif;
  font-weight: 700;
  line-height: 1.3;
}

h1, .h1, h2, .h2 {
  font-size: 40px;
}
@media only screen and (max-width: 568px) {
  h1, .h1, h2, .h2 {
    font-size: 32px;
  }
}

h3, .h3 {
  font-size: 32px;
}
@media only screen and (max-width: 568px) {
  h3, .h3 {
    font-size: 24px;
  }
}

h4, .h4 {
  font-size: 26px;
}
@media only screen and (max-width: 568px) {
  h4, .h4 {
    font-size: 20px;
  }
}

h5, .h5 {
  font-size: 18px;
}

p, td, li {
  font-size: 18px;
  line-height: 1.4;
  font-family: "proxima-nova", sans-serif;
  font-weight: 300;
}
p strong, td strong, li strong {
  font-weight: 700;
}
p.intro, td.intro, li.intro {
  font-size: 22px;
}
@media only screen and (max-width: 568px) {
  p.intro, td.intro, li.intro {
    font-size: 20px;
  }
}
p.big-text, td.big-text, li.big-text {
  font-size: 30px;
}
@media only screen and (max-width: 568px) {
  p.big-text, td.big-text, li.big-text {
    font-size: 20px;
  }
}

ul {
  margin: 0;
  margin-bottom: 20px;
  padding-left: 20px;
}
ul li {
  margin: 0;
  margin-bottom: 20px;
}
ul li.space {
  margin-bottom: 10px;
}
ul.check-list {
  list-style: none;
  padding-left: 35px;
}
ul.check-list li {
  position: relative;
}
ul.check-list li::after {
  border: 3px solid green;
  border-top: 0;
  border-left: 0;
  content: "";
  height: 12px;
  left: -30px;
  position: absolute;
  top: 3px;
  transform: rotate(45deg);
  width: 6px;
}

a {
  color: rgb(0, 142, 132);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

a.button, button.button, div.button {
  align-items: center;
  border: 2px solid black;
  border-radius: 30px;
  box-sizing: border-box;
  color: black;
  cursor: pointer;
  display: inline-flex;
  padding: 8px 20px;
  margin: 10px 0;
  min-height: 36px;
  overflow: hidden;
  position: relative;
  font-size: 16px;
  font-weight: 400;
  width: auto;
  z-index: 1;
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
a.button::after, button.button::after, div.button::after {
  background-color: black;
  border-radius: 50%;
  content: "";
  left: 50%;
  opacity: 0;
  padding-bottom: 100%;
  position: absolute;
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transform: translate(-50%, -50%);
  top: 50%;
  width: 0;
  z-index: -1;
}
a.button:hover, a.button:focus, button.button:hover, button.button:focus, div.button:hover, div.button:focus {
  color: white;
  text-decoration: none;
}
a.button:hover::after, a.button:focus::after, button.button:hover::after, button.button:focus::after, div.button:hover::after, div.button:focus::after {
  opacity: 1;
  width: 110%;
}
a.button.white, button.button.white, div.button.white {
  border-color: white;
  color: white;
}
a.button.white::after, button.button.white::after, div.button.white::after {
  background-color: white;
}
a.button.white:hover, a.button.white:focus, button.button.white:hover, button.button.white:focus, div.button.white:hover, div.button.white:focus {
  color: black;
}
a.button.aqua, button.button.aqua, div.button.aqua {
  background-color: rgb(0, 142, 132);
  border-color: white;
  color: white;
}
a.button.aqua::after, button.button.aqua::after, div.button.aqua::after {
  background-color: black;
}

a.button + a.button {
  margin-left: 10px;
}

@media only screen and (max-width: 1140px) {
  table {
    width: 100% !important;
    height: auto !important;
  }
}
@media only screen and (max-width: 1140px) {
  table tr {
    width: 100% !important;
    height: auto !important;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 568px) {
  table tr td {
    width: 100% !important;
    height: auto !important;
    padding-bottom: 20px;
    text-align: center;
  }
}
@media only screen and (max-width: 568px) {
  table tr td {
    display: block;
  }
}

.contactForm {
  width: 70%;
  float: left;
  box-sizing: border-box;
  padding-right: 40px;
}
.contactForm .formWrap {
  margin: 0 -15px;
}
.contactForm .formWrap .input {
  float: left;
  width: 50%;
  padding: 20px 15px;
  box-sizing: border-box;
}
@media only screen and (max-width: 568px) {
  .contactForm .formWrap .input {
    padding: 10px 15px;
  }
}
.contactForm .formWrap .input input[type=text],
.contactForm .formWrap .input textarea {
  margin: 0;
  width: 100%;
  height: 64px;
  padding-left: 20px;
  font-size: 18px;
  font-family: "proxima-nova", sans-serif;
  border: 1px solid #EEE;
  box-sizing: border-box;
  border-radius: 6px;
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.contactForm .formWrap .input input[type=text]:focus,
.contactForm .formWrap .input textarea:focus {
  outline: none;
  border-color: #666;
}
.contactForm .formWrap .input textarea {
  padding-top: 20px;
  height: 200px;
}
.contactForm .formWrap .input.wide {
  width: 100%;
}
@media only screen and (max-width: 568px) {
  .contactForm .formWrap .input {
    width: 100%;
  }
}
.contactForm .formWrap .captcha-box {
  float: left;
  width: 304px;
  margin: 10px 15px;
}
@media only screen and (max-width: 800px) {
  .contactForm .formWrap .captcha-box {
    float: none;
    display: block;
    margin: auto;
    padding-bottom: 14px;
  }
}
.contactForm .formWrap input[type=submit] {
  margin: 0;
  border: 0;
  padding: 0;
  margin-right: 15px;
  margin-top: 10px;
  height: 60px;
  padding-right: 60px;
  width: 100%;
  max-width: 300px;
  box-sizing: content-box;
  background-color: black;
  color: white;
  font-family: "proxima-nova", sans-serif;
  font-size: 24px;
  border-radius: 6px;
  background-image: url("/images/Layout/submit-button.jpg");
  background-position: right center;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.contactForm .formWrap input[type=submit]:hover {
  background-color: #383838;
}
@media only screen and (max-width: 800px) {
  .contactForm .formWrap input[type=submit] {
    float: none;
    display: block;
    margin: auto;
  }
}
@media only screen and (max-width: 800px) {
  .contactForm {
    width: 100%;
    padding: 0;
  }
}

.checkbox {
  align-items: center;
  display: flex;
  margin: 0 0 8px 0;
}
.checkbox .ctrl {
  display: inline-block;
  flex: 0 0 auto;
  height: 22px;
  margin-right: 10px;
  position: relative;
  width: 22px;
}
.checkbox .ctrl label {
  border-radius: 3px;
  border: 1px solid black;
  cursor: pointer;
  height: 100%;
  left: 0;
  margin: 0;
  min-height: 0;
  outline: none;
  position: absolute;
  top: 0;
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.checkbox .ctrl label:after {
  background: transparent;
  border: 2px solid white;
  border-top: none;
  border-right: none;
  content: "";
  height: 22%;
  left: 21%;
  opacity: 0;
  position: absolute;
  top: 25%;
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transform: rotate(-50deg);
  width: 42%;
}
.checkbox .ctrl label:focus {
  background: black;
}
.checkbox .ctrl label:focus::after {
  opacity: 0.9;
}
.checkbox .ctrl input[type=checkbox] {
  left: -100vw;
  position: absolute;
  visibility: hidden;
  z-index: 0;
}
.checkbox .ctrl input[type=checkbox]:checked + label {
  background: black;
}
.checkbox .ctrl input[type=checkbox]:checked + label:after {
  opacity: 1;
}
.checkbox .ctrl input[type=checkbox]:checked + label:focus {
  background: black;
}
.checkbox .ctrl input[type=checkbox]:checked + label:focus::after {
  opacity: 0.9;
}
.checkbox span {
  cursor: pointer;
  display: inline-block;
  flex: 1 1 auto;
}
.checkbox:hover .ctrl label {
  background: rgba(0, 0, 0, 0.7);
}
.checkbox:hover .ctrl label::after {
  opacity: 0.9;
}

header {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
  height: 100px;
  background-color: rgba(0, 0, 0, 0.85);
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
header .inner {
  max-width: 1440px;
  margin: auto;
  padding: 0 20px;
}
header .inner .logo {
  display: block;
  float: left;
}
header .inner .logo img {
  display: block;
  width: auto;
  height: 99px;
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
header .inner nav {
  height: 100px;
  float: right;
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
header .inner nav * {
  box-sizing: border-box;
}
header .inner nav > ul {
  align-items: center;
  display: flex;
  height: 100px;
  margin: 0;
  padding: 0;
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
header .inner nav > ul > li {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  list-style: none;
  margin: 0;
  position: relative;
}
header .inner nav > ul > li > a {
  color: white;
  display: block;
  font-family: "proxima-nova", sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
  padding: 0 10px;
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media only screen and (min-width: 1280px) {
  header .inner nav > ul > li > a {
    padding: 0 20px;
  }
}
header .inner nav > ul > li > a.button {
  border-color: white;
  display: inline-flex;
  font-size: 16px;
  text-transform: none;
  line-height: 1;
  margin-left: 10px;
  padding: 5px 12px;
}
header .inner nav > ul > li > a.button::after {
  background-color: white;
}
header .inner nav > ul > li > a.button:hover, header .inner nav > ul > li > a.button:focus {
  background-color: white;
  color: black;
}
header .inner nav > ul > li ul {
  height: auto;
}
header .inner nav > ul > li ul li {
  display: table-row;
  line-height: 1;
  margin: 0;
  padding: 0;
  width: 100%;
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
header .inner nav > ul > li ul li a {
  color: white;
  display: inline-block;
  margin: 0;
  padding: 5px 20px;
  text-align: left;
  text-decoration: none;
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
  white-space: nowrap;
  width: 100%;
}
header .inner nav > ul > li ul li a:hover {
  color: rgb(0, 142, 132);
}
header .inner nav > ul > li > ul, header .inner nav > ul > li > div {
  background: rgba(0, 0, 0, 0.85);
  border-radius: 1px;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.15);
  display: table;
  left: 0;
  margin: 0;
  min-width: 150px;
  opacity: 0;
  padding: 5px 0 10px 0;
  position: absolute;
  top: 100%;
  transform: translate(0, -20px);
  transition: all 0.1s ease-in-out 0.1s, visibility 0s linear 0.1s, z-index 0s linear 0.01s;
  visibility: hidden;
  width: auto;
  z-index: 0;
}
header .inner nav > ul > li.is-mega {
  position: static;
}
header .inner nav > ul > li.is-mega > div.mega-con {
  box-shadow: none;
  display: inline-block;
  left: 0;
  padding: 0 0 20px 0;
  position: absolute;
  top: 100%;
  transform: none;
  width: 100%;
}
header .inner nav > ul > li.is-mega > div.mega-con::before, header .inner nav > ul > li.is-mega > div.mega-con::after {
  background-color: rgba(0, 0, 0, 0.85);
  content: "";
  display: inline-block;
  height: 100%;
  left: 100%;
  position: absolute;
  top: 0;
  width: 100vw;
}
header .inner nav > ul > li.is-mega > div.mega-con::after {
  left: auto;
  right: 100%;
}
header .inner nav > ul > li.is-mega > div.mega-con > ul {
  display: flex;
  margin: 0 auto;
  max-width: 1280px;
  padding: 0 20px;
  width: 100%;
}
header .inner nav > ul > li.is-mega > div.mega-con > ul > li {
  flex: 1 1 0%;
  padding: 0 20px;
}
header .inner nav > ul > li.is-mega > div.mega-con > ul > li > a {
  background-color: transparent;
  border-bottom: 1px solid white;
  font-size: 20px;
  padding: 0.555em 0;
  text-align: left;
  white-space: normal;
}
header .inner nav > ul > li.is-mega > div.mega-con > ul > li:hover > a {
  color: rgb(0, 142, 132);
}
header .inner nav > ul > li.is-mega > div.mega-con > ul > li ul {
  padding: 10px 0 0 0;
}
header .inner nav > ul > li.is-mega > div.mega-con > ul > li ul li a {
  background-color: transparent;
  border: 0;
  padding: 0.3em 0;
  text-align: left;
  white-space: normal;
}
header .inner nav > ul > li.is-mega > div.mega-con > ul > li ul li a:hover {
  color: rgb(0, 142, 132);
}
header .inner nav > ul > li.is-mega > a, header .inner nav > ul > li.is-drop > a {
  padding: 0 25px 0 10px;
  position: relative;
}
header .inner nav > ul > li.is-mega > a::after, header .inner nav > ul > li.is-drop > a::after {
  border: 1px solid white;
  border-top: 0;
  border-left: 0;
  content: "";
  height: 6px;
  top: 45%;
  position: absolute;
  right: 10px;
  transform: translate(0, -50%) rotate(45deg);
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 6px;
}
header .inner nav > ul > li:hover > a:not(.button), header .inner nav > ul > li:focus > a:not(.button) {
  color: rgb(0, 142, 132);
}
header .inner nav > ul > li:hover > a:not(.button)::after, header .inner nav > ul > li:focus > a:not(.button)::after {
  border-color: rgb(0, 142, 132);
}
header .inner nav > ul > li:hover > ul, header .inner nav > ul > li:hover > div, header .inner nav > ul > li:focus > ul, header .inner nav > ul > li:focus > div {
  visibility: visible;
  opacity: 1;
  z-index: 1;
  transform: translate(0, 0);
  transition-delay: 0s, 0s, 0.1s;
}
header .inner nav > ul > li:hover > div.mega-con, header .inner nav > ul > li:focus > div.mega-con {
  background-color: rgba(0, 0, 0, 0.85);
  display: inline-block;
  left: 0;
  position: absolute;
  top: 100%;
  transform: none;
  width: 100%;
}
header .inner nav.hide {
  display: none;
}
header .inner #conbut {
  box-sizing: border-box;
  cursor: pointer;
  height: 40px;
  padding: 10px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 40px;
}
@media only screen and (min-width: 768px) {
  header .inner #conbut {
    display: none;
  }
}
body.page header, body.portfolio header, header.squish {
  height: 50px;
}
body.page header .logo img, body.portfolio header .logo img, header.squish .logo img {
  height: 50px;
  width: auto;
}
body.page header nav, body.portfolio header nav, header.squish nav {
  height: 50px;
}
body.page header nav ul, body.portfolio header nav ul, header.squish nav ul {
  height: 50px;
}
body.page header nav ul li a, body.portfolio header nav ul li a, header.squish nav ul li a {
  padding: 5px 20px;
}
@media only screen and (max-width: 1140px) {
  header {
    height: 60px !important;
  }
  header nav {
    display: none;
  }
  header .inner {
    text-align: center;
    height: 50px;
    padding: 5px 0;
  }
  header .inner .logo {
    float: none;
    width: 50px;
    height: 50px;
  }
  header .inner .logo img {
    height: 50px;
    width: auto;
  }
}

.is-link {
  cursor: pointer;
}

div.resource.box {
  display: inline-flex;
  flex-direction: column;
  max-width: 768px;
  padding: 10px 0;
}
div.resource.box > div {
  display: inline-block;
  flex: 1 1 auto;
  text-align: left;
}
div.resource.box > div.text > *:last-child {
  margin-bottom: 0;
}
div.resource.box > div.d-button {
  padding: 10px 0 0 0;
}
@media only screen and (min-width: 576px) {
  div.resource.box > div.d-button {
    padding: 1.7em 0 0 20px;
  }
}
div.resource.box > div.d-button a.button {
  margin: 0;
}
div.resource.box > div.d-button > *:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) {
  div.resource.box {
    flex-direction: row;
  }
}

#pu-player {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.7);
  box-sizing: border-box;
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  opacity: 0;
  padding: 50px 25px 25px;
  position: fixed;
  top: 0;
  transition: all 500ms ease;
  width: 100vw;
  z-index: -1;
}
#pu-player > div {
  background-color: black;
  box-sizing: border-box;
  display: inline-block;
  flex: 1 1 auto;
  margin-top: 25px;
  max-height: calc(100vh - 50px);
  max-width: 1280px;
  position: relative;
  transform: scale(0);
  transition: all 500ms ease;
}
#pu-player > div::after {
  display: table;
  content: "";
  padding-bottom: 56.25%;
}
#pu-player > div video {
  background-color: black;
  background-size: cover;
  top: 50%;
  left: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translateX(-50%) translateY(-50%);
  transition: opacity 500ms ease;
  z-index: 0;
}
#pu-player > div video.ready {
  opacity: 1;
}
#pu-player > div .close {
  cursor: pointer;
  height: 30px;
  opacity: 0;
  position: absolute;
  right: 5px;
  top: 5px;
  transition: opacity 350ms 300ms ease;
  width: 30px;
}
#pu-player > div .close::before, #pu-player > div .close::after {
  background-color: white;
  content: "";
  display: inline-block;
  height: 2px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  transform-origin: center;
  transition: transform 350ms ease;
  width: 75%;
}
#pu-player > div .close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
#pu-player > div .close:hover::before, #pu-player > div .close:hover::after {
  transform: translate(-50%, -50%) rotate(0deg);
}
#pu-player > div #vid-play {
  cursor: pointer;
  display: inline-block;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 350ms ease;
  visibility: hidden;
  width: 120px;
}
#pu-player > div #vid-play::before {
  border-left: 30px solid white;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  content: "";
  display: inline-block;
  height: 0;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0;
}
#pu-player > div #vid-play::after {
  background-color: rgba(0, 0, 0, 0.6);
  content: "";
  display: table;
  padding-bottom: 100%;
  width: 100%;
}
#pu-player > div #vid-play.show {
  visibility: visible;
  opacity: 0.8;
}
#pu-player > div #vid-play:hover {
  opacity: 1;
}
#pu-player > div:hover .close {
  opacity: 1;
  transition: opacity 350ms ease;
}
#pu-player.open {
  opacity: 1;
  z-index: 1;
}
#pu-player.open > div {
  transform: scale(1);
}

.video-item .link-copy {
  position: absolute;
  top: 0;
  left: 20px;
  z-index: -1;
}
.video-item .c-clip {
  background-color: transparent;
  border: 0;
  opacity: 0;
  outline: none;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 10px;
}
.video-item .c-clip img {
  max-width: 20px;
  opacity: 1 !important;
}
.video-item .c-clip:hover {
  background-color: black;
}
.video-item .c-clip.copied {
  background-color: green;
}
.video-item:hover .c-clip {
  opacity: 1;
}

#conco {
  background-color: white;
  border-radius: 50px 0 0 3px;
  bottom: 15%;
  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  display: none;
  font-family: "proxima-nova", sans-serif;
  position: fixed;
  right: -150px;
  text-align: center;
  transform: rotateZ(0);
  transition: all 500ms ease;
  width: 140px;
  z-index: 998;
}
@media only screen and (min-width: 768px) {
  #conco {
    display: block;
  }
}
#conco #conco-t .logo {
  padding: 15px;
}
#conco #conco-t .logo img {
  height: auto;
  max-width: 100%;
}
#conco #conco-t .phone {
  padding: 0 5px 5px 5px;
}
#conco #conco-t .phone span {
  color: black;
  display: inline-block;
  font-size: 13px;
  line-height: 1;
  text-align: center;
}
#conco #conco-t .email a {
  font-size: 13px;
  text-decoration: none;
}
#conco #conco-t .contact {
  padding: 8px 10px 5px 10px;
  transition: all 500ms ease;
}
#conco #conco-t .contact h2 {
  color: black;
  font-size: 18px;
  margin: 0;
  text-transform: uppercase;
  transition: all 500ms ease;
}
#conco #conco-t .contact:hover {
  background-color: black;
}
#conco #conco-t .contact:hover h2 {
  color: white;
}
#conco .social {
  margin: 8px 0 5px 0;
  padding: 0;
  text-align: center;
}
#conco .social a span {
  background-color: black;
  height: 25px;
  margin: 1px;
  width: 25px;
}
#conco .social a.insta span {
  background: radial-gradient(circle at 30% 107%, black 0%, black 5%, black 45%, black 60%, black 90%);
}
#conco .social a.insta:hover span {
  background-color: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}
#conco .social a.linkedin:hover span {
  background-color: #0077b5;
}
#conco .social a.twitter:hover span {
  background-color: #55acee;
}
#conco .social a.facebook:hover span {
  background-color: #3b5999;
}
#conco.out {
  right: 0;
  display: none !important;
}
#conco.hide {
  display: none !important;
}

#conco-f {
  background-color: white;
  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.3);
  bottom: 0;
  display: flex;
  flex-direction: column;
  float: none;
  margin: 0;
  max-height: calc(100vh - 100px);
  max-width: 750px;
  overflow-y: auto;
  padding: 25px 15px 25px 25px;
  position: fixed;
  right: -110%;
  transform: rotateZ(0);
  transition: all 500ms ease;
  z-index: 999;
}
@media only screen and (min-width: 576px) {
  #conco-f {
    flex-direction: row;
  }
}
#conco-f #close {
  background-color: transparent;
  border: 0;
  height: 40px;
  outline: transparent;
  position: absolute;
  right: 10px;
  top: 10px;
  transition: transform 500ms ease;
  width: 40px;
}
#conco-f #close::before, #conco-f #close::after {
  background-color: black;
  content: "";
  display: inline-block;
  height: 2px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform-origin: center;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 70%;
}
#conco-f #close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
#conco-f #close:hover {
  transform: rotate(90deg);
}
#conco-f .details {
  flex: 0 0 40%;
  order: 2;
}
@media only screen and (min-width: 576px) {
  #conco-f .details {
    order: 1;
  }
}
#conco-f .formWrap {
  flex: 0 0 60%;
  margin: 0;
  padding-bottom: 20px;
  order: 1;
}
@media only screen and (min-width: 576px) {
  #conco-f .formWrap {
    order: 2;
    padding-bottom: 0;
  }
}
#conco-f .formWrap .input {
  padding: 0 10px 10px 0;
}
#conco-f .formWrap .input input[type=text] {
  height: auto;
  padding: 10px;
}
#conco-f .formWrap .input textarea {
  padding: 10px;
  height: 150px;
}
#conco-f .formWrap input[type=submit] {
  float: left;
  margin: 10px 0;
  max-width: 150px;
}
@media only screen and (min-width: 768px) {
  #conco-f .formWrap input[type=submit] {
    margin: 10px 10px 10px 0;
  }
}
#conco-f .formWrap .g-recaptcha {
  float: left;
  margin-right: 10px;
}
#conco-f.open {
  right: 0;
}

#fader {
  background-color: black;
  height: 0;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: opacity 500ms linear;
  width: 100vw;
  z-index: 0;
}
#fader.open {
  height: 100vh;
  opacity: 0.8;
  z-index: 997;
}

#banner, #banneralt, #productBanner, #page-sections, footer {
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

body.conco-open {
  overflow: hidden;
}

.flickity-slideshow .ss-slide {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.flickity-slideshow .flickity-page-dots {
  bottom: 4%;
  color: inherit;
  opacity: 0.7;
}
.flickity-slideshow .flickity-page-dots .dot {
  background-color: transparent;
  border: 2px solid currentColor;
  color: inherit;
  height: 10px;
  margin: 7px;
  width: 10px;
}
.flickity-slideshow .flickity-page-dots .dot.is-selected {
  background-color: currentColor;
}

.cardbox {
  align-items: stretch;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 10px;
  width: 100%;
}
@media only screen and (min-width: 1480px) {
  .cardbox {
    margin: 0 -10px;
    padding: 0;
    width: calc(100% + 20px);
  }
}
.cardbox article.card {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  margin-bottom: 20px;
  padding: 10px;
  width: 100%;
  z-index: 1;
}
@media only screen and (min-width: 576px) {
  .cardbox article.card {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .cardbox article.card {
    width: 33.333%;
  }
}
@media only screen and (min-width: 1024px) {
  .cardbox article.card {
    width: 20%;
  }
}
.cardbox article.card .portal-item {
  display: flex;
  flex-direction: column;
  text-align: center;
  text-decoration: none;
  width: 100%;
}
.cardbox article.card .portal-item .portal-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}
.cardbox article.card .portal-item .portal-content .tn {
  align-content: center;
  align-items: center;
  background-color: rgb(0, 142, 132);
  border: 7px solid white;
  border-radius: 50%;
  display: flex;
  height: 100px;
  justify-content: center;
  left: 50%;
  overflow: hidden;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 100px;
}
.cardbox article.card .portal-item .portal-content .tn img {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
}
.cardbox article.card .portal-item .portal-content .info {
  background-color: white;
  flex: 1;
  margin-top: 50px;
  padding: 70px 20px 20px 20px;
}
.cardbox article.card .portal-item .portal-content .title {
  font-weight: 700;
  margin-bottom: 8px;
}
.cardbox article.card .portal-item .portal-content .desc > * {
  line-height: 1.2;
}
.cardbox article.card .portal-item .portal-content .desc > *:last-child {
  margin-bottom: 0;
}
.cardbox article.card .portal-item .portal-content .button {
  border: 2px solid black;
  border-radius: 30px;
  color: black;
  display: inline-block;
  font-size: 18px;
  margin: 10px 0;
  padding: 5px 20px;
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.cardbox article.card .portal-item:hover .portal-content .button, .cardbox article.card .portal-item:focus .portal-content .button {
  background-color: black;
  color: white;
}

#headerPush {
  height: 100px;
}
body.page #headerPush, body.portfolio #headerPush {
  height: 50px;
}
@media only screen and (max-width: 1140px) {
  #headerPush {
    height: 60px !important;
  }
}
#headerPush.snapped {
  padding-bottom: 60px;
}

#productHeader {
  position: relative;
  z-index: 100;
  left: 0;
  right: 0;
  border-bottom: 1px solid #EEE;
  background-color: rgba(255, 255, 255, 0.9);
  height: 60px;
}
#productHeader .inner {
  height: 60px;
  max-width: 1440px;
  padding: 0 20px;
  margin: auto;
}
#productHeader .inner h1 {
  float: left;
  margin: 0;
  line-height: 60px;
  font-size: 28px;
}
@media only screen and (max-width: 568px) {
  #productHeader .inner h1 {
    font-size: 20px;
  }
}
#productHeader .inner .links {
  float: right;
  padding: 10px 0;
}
#productHeader .inner .links a {
  float: left;
  font-family: "proxima-nova", sans-serif;
  line-height: 40px;
  margin-right: 40px;
  font-size: 16px;
  color: #666;
}
#productHeader .inner .links a.button {
  border: 0;
  height: 20px;
  line-height: 20px;
  margin-right: 0;
  background-color: rgb(237, 102, 47);
  color: white;
}
#productHeader .inner .links a.button:hover {
  background-color: #f39a75;
  color: #FFF !important;
}
#productHeader .inner .links a:hover {
  color: rgb(237, 102, 47);
  text-decoration: none;
}
@media only screen and (max-width: 800px) {
  #productHeader .inner .links {
    display: none;
  }
}
#productHeader.snapped {
  position: fixed;
  top: 0;
}

.no-hero {
  min-height: 50px;
}

#scrll-dwn {
  align-self: center;
  aspect-ratio: 1/1;
  min-width: 30px;
  position: relative;
  width: 3%;
}
#scrll-dwn::after {
  aspect-ratio: 1/1;
  border: 3px solid white;
  border-top: 0;
  border-left: 0;
  content: "";
  left: 50%;
  position: absolute;
  top: 30%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 60%;
}

#banner {
  position: relative;
  padding-top: 100px;
  height: 100vh;
  min-height: 500px;
  padding: 0;
  padding-top: 100px;
  background-color: #FFFFFF;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box;
  overflow: hidden;
}
@media only screen and (min-width: 567px) {
  #banner {
    padding: 0 20px;
  }
}
#banner .content {
  position: relative;
  z-index: 10;
  display: table;
  height: 100%;
  max-width: 1440px;
  margin: auto;
}
#banner .content .inner {
  display: table-cell;
  height: 100%;
  padding: 50px 0;
  vertical-align: bottom;
}
#banner .content .inner > * {
  text-align: center;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
}
#banner .content .inner > * .button {
  text-shadow: none;
}
#banner .content .inner h1 {
  color: white;
}
#banner .content .inner h2 {
  color: white;
  font-weight: 400;
  font-size: 25px;
  margin: 0 0 10px 0;
}
#banner .content .inner a.down-button {
  margin-top: 20px;
}
#banner .content .inner a.downArrow {
  display: block;
  position: relative;
  width: 120px;
  z-index: 20;
  left: 50%;
  margin-left: -60px;
  top: 90px;
  opacity: 1;
  text-align: center;
  text-decoration: none;
  transition: 2s cubic-bezier(0.19, 1, 0.22, 1);
  transition-delay: 2s !important;
}
#banner .content .inner a.downArrow .mouse {
  position: relative;
  display: block;
  width: 32px;
  height: 50px;
  margin: 0 auto 10px;
  box-sizing: border-box;
  border: 2px solid white;
  border-radius: 32px;
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
#banner .content .inner a.downArrow .mouse .ball {
  position: absolute;
  display: block;
  left: 50%;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: white;
  border-radius: 50%;
  animation: ani-mouse 2s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
#banner .content .inner a.downArrow .mouse::before {
  position: absolute;
  content: "";
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  border-radius: 30px;
  background-color: rgba(237, 102, 47, 0);
  transform: scale(0.8);
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
#banner .content .inner a.downArrow .label {
  color: white;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
#banner .content .inner a.downArrow:hover .mouse::before {
  transform: scale(1);
  background-color: rgba(237, 102, 47, 0.8);
}
@media only screen and (max-width: 1140px) {
  #banner .content .inner a.downArrow {
    display: none;
  }
}
#banner .content .inner :last-child {
  margin: 0;
}
#banner .content .inner.nomiddle {
  vertical-align: baseline;
}
#banner .content .inner.nomiddle a.down-button {
  position: absolute;
  bottom: 50px;
  left: 50%;
  margin-left: -20px;
}
#banner #bgvid {
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  z-index: 5;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 177.77777778vh;
  height: 56.25vw;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 1s opacity;
}
#banner .resize {
  min-height: 600px;
  min-width: 600px;
  max-width: 1080px;
  height: auto;
  left: 50%;
  top: 420px;
  position: absolute;
  z-index: 5;
  transform: translate(-50%, -50%);
  width: 177.77777778vh;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 1s opacity;
}
#banner.fixed-h {
  height: 800px;
}
#banner.fixed-h-b {
  min-height: 350px;
  height: 350px;
}
#banner.fixed-h-b .ol {
  background-color: black;
  height: 100%;
  left: -20px;
  opacity: 0.35;
  position: absolute;
  top: 0;
  width: 110%;
}
#banner.fixed-h-b .content .inner .downArrow {
  display: none;
}
#banner.fixed-h-b .content .inner .blog-date {
  color: white;
}
#banner.fixed-h-tall {
  height: 1050px;
  background-size: auto;
}
@media only screen and (max-width: 568px) {
  #banner.fixed-h-tall {
    height: 720px;
    background-size: cover;
  }
}
body.page #banner, body.portfolio #banner {
  padding-top: 50px;
}
body.dark #banner {
  background-color: black;
}
#banner.light .content * {
  color: #333 !important;
  text-shadow: none;
}
#banner.light .content h4 {
  color: rgb(237, 102, 47) !important;
}
#banner.home-hero {
  height: auto;
  min-height: 100vh;
  padding: 0;
}
#banner.home-hero .content {
  box-sizing: border-box;
  display: flex;
  padding: 20px;
}
#banner.home-hero .content .inner {
  box-sizing: border-box;
  height: auto;
  width: 100%;
}
#banner.home-hero.hh1 {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
@media only screen and (min-width: 568px) {
  #banner.home-hero.hh1 {
    min-height: calc(100vh - 140px);
  }
}
#banner.home-hero.hh1 .content {
  align-items: flex-start;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  flex-direction: column;
  height: auto;
  justify-content: center;
  margin: auto;
  max-width: none;
  padding: 0;
  width: 100%;
}
@media only screen and (min-width: 568px) {
  #banner.home-hero.hh1 .content {
    padding: 20px;
    padding-top: 100px;
  }
}
#banner.home-hero.hh1 .content > .flickity-slideshow {
  color: white;
  height: 80vw;
  width: 100%;
  z-index: 0;
}
@media only screen and (min-width: 568px) {
  #banner.home-hero.hh1 .content > .flickity-slideshow {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
  }
}
#banner.home-hero.hh1 .content > .flickity-slideshow .ss-slide {
  height: 100%;
  width: 100%;
}
@media only screen and (min-width: 568px) {
  #banner.home-hero.hh1 .content > .flickity-slideshow .flickity-page-dots {
    bottom: auto;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
  }
  #banner.home-hero.hh1 .content > .flickity-slideshow .flickity-page-dots li {
    margin-bottom: 7px;
  }
}
#banner.home-hero.hh1 .content .c-grid {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: auto;
  max-width: 1440px;
  position: relative;
  width: 100%;
  z-index: 1;
}
@media only screen and (min-width: 568px) {
  #banner.home-hero.hh1 .content .c-grid {
    height: 100%;
    flex: 1;
  }
}
#banner.home-hero.hh1 .content .c-grid #scrll-dwn {
  display: none;
}
@media only screen and (min-width: 568px) {
  #banner.home-hero.hh1 .content .c-grid #scrll-dwn {
    display: inline-block;
  }
}
#banner.home-hero.hh1 .content .inner {
  background-color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  margin: auto 0;
  max-width: 600px;
  padding: 50px 20px;
  text-align: left;
}
@media only screen and (min-width: 568px) {
  #banner.home-hero.hh1 .content .inner {
    background-color: rgba(0, 0, 0, 0.9);
    padding: 50px 60px;
  }
}
#banner.home-hero.hh1 .content .inner * {
  text-align: inherit;
}
#banner.home-hero.hh2 {
  min-height: 0;
}
#banner.home-hero.hh2 .bg {
  background-color: rgb(246, 246, 246);
  bottom: 0;
  height: 50%;
  left: 0;
  position: absolute;
  width: 100%;
}
#banner.home-hero.hh2 .content {
  flex-wrap: wrap;
  justify-content: center;
}
#banner.home-hero.hh2 .content .inner {
  flex: 1 1 auto;
  max-width: 90%;
  order: 1;
  padding: 30px 0;
}
@media only screen and (min-width: 800px) {
  #banner.home-hero.hh2 .content .inner {
    padding: 50px 0;
  }
}
@media only screen and (min-width: 800px) {
  #banner.home-hero.hh2 .content .inner.lg {
    max-width: 66.666%;
    padding-right: 20px;
  }
}
#banner.home-hero.hh2 .content .inner.sm {
  order: 3;
}
@media only screen and (min-width: 800px) {
  #banner.home-hero.hh2 .content .inner.sm {
    max-width: 33.333%;
    order: 2;
  }
}
#banner.home-hero.hh2 .content .inner * {
  text-align: inherit;
  text-shadow: none;
}
#banner.home-hero.hh2 .content .inner h1, #banner.home-hero.hh2 .content .inner h2 {
  color: inherit;
  max-width: 700px;
}
#banner.home-hero.hh2 .content #bgvid {
  aspect-ratio: 16/9;
  flex: 1 1 auto;
  height: auto;
  left: auto;
  min-height: 0;
  min-width: 0;
  order: 2;
  position: static;
  top: auto;
  transform: none;
  width: 100%;
}
@media only screen and (min-width: 800px) {
  #banner.home-hero.hh2 .content #bgvid {
    order: 3;
  }
}
#banner.portfolio {
  height: auto;
  min-height: 50px;
  padding-bottom: 50px;
}
#banner.portfolio .content {
  width: 100%;
}
#banner.portfolio .content .inner {
  display: flex;
  flex-wrap: wrap;
}
#banner.portfolio .content .inner * {
  text-align: inherit;
  text-shadow: none;
}
#banner.portfolio .content .inner h1, #banner.portfolio .content .inner h2 {
  color: inherit;
  margin-bottom: 30px;
}
#banner.portfolio .content .inner > div {
  box-sizing: border-box;
  flex: 0 0 auto;
  width: 100%;
}
#banner.portfolio .content .inner > div.c1 {
  padding: 30px 20px 50px 20px;
}
#banner.portfolio .content .inner > div.c2 {
  padding: 40px 20px 0 20px;
}
@media only screen and (min-width: 800px) {
  #banner.portfolio .content .inner > div.c2 {
    max-width: 33.334%;
  }
}
#banner.portfolio .content .inner > div.c2 p {
  border-bottom: 1px solid rgb(180, 180, 180);
  margin-bottom: 10px;
  padding-bottom: 10px;
}
#banner.portfolio .content .inner > div.c3 {
  padding: 40px 20px 0 20px;
}
@media only screen and (min-width: 800px) {
  #banner.portfolio .content .inner > div.c3 {
    max-width: 66.666%;
  }
}
@media only screen and (max-width: 1140px) {
  #banner {
    padding-top: 50px;
  }
  #banner.home-hero.hh1 .content {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 568px) {
  #banner .content .inner h1 {
    font-size: 36px;
  }
  #banner .content .inner h2 {
    font-size: 26px;
  }
}

#banneralt {
  position: relative;
  padding-top: 200px;
  padding: 0 20px;
  padding-top: 100px;
  background-color: #222;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
#banneralt .content {
  position: relative;
  z-index: 10;
  display: table;
  height: 100%;
  max-width: 1440px;
  margin: auto;
}
#banneralt .content .inner {
  display: table-cell;
  padding: 50px 0;
  height: 100%;
  vertical-align: bottom;
}
#banneralt .content .inner * {
  text-align: center;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
}
#banneralt .content .inner h1 {
  font-size: 64px;
  color: white;
}
#banneralt .content .inner h2 {
  font-size: 32px;
  color: white;
}
#banneralt .content .inner a.down-button {
  margin-top: 20px;
}
#banneralt .content .inner :last-child {
  margin: 0;
}
#banneralt .content .inner.nomiddle {
  vertical-align: baseline;
}
#banneralt .content .inner.nomiddle a.down-button {
  position: absolute;
  bottom: 50px;
  left: 50%;
  margin-left: -20px;
}
body.page #banneralt {
  padding-top: 50px;
}
@media only screen and (max-width: 1140px) {
  #banneralt {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 568px) {
  #banneralt .content .inner h1 {
    font-size: 36px;
  }
  #banneralt .content .inner h2 {
    font-size: 26px;
  }
}
body.dark #banneralt {
  background-color: black;
}
#banneralt.light {
  background-color: #EEE;
}
#banneralt.light .content * {
  color: #333 !important;
  text-shadow: none;
}
#banneralt.light .content h4 {
  color: rgb(237, 102, 47) !important;
}

#productBanner {
  height: 100px;
  background-color: rgba(0, 0, 0, 0.4);
  text-align: center;
  overflow: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  z-index: 20;
  top: 50px;
  left: 0;
  right: 0;
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
#productBanner .inner {
  height: 100px;
  display: block;
  padding-left: 20px;
  padding-right: 20px;
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
#productBanner .inner div.title {
  float: left;
  vertical-align: top;
  color: #333;
  font-size: 36px;
  padding: 30px 0;
  margin-right: 50px;
  font-family: "proxima-nova", sans-serif;
  line-height: 1;
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
#productBanner .inner a {
  display: inline-block;
  vertical-align: top;
  line-height: 1;
  margin-right: 15px;
  padding: 20px 10px;
  padding-bottom: 14px;
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
#productBanner .inner a img {
  display: block;
  height: 44px;
  margin: auto;
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
#productBanner .inner a .prodTitle {
  display: block;
  text-align: center;
  color: white;
  font-size: 14px;
  font-family: "proxima-nova", sans-serif;
  margin-top: 6px;
}
#productBanner .inner a:hover {
  text-decoration: none;
  opacity: 0.8;
}
#productBanner.main {
  background-color: rgba(0, 0, 0, 0.4);
}
#productBanner.light {
  background-color: rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid #CCC;
}
#productBanner.light .inner {
  max-width: 1440px;
  margin: auto;
  text-align: right;
}
#productBanner.light a {
  margin-right: 0;
  margin-left: 20px;
  padding: 20px 0;
}
#productBanner.light a .prodTitle {
  color: #333 !important;
}
#productBanner.no-icons {
  height: 70px;
}
#productBanner.squish {
  background-color: rgba(0, 0, 0, 0.8);
  height: 35px;
}
#productBanner.squish .inner {
  height: 35px;
}
#productBanner.squish .inner a {
  padding: 5px 10px;
}
#productBanner.squish .inner a img {
  height: 0;
}
#productBanner.squish.main {
  background-color: rgba(0, 0, 0, 0.8);
}
#productBanner.squish.light {
  background-color: rgba(255, 255, 255, 0.8);
}
#productBanner.squish.light div.title {
  font-size: 24px;
  padding: 5px 0;
}
#productBanner.squish.light .inner a {
  padding: 5px 0;
}

#scroll-player {
  overflow: hidden;
  width: 100%;
  position: relative;
  top: 0;
}
#scroll-player #video-container {
  height: 500px;
  overflow: hidden;
  position: relative;
}
@media only screen and (min-width: 576px) {
  #scroll-player #video-container {
    height: 700px;
  }
}
@media only screen and (min-width: 768px) {
  #scroll-player #video-container {
    height: 800px;
  }
}
#scroll-player #video-container #tvw-player {
  display: block;
  left: 50%;
  margin: 0 auto 50px auto;
  max-width: 1080px;
  position: absolute;
  top: 100px;
  transform: translateX(-50%);
  width: 100%;
  z-index: 5;
}
@media only screen and (min-width: 576px) {
  #scroll-player #video-container #tvw-player {
    width: 640px;
  }
}
@media only screen and (min-width: 768px) {
  #scroll-player #video-container #tvw-player {
    width: 850px;
  }
}
@media only screen and (min-width: 960px) {
  #scroll-player #video-container #tvw-player {
    top: 0;
    width: 1080px;
  }
}
#scroll-player #video-overlay {
  display: none;
  position: absolute;
  z-index: 6;
  top: 600px;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 940px;
  opacity: 0;
  transition: opacity 1500ms cubic-bezier(0.445, 0.05, 0.55, 0.95), top 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95), filter 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  filter: blur(10px);
}
@media only screen and (min-width: 960px) {
  #scroll-player #video-overlay {
    display: block;
  }
}
#scroll-player #video-overlay.product-9 {
  min-width: 740px;
}
#scroll-player #video-overlay.display {
  opacity: 1;
  top: 350px;
  filter: blur(0px);
}
#scroll-player #video-overlay.display.product-26 {
  top: 350px;
}
#scroll-player #video-overlay h4 {
  margin-bottom: 0;
  font-size: 18px;
  text-shadow: 0 0 5px white;
}
#scroll-player #video-overlay p {
  font-family: "proxima-nova", sans-serif;
  font-size: 16px;
  line-height: 1;
  margin-bottom: 10px;
  text-shadow: 0 0 5px white, 2px 2px 9px white, -2px 2px 7px white, 2px -2px 7px white, -2px -2px 9px white;
  padding-right: 30%;
}
#scroll-player #video-overlay .left, #scroll-player #video-overlay .right {
  width: 50%;
  float: left;
}
#scroll-player #video-overlay .right {
  text-align: right;
}
#scroll-player #video-overlay .right p {
  padding-left: 30%;
  padding-right: 0;
}
#scroll-player #video-overlay .item {
  border-bottom: 1px solid #58595b;
  display: inline-block;
  position: relative;
  width: 70%;
  margin-bottom: 18px;
}
#scroll-player #video-overlay .item.short {
  width: 50%;
}
#scroll-player #video-overlay .item::after {
  position: absolute;
  right: -2px;
  bottom: -3px;
  background-color: #58595b;
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 6px;
}
.right #scroll-player #video-overlay .item::after {
  right: auto;
  left: -2px;
}
#scroll-player #video-overlay .left .item {
  margin-bottom: 60px;
}
#scroll-player #video-overlay .right .item::after {
  right: auto;
  left: -2px;
}
#scroll-player #video-title {
  position: absolute;
  text-align: center;
  top: 400px;
  width: 100%;
  z-index: 7;
}
@media only screen and (min-width: 576px) {
  #scroll-player #video-title {
    top: 550px;
  }
}
@media only screen and (min-width: 768px) {
  #scroll-player #video-title {
    top: 650px;
  }
}
@media only screen and (min-width: 960px) {
  #scroll-player #video-title {
    top: 670px;
  }
}
#scroll-player #video-title h1 {
  font-size: 36px;
  margin: 0;
  padding: 0 5%;
}
@media only screen and (min-width: 576px) {
  #scroll-player #video-title h1 {
    font-size: 64px;
  }
}
#scroll-player #video-title h4 {
  padding: 0 5%;
}

.bg-1 {
  background-color: rgb(208, 28, 32);
}
.bg-1 * {
  color: white;
  border-color: white;
}
.bg-1 a.button {
  color: white;
  border-color: white;
}
.bg-1 a.button:hover {
  background-color: white;
  color: #000 !important;
}

.bg-2 {
  background-color: rgb(42, 185, 141);
}
.bg-2 * {
  color: white;
  border-color: white;
}
.bg-2 a.button {
  color: white;
  border-color: white;
}
.bg-2 a.button:hover {
  background-color: white;
  color: #000 !important;
}

.bg-3 {
  background-color: rgb(218, 189, 77);
}
.bg-3 * {
  color: white;
  border-color: white;
}
.bg-3 a.button {
  color: white;
  border-color: white;
}
.bg-3 a.button:hover {
  background-color: white;
  color: #000 !important;
}

.bg-4 {
  background-color: rgb(29, 97, 111);
}
.bg-4 * {
  color: white;
  border-color: white;
}
.bg-4 a.button {
  color: white;
  border-color: white;
}
.bg-4 a.button:hover {
  background-color: white;
  color: #000 !important;
}

.bg-5 {
  background-color: rgb(237, 102, 47);
}
.bg-5 * {
  color: white;
  border-color: white;
}
.bg-5 a.button {
  color: white;
  border-color: white;
}
.bg-5 a.button:hover {
  background-color: white;
  color: #000 !important;
}

.bg-6 {
  background-color: #f8f8f8;
}

#page-sections section {
  position: relative;
  padding: 60px 0;
  background-color: white;
  background-position: center center;
  background-size: cover;
  transition: 0.5s;
  overflow: hidden;
  z-index: 0;
}
#page-sections section .s-overlay {
  background-color: black;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#page-sections section .section-inner {
  position: relative;
  z-index: 200;
  max-width: 1440px;
  padding: 0 20px;
  margin: 0 auto;
  transition: 0.5s;
}
#page-sections section .section-inner .col1 {
  position: relative;
  max-width: 100%;
  margin: auto;
  padding: 0 20px;
  box-sizing: border-box;
}
@media only screen and (max-width: 800px) {
  #page-sections section .section-inner .col1 {
    width: 100%;
  }
  #page-sections section .section-inner .col1 iframe {
    width: 100%;
  }
}
@media only screen and (max-width: 568px) {
  #page-sections section .section-inner .col1 iframe {
    width: 100%;
  }
}
#page-sections section .section-inner .col1f {
  position: relative;
  float: left;
  width: 66.667%;
  padding: 0 20px;
  box-sizing: border-box;
}
@media only screen and (max-width: 800px) {
  #page-sections section .section-inner .col1f {
    width: 100%;
  }
}
#page-sections section .section-inner .col2 {
  position: relative;
  float: left;
  width: 50%;
  padding: 0 20px;
  box-sizing: border-box;
}
#page-sections section .section-inner .col3 {
  position: relative;
  float: left;
  width: 33.333%;
  padding: 0 20px 40px 20px;
  box-sizing: border-box;
}
@media only screen and (max-width: 800px) {
  #page-sections section .section-inner .col3 {
    width: 100%;
  }
}
#page-sections section .section-inner .col4 {
  position: relative;
  float: left;
  width: 25%;
  padding: 0 20px;
  box-sizing: border-box;
}
@media only screen and (max-width: 800px) {
  #page-sections section .section-inner .col4 {
    width: 50%;
  }
}
#page-sections section .section-inner .col1 > *:last-child,
#page-sections section .section-inner .col1f > *:last-child,
#page-sections section .section-inner .col2 > *:last-child,
#page-sections section .section-inner .col3 > *:last-child,
#page-sections section .section-inner .col4 > *:last-child {
  margin: 0;
}
@media only screen and (max-width: 1140px) {
  #page-sections section .section-inner .col1,
  #page-sections section .section-inner .col1f,
  #page-sections section .section-inner .col2,
  #page-sections section .section-inner .col3,
  #page-sections section .section-inner .col4 {
    padding-bottom: 40px;
  }
  #page-sections section .section-inner .col1 img,
  #page-sections section .section-inner .col1f img,
  #page-sections section .section-inner .col2 img,
  #page-sections section .section-inner .col3 img,
  #page-sections section .section-inner .col4 img {
    display: inline-block;
    max-width: 100%;
    margin: auto;
    height: auto;
  }
}
@media only screen and (max-width: 568px) {
  #page-sections section .section-inner .col1,
  #page-sections section .section-inner .col1f,
  #page-sections section .section-inner .col2,
  #page-sections section .section-inner .col3,
  #page-sections section .section-inner .col4 {
    float: none;
    width: auto;
    min-height: 0px;
  }
}
#page-sections section .section-inner #case-studies #cs-filters {
  border-bottom: 1px solid black;
  padding-bottom: 10px;
  text-align: center;
}
#page-sections section .section-inner #case-studies #cs-filters button {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  height: 60px;
  font-size: 24px;
  font-family: "proxima-nova", sans-serif;
  background-color: transparent;
  color: #999;
  cursor: pointer;
  padding: 0 20px;
  transition: 0.4s;
}
#page-sections section .section-inner #case-studies #cs-filters button::after {
  display: none;
}
#page-sections section .section-inner #case-studies #cs-filters button:hover, #page-sections section .section-inner #case-studies #cs-filters button:focus, #page-sections section .section-inner #case-studies #cs-filters button.is-checked {
  color: black;
}
#page-sections section .section-inner #case-studies #cs-filters button:focus {
  outline: none;
}
#page-sections section .section-inner #case-studies #cs-item-wrapper {
  padding-top: 20px;
}
#page-sections section .section-inner #case-studies #cs-item-wrapper .cs-item {
  text-align: center;
  float: left;
  width: 100%;
  padding: 0 15% 1% 15%;
  box-sizing: border-box;
}
@media only screen and (min-width: 576px) {
  #page-sections section .section-inner #case-studies #cs-item-wrapper .cs-item {
    width: 50%;
    padding: 0 1% 1% 1%;
  }
}
@media only screen and (min-width: 960px) {
  #page-sections section .section-inner #case-studies #cs-item-wrapper .cs-item {
    width: 25%;
  }
}
#page-sections section .section-inner #case-studies #cs-item-wrapper .cs-item img {
  display: inline-block;
}
#page-sections section .section-inner #case-studies #cs-item-wrapper .cs-item .tn {
  background-color: black;
  overflow: hidden;
  position: relative;
}
#page-sections section .section-inner #case-studies #cs-item-wrapper .cs-item .tn img {
  display: block;
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
#page-sections section .section-inner #case-studies #cs-item-wrapper .cs-item .tn .h-text {
  background-color: rgba(0, 0, 0, 0.4);
  bottom: -100%;
  box-sizing: border-box;
  color: white;
  left: 0;
  padding: 15px 20px;
  position: absolute;
  text-align: center;
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
#page-sections section .section-inner #case-studies #cs-item-wrapper .cs-item .title {
  display: block;
  text-align: center;
  font-family: "proxima-nova", sans-serif;
  font-size: 18px;
  color: #666;
  margin-bottom: 10px;
  min-height: 57px;
  padding: 2% 0;
}
#page-sections section .section-inner #case-studies #cs-item-wrapper .cs-item:hover {
  text-decoration: none;
}
#page-sections section .section-inner #case-studies #cs-item-wrapper .cs-item:hover .tn img {
  opacity: 0.7;
}
#page-sections section .section-inner #case-studies #cs-item-wrapper .cs-item:hover .h-text {
  bottom: 0;
}
#page-sections section .section-inner .gallery ul {
  margin: 0;
  padding: 0 5px;
}
#page-sections section .section-inner .gallery ul li {
  margin: 0;
  float: left;
  list-style: none;
  width: 33.333%;
  padding: 0 10px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
#page-sections section .section-inner .gallery ul li a img {
  display: block;
  width: 100%;
}
@media only screen and (max-width: 800px) {
  #page-sections section .section-inner .gallery ul li {
    width: 50%;
  }
}
@media only screen and (max-width: 568px) {
  #page-sections section .section-inner .gallery ul li {
    width: 100%;
  }
}
#page-sections section .section-inner .gallery.scr-trigger {
  opacity: 0;
}
#page-sections section .section-inner .gallery.scr-trigger.scr-fired {
  animation: col-reveal 1s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}
#page-sections section .section-inner .statistic {
  width: 178px;
  height: 178px;
  border: 2px solid rgb(237, 102, 47);
  margin: auto;
  border-radius: 100%;
  box-sizing: border-box;
  padding: 42px 20px;
  margin-bottom: 20px;
}
#page-sections section .section-inner .statistic .statnum {
  font-size: 56px;
  text-align: center;
  font-family: "proxima-nova", sans-serif;
  color: rgb(237, 102, 47);
}
#page-sections section .section-inner .statistic .stattext p {
  font-size: 24px;
  text-align: center;
  font-family: "proxima-nova", sans-serif;
  color: rgb(237, 102, 47);
  text-transform: uppercase;
}
@media only screen and (max-width: 800px) {
  #page-sections section .section-inner {
    padding: 0;
  }
}
#page-sections section .sectionvid {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: auto;
  height: auto;
  z-index: 100;
  transform: translateX(-50%) translateY(-50%);
  background-size: cover;
  transition: 1s opacity;
  background-color: black;
}
#page-sections section.grey {
  background-color: rgb(246, 246, 246);
}
#page-sections section.black {
  background-color: #202020;
}
@media only screen and (max-width: 568px) {
  #page-sections section.black .section-inner {
    background-color: #202020;
    opacity: 0.7;
  }
}
#page-sections section.black * {
  color: white;
  border-color: white;
}
#page-sections section.black a.button:not(.aqua), #page-sections section.black button:not(.aqua) {
  background-color: rgba(0, 0, 0, 0.3);
}
#page-sections section.black a.button:not(.aqua)::after, #page-sections section.black button:not(.aqua)::after {
  background-color: white;
}
#page-sections section.black a.button:not(.aqua):hover, #page-sections section.black button:not(.aqua):hover {
  color: #000 !important;
}
#page-sections section.white {
  background-color: #FFFFFF;
}
@media only screen and (max-width: 568px) {
  #page-sections section.white .section-inner {
    background-color: #FFFFFF;
    opacity: 0.7;
  }
}
#page-sections section.home1 .portal-wrap {
  max-width: 1000px;
  margin: auto;
  margin-top: 40px;
}
#page-sections section.home1 .portal-wrap .portal {
  float: left;
  width: 25%;
  padding: 0 20px;
  box-sizing: border-box;
}
#page-sections section.home1 .portal-wrap .portal .circle {
  position: relative;
  width: 160px;
  height: 160px;
  border: 2px solid rgb(237, 102, 47);
  margin: auto;
  margin-bottom: 20px;
  border-radius: 100%;
}
#page-sections section.home1 .portal-wrap .portal .circle .count {
  position: absolute;
  font-size: 76px;
  font-family: "proxima-nova", sans-serif;
  color: rgb(237, 102, 47);
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
#page-sections section.home1 .portal-wrap .portal .circle .count.small {
  font-size: 58px;
}
#page-sections section.home1 .portal-wrap .portal .circle img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
#page-sections section.home1 .portal-wrap .portal .text {
  text-align: center;
  text-transform: uppercase;
}
#page-sections section.home1 .portal-wrap .portal .text p {
  font-size: 14px;
  line-height: 18px;
}
@media only screen and (max-width: 800px) {
  #page-sections section.home1 .portal-wrap .portal {
    width: 50%;
  }
}
@media only screen and (max-width: 568px) {
  #page-sections section.home1 .portal-wrap .portal {
    width: 100%;
  }
}
#page-sections section.home1 .portal-wrap .portal.scr-trigger {
  opacity: 0;
  transform: translateY(60px);
}
#page-sections section.home1 .portal-wrap .portal.scr-trigger.scr-fired {
  animation: col-reveal 1s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}
#page-sections section.home2 {
  background-image: url(/images/Layout/home2-bg.jpg);
}
#page-sections section.home2 .portal-wrap {
  max-width: 1000px;
  margin: auto;
  margin-top: 60px;
  padding-bottom: 40px;
}
#page-sections section.home2 .portal-wrap .portal {
  position: relative;
  float: left;
  width: 33.33%;
  padding: 0 20px;
  box-sizing: border-box;
}
#page-sections section.home2 .portal-wrap .portal .text {
  text-align: center;
}
#page-sections section.home2 .portal-wrap .portal .text h5 {
  font-size: 26px;
  margin-bottom: 6px;
}
#page-sections section.home2 .portal-wrap .portal .text p {
  font-size: 14px;
  line-height: 18px;
}
#page-sections section.home2 .portal-wrap .portal .text img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 568px) {
  #page-sections section.home2 .portal-wrap .portal {
    width: 100%;
  }
}
#page-sections section.home2 .portal-wrap .portal.scr-trigger {
  opacity: 0;
  transform: translateY(60px);
}
#page-sections section.home2 .portal-wrap .portal.scr-trigger.scr-fired {
  animation: col-reveal 1s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}
#page-sections section.home3 {
  padding: 180px 0;
  background-image: url(/images/Layout/home3-bg.jpg);
}
#page-sections section.home3 .flowChart {
  position: relative;
  padding: 150px 15px;
  margin: 60px 0;
}
#page-sections section.home3 .flowChart .flowWrap {
  margin: 0 auto;
  max-width: 1150px;
}
#page-sections section.home3 .flowChart .flow {
  position: relative;
  float: left;
  width: 290px;
  height: 300px;
}
#page-sections section.home3 .flowChart .flow .arrow {
  position: absolute;
  top: 25px;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}
@media only screen and (max-width: 1140px) {
  #page-sections section.home3 .flowChart .flow .arrow {
    display: none;
  }
}
#page-sections section.home3 .flowChart .flow .circle {
  position: absolute;
  left: 50%;
  top: 100px;
  width: 180px;
  height: 180px;
  background-color: rgb(237, 102, 47);
  border-radius: 100%;
  opacity: 0;
  transform: translateX(-50%) scale(0);
}
#page-sections section.home3 .flowChart .flow .circle .text {
  position: absolute;
  top: 50%;
  left: 50%;
  font-family: "proxima-nova", sans-serif;
  font-size: 36px;
  line-height: 38px;
  color: white;
  transform: translateX(-50%) translateY(-50%);
}
@media only screen and (max-width: 1140px) {
  #page-sections section.home3 .flowChart .flow .circle {
    top: auto !important;
    bottom: 40px !important;
  }
}
#page-sections section.home3 .flowChart .flow .copy {
  position: absolute;
  z-index: 5;
  width: 290px;
  bottom: 300px;
  overflow: hidden;
}
#page-sections section.home3 .flowChart .flow .copy .copy-reveal {
  padding: 20px 0;
  transform: translateY(100%);
}
#page-sections section.home3 .flowChart .flow .copy .copy-reveal h4 {
  font-size: 25px;
  margin-bottom: 10px;
}
#page-sections section.home3 .flowChart .flow .copy .copy-reveal p {
  font-size: 16px;
  line-height: 22px;
}
#page-sections section.home3 .flowChart .flow .copy .copy-reveal p:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 1140px) {
  #page-sections section.home3 .flowChart .flow .copy {
    top: 0 !important;
    bottom: auto !important;
    left: 50%;
    transform: translateX(-50%);
  }
  #page-sections section.home3 .flowChart .flow .copy .copy .copy-reveal h4 {
    font-size: 22px;
  }
}
#page-sections section.home3 .flowChart .flow .line {
  position: absolute;
  z-index: 5;
  width: 290px;
  height: 1px;
  background-color: black;
}
#page-sections section.home3 .flowChart .flow .line::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -45px;
  width: 1px;
  height: 45px;
  background-color: black;
}
#page-sections section.home3 .flowChart .flow .line::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -55px;
  margin-left: -5px;
  width: 8px;
  height: 8px;
  border: 1px solid black;
  border-radius: 100%;
}
@media only screen and (max-width: 1140px) {
  #page-sections section.home3 .flowChart .flow .line {
    left: 50%;
    transform: translateX(-50%);
    top: 170px !important;
  }
}
#page-sections section.home3 .flowChart .flow:nth-child(2) .arrow, #page-sections section.home3 .flowChart .flow:nth-child(4) .arrow {
  top: auto;
  bottom: 25px;
}
#page-sections section.home3 .flowChart .flow:nth-child(2) .circle, #page-sections section.home3 .flowChart .flow:nth-child(4) .circle {
  top: auto;
  bottom: 100px;
}
@media only screen and (max-width: 1140px) {
  #page-sections section.home3 .flowChart .flow:nth-child(2) .circle, #page-sections section.home3 .flowChart .flow:nth-child(4) .circle {
    top: 100px;
    bottom: auto;
  }
}
#page-sections section.home3 .flowChart .flow:nth-child(2) .copy, #page-sections section.home3 .flowChart .flow:nth-child(4) .copy {
  overflow: hidden;
  border: 0;
  position: absolute;
  z-index: 5;
  bottom: auto;
  top: 300px;
}
#page-sections section.home3 .flowChart .flow:nth-child(2) .copy .copy-reveal, #page-sections section.home3 .flowChart .flow:nth-child(4) .copy .copy-reveal {
  transform: translateY(-100%);
}
@media only screen and (max-width: 1140px) {
  #page-sections section.home3 .flowChart .flow:nth-child(2) .copy .copy-reveal, #page-sections section.home3 .flowChart .flow:nth-child(4) .copy .copy-reveal {
    transform: translateY(100%);
  }
}
@media only screen and (max-width: 1140px) {
  #page-sections section.home3 .flowChart .flow:nth-child(2) .copy, #page-sections section.home3 .flowChart .flow:nth-child(4) .copy {
    bottom: 300px;
    top: auto;
  }
}
#page-sections section.home3 .flowChart .flow:nth-child(2) .line, #page-sections section.home3 .flowChart .flow:nth-child(4) .line {
  position: absolute;
  z-index: 5;
  bottom: auto;
  top: 300px;
}
#page-sections section.home3 .flowChart .flow:nth-child(2) .line::before, #page-sections section.home3 .flowChart .flow:nth-child(4) .line::before {
  bottom: auto;
  top: -45px;
}
@media only screen and (max-width: 1140px) {
  #page-sections section.home3 .flowChart .flow:nth-child(2) .line::before, #page-sections section.home3 .flowChart .flow:nth-child(4) .line::before {
    bottom: -45px;
    top: auto;
  }
}
#page-sections section.home3 .flowChart .flow:nth-child(2) .line::after, #page-sections section.home3 .flowChart .flow:nth-child(4) .line::after {
  bottom: auto;
  top: -55px;
}
@media only screen and (max-width: 1140px) {
  #page-sections section.home3 .flowChart .flow:nth-child(2) .line::after, #page-sections section.home3 .flowChart .flow:nth-child(4) .line::after {
    bottom: -55px;
    top: auto;
  }
}
@media only screen and (max-width: 1140px) {
  #page-sections section.home3 .flowChart .flow:nth-child(2) .line, #page-sections section.home3 .flowChart .flow:nth-child(4) .line {
    top: auto;
  }
}
#page-sections section.home3 .flowChart .flow:nth-child(2) {
  margin-left: -16px;
}
#page-sections section.home3 .flowChart .flow:nth-child(2) .circle {
  animation-delay: 0.25s !important;
}
#page-sections section.home3 .flowChart .flow:nth-child(2) .copy .copy-reveal {
  animation-delay: 0.25s !important;
}
#page-sections section.home3 .flowChart .flow:nth-child(3) {
  margin-left: -16px;
}
#page-sections section.home3 .flowChart .flow:nth-child(3) .circle {
  animation-delay: 0.5s !important;
}
#page-sections section.home3 .flowChart .flow:nth-child(3) .copy .copy-reveal {
  animation-delay: 0.5s !important;
}
#page-sections section.home3 .flowChart .flow:nth-child(4) {
  margin-left: -16px;
}
#page-sections section.home3 .flowChart .flow:nth-child(4) .circle {
  animation-delay: 0.75s !important;
}
#page-sections section.home3 .flowChart .flow:nth-child(4) .copy .copy-reveal {
  animation-delay: 0.75s !important;
}
@media only screen and (max-width: 1140px) {
  #page-sections section.home3 .flowChart .flow {
    width: 50%;
    height: 440px;
    margin: 0 !important;
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 568px) {
  #page-sections section.home3 .flowChart .flow {
    width: 100%;
  }
}
#page-sections section.home3 .flowChart.scr-fired .flow .circle {
  animation: circle-scale 1s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}
#page-sections section.home3 .flowChart.scr-fired .flow .copy .copy-reveal {
  animation: flowchart-up 2s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}
#page-sections section.home3 .flowChart.scr-fired .flow:nth-child(2) .copy .copy-reveal, #page-sections section.home3 .flowChart.scr-fired .flow:nth-child(4) .copy .copy-reveal {
  animation: flowchart-down 2s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}
@media only screen and (max-width: 800px) {
  #page-sections section.home3 .flowChart {
    padding: 0px 15px;
  }
}
#page-sections section.home4 #miniMap {
  position: relative;
  width: 100%;
  height: 600px;
  max-width: 1137px;
  padding: 0 15px;
  margin: auto;
  margin-top: 100px;
}
#page-sections section.home4 #miniMap .mapWrap {
  position: absolute;
  width: 1137px;
  left: 50%;
  transform: translateX(-50%);
}
#page-sections section.home4 #miniMap .mapWrap img {
  width: 1137px;
}
#page-sections section.home4 #miniMap .mapWrap .dots {
  top: 0;
  left: 0px;
  right: 0px;
  bottom: 0;
  position: absolute;
}
#page-sections section.home4 #miniMap .mapWrap .dots .mapdot {
  position: absolute;
  width: 8px;
  height: 8px;
}
#page-sections section.home4 #miniMap .mapWrap .dots .mapdot .dot {
  position: relative;
  width: 8px;
  height: 8px;
  background-color: rgb(237, 102, 47);
  border-radius: 100%;
  transform: scale(1.2);
  transition: 0.5s;
}
#page-sections section.home4 #miniMap .mapWrap .dots .mapdot .dot::before {
  position: absolute;
  content: "";
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  border-radius: 100%;
  opacity: 0;
  transform: scale(1);
  transition: 0.5s;
}
#page-sections section.home4 #miniMap .mapWrap .dots .mapdot .popup {
  position: absolute;
  z-index: 20;
  top: -160px;
  right: 20px;
  width: 465px;
  height: 287px;
  padding: 25px 55px 25px 200px;
  background-image: url(/images/Layout/map-popup.png);
  background-repeat: no-repeat;
  box-sizing: border-box;
  opacity: 0;
  transform: scale(0);
  transform-origin: right 160px;
  transition: 0.5s;
}
#page-sections section.home4 #miniMap .mapWrap .dots .mapdot .popup .title {
  display: block;
  font-family: "proxima-nova", sans-serif;
  font-size: 36px;
  margin-bottom: 10px;
}
#page-sections section.home4 #miniMap .mapWrap .dots .mapdot .popup .description {
  font-family: "proxima-nova", sans-serif;
  font-size: 18px;
}
#page-sections section.home4 #miniMap .mapWrap .dots .mapdot .popup a.button {
  margin-top: 20px;
  font-family: "proxima-nova", sans-serif;
  font-size: 18px;
  text-transform: none;
}
#page-sections section.home4 #miniMap .mapWrap .dots .mapdot .popup .image {
  position: absolute;
  width: 230px;
  height: 230px;
  top: -3px;
  left: -58px;
  border-radius: 100%;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
}
#page-sections section.home4 #miniMap .mapWrap .dots .mapdot .popup .image img {
  width: 230px;
  height: 230px;
  border-radius: 100%;
}
#page-sections section.home4 #miniMap .mapWrap .dots .mapdot .popup.left {
  right: auto;
  left: 20px;
  padding: 25px 200px 25px 55px;
  transform-origin: left 160px;
  background-image: url(/images/Layout/map-popup-left.png);
}
#page-sections section.home4 #miniMap .mapWrap .dots .mapdot .popup.left .image {
  top: -4px;
  left: auto;
  right: -58px;
}
@media only screen and (max-width: 800px) {
  #page-sections section.home4 #miniMap .mapWrap .dots .mapdot .popup {
    display: none;
  }
}
#page-sections section.home4 #miniMap .mapWrap .dots .mapdot.initial .dot {
  transform: scale(1.6);
}
#page-sections section.home4 #miniMap .mapWrap .dots .mapdot.initial .dot::before {
  background-color: #079fff;
  opacity: 1;
  transform: scale(1);
}
#page-sections section.home4 #miniMap .mapWrap .dots .mapdot.initial .popup {
  opacity: 1;
  transform: scale(1);
  animation: popup-reveal 0.5s;
}
#page-sections section.home4 #miniMap .mapWrap .dots .mapdot.fade .dot {
  opacity: 0;
  transform: scale(0);
}
@media only screen and (max-width: 1140px) {
  #page-sections section.home4 #miniMap .mapWrap {
    transform: translateX(-50%) translateY(-100px) scale(0.75);
  }
}
@media only screen and (max-width: 800px) {
  #page-sections section.home4 #miniMap .mapWrap {
    transform: translateX(-50%) translateY(-200px) scale(0.4);
  }
}
@media only screen and (max-width: 568px) {
  #page-sections section.home4 #miniMap .mapWrap {
    transform: translateX(-50%) translateY(-200px) scale(0.25);
  }
}
@media only screen and (max-width: 1140px) {
  #page-sections section.home4 #miniMap {
    height: 400px;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 568px) {
  #page-sections section.home4 #miniMap {
    height: 300px;
  }
}
@media only screen and (max-width: 568px) {
  #page-sections section.home4 #miniMap {
    height: 200px;
  }
}
#page-sections section.home5 {
  position: relative;
  padding: 220px 0;
}
#page-sections section.home5 .section-inner {
  box-sizing: border-box;
  width: 55%;
  margin-left: 100px;
  float: left;
}
@media only screen and (max-width: 800px) {
  #page-sections section.home5 .section-inner {
    width: 100%;
    margin-left: 20px;
  }
}
@media only screen and (max-width: 568px) {
  #page-sections section.home5 .section-inner {
    width: 90%;
    margin-left: 20px;
  }
}
#page-sections section.home5 .sprites {
  position: absolute;
  width: 1440px;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
#page-sections section.home5 .sprites img {
  position: absolute;
}
#page-sections section.home5 .sprites img.headset {
  top: 160px;
  right: -500px;
}
#page-sections section.home5 .sprites.scr-trigger img.headset {
  right: -800px;
  opacity: 0;
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
}
#page-sections section.home5 .sprites.scr-trigger.scr-fired img.headset {
  opacity: 1;
  right: -500px;
}
@media only screen and (max-width: 800px) {
  #page-sections section.home5 .sprites.scr-trigger.scr-fired img.headset {
    right: -1px;
    opacity: 0.1;
  }
}
#page-sections section.contactBox {
  margin: 0;
  padding: 20px 0;
  padding-bottom: 16px;
}
#page-sections section.contactBox .contactForm {
  float: none;
  margin: 0 auto;
  padding: 0 20px 50px 20px;
}
#page-sections section.contactBox .contactAddresses {
  width: 30%;
  float: right;
}
#page-sections section.contactBox .contactAddresses p.title {
  font-family: "proxima-nova", sans-serif;
  font-size: 32px;
}
#page-sections section.contactBox .contactAddresses p.phone {
  font-family: "proxima-nova", sans-serif;
  font-size: 32px;
  line-height: 36px;
  color: rgb(237, 102, 47);
}
@media only screen and (max-width: 800px) {
  #page-sections section.contactBox .contactAddresses {
    width: 100%;
    padding: 0;
    padding-top: 40px;
  }
  #page-sections section.contactBox .contactAddresses * {
    text-align: center;
  }
}
#page-sections section.contactBox .maps {
  padding-top: 200px;
}
#page-sections section.contactBox .maps .title {
  padding: 20px 40px;
  height: 100px;
  background-color: #242424;
  color: white;
  font-family: "proxima-nova", sans-serif;
  font-size: 32px;
  box-sizing: border-box;
}
#page-sections section.contactBox .maps .left {
  float: left;
  width: 50%;
  padding-right: 5px;
  box-sizing: border-box;
}
#page-sections section.contactBox .maps .left:nth-of-type(2) {
  padding-right: 0;
}
#page-sections section.contactBox .maps .left:nth-of-type(4) {
  padding-right: 0;
}
#page-sections section.contactBox .maps .left .title {
  text-align: left;
}
@media only screen and (max-width: 800px) {
  #page-sections section.contactBox .maps .left {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }
}
#page-sections section.contactBox .maps iframe {
  display: block;
  width: 100%;
  height: 33.333vw;
}
@media only screen and (max-width: 800px) {
  #page-sections section.contactBox .maps iframe {
    height: 50vw;
  }
}
@media only screen and (max-width: 800px) {
  #page-sections section.contactBox .maps {
    padding-top: 100px;
  }
}
#page-sections section.contactBox .g-recaptcha {
  float: left;
  margin: 0 15px 15px 15px;
}
#page-sections section .section-portals {
  padding: 0 1px;
}
#page-sections section .section-portals .portal {
  float: left;
  height: 300px;
  width: 25%;
  background-color: #f8f8f8;
  border: 1px solid white;
  padding: 30px;
  text-decoration: none;
  box-sizing: border-box;
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
#page-sections section .section-portals .portal h5 {
  font-size: 32px;
  text-align: center;
  margin-bottom: 5px;
}
#page-sections section .section-portals .portal p {
  font-size: 18px;
  text-align: center;
  color: rgb(237, 102, 47);
}
#page-sections section .section-portals .portal * {
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
#page-sections section .section-portals .portal:hover {
  background-color: rgb(237, 102, 47);
}
#page-sections section .section-portals .portal:hover * {
  color: white;
}
@media only screen and (max-width: 1140px) {
  #page-sections section .section-portals .portal {
    width: 50%;
  }
}
@media only screen and (max-width: 568px) {
  #page-sections section .section-portals .portal {
    width: 100%;
  }
}
#page-sections section .capacityCount {
  display: block;
  float: right;
  width: 180px;
  margin: 0 0 20px 20px !important;
  font-size: 24px;
  text-align: center;
  font-family: "proxima-nova", sans-serif;
  color: rgb(237, 102, 47);
  text-transform: uppercase;
}
#page-sections section .capacityCount .title {
  display: block;
  font-family: "proxima-nova", sans-serif;
  font-size: 48px;
  line-height: 50px;
  margin-bottom: 10px;
}
#page-sections section .capacityCount .people {
  display: block;
  padding-bottom: 15px;
}
#page-sections section .capacityCount .people img {
  float: left;
  margin: 3px !important;
}
#page-sections section .capacityCount .statistic,
#page-sections section .capacityCount .statistic1,
#page-sections section .capacityCount .statistic2,
#page-sections section .capacityCount .statistic3,
#page-sections section .capacityCount .statistic4,
#page-sections section .capacityCount .statistic5,
#page-sections section .capacityCount .statistic6,
#page-sections section .capacityCount .statistic7,
#page-sections section .capacityCount .statistic8 {
  width: 178px;
  height: 178px;
  border: 2px solid rgb(237, 102, 47);
  margin: auto;
  border-radius: 100%;
  box-sizing: border-box;
  padding: 42px 20px;
  margin-bottom: 30px;
}
#page-sections section .capacityCount .statistic .statnum,
#page-sections section .capacityCount .statistic1 .statnum,
#page-sections section .capacityCount .statistic2 .statnum,
#page-sections section .capacityCount .statistic3 .statnum,
#page-sections section .capacityCount .statistic4 .statnum,
#page-sections section .capacityCount .statistic5 .statnum,
#page-sections section .capacityCount .statistic6 .statnum,
#page-sections section .capacityCount .statistic7 .statnum,
#page-sections section .capacityCount .statistic8 .statnum {
  font-size: 56px;
  text-align: center;
  font-family: "proxima-nova", sans-serif;
  color: rgb(237, 102, 47);
}
#page-sections section .capacityCount .statistic .stattext,
#page-sections section .capacityCount .statistic1 .stattext,
#page-sections section .capacityCount .statistic2 .stattext,
#page-sections section .capacityCount .statistic3 .stattext,
#page-sections section .capacityCount .statistic4 .stattext,
#page-sections section .capacityCount .statistic5 .stattext,
#page-sections section .capacityCount .statistic6 .stattext,
#page-sections section .capacityCount .statistic7 .stattext,
#page-sections section .capacityCount .statistic8 .stattext {
  font-size: 24px;
  text-align: center;
  font-family: "proxima-nova", sans-serif;
  color: rgb(237, 102, 47);
  text-transform: uppercase;
}
#page-sections section .capacityCount .legend {
  display: block;
  font-family: "proxima-nova", sans-serif;
  font-size: 26px;
  color: rgb(237, 102, 47);
  padding-top: 15px;
  border-top: 1px solid white;
}
#page-sections section .capacityCount .legend img {
  float: left;
  margin: 0 10px 0 3px !important;
}
#page-sections section .capacityCount.scr-trigger .people img {
  opacity: 0;
  transition: 0.1s opacity;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(1) {
  transition-delay: -0.06s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(2) {
  transition-delay: -0.02s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(3) {
  transition-delay: 0.02s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(4) {
  transition-delay: 0.06s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(5) {
  transition-delay: 0.1s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(6) {
  transition-delay: 0.14s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(7) {
  transition-delay: 0.18s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(8) {
  transition-delay: 0.22s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(9) {
  transition-delay: 0.26s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(10) {
  transition-delay: 0.3s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(11) {
  transition-delay: 0.34s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(12) {
  transition-delay: 0.38s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(13) {
  transition-delay: 0.42s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(14) {
  transition-delay: 0.46s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(15) {
  transition-delay: 0.5s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(16) {
  transition-delay: 0.54s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(17) {
  transition-delay: 0.58s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(18) {
  transition-delay: 0.62s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(19) {
  transition-delay: 0.66s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(20) {
  transition-delay: 0.7s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(21) {
  transition-delay: 0.74s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(22) {
  transition-delay: 0.78s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(23) {
  transition-delay: 0.82s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(24) {
  transition-delay: 0.86s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(25) {
  transition-delay: 0.9s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(26) {
  transition-delay: 0.94s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(27) {
  transition-delay: 0.98s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(28) {
  transition-delay: 1.02s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(29) {
  transition-delay: 1.06s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(30) {
  transition-delay: 1.1s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(31) {
  transition-delay: 1.14s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(32) {
  transition-delay: 1.18s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(33) {
  transition-delay: 1.22s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(34) {
  transition-delay: 1.26s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(35) {
  transition-delay: 1.3s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(36) {
  transition-delay: 1.34s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(37) {
  transition-delay: 1.38s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(38) {
  transition-delay: 1.42s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(39) {
  transition-delay: 1.46s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(40) {
  transition-delay: 1.5s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(41) {
  transition-delay: 1.54s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(42) {
  transition-delay: 1.58s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(43) {
  transition-delay: 1.62s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(44) {
  transition-delay: 1.66s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(45) {
  transition-delay: 1.7s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(46) {
  transition-delay: 1.74s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(47) {
  transition-delay: 1.78s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(48) {
  transition-delay: 1.82s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(49) {
  transition-delay: 1.86s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(50) {
  transition-delay: 1.9s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(51) {
  transition-delay: 1.94s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(52) {
  transition-delay: 1.98s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(53) {
  transition-delay: 2.02s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(54) {
  transition-delay: 2.06s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(55) {
  transition-delay: 2.1s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(56) {
  transition-delay: 2.14s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(57) {
  transition-delay: 2.18s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(58) {
  transition-delay: 2.22s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(59) {
  transition-delay: 2.26s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(60) {
  transition-delay: 2.3s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(61) {
  transition-delay: 2.34s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(62) {
  transition-delay: 2.38s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(63) {
  transition-delay: 2.42s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(64) {
  transition-delay: 2.46s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(65) {
  transition-delay: 2.5s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(66) {
  transition-delay: 2.54s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(67) {
  transition-delay: 2.58s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(68) {
  transition-delay: 2.62s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(69) {
  transition-delay: 2.66s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(70) {
  transition-delay: 2.7s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(71) {
  transition-delay: 2.74s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(72) {
  transition-delay: 2.78s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(73) {
  transition-delay: 2.82s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(74) {
  transition-delay: 2.86s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(75) {
  transition-delay: 2.9s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(76) {
  transition-delay: 2.94s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(77) {
  transition-delay: 2.98s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(78) {
  transition-delay: 3.02s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(79) {
  transition-delay: 3.06s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(80) {
  transition-delay: 3.1s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(81) {
  transition-delay: 3.14s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(82) {
  transition-delay: 3.18s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(83) {
  transition-delay: 3.22s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(84) {
  transition-delay: 3.26s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(85) {
  transition-delay: 3.3s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(86) {
  transition-delay: 3.34s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(87) {
  transition-delay: 3.38s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(88) {
  transition-delay: 3.42s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(89) {
  transition-delay: 3.46s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(90) {
  transition-delay: 3.5s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(91) {
  transition-delay: 3.54s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(92) {
  transition-delay: 3.58s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(93) {
  transition-delay: 3.62s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(94) {
  transition-delay: 3.66s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(95) {
  transition-delay: 3.7s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(96) {
  transition-delay: 3.74s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(97) {
  transition-delay: 3.78s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(98) {
  transition-delay: 3.82s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(99) {
  transition-delay: 3.86s;
}
#page-sections section .capacityCount.scr-trigger .people img:nth-child(100) {
  transition-delay: 3.9s;
}
#page-sections section .capacityCount.scr-trigger.scr-fired .people img {
  opacity: 1;
}
@media only screen and (max-width: 568px) {
  #page-sections section .capacityCount {
    float: right;
  }
}
#page-sections section.showGap {
  margin-bottom: 10px;
}
#page-sections section.case-study-highlight {
  background-color: rgb(246, 246, 246);
  padding-bottom: 0;
}
@media only screen and (max-width: 568px) {
  #page-sections section.case-study-highlight {
    padding-top: 30px;
  }
}
#page-sections section.case-study-highlight .section-inner {
  display: flex;
  flex-direction: column;
  min-height: 700px;
}
#page-sections section.case-study-highlight .section-inner .content {
  display: flex;
  height: 100%;
  flex: 1 1 auto;
  flex-direction: column;
}
#page-sections section.case-study-highlight .section-inner .content .header {
  margin: 0 auto;
  max-width: 1280px;
  padding: 0 20px 50px 20px;
  text-align: center;
}
@media only screen and (max-width: 568px) {
  #page-sections section.case-study-highlight .section-inner .content .header {
    padding-top: 50px;
  }
}
#page-sections section.case-study-highlight .section-inner .content .tabs {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
#page-sections section.case-study-highlight .section-inner .content .tabs button {
  background-color: white;
  border: 1px solid #ddd;
  border-bottom-color: black;
  border-radius: 20px 20px 0 0;
  color: #ddd;
  cursor: pointer;
  display: inline-block;
  flex: 1 1 auto;
  font-family: "proxima-nova", sans-serif;
  font-size: 20px;
  margin: 0;
  min-height: 70px;
  outline: none;
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media only screen and (max-width: 800px) {
  #page-sections section.case-study-highlight .section-inner .content .tabs button {
    font-size: 16px;
  }
  #page-sections section.case-study-highlight .section-inner .content .tabs button:nth-child(n+5) {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  #page-sections section.case-study-highlight .section-inner .content .tabs button:nth-child(n+3) {
    display: none;
  }
}
#page-sections section.case-study-highlight .section-inner .content .tabs button.active {
  border: 1px solid black;
  border-bottom-color: transparent;
  color: black;
}
#page-sections section.case-study-highlight .section-inner .content .tabs button:hover {
  color: black;
}
#page-sections section.case-study-highlight .section-inner .content .tabbed {
  align-items: center;
  background-color: white;
  border-right: 1px solid black;
  border-left: 1px solid black;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}
#page-sections section.case-study-highlight .section-inner .content .tabbed .tab-content {
  display: none;
  flex: 1 1 auto;
  height: 0;
  max-width: 1440px;
  opacity: 0;
  overflow: hidden;
  transform: scaleY(0);
}
#page-sections section.case-study-highlight .section-inner .content .tabbed .tab-content > div {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  padding: 50px 3%;
  width: 40%;
}
#page-sections section.case-study-highlight .section-inner .content .tabbed .tab-content > div:nth-child(1) p {
  width: 100%;
}
#page-sections section.case-study-highlight .section-inner .content .tabbed .tab-content > div:nth-child(1) h2 {
  margin: 0;
  width: 100%;
}
#page-sections section.case-study-highlight .section-inner .content .tabbed .tab-content > div:nth-child(2) {
  width: 60%;
}
#page-sections section.case-study-highlight .section-inner .content .tabbed .tab-content > div:nth-child(2) > * {
  width: 100%;
}
#page-sections section.case-study-highlight .section-inner .content .tabbed .tab-content > div:nth-child(2) > *:last-child {
  margin: 0;
}
#page-sections section.case-study-highlight .section-inner .content .tabbed .tab-content > div:nth-child(2) > *:last-child .button {
  margin-bottom: 0;
}
#page-sections section.case-study-highlight .section-inner .content .tabbed .tab-content.active {
  display: flex;
  height: 100%;
  opacity: 1;
  transform: scaleY(1);
}
@media only screen and (max-width: 800px) {
  #page-sections section.case-study-highlight .section-inner .content .tabbed .tab-content.active {
    flex-direction: column;
  }
  #page-sections section.case-study-highlight .section-inner .content .tabbed .tab-content.active > div {
    width: 100%;
  }
  #page-sections section.case-study-highlight .section-inner .content .tabbed .tab-content.active > div:nth-child(1) {
    padding-bottom: 0;
  }
}
#page-sections section.case-study-highlight.cs-user-gen .case-study-selector {
  margin: 0 auto;
  max-width: 300px;
}
#page-sections section.d1-col-full.half .section-inner .col1 {
  max-width: 700px;
}
#page-sections section.d1-col-full.brands {
  align-content: stretch;
  align-items: stretch;
  box-sizing: border-box;
  display: flex;
  min-height: 140px;
  padding: 10px 0 !important;
}
#page-sections section.d1-col-full.brands .section-inner {
  padding: 0 20px !important;
  width: 100%;
}
#page-sections section.d1-col-full.brands .section-inner .col1, #page-sections section.d1-col-full.brands .section-inner .mceEditor {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 100%;
  justify-content: center;
  padding-bottom: 0;
  width: 100%;
}
#page-sections section.d1-col-full.brands .section-inner .col1 > p, #page-sections section.d1-col-full.brands .section-inner .col1 h1, #page-sections section.d1-col-full.brands .section-inner .col1 h2, #page-sections section.d1-col-full.brands .section-inner .col1 h3, #page-sections section.d1-col-full.brands .section-inner .col1 h4, #page-sections section.d1-col-full.brands .section-inner .col1 h5, #page-sections section.d1-col-full.brands .section-inner .mceEditor > p, #page-sections section.d1-col-full.brands .section-inner .mceEditor h1, #page-sections section.d1-col-full.brands .section-inner .mceEditor h2, #page-sections section.d1-col-full.brands .section-inner .mceEditor h3, #page-sections section.d1-col-full.brands .section-inner .mceEditor h4, #page-sections section.d1-col-full.brands .section-inner .mceEditor h5 {
  box-sizing: border-box;
  flex: 0 0 25%;
  line-height: 1;
  margin: 0;
  padding: 10px;
  text-align: center;
}
@media only screen and (min-width: 800px) {
  #page-sections section.d1-col-full.brands .section-inner .col1 > p, #page-sections section.d1-col-full.brands .section-inner .col1 h1, #page-sections section.d1-col-full.brands .section-inner .col1 h2, #page-sections section.d1-col-full.brands .section-inner .col1 h3, #page-sections section.d1-col-full.brands .section-inner .col1 h4, #page-sections section.d1-col-full.brands .section-inner .col1 h5, #page-sections section.d1-col-full.brands .section-inner .mceEditor > p, #page-sections section.d1-col-full.brands .section-inner .mceEditor h1, #page-sections section.d1-col-full.brands .section-inner .mceEditor h2, #page-sections section.d1-col-full.brands .section-inner .mceEditor h3, #page-sections section.d1-col-full.brands .section-inner .mceEditor h4, #page-sections section.d1-col-full.brands .section-inner .mceEditor h5 {
    flex: 0 0 12.5%;
  }
}
#page-sections section.d1-col-full.awards {
  align-content: stretch;
  align-items: stretch;
  box-sizing: border-box;
  display: flex;
  padding: 20px 0;
}
#page-sections section.d1-col-full.awards .section-inner {
  padding: 0 20px !important;
  width: 100%;
}
#page-sections section.d1-col-full.awards .section-inner .col1, #page-sections section.d1-col-full.awards .section-inner .mceEditor {
  align-content: flex-start;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 100%;
  justify-content: center;
  padding-bottom: 0;
  width: 100%;
}
#page-sections section.d1-col-full.awards .section-inner .col1 > p, #page-sections section.d1-col-full.awards .section-inner .col1 h1, #page-sections section.d1-col-full.awards .section-inner .col1 h2, #page-sections section.d1-col-full.awards .section-inner .col1 h3, #page-sections section.d1-col-full.awards .section-inner .col1 h4, #page-sections section.d1-col-full.awards .section-inner .col1 h5, #page-sections section.d1-col-full.awards .section-inner .mceEditor > p, #page-sections section.d1-col-full.awards .section-inner .mceEditor h1, #page-sections section.d1-col-full.awards .section-inner .mceEditor h2, #page-sections section.d1-col-full.awards .section-inner .mceEditor h3, #page-sections section.d1-col-full.awards .section-inner .mceEditor h4, #page-sections section.d1-col-full.awards .section-inner .mceEditor h5 {
  box-sizing: border-box;
  flex: 1 1 auto;
  line-height: 1;
  min-width: 20%;
  margin: 0;
  padding: 10px;
  text-align: center;
}
@media only screen and (min-width: 568px) {
  #page-sections section.d1-col-full.awards .section-inner .col1 > p, #page-sections section.d1-col-full.awards .section-inner .col1 h1, #page-sections section.d1-col-full.awards .section-inner .col1 h2, #page-sections section.d1-col-full.awards .section-inner .col1 h3, #page-sections section.d1-col-full.awards .section-inner .col1 h4, #page-sections section.d1-col-full.awards .section-inner .col1 h5, #page-sections section.d1-col-full.awards .section-inner .mceEditor > p, #page-sections section.d1-col-full.awards .section-inner .mceEditor h1, #page-sections section.d1-col-full.awards .section-inner .mceEditor h2, #page-sections section.d1-col-full.awards .section-inner .mceEditor h3, #page-sections section.d1-col-full.awards .section-inner .mceEditor h4, #page-sections section.d1-col-full.awards .section-inner .mceEditor h5 {
    padding: 30px 0;
  }
}
@media only screen and (min-width: 1140px) {
  #page-sections section.d1-col-full.awards .section-inner .col1 > p, #page-sections section.d1-col-full.awards .section-inner .col1 h1, #page-sections section.d1-col-full.awards .section-inner .col1 h2, #page-sections section.d1-col-full.awards .section-inner .col1 h3, #page-sections section.d1-col-full.awards .section-inner .col1 h4, #page-sections section.d1-col-full.awards .section-inner .col1 h5, #page-sections section.d1-col-full.awards .section-inner .mceEditor > p, #page-sections section.d1-col-full.awards .section-inner .mceEditor h1, #page-sections section.d1-col-full.awards .section-inner .mceEditor h2, #page-sections section.d1-col-full.awards .section-inner .mceEditor h3, #page-sections section.d1-col-full.awards .section-inner .mceEditor h4, #page-sections section.d1-col-full.awards .section-inner .mceEditor h5 {
    padding: 60px 0;
  }
}
#page-sections section.d2-col, #page-sections section.d3-col, #page-sections section.d4-col {
  padding: 0;
}
#page-sections section.d2-col .section-inner, #page-sections section.d3-col .section-inner, #page-sections section.d4-col .section-inner {
  display: flex;
}
#page-sections section.d2-col .section-inner [class^=col], #page-sections section.d3-col .section-inner [class^=col], #page-sections section.d4-col .section-inner [class^=col] {
  background-position: center;
  background-size: cover;
  padding-top: 60px;
  padding-bottom: 60px;
  z-index: 1;
}
#page-sections section.d2-col .section-inner [class^=col] .s-overlay, #page-sections section.d3-col .section-inner [class^=col] .s-overlay, #page-sections section.d4-col .section-inner [class^=col] .s-overlay {
  z-index: -1;
}
@media only screen and (max-width: 568px) {
  #page-sections section.d2-col .section-inner [class^=col], #page-sections section.d3-col .section-inner [class^=col], #page-sections section.d4-col .section-inner [class^=col] {
    width: 100%;
  }
}
#page-sections section.d2-col .section-inner [class^=col] .d-col-inner, #page-sections section.d3-col .section-inner [class^=col] .d-col-inner, #page-sections section.d4-col .section-inner [class^=col] .d-col-inner {
  margin: 0 auto;
  max-width: 450px;
}
#page-sections section.d2-col .section-inner [class^=col] .d-col-inner form label, #page-sections section.d3-col .section-inner [class^=col] .d-col-inner form label, #page-sections section.d4-col .section-inner [class^=col] .d-col-inner form label {
  display: inline-block;
  font-family: "Comfortaa", sans-serif;
  font-weight: 700;
  margin-bottom: 5px;
}
#page-sections section.d2-col .section-inner [class^=col] .d-col-inner form input[type=text], #page-sections section.d3-col .section-inner [class^=col] .d-col-inner form input[type=text], #page-sections section.d4-col .section-inner [class^=col] .d-col-inner form input[type=text] {
  margin: 0 0 20px 0;
  width: 100%;
  height: 40px;
  padding-left: 20px;
  font-size: 18px;
  font-family: "proxima-nova", sans-serif;
  border: 1px solid #666;
  box-sizing: border-box;
  border-radius: 6px;
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
#page-sections section.d2-col .section-inner [class^=col] .d-col-inner form textarea, #page-sections section.d3-col .section-inner [class^=col] .d-col-inner form textarea, #page-sections section.d4-col .section-inner [class^=col] .d-col-inner form textarea {
  font-size: 18px;
  font-family: "proxima-nova", sans-serif;
  border: 1px solid #666;
  border-radius: 6px;
  width: 100%;
}
#page-sections section.d2-col .section-inner [class^=col] .d-col-inner form input[type=submit], #page-sections section.d3-col .section-inner [class^=col] .d-col-inner form input[type=submit], #page-sections section.d4-col .section-inner [class^=col] .d-col-inner form input[type=submit] {
  border: 2px solid black;
  border-radius: 30px;
  color: black;
  cursor: pointer;
  display: inline-block;
  padding: 8px 12px;
  margin: 10px 0;
  font-size: 16px;
  font-weight: 400;
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
#page-sections section.d2-col .section-inner [class^=col] .d-col-inner form input[type=submit]:hover, #page-sections section.d3-col .section-inner [class^=col] .d-col-inner form input[type=submit]:hover, #page-sections section.d4-col .section-inner [class^=col] .d-col-inner form input[type=submit]:hover {
  background-color: black;
  color: white;
  text-decoration: none;
}
@media only screen and (max-width: 1140px) {
  #page-sections section.d2-col, #page-sections section.d3-col, #page-sections section.d4-col {
    padding: 0;
  }
}
@media only screen and (max-width: 800px) {
  #page-sections section.d2-col, #page-sections section.d3-col, #page-sections section.d4-col {
    padding: 0;
  }
}
@media only screen and (max-width: 568px) {
  #page-sections section.d2-col, #page-sections section.d3-col, #page-sections section.d4-col {
    padding: 0;
  }
}
#page-sections section.d2-col .sectionvid {
  width: 100%;
}
#page-sections section.d2-col .section-inner [class^=col] {
  min-height: 300px;
  overflow: hidden;
  width: 50%;
}
#page-sections section.d2-col .section-inner [class^=col] .d-col-inner {
  max-width: 550px;
}
@media only screen and (max-width: 800px) {
  #page-sections section.d2-col .section-inner {
    align-items: center;
    flex-direction: column;
  }
  #page-sections section.d2-col .section-inner [class^=col] {
    padding-top: 30px;
    padding-bottom: 30px;
    width: 100%;
  }
}
#page-sections section.d2-col + section.cs-feed {
  margin-top: 60px;
}
#page-sections section.d2-col.cs-hide-on + section.cs-feed {
  margin-top: 0;
}
#page-sections section.d2-col.img-right .section-inner .col2.cn1 {
  aspect-ratio: 1/0.7;
}
#page-sections section.d2-col.img-right .section-inner .col2.cn2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#page-sections section.d2-col.img-right .section-inner .col2.cn2 .d-col-inner {
  max-width: 620px;
}
@media only screen and (max-width: 800px) {
  #page-sections section.d3-col .section-inner {
    align-items: center;
    flex-direction: column;
  }
  #page-sections section.d3-col .section-inner [class^=col] {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
#page-sections section.d4-col .section-inner [class^=col] .d-col-inner {
  max-width: 400px;
}
@media only screen and (max-width: 1140px) {
  #page-sections section.d4-col .section-inner {
    flex-wrap: wrap;
  }
  #page-sections section.d4-col .section-inner [class^=col] {
    width: 50%;
  }
}
@media only screen and (max-width: 568px) {
  #page-sections section.d4-col .section-inner {
    align-items: center;
    flex-direction: column;
  }
  #page-sections section.d4-col .section-inner [class^=col] {
    padding-top: 30px;
    padding-bottom: 30px;
    width: 100%;
  }
}
#page-sections section.callout-section {
  display: flex;
  min-height: 650px;
  overflow: hidden;
  padding: 0;
}
@media only screen and (max-width: 568px) {
  #page-sections section.callout-section {
    min-height: 550px;
  }
}
#page-sections section.callout-section .section-inner {
  display: flex;
  flex: 1 1 auto;
  padding: 50px 20px;
  position: static;
}
#page-sections section.callout-section .section-inner .intro {
  align-self: flex-end;
  box-sizing: border-box;
  display: inline-block;
  padding: 0 20px;
}
#page-sections section.callout-section .section-inner .intro h1, #page-sections section.callout-section .section-inner .intro .h1, #page-sections section.callout-section .section-inner .intro h2, #page-sections section.callout-section .section-inner .intro .h2, #page-sections section.callout-section .section-inner .intro h3, #page-sections section.callout-section .section-inner .intro .h3, #page-sections section.callout-section .section-inner .intro h4, #page-sections section.callout-section .section-inner .intro .h4, #page-sections section.callout-section .section-inner .intro h5, #page-sections section.callout-section .section-inner .intro .h5, #page-sections section.callout-section .section-inner .intro h6, #page-sections section.callout-section .section-inner .intro .h6, #page-sections section.callout-section .section-inner .intro .big-text {
  margin: 0;
}
#page-sections section.callout-section .section-inner .button.gogo {
  border-width: 1px;
  height: 36px;
  width: 36px;
  position: absolute;
  padding: 5px;
  right: 20px;
  top: 20px;
  margin: 0;
  opacity: 0;
  visibility: hidden;
}
#page-sections section.callout-section .section-inner .button.gogo.active {
  visibility: visible;
  opacity: 0.8;
}
#page-sections section.callout-section .section-inner .button.gogo svg {
  left: 50%;
  height: 60%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
}
#page-sections section.callout-section .section-inner .button.gogo svg .arrow {
  fill: white;
  transition: fill 450ms ease;
  transform: scaleX(-1);
  transform-origin: center;
}
#page-sections section.callout-section .section-inner .button.gogo:hover .arrow {
  fill: black;
}
#page-sections section.callout-section .section-inner .main {
  background-color: rgba(0, 0, 0, 0.78);
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  max-width: 600px;
  position: absolute;
  padding: 50px 40px;
  right: 0;
  top: 0;
  transform: translateX(100vw);
  transition: transform 450ms ease;
  width: 60%;
}
#page-sections section.callout-section .section-inner .main.active {
  transform: translateX(0);
}
@media only screen and (max-width: 568px) {
  #page-sections section.callout-section .section-inner .main {
    padding: 30px 20px;
    width: 100%;
  }
  #page-sections section.callout-section .section-inner .main p {
    font-size: 16px;
    line-height: 1.3;
  }
  #page-sections section.callout-section .section-inner .main a.button {
    font-size: 14px;
  }
}
#page-sections section.callout-section .section-inner .main button.close {
  background-color: transparent;
  border: 0;
  height: 30px;
  left: 5px;
  margin: 0;
  opacity: 0.6;
  outline: transparent;
  position: absolute;
  top: 5px;
  transition: transform 450ms ease;
  width: 30px;
}
#page-sections section.callout-section .section-inner .main button.close::before, #page-sections section.callout-section .section-inner .main button.close::after {
  background-color: white;
  content: "";
  display: inline-block;
  height: 2px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform-origin: center;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 70%;
}
#page-sections section.callout-section .section-inner .main button.close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
#page-sections section.callout-section .section-inner .main button.close:hover {
  transform: rotate(90deg);
}
#page-sections section.callout-section .section-inner .main > *:last-child {
  margin-bottom: 0;
}
#page-sections section.callout-section .section-inner .main > *:last-child .button {
  margin-bottom: 0;
  margin-left: 0;
}
@media only screen and (max-width: 800px) {
  #page-sections section.full-width {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
#page-sections section.full-width .section-inner {
  max-width: none;
  padding: 0;
}
@media only screen and (max-width: 568px) {
  #page-sections section.full-width .section-inner {
    padding: 0;
  }
}
#page-sections section.full-width.d2-col .section-inner [class^=col], #page-sections section.full-width.d3-col .section-inner [class^=col], #page-sections section.full-width.d4-col .section-inner [class^=col] {
  padding: 60px 20px;
}
@media only screen and (min-width: 567px) {
  #page-sections section.full-width.d2-col .section-inner [class^=col], #page-sections section.full-width.d3-col .section-inner [class^=col], #page-sections section.full-width.d4-col .section-inner [class^=col] {
    padding: 60px 40px;
  }
}
#page-sections section.concertina-section {
  padding: 100px 0 !important;
}
#page-sections section.concertina-section .section-inner {
  padding: 0 20px !important;
}
#page-sections section.concertina-section .concertina {
  margin: 0 auto;
  max-width: 960px;
}
#page-sections section.concertina-section .concertina .con-button {
  background-color: black;
  cursor: pointer;
  padding: 8px 80px 8px 20px;
  position: relative;
}
#page-sections section.concertina-section .concertina .con-button > * {
  color: white;
  font-size: 22px;
  font-weight: 300;
}
#page-sections section.concertina-section .concertina .con-button > *:last-child {
  margin-bottom: 0;
}
#page-sections section.concertina-section .concertina .con-button::before, #page-sections section.concertina-section .concertina .con-button::after {
  background-color: white;
  border-radius: 3px;
  content: "";
  display: inline-block;
  height: 3px;
  position: absolute;
  right: 40px;
  top: 60%;
  transform: rotate(45deg);
  transform-origin: right center;
  transition: all 300ms ease-out;
  width: 16px;
}
#page-sections section.concertina-section .concertina .con-button::after {
  transform: rotate(-45deg);
  transform-origin: left center;
  right: 25px;
}
#page-sections section.concertina-section .concertina .con-button.down::before {
  transform: rotate(-45deg);
  top: 35%;
}
#page-sections section.concertina-section .concertina .con-button.down::after {
  transform: rotate(45deg);
  top: 35%;
}
#page-sections section.concertina-section .concertina .con-content {
  display: none;
}
#page-sections section.concertina-section .concertina .con-content .resource.box {
  max-width: none;
  padding: 20px;
}
#page-sections section.concertina-section .concertina .con-content .resource.box:nth-child(odd) {
  background-color: #FFF;
}
#page-sections section.concertina-section .concertina .con-content .resource.box:nth-child(even) {
  background-color: rgb(246, 246, 246);
}
#page-sections section.portal-section {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 60px 0;
  width: 100%;
}
#page-sections section.portal-section .cardbox {
  padding: 0 30px;
}
@media only screen and (min-width: 1440px) {
  #page-sections section.portal-section .cardbox {
    padding: 0 10px;
  }
}
#page-sections section.portal-section .row {
  align-items: stretch;
  align-content: stretch;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  max-width: 1440px;
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 800px) {
  #page-sections section.portal-section .row {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
#page-sections section.portal-section .row .rheader, #page-sections section.portal-section .row .rfooter {
  box-sizing: border-box;
  padding: 0 20px;
  width: 100%;
}
#page-sections section.portal-section .row .rheader {
  max-width: 1050px;
  padding-bottom: 20px;
}
#page-sections section.portal-section .row .rfooter .button {
  margin-top: 0;
}
#page-sections section.portal-section .row .ccon {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
}
#page-sections section.portal-section .row .ccon > *:last-child {
  margin-bottom: 0;
}
#page-sections section.portal-section.products .row {
  padding-top: 30px;
}
#page-sections section.portal-section.products .cardbox article.card {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  #page-sections section.portal-section.products .cardbox article.card {
    width: 50%;
  }
}
@media only screen and (min-width: 1024px) {
  #page-sections section.portal-section.products .cardbox article.card {
    width: 33.333%;
  }
}
#page-sections section.portal-section.products .cardbox article.card .portal-item {
  text-align: left;
}
#page-sections section.portal-section.products .cardbox article.card .portal-item .portal-content .tn {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  height: auto;
  left: auto;
  position: static;
  top: auto;
  transform: none;
  width: auto;
}
#page-sections section.portal-section.products .cardbox article.card .portal-item .htitle {
  background-color: #1F1F1F;
  display: flex;
  padding: 20px;
}
#page-sections section.portal-section.products .cardbox article.card .portal-item .htitle .title {
  color: white;
  flex: 1 1 auto;
  font-family: "Comfortaa", sans-serif;
  font-size: 32px;
  font-weight: 700;
  margin: 0;
}
@media only screen and (max-width: 568px) {
  #page-sections section.portal-section.products .cardbox article.card .portal-item .htitle .title {
    font-size: 24px;
  }
}
#page-sections section.portal-section.products .cardbox article.card .portal-item .htitle .tn {
  flex: 0 0 auto;
  max-height: 100%;
}
#page-sections section.portal-section.products .cardbox article.card .portal-item .info {
  background-color: rgb(246, 246, 246);
  margin: 0;
  padding: 20px;
}
#page-sections section.case-studies.cs-ctrl {
  overflow: visible;
  z-index: 1;
}
#page-sections section.case-studies #case-studies-feed {
  padding: 0 20px;
}
#page-sections section.case-studies #case-studies-feed > h2 {
  margin-bottom: 30px;
}
#page-sections section.cs-hide.cs-hide-on {
  display: none;
}
#page-sections section.slideshow {
  padding-top: 0;
}
#page-sections section.slideshow .content {
  padding: 0 20px;
}
#page-sections section.slideshow .img-slideshow .flickity-slideshow {
  aspect-ratio: 16/9;
  background-color: black;
  color: white;
}
#page-sections section.slideshow .img-slideshow .flickity-slideshow .ss-slide {
  aspect-ratio: 16/9;
  width: 100%;
}
#page-sections .scr-offset {
  position: absolute;
  left: 0;
  right: 0;
}
#page-sections .videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
#page-sections .videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1140px) {
  #page-sections section {
    padding-top: 30px;
    padding-bottom: -10px;
  }
}
@media only screen and (max-width: 800px) {
  #page-sections section {
    padding: 40px 0;
  }
}

.cardbox {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -20px !important;
  padding: 0;
  width: calc(100% + 40px);
}
.cardbox article {
  box-sizing: border-box;
  display: inline-block;
  flex: 0 0 auto;
  margin-bottom: 30px;
  max-width: 500px;
  padding: 0 20px;
  width: 100%;
}
@media only screen and (min-width: 576px) {
  .cardbox article {
    width: 50%;
  }
}
@media only screen and (min-width: 960px) {
  .cardbox article {
    width: 33.333%;
  }
}
.cardbox article .card {
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 2px;
  color: black;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-start;
  text-decoration: none;
  transition: all 300ms ease;
}
.cardbox article .card .tn {
  aspect-ratio: 1/0.6;
  background-color: black;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.cardbox article .card .tn .tn-img {
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.6;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  transition: all 300ms ease-out;
  width: 100%;
}
.cardbox article .card .tn .tn-logo {
  height: 45%;
  left: 50%;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: height 300ms ease-out;
  width: 90%;
}
.cardbox article .card .info {
  align-items: flex-start;
  box-sizing: border-box;
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 3%;
  width: 100%;
}
.cardbox article .card .info > div {
  box-sizing: border-box;
  display: inline-block;
  margin-bottom: 12px;
  width: 100%;
}
.cardbox article .card .info > div.client {
  opacity: 0.3;
}
.cardbox article .card .info > div.title {
  font-family: "Comfortaa", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}
.cardbox article .card .info > div.desc {
  padding-bottom: 20px;
}
.cardbox article .card .info > div.button {
  margin-top: auto;
  width: auto;
}
.cardbox article .card:hover .tn .tn-img, .cardbox article .card:focus .tn .tn-img {
  opacity: 0.4;
  transform: translate(-50%, -50%) scale(1.05);
}
.cardbox article .card:hover .tn .tn-logo, .cardbox article .card:focus .tn .tn-logo {
  height: 60%;
}
.cardbox article .card:hover .info .button, .cardbox article .card:focus .info .button {
  color: white;
}
.cardbox article .card:hover .info .button::after, .cardbox article .card:focus .info .button::after {
  opacity: 1;
  width: 101%;
}
.cardbox.hl-first article:first-child {
  max-width: none;
  width: 100%;
}
@media only screen and (min-width: 960px) {
  .cardbox.hl-first article:first-child .card {
    flex-direction: row;
  }
}
@media only screen and (min-width: 960px) {
  .cardbox.hl-first article:first-child .card .tn {
    width: 50%;
  }
}
@media only screen and (min-width: 960px) {
  .cardbox.hl-first article:first-child .card .info {
    padding: 3% 6%;
    width: 50%;
  }
}
.cardbox.hl-first article:first-child .card .info .title {
  font-size: 40px;
}
.cardbox .no-results {
  font-size: 24px;
  text-align: center;
  width: 100%;
}

#cs-filter-bar {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 50px;
  position: relative;
  width: 100%;
  z-index: 42;
}
@media only screen and (min-width: 960px) {
  #cs-filter-bar {
    flex-direction: row;
  }
}
#cs-filter-bar .lbl {
  font-size: 20px;
  font-weight: 700;
  margin: 10px;
  padding: 0 10px;
}
#cs-filter-bar .fset {
  flex: 1 1 auto;
  max-width: 250px;
  min-width: 200px;
  margin: 10px;
  position: relative;
  width: 100%;
}
#cs-filter-bar .fset .title {
  background-color: white;
  box-sizing: border-box;
  color: #999999;
  cursor: pointer;
  font-size: 20px;
  padding: 10px;
  position: relative;
}
#cs-filter-bar .fset .title::before, #cs-filter-bar .fset .title::after {
  content: "";
  position: absolute;
}
#cs-filter-bar .fset .title::before {
  border: 1px solid #999999;
  border-top: 0;
  border-left: 0;
  height: 10px;
  right: 7px;
  top: 40%;
  transform: translate(-50%, -50%) rotate(45deg);
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 10px;
}
#cs-filter-bar .fset .title::after {
  background-color: #999999;
  bottom: 0;
  height: 1px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 20px);
}
#cs-filter-bar .fset .cont {
  background-color: white;
  box-sizing: border-box;
  display: none;
  font-size: 16px;
  left: 0;
  padding: 10px;
  position: absolute;
  top: 100%;
  width: 100%;
}
#cs-filter-bar .fset.active {
  z-index: 42;
}
#cs-filter-bar .fset.active .title::before {
  transform: translate(-50%, 0) rotate(45deg) scale(-1);
}
#cs-filter-bar .act {
  display: flex;
  padding: 0 10px;
}
#cs-filter-bar .act .button {
  background-color: white;
}
#cs-filter-bar .act .button + .button {
  margin-left: 10px;
}

.social {
  text-align: left;
}
.social a {
  display: inline-block;
}
.social a span {
  display: inline-block;
  width: 42px;
  height: 42px;
  margin-left: 6px;
  margin-bottom: 10px;
  border-radius: 100%;
  position: relative;
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
  vertical-align: middle;
}
.social a span img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.social a span:hover img, .social a span:focus img {
  filter: grayscale(1) invert(1);
}
.social a.insta span:hover {
  background-color: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}
.social a.flickr span:hover {
  background-color: #0063dc;
}
.social a.linkedin span:hover {
  background-color: #0077b5;
}
.social a.dropmark span:hover {
  background-color: #38dedf;
}
.social a.twitter span:hover {
  background-color: #55acee;
}
.social a.facebook span:hover {
  background-color: #3b5999;
}
.social a.vimeo span:hover {
  background-color: #1ab7ea;
}
.social a.youtube span:hover {
  background-color: #cd201f;
}

div.footer-img {
  text-align: right;
}
@media only screen and (max-width: 568px) {
  div.footer-img {
    text-align: center;
  }
}
div.footer-img .vrar img {
  margin-top: 20px;
  max-width: 252px;
  width: 100%;
}
div.footer-img .ukas {
  padding: 0 0 0 5px;
}
div.footer-img .ukas img {
  margin-top: 20px;
  max-width: 125px;
}

footer {
  padding: 50px 0 0 0;
  background-color: #f8f8f8;
}
footer .inner {
  display: flex;
  flex-wrap: wrap;
  max-width: 1480px;
  margin: auto;
  padding: 30px 0;
}
@media only screen and (min-width: 567px) {
  footer .inner {
    padding: 30px;
  }
}
footer .inner ul {
  margin: 0;
  padding: 0;
}
footer .inner ul li {
  list-style: none;
  margin-bottom: 4px;
}
footer .inner ul li.misc {
  margin-bottom: 25px;
}
footer .inner ul li a {
  color: black;
  font-family: "proxima-nova", sans-serif;
  text-decoration: none;
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
footer .inner ul li a:hover {
  color: rgb(0, 142, 132);
}
footer .inner .footer-col {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 20px;
  width: 100%;
}
@media only screen and (min-width: 576px) {
  footer .inner .footer-col {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  footer .inner .footer-col {
    width: 33.333%;
  }
}
@media only screen and (min-width: 1024px) {
  footer .inner .footer-col {
    width: 20%;
  }
}
footer .inner.socs .footer-col {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  footer .inner.socs .footer-col {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  footer .inner.socs .footer-col:last-child {
    text-align: right;
  }
}
footer .signature {
  background-color: white;
  margin: auto;
  padding: 30px 20px;
  color: black;
  font-family: "proxima-nova", sans-serif;
  font-size: 14px;
}
footer .signature > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1440px;
}
@media only screen and (min-width: 568px) {
  footer .signature > div {
    flex-direction: row;
  }
}
footer .signature > div div {
  padding: 10px 0;
}
footer .signature a {
  color: black;
}

.ErrMsg {
  color: #de5306;
  text-align: center;
  font-size: 1.4em;
}

.is-video {
  position: relative;
  padding-bottom: 56.25%;
  width: 100%;
  height: 100%;
}
.is-video iframe {
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  max-height: 100vh;
  max-width: 100vw;
  width: 100%;
  height: 100%;
}

.blog {
  font-family: "proxima-nova", sans-serif;
  font-size: 18px;
}
.blog .col3 {
  text-align: left;
}
@media only screen and (max-width: 800px) {
  .blog .col3 {
    text-align: left !important;
  }
}
.blog .blog-main {
  padding-right: 10%;
}
.blog .blog-main.tl {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -10px !important;
  padding: 0;
  width: calc(100% + 20px);
}
.blog .blog-main.d {
  padding-right: 5%;
}
.blog .blog-main * {
  box-sizing: border-box;
}
.blog .blog-main .BlogKeywords {
  border-top: 1px solid black;
  margin-top: 30px;
  padding-top: 10px;
}
.blog .blog-main p, .blog .blog-main div {
  font-family: "proxima-nova", sans-serif;
  margin-bottom: 15px;
}
.blog .blog-main ol li, .blog .blog-main ul li {
  margin-bottom: 2px;
}
.blog .blog-main .blog-article {
  display: inline-block;
  flex: 0 0 auto;
  margin-bottom: 30px;
  max-width: 500px;
  padding: 0 15px;
  width: 100%;
}
@media only screen and (min-width: 576px) {
  .blog .blog-main .blog-article {
    width: 50%;
  }
}
@media only screen and (min-width: 960px) {
  .blog .blog-main .blog-article {
    width: 33.333%;
  }
}
.blog .blog-main .blog-article:last-child {
  margin-bottom: 30px !important;
}
.blog .blog-main .blog-article .bi {
  border: 1px solid #ccc;
  border-radius: 2px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: all 300ms ease;
}
.blog .blog-main .blog-article .bi .tn {
  overflow: hidden;
  margin: 0;
  position: relative;
}
.blog .blog-main .blog-article .bi .tn::before {
  content: "";
  display: table;
  padding-bottom: 50%;
}
.blog .blog-main .blog-article .bi .tn img {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 1200ms ease;
  width: 100%;
}
.blog .blog-main .blog-article .bi .copy {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 15px;
  width: 100%;
}
.blog .blog-main .blog-article .bi .copy h1 {
  font-size: 24px;
  line-height: 1.2;
  margin: 0 0 12px 0;
}
.blog .blog-main .blog-article .bi .copy .blog-date {
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 10px;
  min-height: 0;
  opacity: 0.6;
}
.blog .blog-main .blog-article .bi .copy .intro {
  font-size: 18px;
}
.blog .blog-main .blog-article .bi .copy .action {
  margin-top: auto !important;
}
.blog .blog-main .blog-article .bi .copy .action .button {
  border-color: black;
  color: black;
  font-family: "proxima-nova", sans-serif;
  text-transform: none;
  transition: all 300ms ease;
}
.blog .blog-main .blog-article .bi .copy .action .button:hover {
  background-color: black;
  color: white;
}
.blog .blog-main .blog-article .bi:hover {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}
.blog .blog-main .blog-article .bi:hover .tn img {
  transform: translate(-50%, -50%) scale(1.08);
}
.blog .blog-main .blog-article .bi:hover .action .button {
  background-color: black;
  color: white;
}
.blog .pnav {
  text-align: center;
  margin: 0 auto;
}
.blog .pnav .button {
  font-family: "proxima-nova", sans-serif;
}
.blog .pnav .button:first-child {
  margin-right: 30px !important;
}
.blog .blog-links {
  color: black;
}
.blog .blog-links .BlogListHeader {
  font-size: 30px;
  font-family: "proxima-nova", sans-serif;
  margin-bottom: 13px;
}
.blog .blog-links ul {
  display: inline-block;
  margin-bottom: 50px;
  padding-left: 10px;
  width: 100%;
}
.blog .blog-links ul li {
  display: inline-block;
  margin-bottom: 5px;
  width: 100%;
}
.blog .blog-links ul li a {
  display: block;
  line-height: 1.2;
  text-decoration: none;
}
.blog .blog-links ul li a img {
  float: left;
  height: auto;
  margin: 0 10px 10px 0 !important;
  width: 40px;
}
.blog .blog-links ul li a time {
  color: black;
  font-size: 12px;
  text-decoration: none;
}
.blog .blog-links .acc-wrap {
  margin-bottom: 50px;
  padding-left: 5px;
}
.blog .blog-links .acc-wrap .accordionButton {
  color: rgb(237, 102, 47);
  cursor: pointer;
  font-size: 24px;
  margin-bottom: 10px;
  padding-left: 5px;
}
.blog .blog-links .acc-wrap .accordionButton .text {
  padding-left: 10px;
}
.blog .blog-links .acc-wrap .accordionButton .icon {
  display: inline-block;
  transform: rotate(180deg);
  transition: all 200ms cubic-bezier(0.95, 0.55, 0.05, 0.445);
}
.blog .blog-links .acc-wrap .accordionButton .icon img {
  width: 20px;
}
.blog .blog-links .acc-wrap .accordionButton.active .icon {
  transform: rotate(0deg);
  transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.blog .blog-links .acc-wrap .accordionContent {
  max-height: 0;
  overflow: hidden;
  transition: all 200ms cubic-bezier(0.95, 0.55, 0.05, 0.445);
  padding: 0 15px;
}
.blog .blog-links .acc-wrap .accordionContent a {
  font-family: "proxima-nova", sans-serif;
  margin-bottom: 5px;
  width: 100%;
  display: inline-block;
}
.blog .blog-links .acc-wrap .accordionContent.is-on {
  max-height: 2000px;
  padding: 5px 15px 20px 15px;
  transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.blog .social {
  float: left;
  padding: 0;
  width: 100%;
}
.blog .social a {
  display: block;
  font-family: "proxima-nova", sans-serif;
  margin: 5px !important;
  text-align: left;
  width: 100%;
}
.blog .social a span {
  margin: 0 5px 0 0 !important;
}

.mce-tinymce button {
  border-radius: 0;
}
.mce-tinymce button:hover {
  background-color: rgb(237, 102, 47);
}

@keyframes col-reveal {
  0% {
    opacity: 0;
    transform: translateY(60px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes circle-scale {
  0% {
    opacity: 0;
    transform: translateX(-50%) scale(0);
  }
  100% {
    opacity: 1;
    transform: translateX(-50%) scale(1);
  }
}
@keyframes flowchart-up {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes flowchart-down {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes popup-reveal {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}/*# sourceMappingURL=main.css.map */