/*!
Theme Name: LMA
Theme URI: http://polite-websites.com/
Author: Jan von Hausen
Author URI: http://polite-websites.com/
Description: lmarchs theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lmarchs
*/
/* =Globals ---------------------- */
/* =Reset
----------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline; }

html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

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

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

ol, ul {
  list-style: none; }

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

caption, th, td {
  font-weight: 300;
  text-align: left; }

blockquote:before, blockquote:after, q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

a:focus {
  outline: thin dotted; }

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

a img {
  border: 0; }

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

/* =Mixins
----------------------------------------------- */
.clear:before, .entry-content:before, .comment-content:before, .division:before, .site-header:before, section:before, .site-main:before, .main-content:before, .projects:before, .site-footer:before, .clear:after, .entry-content:after, .comment-content:after, .division:after, .site-header:after, section:after, .site-main:after, .main-content:after, .projects:after, .site-footer:after {
  content: "";
  display: table; }
.clear:after, .entry-content:after, .comment-content:after, .division:after, .site-header:after, section:after, .site-main:after, .main-content:after, .projects:after, .site-footer:after {
  clear: both; }

/* =Defaults
----------------------------------------------- */
/* Text meant only for screen readers */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important; }

.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
  background-color: #ffffff;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #ffffff;
  display: block;
  font-size: 18px;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar */ }

@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?j23wik");
  src: url("fonts/icomoon.eot?j23wik#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?j23wik") format("truetype"), url("fonts/icomoon.woff?j23wik") format("woff"), url("fonts/icomoon.svg?j23wik#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-facebook2:before {
  content: "\ea91"; }

.icon-instagram:before {
  content: "\ea92"; }

.icon-linkedin:before {
  content: "\eac9"; }

/* =Typography
----------------------------------------------- */
body, button, input, select, textarea {
  font-family: "Muli", Helvetica, Arial, sans-serif;
  line-height: 1.5; }

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  line-height: 1;
  color: #364456; }

h1 {
  font-family: "Muli", Helvetica, Arial, sans-serif; }

section h1, .h1 {
  font-weight: 700; }

h2 {
  font-family: "Muli", Helvetica, Arial, sans-serif;
  margin-bottom: .25rem; }

h3 {
  font-family: "Muli", Helvetica, Arial, sans-serif;
  line-height: 1; }

/* Text elements */
p {
  margin-bottom: 0.5rem;
  line-height: 1.5; }

article p, ul {
  font-family: "Muli", Helvetica, Arial, sans-serif; }

ul {
  list-style: none; }

ol {
  list-style: decimal; }

li > ul, li > ol {
  margin-bottom: 0;
  margin-left: 1rem; }

