@charset "UTF-8";
.page-menu .panel-group .panel {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
.page-page .body-content {
  margin-top: 0px;
  position: relative;
}
.left-column-toggle-wrapper {
  position: absolute;
  top: 400px;
  bottom: 0;
  left: 0;
  width: 70px;
  background: #fbfafa;
  z-index: 100;
  display: none;
}
@media screen and (max-width: 991px) {
  .left-column-toggle-wrapper {
    display: block;
    top: 368px;
  }
}
@media screen and (max-width: 767px) {
  .left-column-toggle-wrapper {
    display: none;
  }
}
.left-column-toggle-wrapper .left-column-toggle {
  writing-mode: vertical-rl;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(180deg), M12=-1*sin(180deg), M21=sin(180deg), M22=cos(180deg))";
  filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod="auto expand", M11=cos(180deg), M12=-1*sin(180deg), M21=sin(180deg), M22=cos(180deg));
  line-height: 20px;
  text-transform: uppercase;
  display: block;
  position: relative;
  margin-left: 28px;
  margin-top: 40px;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "TTCommonsMedium";
}
.left-column-toggle-wrapper .left-column-toggle:hover {
  text-decoration: none;
  color: #00aedc;
}
.left-column-toggle-wrapper .left-column-toggle a {
  cursor: pointer;
}
.left-column {
  padding-top: 225px;
  position: relative;
}
@media screen and (max-width: 991px) {
  .left-column {
    position: absolute;
    left: 0px;
    transition: all 0.5s ease;
  }
}
@media screen and (max-width: 991px) {
  .left-column.hidden-column {
    left: -400px;
  }
}
@media screen and (max-width: 767px) {
  .left-column {
    display: none;
  }
}
.breadcrumb.breadcrumb-with-columns {
  position: absolute;
  top: 225px;
}
@media screen and (max-width: 991px) {
  .breadcrumb.breadcrumb-with-columns {
    left: -35px;
    max-height: 142px;
    overflow: hidden;
  }
}
@media screen and (max-width: 767px) {
  .breadcrumb.breadcrumb-with-columns {
    left: 20px;
    top: 180px;
    max-height: unset;
  }
}
.right-column {
  padding-top: 225px;
  position: relative;
  background: #faf9f9;
}
@media screen and (max-width: 991px) {
  .right-column {
    background: #fff;
  }
}
.right-column .block-main {
  padding: 65px;
  /*
        .row-zero {
            margin-left: -65px;
            margin-right: -65px;
        }
        */
}
@media screen and (max-width: 991px) {
  .right-column .block-main {
    padding: 35px;
  }
}
@media screen and (max-width: 767px) {
  .right-column .block-main {
    padding: 20px;
  }
}
.right-column .block-main .negative-offset {
  margin-left: -65px;
  margin-right: -65px;
  margin-top: -65px;
}
.right-column .block-main .negative-offset:last-child {
  margin-bottom: -65px;
}
@media screen and (max-width: 991px) {
  .right-column .block-main .negative-offset {
    margin-left: -35px;
    margin-right: -35px;
    margin-top: -35px;
  }
  .right-column .block-main .negative-offset:last-child {
    margin-bottom: -35px;
  }
}
@media screen and (max-width: 767px) {
  .right-column .block-main .negative-offset {
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -20px;
  }
  .right-column .block-main .negative-offset:last-child {
    margin-bottom: -20px;
  }
}
.right-column .block-main .negative-offset.margin-bottom-default {
  margin-bottom: 65px;
}
@media screen and (max-width: 991px) {
  .right-column .block-main .negative-offset.margin-bottom-default {
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 767px) {
  .right-column .block-main .negative-offset.margin-bottom-default {
    margin-bottom: 20px;
  }
}
.right-column .block-main .negative-offset.margin-bottom-zero {
  margin-bottom: 0px;
}
.right-column .block-main .negative-offset.margin-top-zero {
  margin-top: 0px;
}
.right-column .block-main .negative-offset-horizontal {
  margin-left: -65px;
  margin-right: -65px;
}
@media screen and (max-width: 991px) {
  .right-column .block-main .negative-offset-horizontal {
    margin-left: -35px;
    margin-right: -35px;
  }
}
@media screen and (max-width: 767px) {
  .right-column .block-main .negative-offset-horizontal {
    margin-left: -20px;
    margin-right: -20px;
  }
}
.right-column .block-main .negative-offset-horizontal.margin-bottom-default {
  margin-bottom: 65px;
}
@media screen and (max-width: 991px) {
  .right-column .block-main .negative-offset-horizontal.margin-bottom-default {
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 767px) {
  .right-column .block-main .negative-offset-horizontal.margin-bottom-default {
    margin-bottom: 20px;
  }
}
.right-column .block-main.no-top {
  padding-top: 0px;
}
.right-column .block-main.no-bottom {
  padding-bottom: 0px;
}
.right-column .block-main.no-left {
  padding-left: 0px;
}
.right-column .block-main.no-right {
  padding-right: 0px;
}
.right-column .block-main.extra-top {
  margin-top: 65px;
}
@media screen and (max-width: 991px) {
  .right-column .block-main.extra-top {
    margin-top: 35px;
  }
}
@media screen and (max-width: 767px) {
  .right-column .block-main.extra-top {
    margin-top: 20px;
  }
}
.right-column .block-main div > p:last-child {
  margin-bottom: 0 !important;
}
.right-column .block-main .tab-content {
  padding: 0px;
}
.right-column .block-main .tabs-x {
  margin-bottom: 65px;
}
@media screen and (max-width: 991px) {
  .right-column .block-main .tabs-x {
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 767px) {
  .right-column .block-main .tabs-x {
    margin-bottom: 20px;
  }
}
.right-column .align-to-main {
  padding-left: 65px;
  padding-right: 65px;
}
@media screen and (max-width: 991px) {
  .right-column .align-to-main {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media screen and (max-width: 767px) {
  .right-column .align-to-main {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.right-column h1 {
  margin-top: 0px;
  padding-top: 140px;
  padding-left: 65px;
  margin-bottom: 65px;
}
@media screen and (max-width: 1199px) {
  .right-column h1 {
    padding-top: 172px;
  }
}
@media screen and (max-width: 991px) {
  .right-column h1 {
    padding-left: 35px;
    margin-bottom: 35px;
    padding-top: 140px;
  }
}
@media screen and (max-width: 767px) {
  .right-column h1 {
    padding-left: 20px;
    padding-top: 95px;
  }
}
@media screen and (max-width: 767px) {
  .right-column h1 {
    padding-top: 50px;
  }
}
@media screen and (max-width: 500px) {
  .right-column h1 {
    padding-top: 35px;
    margin-bottom: 25px;
  }
}
.hideaway {
  position: absolute;
  top: 0;
  height: 10000vh;
  left: -1000px;
  right: 0;
  background: #fff;
  z-index: 31;
}
@media screen and (max-width: 991px) {
  .hideaway {
    background-color: #f4f3f3;
    -webkit-box-shadow: 10px 8px 34px -10px #151515;
    -moz-box-shadow: 10px 8px 34px -10px #151515;
    -ms-box-shadow: 10px 8px 34px -10px #151515;
    box-shadow: 10px 8px 34px -10px #151515;
  }
}
.row.examples-and-projects {
  flex-wrap: wrap;
  height: 100%;
}
.row.examples-and-projects > [class*="col-"] {
  display: flex;
  flex-direction: column;
}
.row.examples-and-projects > [class*="col-"] .slides {
  height: 100%;
}
.row.examples-and-projects .cover {
  height: 100%;
}
.page-menu .panel-group {
  margin: 0;
}
.page-menu .panel-group .panel {
  background: transparent;
  border-radius: 0px;
  border: none;
}
.page-menu .panel-group .panel .panel-heading {
  padding: 0;
  margin: 25px 0 25px 0;
}
.page-menu .panel-group .panel + .panel {
  margin-top: 0px;
}
.page-menu .section-header {
  font-family: "TTCommonsMedium";
  display: block;
  text-decoration: none;
  font-size: 30px;
  font-size: 3rem;
}
.page-menu .section-header .inner-text {
  display: inline-block;
  vertical-align: middle;
  margin-left: 25px;
  position: relative;
  top: 4px;
}
.page-menu .section-header span.line {
  background-color: #00aedc;
}
.page-menu .section-header:hover {
  color: #00aedc;
}
.page-menu .section-header button {
  color: #00aedc;
  background: transparent;
  width: 44px;
  height: 44px;
  border: 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.page-menu .section-header button span {
  position: absolute;
  transition: 0.3s;
  background: #00aedc;
}
.page-menu .section-header button span:first-of-type {
  top: 0%;
  bottom: 0%;
  width: 4%;
  left: 48%;
}
.page-menu .section-header button span:last-of-type {
  left: 0%;
  right: 0%;
  height: 4%;
  top: 48%;
}
.page-menu .section-header button span:first-of-type {
  top: 50%;
  bottom: 50%;
}
.page-menu .section-header.collapsed button span:first-of-type, .page-menu .section-header.collapsed button span:last-of-type {
  transform: rotate(90deg);
}
.page-menu .section-header.collapsed button span:first-of-type {
  top: 0%;
  bottom: 0%;
}
.page-menu .section-body {
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .page-menu .section-body {
    margin-bottom: 10px;
  }
}
.page-menu .row-menu .item {
  margin-bottom: 30px;
}
@media screen and (max-width: 1199px) {
  .page-menu .row-menu .item.col-xs-4 a .header {
    left: 15px;
  }
}
.page-menu .row-menu .item a {
  position: relative;
  display: block;
}
.page-menu .row-menu .item a img {
  width: 100%;
}
.page-menu .row-menu .item a .header {
  position: absolute;
  left: 50px;
  top: 50px;
  right: 50px;
  color: #fff;
  font-family: "TTCommonsDemiBold";
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  font-size: 25px;
  font-size: 2.5rem;
}
@media screen and (max-width: 1400px) {
  .page-menu .row-menu .item a .header {
    left: 30px;
    top: 20px;
    right: 30px;
  }
}
.page-menu .row-menu .item a .overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #00aedc;
  opacity: 0.3;
}
.page-menu .row-menu .item a:hover .overlay {
  display: none;
}
.page-menu-compact .row-menu .item {
  margin-bottom: 30px;
}
.page-menu-compact .row-menu .item a {
  position: relative;
  display: block;
}
.page-menu-compact .row-menu .item a .img-wrapper {
  width: 100%;
  position: relative;
}
.page-menu-compact .row-menu .item a .img-wrapper img {
  width: 100%;
}
.page-menu-compact .row-menu .item a .img-wrapper:after {
  content: "";
  background-color: #104553;
  background-image: url(/images/logo-hover.png);
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.page-menu-compact .row-menu .item a .header {
  margin: 15px 0 0px 0;
  font-family: "TTCommonsMedium";
  font-size: 22px;
  font-size: 2.2rem;
}
.page-menu-compact .row-menu .item a:hover {
  text-decoration: none;
}
.page-menu-compact .row-menu .item a:hover .header {
  text-decoration: none;
  color: #00aedc;
}
.page-menu-compact .row-menu .item a:hover .img-wrapper:after {
  opacity: 0.7;
}
.equal-height {
  position: relative;
  margin-bottom: 30px;
}
.equal-height:last-child {
  margin-bottom: 0px;
}
.equal-height .slave {
  position: absolute;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .equal-height .slave {
    position: relative;
  }
}
.equal-height .slave > * {
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.equal-height .slave img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.equal-height .slave.contain img {
  object-fit: contain;
  object-position: top left;
}
.equal-height .slave:last-child {
  right: 0;
}
.equal-height .slave.contain:last-child img {
  object-position: top right;
}
@media screen and (max-width: 767px) {
  .equal-height .master > *:first-child {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .equal-height .hook {
    display: none;
  }
}
.projects-list-attached-wrapper.negative-offset-horizontal:last-child {
  margin-bottom: -65px;
}
.quotation {
  quotes: "“" "”" "‘" "’";
  border-left: 10px solid #00aedc;
  padding-left: 30px;
}
.quotation:before {
  color: #00aedc;
  content: open-quote;
  font-size: 8em;
  line-height: 0.001em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
  position: relative;
  top: 0.23em;
  left: -4px;
}
.projects-outer-holder {
  margin-left: -118px;
  z-index: 36;
  position: relative;
  overflow: hidden;
  background-color: #f4fafc;
}
@media screen and (max-width: 1260px) {
  .projects-outer-holder {
    margin-left: -35px;
  }
}
@media screen and (max-width: 991px) {
  .projects-outer-holder {
    margin-left: 0px;
  }
}
.projects-outer-holder .column-header {
  margin-left: 118px;
  padding-top: 60px;
  margin-bottom: 30px;
  font-size: 30px;
  font-size: 3rem;
  font-family: "TTCommonsMedium";
  text-transform: uppercase;
}
@media screen and (max-width: 1260px) {
  .projects-outer-holder .column-header {
    margin-left: 35px;
  }
}
@media screen and (max-width: 1199px) {
  .projects-outer-holder .column-header {
    margin-left: 35px;
  }
}
@media screen and (max-width: 991px) {
  .projects-outer-holder .column-header {
    padding-top: 35px;
  }
}
.projects-outer-holder .projects-column .item {
  margin-bottom: 50px;
}
.projects-outer-holder .projects-column .item:last-child {
  margin-bottom: 0px;
  padding-bottom: 30px;
}
@media screen and (max-width: 991px) {
  .projects-outer-holder .projects-column .item:last-child {
    padding-bottom: 0px;
  }
}
.projects-outer-holder .projects-column .item > * {
  display: block;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.projects-outer-holder .projects-column .item > * .shadow {
  z-index: 37;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #0c435a;
  opacity: 0.7;
}
.projects-outer-holder .projects-column .item > * .description-holder {
  z-index: 38;
  position: relative;
}
.projects-outer-holder .projects-column .item > *:hover {
  text-decoration: none;
}
.projects-outer-holder .projects-column .item > *:hover .more {
  text-decoration: underline;
}
.projects-outer-holder:last-child .projects-column .item:last-child {
  padding-bottom: 0px;
}
/* Some other minor items */
.list-block .inner-wrapper {
  text-align: center;
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 2rem;
}
.list-block .inner-wrapper img {
  max-width: 100%;
  height: auto;
  padding: 0px 20px;
}
.list-block .inner-wrapper .header {
  font-family: "TTCommonsLightItalic";
}
.tabs-x .nav-tabs {
  border: none;
}
.tabs-x .nav-tabs > li a {
  border: none;
}
.tabs-x .nav-tabs > li:active a {
  border: none !important;
}