a:link, a:visited {
  color: #364456;
  text-decoration: none; }
  a:link:hover, a:visited:hover {
    color: #c3c3c3; }

dt {
  font-weight: bold; }

dd {
  margin: 0 1rem 1rem; }

b, strong {
  font-weight: bold; }

dfn, em, i {
  font-style: italic; }

blockquote {
  margin: 0 1rem; }

address {
  margin: 0 0 1rem; }

pre {
  background: #eee;
  font: .95rem "Courier 10 Pitch", Courier, monospace;
  margin-bottom: 1em;
  padding: 1em;
  overflow: auto;
  max-width: 100%; }

code, kbd, tt, var {
  font: .95rem Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

mark, ins, ::selection {
  background: rgba(54, 68, 86, 0.4);
  text-decoration: none; }

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

sup {
  bottom: 1ex; }

sub {
  top: .5ex; }

small {
  font-size: 75%; }

big {
  font-size: 125%; }

figure {
  margin: 0; }

table {
  margin: 0;
  width: 100%; }

th {
  font-weight: 600;
  font-family: "Muli", Helvetica, Arial, sans-serif; }

/* =Header ---------------------- */
.site-header {
  overflow-x: hidden; }

.header-main {
  margin: 1rem auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: baseline;
  align-content: flex-start; }
  .header-main .menu-toggle .burger {
    display: inline-block;
    cursor: pointer; }
  .header-main .menu-toggle .bar1, .header-main .menu-toggle .bar2, .header-main .menu-toggle .bar3 {
    width: 25px;
    height: 3px;
    background-color: #364456;
    margin: 3px 0;
    transition: 0.4s; }
  .header-main .menu-toggle .bar3 {
    margin: 3px 0 0; }
  .header-main .menu-toggle .change .bar1 {
    transform: rotate(-45deg) translate(-4px, 4px); }
  .header-main .menu-toggle .change .bar2 {
    opacity: 0; }
  .header-main .menu-toggle .change .bar3 {
    transform: rotate(45deg) translate(-4px, -5px); }
  .header-main .menu-primary-menu-container {
    overflow: hidden;
    max-height: 0px;
    padding: 0;
    transition: all 500ms ease-out; }
  .header-main .menu-primary-menu-container.active {
    max-height: 570px;
    padding: 2rem 0 0; }
  .header-main .site-title {
    margin-right: auto; }
    .header-main .site-title a {
      font: 900 4.5vw "Muli", Helvetica, Arial, sans-serif;
      text-transform: uppercase; }
      @media screen and (min-width: 520px) {
        .header-main .site-title a {
          font-size: 20px;
          flex: 3 0 320px;
          margin: 0 auto 3vh 0; } }
      @media screen and (min-width: 850px) {
        .header-main .site-title a {
          font: 900 1.714rem "Muli", Helvetica, Arial, sans-serif;
          margin: 0 auto 0 0; } }
  @media screen and (min-width: 500px) {
    .header-main {
      margin: 30px auto 1rem; } }
  @media screen and (min-width: 768px) {
    .header-main {
      align-items: center;
      flex-flow: row nowrap;
      height: 100px;
      margin: 0; }
      .header-main .site-title {
        margin-right: auto; }
      .header-main .menu-toggle {
        display: none; }
      .header-main .menu-primary-menu-container {
        max-height: 22px;
        padding: 0; } }
  @media screen and (min-width: 900px) and (max-width: 1100px) {
    .header-main .main-nav-wrap {
      flex: 0 1 360px; }
    .header-main .menu-primary-menu-container {
      max-height: 26px; } }
  @media screen and (min-width: 1100px) {
    .header-main .menu-primary-menu-container {
      max-height: 28px; } }

/* =Footer ---------------------- */
footer:not(.entry-footer) {
  margin: 1rem auto 2rem; }
  footer:not(.entry-footer) .footer-content {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end; }
    footer:not(.entry-footer) .footer-content .logo {
      display: flex;
      align-items: flex-end;
      margin-right: auto; }
      footer:not(.entry-footer) .footer-content .logo .square-logo {
        width: 40px;
        height: 40px;
        background-color: #364456;
        color: #ffffff;
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 0 0 auto; }
        footer:not(.entry-footer) .footer-content .logo .square-logo h6 {
          font-size: .8rem;
          color: #ffffff; }
        @media screen and (min-width: 600px) {
          footer:not(.entry-footer) .footer-content .logo .square-logo {
            width: 60px;
            height: 60px; }
            footer:not(.entry-footer) .footer-content .logo .square-logo h6 {
              font-size: .9rem; } }
      footer:not(.entry-footer) .footer-content .logo .title-logo {
        margin-right: auto; }
        footer:not(.entry-footer) .footer-content .logo .title-logo h5 {
          padding-left: 1rem;
          font: 600 0.9rem/1 "Muli", Helvetica, Arial, sans-serif; }
          footer:not(.entry-footer) .footer-content .logo .title-logo h5 span {
            margin-right: 1px; }
          @media screen and (min-width: 400px) {
            footer:not(.entry-footer) .footer-content .logo .title-logo h5 {
              font: 600 1rem/1 "Muli", Helvetica, Arial, sans-serif; } }
    footer:not(.entry-footer) .footer-content .social ul {
      display: flex;
      align-items: baseline;
      margin: 2rem 0 0; }
      footer:not(.entry-footer) .footer-content .social ul li {
        font-size: 2rem;
        line-height: 1; }
        footer:not(.entry-footer) .footer-content .social ul li a {
          color: #364456; }
        @media screen and (min-width: 460px) {
          footer:not(.entry-footer) .footer-content .social ul li {
            font-size: 2.55rem; } }
      footer:not(.entry-footer) .footer-content .social ul li:not(:first-child) {
        padding-left: 1rem; }
      footer:not(.entry-footer) .footer-content .social ul a.icon-linkedin:before {
        font-family: 'icomoon'; }
      footer:not(.entry-footer) .footer-content .social ul a.icon-instagram:before {
        font-family: 'icomoon'; }
      footer:not(.entry-footer) .footer-content .social ul a.icon-facebook2:before {
        font-family: 'icomoon'; }

/* =Menu
----------------------------------------------- */
.main-nav-wrap {
  flex: 1 1 100vw; }
  @media screen and (min-width: 768px) {
    .main-nav-wrap {
      flex: 0 1 320px; } }
  @media screen and (min-width: 1000px) {
    .main-nav-wrap {
      flex: 0 1 490px; } }

.primary-nav ul {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  margin: 0; }
  .primary-nav ul li {
    text-transform: lowercase; }
    .primary-nav ul li a {
      text-decoration: none;
      font: 900 1.714rem/1 "Muli", Helvetica, Arial, sans-serif;
      color: #364456;
      display: block;
      height: 42px;
      margin-left: 0;
      white-space: nowrap;
      transition: all .25s ease; }
      .primary-nav ul li a:hover {
        color: #c3c3c3; }
        .primary-nav ul li a:hover > ul {
          display: block; }
  .primary-nav ul .current_page_item a, .primary-nav ul .current-menu-item a {
    font-weight: 900;
    color: #c3c3c3; }
  .primary-nav ul .sub-menu a, .primary-nav ul .sub-menu .current_page_item a, .primary-nav ul .sub-menu .current-menu-item a {
    color: #364456;
    font: 900 1.1rem/1 "Muli", Helvetica, Arial, sans-serif;
    height: 32px; }
    .primary-nav ul .sub-menu a:hover, .primary-nav ul .sub-menu .current_page_item a:hover, .primary-nav ul .sub-menu .current-menu-item a:hover {
      color: #c3c3c3; }
  @media screen and (min-width: 768px) {
    .primary-nav ul .sub-menu {
      display: none; } }

@media screen and (min-width: 768px) {
  .primary-nav ul {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin: 0 0 .5vh; }
    .primary-nav ul li:not(:first-child) {
      margin-left: 10px; }
    .primary-nav ul li a {
      text-decoration: none;
      font: 900 1.5rem/1 "Muli", Helvetica, Arial, sans-serif;
      color: #364456;
      display: block;
      margin-left: 0;
      white-space: nowrap;
      transition: all .25s ease; }
      .primary-nav ul li a:hover {
        color: #c3c3c3; }
        .primary-nav ul li a:hover > ul {
          display: block; } }
    @media screen and (min-width: 768px) and (min-width: 900px) {
      .primary-nav ul li a {
        font: 900 1.714rem/1 "Muli", Helvetica, Arial, sans-serif; } }
@media screen and (min-width: 768px) {
    .primary-nav ul .current_page_item a, .primary-nav ul .current-menu-item a {
      font-weight: 900;
      color: #c3c3c3; } }
.filter-menu, .office-menu, .process-menu {
  width: 90vw;
  margin: 0 5% 32px auto;
  position: relative;
  z-index: 5; }
  .filter-menu .catFilter, .office-menu .catFilter, .process-menu .catFilter {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-content: flex-end;
    align-items: flex-end;
    margin-left: auto; }
    .filter-menu .catFilter a, .office-menu .catFilter a, .process-menu .catFilter a {
      text-decoration: none;
      font: 900 1rem/1 "Muli", Helvetica, Arial, sans-serif;
      color: #364456;
      display: block;
      padding: 0 0 .5rem;
      white-space: nowrap;
      transition: all .25s ease; }
      .filter-menu .catFilter a:hover, .office-menu .catFilter a:hover, .process-menu .catFilter a:hover {
        color: #c3c3c3; }
      @media screen and (min-width: 600px) {
        .filter-menu .catFilter a, .office-menu .catFilter a, .process-menu .catFilter a {
          font: 900 1rem/1.25 "Muli", Helvetica, Arial, sans-serif; } }
    .filter-menu .catFilter li .current_page_item, .filter-menu .catFilter li .current-menu-item a, .office-menu .catFilter li .current_page_item, .office-menu .catFilter li .current-menu-item a, .process-menu .catFilter li .current_page_item, .process-menu .catFilter li .current-menu-item a {
      font-weight: 900;
      color: #c3c3c3; }
    .filter-menu .catFilter.open, .office-menu .catFilter.open, .process-menu .catFilter.open {
      width: auto;
      height: auto;
      display: block; }
      .filter-menu .catFilter.open a, .office-menu .catFilter.open a, .process-menu .catFilter.open a {
        padding: .5rem 0; }
  @media screen and (min-width: 768px) {
    .filter-menu, .office-menu, .process-menu {
      margin: -36px 5% 42px auto; } }

#filter-navigation {
  position: relative; }
  #filter-navigation .x {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer; }
    @media screen and (min-width: 520px) {
      #filter-navigation .x {
        display: none; } }

@media screen and (min-width: 360px) {
  .office-menu {
    width: 280px; } }
@media screen and (min-width: 650px) {
  .office-menu {
    width: 300px; } }

@media screen and (min-width: 650px) {
  .process-menu {
    width: 360px; } }

.filter-menu .catFilter {
  display: inline-flex;
  overflow-x: hidden;
  width: 70vw; }
  .filter-menu .catFilter li a {
    padding: 0 20px 0 0; }
  .filter-menu .catFilter li.current_page_item a, .filter-menu .catFilter li .current_menu_item a {
    color: #c3c3c3; }
  @media screen and (min-width: 520px) {
    .filter-menu .catFilter {
      display: flex;
      flex-flow: row nowrap;
      overflow-x: visible;
      align-items: flex-end;
      align-content: flex-end;
      margin-left: auto;
      margin-right: 0;
      width: auto; }
      .filter-menu .catFilter a {
        padding: 0; }
      .filter-menu .catFilter li a:last-child {
        padding: 0; } }
@media screen and (min-width: 600px) {
  .filter-menu {
    width: 70vw; } }
@media screen and (min-width: 800px) {
  .filter-menu {
    width: 535px; }
    .filter-menu .catFilter {
      width: 535px;
      margin-right: 0; } }

@media screen and (min-width: 120px) and (max-width: 768px) {
  .filter-menu, .office-menu, .process-menu {
    display: none; } }
/* =Media
----------------------------------------------- */
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: 0;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

embed,
iframe,
object {
  max-width: 100%; }

/* =Content ---------------------- */
html {
  overflow-x: hidden;
  background: #ffffff;
  font-size: 14px; }

.site {
  font: 300 1rem/1.5 "Muli", Helvetica, Arial, sans-serif;
  color: #364456;
  margin: auto; }

header, footer {
  position: relative;
  width: 90vw;
  margin: auto;
  z-index: 2; }

.home footer {
  display: none; }

.search .primary-content, .entry-content {
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin: auto; }
  @media screen and (min-width: 640px) {
    .search .primary-content, .entry-content {
      width: 90%; } }
  @media screen and (min-width: 800px) {
    .search .primary-content, .entry-content {
      width: 90%; } }

.search .primary-content .page-title, .archive .primary-content .page-title, .category .primary-content .page-title {
  margin-bottom: 2rem; }
.search .primary-content article, .archive .primary-content article, .category .primary-content article {
  max-width: 1200px;
  margin: auto; }
  .search .primary-content article p, .archive .primary-content article p, .category .primary-content article p {
    width: 60%; }

.msl {
  flex: 1 1 100%; }

.image {
  margin: auto;
  width: 100%;
  max-width: 1200px; }

.bgSplashSteps {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1200px;
  background: url("images/lma-Process-12steps.png") no-repeat center center;
  height: 34vw;
  max-height: 530px;
  min-height: 20vh;
  background-size: cover; }
  .bgSplashSteps h2 {
    font-size: 12vw;
    font-weight: 900;
    line-height: 1.3;
    text-align: center; }
    @media screen and (min-width: 800px) {
      .bgSplashSteps h2 {
        font-size: 110px; } }
  .bgSplashSteps h3 {
    font-size: 4vw;
    font-weight: 900;
    line-height: 1.3;
    text-align: center; }
    @media screen and (min-width: 800px) {
      .bgSplashSteps h3 {
        font-size: 36px; } }

.bgSplashArch, .bgSplashWork {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1200px;
  background: url("images/lma-Process-start.png") no-repeat center center;
  height: 34vw;
  max-height: 530px;
  min-height: 20vh;
  background-size: cover;
  margin-bottom: 3vw; }
  .bgSplashArch h2, .bgSplashWork h2 {
    font-size: 7vw;
    font-weight: 900;
    line-height: 1;
    text-align: center;
    margin-bottom: .5rem;
    text-transform: uppercase; }
    .bgSplashArch h2 span, .bgSplashWork h2 span {
      font-size: 72px;
      font-size: 5.6vw;
      font-weight: 600;
      text-transform: lowercase; }
    @media screen and (min-width: 640px) {
      .bgSplashArch h2, .bgSplashWork h2 {
        margin-bottom: 1.5rem;
        font-size: 6.5vw; } }
    @media screen and (min-width: 800px) {
      .bgSplashArch h2, .bgSplashWork h2 {
        font-size: 6vw; } }
    @media screen and (min-width: 1400px) {
      .bgSplashArch h2, .bgSplashWork h2 {
        font-size: 85px; }
        .bgSplashArch h2 span, .bgSplashWork h2 span {
          font-size: 82px; } }
  .bgSplashArch h3, .bgSplashWork h3 {
    font-size: 36px;
    font-size: 4vw;
    line-height: 1.2;
    text-align: center;
    font-weight: 500; }
    @media screen and (min-width: 760px) {
      .bgSplashArch h3, .bgSplashWork h3 {
        font-size: 3vw; } }
    @media screen and (min-width: 1100px) {
      .bgSplashArch h3, .bgSplashWork h3 {
        font-size: 36px; } }

.bgSplashWork {
  background: url("images/lma-Work.png") no-repeat center center;
  min-height: 20vh; }
  .bgSplashWork h2 {
    font-size: 8vw;
    font-weight: 900;
    text-transform: none;
    line-height: 1.2; }
    @media screen and (min-width: 900px) {
      .bgSplashWork h2 {
        font-size: 70px;
        letter-spacing: -.05rem; } }
    @media screen and (min-width: 1100px) {
      .bgSplashWork h2 {
        font-size: 85px; } }

.bgSplashSpecial {
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1200px;
  background: #364456;
  background-size: cover;
  margin-bottom: 3rem;
  padding: 1rem; }
  .bgSplashSpecial p, .bgSplashSpecial ul, .bgSplashSpecial h2, .bgSplashSpecial h3 {
    color: #ffffff; }
  .bgSplashSpecial .specialTitles {
    text-align: left;
    width: 90%; }
    .bgSplashSpecial .specialTitles h2 {
      font-size: 11vw;
      font-weight: 900;
      line-height: 1;
      margin-bottom: 2rem; }
      .bgSplashSpecial .specialTitles h2 span {
        font-weight: 700;
        font-size: 11vw; }
    .bgSplashSpecial .specialTitles h3 {
      font-size: 4.5vw;
      line-height: 1.3;
      font-weight: 300;
      margin-bottom: 1rem; }
  .bgSplashSpecial .specialties {
    text-align: left;
    width: 90%;
    margin-bottom: 1rem; }
    .bgSplashSpecial .specialties li {
      font-size: 1.25rem;
      font-weight: 600;
      line-height: 1;
      padding: .25rem 0 0; }
      .bgSplashSpecial .specialties li p {
        width: 90%; }
    .bgSplashSpecial .specialties li:not(:last-child) {
      border-bottom: 1px solid #ffffff; }
  @media screen and (min-width: 640px) {
    .bgSplashSpecial .specialTitles {
      margin-bottom: 1rem; }
      .bgSplashSpecial .specialTitles h2 {
        font-size: 60px;
        font-size: 50px;
        margin-bottom: 2.5rem; }
        .bgSplashSpecial .specialTitles h2 span {
          font-size: 60px;
          font-size: 55px; }
      .bgSplashSpecial .specialTitles h3 {
        font-size: 24px; }
    .bgSplashSpecial .specialties li {
      font-size: 1rem; } }
  @media screen and (min-width: 850px) {
    .bgSplashSpecial {
      flex-flow: row nowrap;
      justify-content: space-around;
      height: 429px;
      height: 34vw;
      height: 46vw;
      max-height: 600px; }
      .bgSplashSpecial .specialTitles {
        text-align: right;
        line-height: 1.1;
        width: 42.5%; }
        .bgSplashSpecial .specialTitles h2 {
          font-size: 50px;
          margin-bottom: 1.5rem; }
          .bgSplashSpecial .specialTitles h2 span {
            font-size: 50px; }
        .bgSplashSpecial .specialTitles h3 {
          font-size: 21px; }
      .bgSplashSpecial .specialties {
        width: 42.5%; }
        .bgSplashSpecial .specialties li {
          font-size: 1.1rem; } }
  @media screen and (min-width: 970px) {
    .bgSplashSpecial {
      height: 42vw; }
      .bgSplashSpecial .specialTitles h2 {
        font-size: 50px; }
        .bgSplashSpecial .specialTitles h2 span {
          font-size: 50px; }
      .bgSplashSpecial .specialTitles h3 {
        font-size: 23px;
        align-self: flex-end; } }
  @media screen and (min-width: 1300px) {
    .bgSplashSpecial .specialTitles h2 {
      font-size: 65px; }
      .bgSplashSpecial .specialTitles h2 span {
        font-size: 65px; }
    .bgSplashSpecial .specialTitles h3 {
      font-sIZE: 24px;
      line-height: 1.5; }
    .bgSplashSpecial .specialties li {
      font-size: 1.5rem; }
      .bgSplashSpecial .specialties li p {
        width: 70%; } }

.bgSplashHistory {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1200px;
  background: url("images/lma-Office-history-bg.png") no-repeat center center;
  height: 34vw;
  max-height: 530px;
  min-height: 20vh;
  background-size: cover; }
  .bgSplashHistory h2 {
    font-size: 12vw;
    font-weight: 900;
    line-height: 1.2;
    text-align: center; }
    @media screen and (min-width: 800px) {
      .bgSplashHistory h2 {
        font-size: 95px;
        line-height: 1.3; } }
    @media screen and (min-width: 1100px) {
      .bgSplashHistory h2 {
        font-size: 110px; } }
  .bgSplashHistory h3 {
    font-size: 4vw;
    font-weight: 900;
    line-height: 1.2;
    text-align: center; }
    @media screen and (min-width: 800px) {
      .bgSplashHistory h3 {
        font-size: 36px;
        line-height: 1.3; } }

.bgSplashPeople {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1200px;
  background: url("images/lma-Office-people-bg.png") no-repeat center center;
  height: 34vw;
  max-height: 530px;
  min-height: 20vh;
  background-size: cover;
  margin: 3vw auto 4vw; }
  .bgSplashPeople h2 {
    font-size: 75px;
    font-size: 12vw;
    font-weight: 900;
    line-height: 1;
    text-align: center; }
    @media screen and (min-width: 800px) {
      .bgSplashPeople h2 {
        font-size: 95px;
        line-height: 1.3; } }
    @media screen and (min-width: 1100px) {
      .bgSplashPeople h2 {
        font-size: 110px; } }
  .bgSplashPeople h3 {
    font-size: 4vw;
    font-weight: 500;
    line-height: 1.2;
    text-align: center; }
    @media screen and (min-width: 800px) {
      .bgSplashPeople h3 {
        font-size: 36px;
        line-height: 1.2; } }
    @media screen and (min-width: 1100px) {
      .bgSplashPeople h3 {
        font-size: 42px;
        line-height: 1.3; } }
  .bgSplashPeople a.careers {
    width: 120%;
    max-width: 200px;
    height: 25px;
    background: #364456;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 8px auto 0;
    color: #ffffff;
    font-weight: 500; }
    @media screen and (min-width: 640px) {
      .bgSplashPeople a.careers {
        margin-top: 2vh;
        height: 40px; } }
    @media screen and (min-width: 840px) {
      .bgSplashPeople a.careers {
        margin-top: 4vh;
        height: 40px; } }

.bgSplashClients {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1200px;
  background: url("images/lma-Office-clients-bg.png") no-repeat center center;
  height: 34vw;
  max-height: 530px;
  min-height: 20vh;
  background-size: cover;
  margin: 3vw auto 4vw; }
  .bgSplashClients h2 {
    font-size: 12vw;
    font-weight: 900;
    line-height: 1;
    text-align: center; }
    @media screen and (min-width: 800px) {
      .bgSplashClients h2 {
        font-size: 95px;
        line-height: 1.3; } }
    @media screen and (min-width: 1100px) {
      .bgSplashClients h2 {
        font-size: 110px; } }
  .bgSplashClients h3 {
    font-size: 4vw;
    font-weight: 900;
    line-height: 1.1;
    text-align: center; }
    @media screen and (min-width: 800px) {
      .bgSplashClients h3 {
        font-size: 36px;
        line-height: 1.3; } }

.bgSplashContact {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1200px;
  background: url("images/lma-Office-contact-bg.png") no-repeat center center;
  height: 34vw;
  max-height: 530px;
  min-height: 20vh;
  background-size: cover;
  margin: 1rem 0; }
  @media screen and (min-width: 800px) {
    .bgSplashContact {
      margin: 3vw auto 4vw; } }
  .bgSplashContact h2 {
    font-size: 12vw;
    font-weight: 900;
    line-height: 1;
    text-align: center; }
    @media screen and (min-width: 800px) {
      .bgSplashContact h2 {
        font-size: 95px; } }
    @media screen and (min-width: 1100px) {
      .bgSplashContact h2 {
        font-size: 110px; } }

.page-id-21 .bgSplashContact {
  margin: 0 0 3rem 0; }

.textcontent {
  padding: 0 2rem; }
  .textcontent h1 {
    line-height: 1; }
  @media screen and (min-width: 1000px) {
    .textcontent {
      padding: 0 5rem; } }

.twelvesteps {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  align-content: flex-start;
  margin: 2rem auto 1.5rem;
  max-width: 1050px; }
  .twelvesteps li {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    text-align: center;
    flex: 1 1 49%;
    margin-bottom: 4vh; }
    .twelvesteps li .title {
      text-transform: uppercase;
      font-weight: bold;
      line-height: 1.5; }
    .twelvesteps li p {
      margin-bottom: 0;
      line-height: 1;
      max-width: 80%; }
    @media screen and (min-width: 640px) {
      .twelvesteps li {
        margin: 3rem 0;
        flex: 1 1 32%; }
        .twelvesteps li p {
          line-height: 1.25; } }
    @media screen and (min-width: 800px) {
      .twelvesteps li {
        margin: 3rem 0;
        flex: 1 1 25%; } }
    @media screen and (min-width: 1200px) {
      .twelvesteps li p {
        max-width: 70%; } }
  @media screen and (min-width: 640px) {
    .twelvesteps {
      width: 75vw; } }

.textcontent {
  margin: 3vw auto 4vw;
  max-width: 1180px; }
  @media screen and (min-width: 850px) {
    .textcontent {
      -webkit-column-count: 2;
      -moz-column-count: 2;
      column-count: 2;
      -webkit-column-gap: 6vw;
      -moz-column-gap: 6vw;
      column-gap: 6vw; } }
  @media screen and (min-width: 480px) {
    .textcontent {
      width: 85vw; } }
  @media screen and (min-width: 640px) {
    .textcontent p {
      line-height: 1.7; } }

.centerText {
  text-align: center;
  font-size: 1.4rem;
  font-weight: 500;
  width: 95vw;
  max-width: 680px;
  margin: auto; }
  @media screen and (min-width: 480px) {
    .centerText {
      width: 85vw;
      line-height: 1.7; } }
  @media screen and (min-width: 800px) {
    .centerText {
      width: 75vw; } }

.leaders .imgFit {
  width: 95vw;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
  align-content: space-between;
  margin: 0 auto;
  max-width: 1200px; }
  .leaders .imgFit li {
    display: flex;
    flex-flow: column nowrap;
    flex: 0 1 49%;
    cursor: pointer; }
    .leaders .imgFit li img {
      margin-bottom: 10px; }
    .leaders .imgFit li .infobox {
      background: #364456;
      color: #ffffff;
      max-width: 285px;
      margin-bottom: 4vw; }
    .leaders .imgFit li .title {
      text-transform: Capitalize;
      font-weight: 700;
      padding: 10px 0 0 10px; }
    .leaders .imgFit li p {
      margin-bottom: 0;
      line-height: 1.25;
      padding: 0 0 10px 10px; }
  @media screen and (min-width: 640px) {
    .leaders .imgFit {
      flex-flow: row nowrap;
      width: 90vw; }
      .leaders .imgFit li {
        flex: 0 1 24%; }
        .leaders .imgFit li .infobox {
          margin-bottom: 2vw; } }
  @media screen and (min-width: 800px) {
    .leaders .imgFit {
      flex-flow: row nowrap; }
      .leaders .imgFit li {
        flex: 0 1 24%; }
        .leaders .imgFit li .infobox {
          margin-bottom: 2vw; }
          .leaders .imgFit li .infobox .title {
            font-size: 18px; } }

.joblogos {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
  margin: 3vw auto 4vw;
  max-width: 1050px; }
  .joblogos img {
    flex: 0 1 auto;
    width: 32%; }
    @media screen and (min-width: 480px) {
      .joblogos img {
        flex: 0 1 24%;
        width: 24%; } }
    @media screen and (min-width: 600px) {
      .joblogos img {
        flex: 0 1 20%; } }
    @media screen and (min-width: 1000px) {
      .joblogos img {
        flex: 0 1 16%; } }
  @media screen and (min-width: 480px) {
    .joblogos {
      width: 85vw; } }
  @media screen and (min-width: 900px) {
    .joblogos {
      width: 75vw; } }

.map {
  margin: 1rem 0; }
  @media screen and (min-width: 640px) {
    .map {
      margin: 3rem 0; } }

.contactInfo {
  display: flex;
  width: 100%;
  max-width: 1200px;
  margin: 3vw 0;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: space-between; }
  .contactInfo .address {
    text-align: center;
    font-weight: 500;
    line-height: 1.5; }
    .contactInfo .address h5 {
      margin-bottom: 1rem;
      text-transform: uppercase;
      font: 900 1.1rem/1 "Muli", Helvetica, Arial, sans-serif; }
      @media screen and (min-width: 375px) {
        .contactInfo .address h5 {
          font: 900 1.25rem/1 "Muli", Helvetica, Arial, sans-serif; } }
  .contactInfo .contactForm {
    text-align: center;
    width: 90%; }
    .contactInfo .contactForm label {
      display: none; }
    .contactInfo .contactForm h5 {
      margin-bottom: 1rem;
      text-transform: uppercase;
      font: 900 1.25rem/1 "Muli", Helvetica, Arial, sans-serif; }
    .contactInfo .contactForm .formfield {
      border: 1px solid #ededed;
      background: #ededed;
      padding: .35rem;
      margin: 0 auto 1rem;
      width: 90vw; }
      @media screen and (min-width: 400px) {
        .contactInfo .contactForm .formfield {
          width: 353px; } }
      @media screen and (min-width: 700px) {
        .contactInfo .contactForm .formfield {
          width: 250px; } }
      @media screen and (min-width: 820px) {
        .contactInfo .contactForm .formfield {
          width: 35vw;
          max-width: 353px; } }
    .contactInfo .contactForm .wpcf7-textarea {
      font-size: .8rem;
      padding-right: 0; }
    .contactInfo .contactForm input[type="submit"] {
      background: #364456;
      color: #ffffff;
      padding: .5rem;
      width: 112px;
      border: none;
      border-radius: 0;
      box-shadow: none;
      cursor: pointer;
      -webkit-appearance: button;
      line-height: 1; }
    .contactInfo .contactForm .wpcf7 .ajax-loader {
      display: none !important; }
  @media screen and (min-width: 700px) {
    .contactInfo {
      flex-flow: row nowrap;
      align-items: flex-start;
      justify-content: space-around; }
      .contactInfo .address {
        text-align: right;
        width: 56%;
        line-height: 1.7; } }
    @media screen and (min-width: 700px) and (min-width: 800px) {
      .contactInfo .address {
        width: 49%; } }
    @media screen and (min-width: 700px) and (min-width: 900px) {
      .contactInfo .address {
        width: 44%; } }
  @media screen and (min-width: 700px) {
      .contactInfo .contactForm {
        width: 40%;
        text-align: left; } }
    @media screen and (min-width: 700px) and (min-width: 800px) {
      .contactInfo .contactForm {
        width: 46%; } }
    @media screen and (min-width: 700px) and (min-width: 900px) {
      .contactInfo .contactForm {
        width: 42%; } }

.home .entry-header {
  height: 0;
  line-height: 0; }

.page .entry-title {
  line-height: 0;
  text-indent: -9999px;
  margin: 0; }

.single .entry-title {
  padding: 1rem 0; }
  @media screen and (min-width: 700px) {
    .single .entry-title {
      padding: 0; } }

.nav-links {
  margin: 1rem; }

.entry-footer {
  display: none; }

.single br {
  height: 4px; }

.ms-skin-light-4 .ms-bullets.ms-dir-h {
  width: 480px; }

.ms-skin-light-4 .ms-bullet {
  width: 80px;
  height: 6px;
  border: none;
  background-color: rgba(147, 183, 187, 0.6); }

.ms-skin-light-4 .ms-bullet-selected {
  background-color: rgba(0, 0, 0, 0.6); }

.ms-skin-light-4 .ms-nav-prev {
  left: 100px; }

.ms-skin-light-4 .ms-nav-next {
  right: 100px; }

/* =Navigation
----------------------------------------------- */
.site-main [class*="navigation"] {
  margin: 1rem 0;
  overflow: hidden; }
  @media screen and (max-width: 576px) {
    .site-main [class*="navigation"] {
      font-size: .9rem; } }
  .site-main [class*="navigation"] .page-numbers, .site-main [class*="navigation"] .meta-nav {
    padding-right: 20px; }

.blankTab {
  display: none; }
  @media screen and (min-width: 600px) {
    .blankTab {
      display: list-item; } }

.gallery-menu {
  margin: 2vh auto .25rem;
  display: flex;
  justify-content: space-around;
  position: relative; }
  .gallery-menu li:before {
    padding-right: 10px;
    color: #364456;
    font-weight: 100; }
  @media screen and (min-width: 600px) {
    .gallery-menu {
      width: 70%; } }
  .gallery-menu .current_page_item a, .gallery-menu .current-menu-item a {
    font-weight: 700;
    color: #000; }

.inner-wrap {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-around;
  justify-content: space-evenly;
  align-content: flex-start;
  margin: 1rem 0 0;
  width: 95vw; }
  .inner-wrap .project {
    text-align: center;
    position: relative;
    margin: 0 5px 1.5rem;
    flex: 0 1 139px; }
    .inner-wrap .project a .info-title {
      position: absolute;
      display: inline-block;
      width: 100%;
      height: 98px;
      top: 0;
      left: 0;
      padding-top: 21%;
      background: rgba(54, 68, 86, 0.7);
      color: #fff;
      opacity: 0;
      transition: opacity .35s; }
      .inner-wrap .project a .info-title:hover {
        opacity: 1; }
      .inner-wrap .project a .info-title .firmname {
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .05rem;
        line-height: 1; }
      .inner-wrap .project a .info-title .firmsub {
        line-height: 1; }
    .inner-wrap .project .project_title {
      margin-top: 1vw;
      text-transform: uppercase; }
  @media screen and (min-width: 590px) {
    .inner-wrap {
      margin: 1rem auto; }
      .inner-wrap .project {
        margin: 0 5px 26px 0;
        flex: 0 0 180px;
        height: auto; }
        .inner-wrap .project a .info-title {
          width: 180px;
          height: 126px;
          padding: 50px 0 0 0; }
        .inner-wrap .project .project_title {
          margin-top: 1vh; } }
  @media screen and (min-width: 820px) {
    .inner-wrap {
      justify-content: space-between; }
      .inner-wrap .project {
        margin: 0 0 32px; } }
  @media screen and (min-width: 960px) {
    .inner-wrap .project {
      margin: 0 0 38px;
      flex: 0 0 210px; }
    .inner-wrap .project a .info-title {
      width: 210px;
      height: 147px; } }
  @media screen and (min-width: 1140px) {
    .inner-wrap .project {
      flex: 0 0 245px; }
    .inner-wrap .project a .info-title {
      width: 245px;
      height: 172px;
      padding-top: 70px; } }
  @media screen and (min-width: 1270px) {
    .inner-wrap {
      width: 1200px; }
      .inner-wrap .project {
        flex: 0 0 285px; }
      .inner-wrap .project a .info-title {
        width: 285px;
        height: 200px;
        padding-top: 80px; } }

.collab {
  margin: 0 5vw; }
  .collab h3 {
    font: 900 1.75rem/1 "Muli", Helvetica, Arial, sans-serif;
    margin-bottom: 14px;
    text-align: left; }
  .collab p {
    font: 700 1rem/1.3 "Muli", Helvetica, Arial, sans-serif; }

@media screen and (min-width: 550px) {
  .collab {
    width: 80vw; }
    .collab h3 {
      font: 900 2.5rem "Muli", Helvetica, Arial, sans-serif;
      text-align: left;
      margin-bottom: 24px; }
    .collab p {
      font: 700 1.3rem/1.54 "Muli", Helvetica, Arial, sans-serif; } }
@media screen and (min-width: 800px) {
  .collab {
    width: 52%;
    margin: auto 4vw auto auto; }
    .collab h3 {
      font-size: 2.75rem;
      text-align: left;
      margin-bottom: 28px; } }
@media screen and (min-width: 1150px) {
  .collab {
    width: 45%;
    margin: auto 5vw auto auto; } }
.page-template-page-adapts .bgSplashArch, .page-template-page-creative .bgSplashArch, .page-template-page-retail .bgSplashArch {
  height: 90vw; }
  @media screen and (min-width: 500px) {
    .page-template-page-adapts .bgSplashArch, .page-template-page-creative .bgSplashArch, .page-template-page-retail .bgSplashArch {
      height: 65vw;
      max-height: 530px; } }

.page-template-page-collab .bgSplashArch {
  height: 99vw; }
  @media screen and (min-width: 460px) {
    .page-template-page-collab .bgSplashArch {
      height: 85vw; } }
  @media screen and (min-width: 640px) {
    .page-template-page-collab .bgSplashArch {
      max-height: 530px; } }

.project_large {
  max-width: 1200px;
  width: 100vw;
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start; }
  .project_large .project_slider {
    overflow: hidden;
    margin: 1rem auto; }
  .project_large .info_project {
    margin: 3vw 5% auto;
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start; }
    .project_large .info_project .specs {
      font-size: 1.2rem;
      font-weight: 700; }
      .project_large .info_project .specs p {
        margin-bottom: 0; }
    .project_large .info_project .archive-title {
      font-size: 2.5rem;
      font-weight: 900;
      margin: 1rem 0; }
    .project_large .info_project p.services {
      max-width: 80%;
      margin: 0 0 2rem; }
    .project_large .info_project .type {
      max-width: 80%; }
    .project_large .info_project .description {
      font-size: 1rem;
      font-weight: 400; }
    .project_large .info_project .credit {
      font-size: .7rem;
      text-transform: uppercase;
      margin-top: 20px; }
    @media screen and (min-width: 768px) {
      .project_large .info_project {
        flex-flow: row nowrap;
        margin: 8vw 5% auto;
        align-items: flex-start; }
        .project_large .info_project .specs {
          flex: 1 0 40%; }
        .project_large .info_project .descripBody {
          flex: 1 0 45%; }
        .project_large .info_project .description {
          width: 90%;
          line-height: 1.7; }
        .project_large .info_project .archive-title {
          font-size: 2rem;
          margin: 0 0 1rem 0; } }
    @media screen and (min-width: 1100px) {
      .project_large .info_project {
        margin: 6vw 5% auto; } }

.maxwidth {
  left: 0 !important;
  max-width: 1200px !important;
  margin: auto !important;
  height: 646px !important;
  width: 100vw !important; }

/* =Modals
----------------------------------------------- */
.leaders {
  position: relative; }
  .leaders .modals {
    width: 90%;
    position: absolute;
    z-index: 88888;
    margin: 0 5%;
    top: -5vw; }
    .leaders .modals .modal {
      display: flex;
      flex-flow: column nowrap;
      align-items: flex-start;
      justify-content: space-between;
      align-content: flex-start;
      width: 100%;
      margin: auto;
      border: 4px solid #364456;
      padding: 2vw;
      background-color: #ffffff; }
      .leaders .modals .modal .closeit {
        align-self: flex-end;
        margin: -1vw -4vw auto auto;
        font-weight: 700;
        cursor: pointer;
        width: 2rem;
        height: 2rem; }
      .leaders .modals .modal .figure {
        flex: 1 1 30%; }
      @media screen and (min-width: 700px) {
        .leaders .modals .modal {
          flex-flow: row wrap;
          padding: 4vw; }
          .leaders .modals .modal .closeit {
            align-self: flex-start;
            margin: -3vw 0 0 102%;
            width: 100%; }
          .leaders .modals .modal .figure {
            margin-right: 5%; }
            .leaders .modals .modal .figure h5 {
              margin-top: 20px; }
          .leaders .modals .modal .leader-content {
            flex: 1 1 60%; }
            .leaders .modals .modal .leader-content p {
              line-height: 1.75; } }
      @media screen and (min-width: 1200px) {
        .leaders .modals .modal .closeit {
          margin: -3vw 0 0 103%; } }
    .leaders .modals .hidden {
      display: none; }
    @media screen and (min-width: 1550px) {
      .leaders .modals {
        width: 975px;
        margin-left: 9.5%; } }

/*# sourceMappingURL=style.css.map */