@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Poppins:400,600,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,600&display=swap");
* {
  margin: 0;
  padding: 0;
  position: relative;
  box-sizing: border-box;
}

header,
nav,
main,
section,
article,
aside,
footer {
  display: block;
}

article {
  margin: 0 0 1.25rem 0;
  padding: 0;
}

article:after {
  display: block;
  content: " ";
  clear: both;
}

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

a,
a:link,
a:visited {
  font-family: inherit;
  color: #14386A;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.25s;
}

a:active,
a:focus,
a:hover {
  text-decoration: none;
  color: #E5231A;
}

blockquote {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 1.25rem;
}
blockquote * {
  margin: 0 0 0.5rem 0;
  padding: 0;
  font-size: inherit;
  color: inherit;
}
blockquote cite {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  font-style: normal;
}

body {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #2C3947;
  font-size: 14px;
  background: #FFFFFF;
}
@media screen and (min-width: 1240px) {
  body {
    font-size: 16px;
  }
}

form {
  margin: 0 0 0.5rem 0;
  padding: 0;
  padding: 2rem 1rem 0 1rem;
  line-height: 100%;
  background-color: #7D828B;
}

header {
  margin: 0 0 1.25rem 0;
  padding: 0;
}

h1 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  margin: 0 0 3.125rem 0;
  padding: 0;
  font-size: 2.625rem;
  line-height: 110%;
  color: #212121;
}

h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  margin: 0 0 3.125rem 0;
  padding: 0;
  margin: 0 0 2.25rem 0;
  font-size: 1.875rem;
  line-height: 150%;
}

h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  margin: 0 0 1.25rem 0;
  padding: 0;
  font-size: 1.25rem;
  line-height: 150%;
}
h3 a,
h3 a:link,
h3 a:visited {
  color: #E5231A;
}
h3 a:active,
h3 a:focus,
h3 a:hover {
  color: #E5231A;
}

h4,
h5 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  margin: 0 0 1.25rem 0;
  padding: 0;
  line-height: 150%;
}

hr {
  margin: 0 0 1.25rem 0;
  padding: 0;
  height: 0;
  max-width: 82rem;
  color: #2C3947;
  border: none;
  border-top: 1px solid #2C3947;
  background-color: transparent;
}

html {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #212121;
  font-size: 14px;
  background: #FFFFFF;
}
@media screen and (min-width: 1240px) {
  html {
    font-size: 16px;
  }
}

img {
  border: none;
  transition: all 0.2s ease-in-out;
}

input,
select,
button,
textarea {
  margin: 0 0 0.5rem 0;
  padding: 0;
  width: 100%;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #2C3947;
  line-height: 2.5rem;
  font-weight: 600;
  outline: none;
  background-color: #FFFFFF;
  border: 1px solid transparent;
}

input[type=text],
input[type=tel],
input[type=email],
select {
  padding: 0 0.25rem;
  height: 40px;
}

input[type=submit] {
  padding: 0.25rem 2.5rem;
  color: #7D828B;
  cursor: pointer;
  width: auto;
  line-height: 2.5rem;
  background-color: #FFFFFF;
}

label {
  font-weight: 600;
}

li {
  margin: 0 0 0.5rem 0;
  padding: 0;
  margin: 0 0 1rem 0;
  line-height: 130%;
}

p {
  margin: 0 0 1.25rem 0;
  padding: 0;
  line-height: 130%;
}
@media screen and (max-width: 350px) {
  p {
    margin: 0 0 0.5rem 0;
    padding: 0;
  }
}

strong {
  font-weight: 600;
}

sup {
  font-size: 40%;
  vertical-align: super;
}

textarea {
  padding: 0 0.25rem;
}

ul,
ol {
  margin: 0 0 1.25rem 0;
  padding: 0;
  padding: 0 0 0 2rem;
  line-height: 130%;
}
@media screen and (max-width: 350px) {
  ul,
ol {
    margin: 0 0 0.5rem 0;
    padding: 0;
    padding: 0 0 0 1rem;
  }
}

@media screen and (min-width: 1240px) {
  .fixed-nav #mainwrap {
    padding: 5rem 0 0 0;
  }

  .fixed-nav #headerwrap {
    position: fixed;
    top: -2.75rem;
    left: 0;
    z-index: 90;
    width: 100%;
  }
}
#headerwrap {
  margin: 0;
  background-color: #FFFFFF;
}
#headerwrap #logowrap {
  position: absolute;
  top: 2.75rem;
  left: 1.25rem;
  z-index: 90;
  display: block;
  margin: 0;
  padding: 0;
  width: 9.5rem;
  height: 5rem;
  background-image: url("../images/logo_taea.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#headerwrap #logowrap a,
#headerwrap #logowrap a:link,
#headerwrap #logowrap a:visited,
#headerwrap #logowrap a:active,
#headerwrap #logowrap a:focus,
#headerwrap #logowrap a:hover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 91;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
}
#headerwrap #globalswrap {
  color: #E6EBEF;
  background-color: #2C3947;
}
#headerwrap #globalswrap .widget {
  text-align: center;
  line-height: 2.75rem;
}
#headerwrap #globalswrap .widget * {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-weight: 600;
  line-height: 2.75rem;
  font-size: 0.75rem;
}
#headerwrap #globalswrap .widget a,
#headerwrap #globalswrap .widget a:link,
#headerwrap #globalswrap .widget a:visited {
  color: #E6EBEF;
}
#headerwrap #globalswrap .widget a:active,
#headerwrap #globalswrap .widget a:focus,
#headerwrap #globalswrap .widget a:hover {
  color: #FFFFFF;
}
#headerwrap #globalswrap:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0.5rem;
  height: 100%;
  background-color: #E5231A;
}
@media screen and (min-width: 768px) {
  #headerwrap #globalswrap {
    margin: 0;
    height: 2.75rem;
    line-height: 2.75rem;
    display: flex;
    justify-content: flex-end;
  }
  #headerwrap #globalswrap .widget {
    margin: 0 5rem;
    line-height: 2.75rem;
  }
  #headerwrap #globalswrap .widget * {
    line-height: 2.75rem;
  }
}

#navtrigger {
  position: absolute;
  top: 3.875rem;
  right: 3.875rem;
  z-index: 81;
  width: 2.75rem;
  height: 2.75rem;
  cursor: pointer;
  line-height: 2.75rem;
  color: #2C3947;
  text-align: left;
  text-indent: -999rem;
  background-color: #FFFFFF;
  transition: all 1s;
}
@media screen and (min-width: 1240px) {
  #navtrigger {
    display: none;
  }
}
#navtrigger hr {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  margin: -1px 0 0 -10px;
  padding: 0;
  cursor: pointer;
  border-top: 2px solid #2C3947;
  transition: all 0.5s;
}
#navtrigger hr:first-child {
  margin-top: -8px;
}
#navtrigger hr:last-child {
  margin-top: 6px;
}
#navtrigger.active hr {
  transform: rotate(45deg);
}
#navtrigger.active hr:first-child {
  margin-top: -1px;
  transform: rotate(-45deg);
}
#navtrigger.active hr:last-child {
  margin-top: 1px;
  opacity: 0;
}

nav#navwrap {
  display: block;
  position: relative;
  z-index: 80;
  /*	
  	.current-menu-item > a,
  	.current-menu-item > a:link,
  	.current-menu-item > a:visited {
  		color:				$color-flame-red;
  	}
  */
}
nav#navwrap > div {
  padding: 5rem 0 0 0;
  max-height: 5rem;
  overflow: hidden;
  transition: max-height 0.5s;
}
@media screen and (min-width: 1240px) {
  nav#navwrap > div {
    padding: 0;
    max-height: none;
    overflow: visible;
    flex: 1 1 100%;
    align-self: center;
  }
}
nav#navwrap.active > div {
  max-height: 100vh;
}
nav#navwrap a,
nav#navwrap a:link,
nav#navwrap a:visited {
  display: block;
  margin: 0;
  padding: 0 1.5rem;
  /* WITH CASE STUDIES IN WE CAN GO NARROWER */
  padding: 0 2rem;
  color: #2C3947;
  font-size: 0.875rem;
  line-height: 3.75rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.25s;
}
@media screen and (min-width: 1240px) {
  nav#navwrap a,
nav#navwrap a:link,
nav#navwrap a:visited {
    display: inline-block;
    line-height: 5rem;
  }
}
nav#navwrap a:active,
nav#navwrap a:focus,
nav#navwrap a:hover {
  background-color: #E6EBEF;
}
nav#navwrap ul,
nav#navwrap li {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 0;
  font-size: 0;
  text-align: center;
}
nav#navwrap ul ul ul {
  display: none;
}
nav#navwrap .sub-menu {
  display: none;
}
nav#navwrap .current-menu-item,
nav#navwrap .current_page_parent,
nav#navwrap .current_page_ancestor {
  background-color: #E6EBEF;
}
nav#navwrap .current-menu-item .sub-menu,
nav#navwrap .current_page_parent .sub-menu,
nav#navwrap .current_page_ancestor .sub-menu {
  display: block;
}
@media screen and (min-width: 1240px) {
  nav#navwrap {
    display: flex;
    margin: 0;
    padding: 0 5rem;
    text-align: right;
  }
  nav#navwrap ul,
nav#navwrap li {
    display: inline-block;
  }
  nav#navwrap ul.menu > li:last-child.current-menu-item {
    background-color: transparent;
  }
  nav#navwrap ul.menu > li:last-child.current-menu-item a {
    color: #E5231A !important;
    border-color: #E5231A !important;
  }
  nav#navwrap ul.menu > li:last-child a,
nav#navwrap ul.menu > li:last-child a:link,
nav#navwrap ul.menu > li:last-child a:visited {
    margin: 1rem 0.125rem;
    line-height: 2.875rem;
    border: 1px solid #2C3947;
  }
  nav#navwrap ul.menu > li:last-child a:active,
nav#navwrap ul.menu > li:last-child a:focus,
nav#navwrap ul.menu > li:last-child a:hover {
    color: #E5231A;
    background-color: transparent;
    border-color: #E5231A;
  }
  nav#navwrap .sub-menu,
nav#navwrap .sub-menu > li {
    display: block;
    text-align: left;
    background-color: #FFFFFF;
  }
  nav#navwrap .sub-menu {
    position: absolute;
    width: 100%;
    margin: 0 -999rem;
    padding: 0 999rem 5rem 999rem;
    top: -9999px;
    left: 0;
    opacity: 0;
    transition: opacity 0.5s;
    transition-delay: 0.5s;
  }
  nav#navwrap .sub-menu li {
    width: 20rem;
    /* WITH CASE STUDIES IN WE CAN GO WIDER */
    width: 15rem;
    line-height: 2rem;
  }
  nav#navwrap .sub-menu li a,
nav#navwrap .sub-menu li a:link,
nav#navwrap .sub-menu li a:visited {
    display: block;
    margin: 0 0 0 1.5rem;
    /* WITH CASE STUDIES IN WE CAN GO NARROWER */
    margin: 0 0 0 2rem;
    padding: 0.95rem 0;
    line-height: 3rem;
    border-bottom: 1px solid #2C3947;
  }
  nav#navwrap .sub-menu li a:active,
nav#navwrap .sub-menu li a:focus,
nav#navwrap .sub-menu li a:hover {
    color: #E5231A;
    background-color: transparent;
    border-color: #E5231A;
  }
  nav#navwrap li:hover .sub-menu {
    top: 5rem;
    opacity: 0.96;
    opacity: 0.8;
  }
}

#searchtrigger {
  content: "";
  display: block;
  position: absolute;
  top: 3.875rem;
  right: 1rem;
  z-index: 96;
  width: 2.75rem;
  height: 2.75rem;
  cursor: pointer;
  vertical-align: middle;
  text-align: left;
  text-indent: -100rem;
  overflow: hidden;
  background-color: #FFFFFF;
  background-image: url("../images/icon_search_100.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.25rem;
}

#searchwrap {
  display: block;
  position: absolute;
  top: 7.75rem;
  left: 0;
  z-index: 95;
  width: 100%;
  height: 0;
  overflow: hidden;
  text-align: center;
  background-color: transparent;
  transition: all 0.5s;
  opacity: 0.95;
}
#searchwrap .close {
  content: "";
  display: block;
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 96;
  width: 2.75rem;
  height: 2.75rem;
  cursor: pointer;
  vertical-align: middle;
  text-align: left;
  text-indent: -100rem;
  overflow: hidden;
  background-color: #FFFFFF;
  background-image: url("../images/icon_close_100.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.25rem;
}
#searchwrap form {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 0;
  z-index: 82;
  background-color: transparent;
}
#searchwrap form div {
  flex: 0 0 82rem;
}
#searchwrap form label {
  display: inline-block;
  width: 2.75rem;
  height: 2.75rem;
  vertical-align: middle;
  text-align: left;
  text-indent: -100rem;
  line-height: 2.75rem;
  overflow: hidden;
  border: 1px solid transparent;
  background-image: url("../images/icon_search_100.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.25rem;
}
#searchwrap form input {
  display: inline-block;
  width: 20rem;
  height: 2.75rem;
  margin: 0;
  padding: 0 0.25rem;
  line-height: 2.75rem;
  vertical-align: middle;
  font-weight: 600;
  background-color: transparent;
  border: 1px solid transparent;
  border-bottom-color: #2C3947;
}
@media screen and (max-width: 320px) {
  #searchwrap form input {
    width: 160px;
  }
}
#searchwrap form input[type=submit] {
  display: none;
}
#searchwrap.active {
  height: 20rem;
  background-color: #FFFFFF;
}

#mainwrap {
  overflow: hidden;
  min-height: 100vh;
}

.wp-block-button {
  margin: 0;
  display: inline-block;
}

.wp-block-button.aligncenter {
  display: block;
  text-align: center;
}

.wp-block-button.alignright {
  display: block;
  text-align: right;
}

a[href^="tel:"] {
  white-space: nowrap;
}

a.btn,
a.btn:link,
a.btn:visited,
a.wp-block-button__link,
a.wp-block-button__link:link,
a.wp-block-button__link:visited,
.nothingclassforsyntax {
  display: inline-block;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  color: #2C3947;
  margin: 0 0.5rem 0 0;
  padding: 0.5rem 1.5rem;
  line-height: 1.5rem;
  border: 1px solid #2C3947;
  border-radius: 0;
  background-color: transparent;
  transition: all 0.5s;
  outline: none;
  cursor: pointer;
}
a.btn:after,
a.btn:link:after,
a.btn:visited:after,
a.wp-block-button__link:after,
a.wp-block-button__link:link:after,
a.wp-block-button__link:visited:after,
.nothingclassforsyntax:after {
  display: none !important;
}

a.btn:active,
a.btn:focus,
a.btn:hover,
a.wp-block-button__link:active,
a.wp-block-button__link:focus,
a.wp-block-button__link:hover,
.nothingclassforsyntax {
  color: #E5231A;
  border: 1px solid #E5231A;
  outline: none;
  background-color: transparent;
}

a.actionlink,
a.actionlink:link,
a.actionlink:visited {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  text-decoration: none;
  color: #E5231A;
  white-space: nowrap;
}
a.actionlink:after,
a.actionlink:link:after,
a.actionlink:visited:after {
  content: ">";
  display: inline-block;
  margin: 0 0.25rem;
  font-size: 1.25rem;
  line-height: inherit;
  vertical-align: top;
  transition: all 0.25s;
}
a.actionlink:hover:after,
a.actionlink:link:hover:after,
a.actionlink:visited:hover:after {
  margin: 0 0.1rem 0 0.4rem;
}

a.actionlink:active,
a.actionlink:focus,
a.actionlink:hover {
  text-decoration: none;
  color: #2C3947;
}

ul.menu,
ul.menu ul,
ul.menu li {
  margin: 0;
  padding: 0;
  display: inline-block;
  list-style: none;
  line-height: 1.25rem;
}
ul.menu a,
ul.menu a:link,
ul.menu a:visited,
ul.menu ul a,
ul.menu ul a:link,
ul.menu ul a:visited,
ul.menu li a,
ul.menu li a:link,
ul.menu li a:visited {
  color: #FFFFFF;
}
ul.menu a:active,
ul.menu a:focus,
ul.menu a:hover,
ul.menu ul a:active,
ul.menu ul a:focus,
ul.menu ul a:hover,
ul.menu li a:active,
ul.menu li a:focus,
ul.menu li a:hover {
  color: #E5231A;
}

ul.menu li {
  margin: 0 0.5rem;
}

.more {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  display: inline-block;
  font-weight: 600;
  color: #E5231A;
  margin: 0 0.5rem;
  font-size: 1.25rem;
  line-height: inherit;
  vertical-align: top;
}

.icon {
  display: inline-block;
  height: 2rem;
  width: 2rem;
  text-align: left;
  text-indent: -100rem;
  line-height: 2rem;
  overflow: hidden;
  vertical-align: middle;
}
.icon:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  text-indent: 0;
  text-align: center;
  line-height: 2rem;
  font-size: 1.5rem;
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}
.icon.facebook:before {
  content: "";
}
.icon.google-plus:before {
  content: "";
}
.icon.google-map:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.icon.map:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.icon.instagram:before {
  content: "";
}
.icon.linkedin:before {
  content: "";
}
.icon.pinterest:before {
  content: "";
}
.icon.twitter:before {
  content: "";
}
.icon.youtube:before {
  content: "";
}
.icon.tel:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.icon.eml:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.icon.website:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.thumb {
  margin: 0 0 1.875rem 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
}
.thumb:before {
  content: "";
  display: block;
  float: left;
  margin: 0;
  padding: 57.5% 0 0 0;
  width: 1px;
}
.thumb:after {
  content: "";
  display: block;
  clear: both;
}
.thumb:hover img {
  transform: scale(1.1);
}
.thumb a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.thumb img {
  position: absolute;
  z-index: 1;
  margin: auto;
  top: -10rem;
  left: -10rem;
  bottom: -10rem;
  right: -10rem;
  width: 100% !important;
  height: auto !important;
  transition: all 0.2s ease-in-out;
}
@media screen and (min-width: 768px) {
  .thumb img {
    top: -100rem;
    left: -100rem;
    bottom: -100rem;
    right: -100rem;
  }
}

.wp-block-media-text {
  margin: 0 0 1.25rem 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  grid-template-columns: auto;
  grid-template-rows: auto;
  /*	
  	.wp-block-media-text__media	{

  	}
  */
}
.wp-block-media-text > figure,
.wp-block-media-text > figure.wp-block-media-text__media {
  margin: 0 0 1.25rem 0;
  padding: 0;
  overflow: hidden;
  flex: 0 0 100%;
  order: 1;
  grid-column: auto !important;
  grid-row: auto !important;
  align-self: flex-start !important;
}
@media screen and (min-width: 768px) {
  .wp-block-media-text > figure,
.wp-block-media-text > figure.wp-block-media-text__media {
    margin: 0;
    flex: 0 0 48.5%;
  }
}
.wp-block-media-text > figure:before,
.wp-block-media-text > figure.wp-block-media-text__media:before {
  position: relative;
  content: "";
  display: block;
  float: left;
  margin: 0;
  padding: 66.667% 0 0 0;
  width: 1px;
}
.wp-block-media-text > figure:after,
.wp-block-media-text > figure.wp-block-media-text__media:after {
  content: "";
  display: block;
  clear: both;
}
.wp-block-media-text > figure > a,
.wp-block-media-text > figure > a:link,
.wp-block-media-text > figure > a:visited,
.wp-block-media-text > figure.wp-block-media-text__media > a,
.wp-block-media-text > figure.wp-block-media-text__media > a:link,
.wp-block-media-text > figure.wp-block-media-text__media > a:visited {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.wp-block-media-text > figure img,
.wp-block-media-text > figure.wp-block-media-text__media img {
  position: absolute;
  z-index: 1;
  margin: auto;
  top: -10rem;
  left: -10rem;
  bottom: -10rem;
  right: -10rem;
  width: 100% !important;
  height: auto !important;
  transition: all 0.2s ease-in-out;
}
@media screen and (min-width: 768px) {
  .wp-block-media-text > figure img,
.wp-block-media-text > figure.wp-block-media-text__media img {
    top: -100rem;
    left: -100rem;
    bottom: -100rem;
    right: -100rem;
  }
}
.wp-block-media-text > .wp-block-media-text__content {
  margin: 0 0 1.25rem 0;
  padding: 0;
  flex: 0 0 100%;
  order: 2;
  align-self: flex-start;
}
@media screen and (min-width: 768px) {
  .wp-block-media-text > .wp-block-media-text__content {
    margin: 0;
    flex: 0 0 48.5%;
  }
}
@media screen and (min-width: 768px) {
  .wp-block-media-text.has-media-on-the-right > .wp-block-media-text__content {
    order: 1;
  }
}
@media screen and (min-width: 768px) {
  .wp-block-media-text.has-media-on-the-right > figure {
    order: 2;
  }
}

#contentwrap {
  overflow: hidden;
  /*	
  	#primary {
  	}
  */
  /*
  	#secondary {
  	}
  */
}
@media screen and (min-width: 768px) {
  #contentwrap ul.doubles {
    column-count: 2;
  }
}
#contentwrap ul li {
  break-inside: avoid-column;
}
#contentwrap ul ul {
  margin: 1rem 0;
}
#contentwrap .grid {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#contentwrap .grid > * {
  flex: 0 0 100%;
}
@media screen and (min-width: 768px) {
  #contentwrap .grid > * {
    flex: 0 0 48.375%;
  }
}
@media screen and (min-width: 1240px) {
  #contentwrap .grid > * {
    flex: 0 0 22.5%;
  }
}
#contentwrap .grid.doubles > * {
  flex: 0 0 100%;
}
@media screen and (min-width: 768px) {
  #contentwrap .grid.doubles > * {
    flex: 0 0 48.375%;
  }
}
#contentwrap .grid .grid {
  display: block;
}
@media screen and (min-width: 1024px) {
  #contentwrap .grid .grid {
    display: flex;
  }
}
#contentwrap .grid .grid.doubles > * {
  flex: 0 0 100%;
}
@media screen and (min-width: 768px) {
  #contentwrap .grid .grid.doubles > * {
    flex: 0 0 46.75%;
  }
}
#contentwrap .offsetanchor {
  top: -100px;
  visibility: hidden;
  pointer-events: none;
}

#pagination,
.pagination {
  margin: 0 0 1.25rem 0;
  padding: 0;
  margin: 2rem auto;
  text-align: center;
  max-width: 82rem;
}
#pagination h2,
.pagination h2 {
  display: none;
}
#pagination .nav-links a,
#pagination .nav-links a:link,
#pagination .nav-links a:visited,
#pagination .nav-links span,
.pagination .nav-links a,
.pagination .nav-links a:link,
.pagination .nav-links a:visited,
.pagination .nav-links span {
  display: inline-block;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  color: #2C3947;
  margin: 0 0.5rem 0 0;
  padding: 0.5rem;
  min-width: 2.625rem;
  line-height: 1.5rem;
  border: 1px solid #2C3947;
  border-radius: 0;
  background-color: transparent;
  transition: all 0.5s;
  outline: none;
  cursor: pointer;
}
#pagination .nav-links a.next,
#pagination .nav-links a:link.next,
#pagination .nav-links a:visited.next,
#pagination .nav-links span.next,
.pagination .nav-links a.next,
.pagination .nav-links a:link.next,
.pagination .nav-links a:visited.next,
.pagination .nav-links span.next {
  min-width: 8rem;
}
#pagination .nav-links a.prev,
#pagination .nav-links a:link.prev,
#pagination .nav-links a:visited.prev,
#pagination .nav-links span.prev,
.pagination .nav-links a.prev,
.pagination .nav-links a:link.prev,
.pagination .nav-links a:visited.prev,
.pagination .nav-links span.prev {
  min-width: 8rem;
}
#pagination .nav-links a:active,
#pagination .nav-links a:focus,
#pagination .nav-links a:hover,
.pagination .nav-links a:active,
.pagination .nav-links a:focus,
.pagination .nav-links a:hover {
  color: #E5231A;
  border: 1px solid #E5231A;
  outline: none;
  background-color: transparent;
}
#pagination .nav-links span,
.pagination .nav-links span {
  color: #7D828B;
  border-color: #7D828B;
  cursor: auto;
}
#pagination .nav-links span.current,
.pagination .nav-links span.current {
  color: #E5231A;
  border-color: #E5231A;
}

.slick-dots {
  position: absolute;
  bottom: 0;
  margin: 0;
  padding: 0;
  z-index: 55;
  width: 100%;
  list-style: none;
  text-align: center;
  font-size: 1rem;
  line-height: 1rem;
}
.slick-dots li {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin: 0 0.5rem;
  overflow: hidden;
  text-indent: -100rem;
  text-align: left;
  font-size: 1rem;
  line-height: 1rem;
  cursor: pointer;
  border-radius: 1rem;
  background-color: #FFFFFF;
}
.slick-dots li button {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  line-height: 1rem;
}
.slick-dots li.slick-active {
  background-color: #2C3947;
}

div.wpcf7 .wpcf7-form {
  overflow: hidden;
}
div.wpcf7 .wpcf7-form br {
  display: none;
}
div.wpcf7 .wpcf7-form p {
  position: static;
  margin: 0;
}
div.wpcf7 .wpcf7-form .ajax-loader {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background-color: #E6EBEF;
  opacity: 0.8;
  background-repeat: no-repeat;
  background-position: center;
}
div.wpcf7 .wpcf7-form .wpcf7-validates-as-required {
  border-left: 1px solid #E5231A;
}
div.wpcf7 .wpcf7-form .wpcf7-not-valid-tip {
  position: absolute;
  top: 2rem;
  left: 0;
  z-index: 99;
  margin: 0;
  white-space: nowrap;
  font-size: 0.8125rem;
}
div.wpcf7 .wpcf7-form .wpcf7-response-output {
  margin: 1rem 0;
  padding: 1rem;
  text-align: center;
  background-color: #FFFFFF;
}

.wp-embed-aspect-16-9 .wp-embed-aspect-16-9,
.wp-embed-aspect-16-9 .wp-block-embed__wrapper {
  position: relative;
  width: 100%;
  height: 0;
  margin: 0;
  padding: 0 0 56% 0;
  background-color: black;
}

.wp-embed-aspect-16-9 iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.home #slides {
  display: none;
}
.home #bannerwrap {
  height: calc(100vh - 8rem);
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  background-color: #8E9BA2;
}
.home #bannerwrap:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 50%;
  margin: 0 0 0 -1.25rem;
  padding: 0;
  width: 2.5rem;
  height: 2.5rem;
  background-color: #E5231A;
  background-image: url("../images/icon_arrow_down.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2rem 2rem;
}
.home #bannerwrap div {
  width: 100%;
  height: 100%;
}
.home #bannerwrap .slick-dots {
  position: absolute;
  bottom: 0;
  margin: 0 0 4rem 0;
  padding: 0;
  z-index: 55;
  width: 100%;
  list-style: none;
  text-align: center;
  font-size: 1rem;
  line-height: 1rem;
}
.home #bannerwrap .slick-dots li {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin: 0.5rem;
  overflow: hidden;
  text-indent: -100rem;
  text-align: left;
  font-size: 1rem;
  line-height: 1rem;
  cursor: pointer;
  border-radius: 1rem;
  background-color: #FFFFFF;
}
.home #bannerwrap .slick-dots li.slick-active {
  background-color: #E5231A;
}
.home #bannerwrap .slick-dots li button {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  line-height: 1rem;
}
.home #bannerwrap .slide {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  line-height: 100%;
}
.home #bannerwrap .slide:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 11;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.66) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0) 100%);
}
.home #bannerwrap .slide div {
  width: auto;
  height: auto;
}
.home #bannerwrap .slide figure {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.home #bannerwrap .slide figure img {
  position: absolute;
  z-index: 1;
  margin: auto;
  top: -10rem;
  left: -10rem;
  bottom: -10rem;
  right: -10rem;
  width: auto !important;
  height: 100% !important;
  max-width: none !important;
}
@media screen and (min-width: 768px) {
  .home #bannerwrap .slide figure img {
    top: -100rem;
    left: -100rem;
    bottom: -100rem;
    right: -100rem;
  }
}
@media screen and (min-width: 1240px) {
  .home #bannerwrap .slide figure img {
    position: absolute;
    z-index: 1;
    margin: auto;
    top: -10rem;
    left: -10rem;
    bottom: -10rem;
    right: -10rem;
    width: 100% !important;
    height: auto !important;
  }
}
@media screen and (min-width: 1240px) and (min-width: 768px) {
  .home #bannerwrap .slide figure img {
    top: -100rem;
    left: -100rem;
    bottom: -100rem;
    right: -100rem;
  }
}
.home #bannerwrap .slide main {
  position: absolute;
  z-index: 12;
  bottom: 8rem;
  left: 0rem;
  padding: 0 1rem;
  width: auto;
  height: auto;
  color: #FFFFFF;
}
@media screen and (min-width: 1024px) {
  .home #bannerwrap .slide main {
    bottom: 8rem;
    left: 2rem;
    padding: 0;
    width: 22rem;
  }
}
@media screen and (min-width: 1240px) {
  .home #bannerwrap .slide main {
    bottom: 8rem;
    left: 5rem;
  }
}
.home #bannerwrap .slide main:before {
  content: "";
  display: block;
  margin: 0 0 2.25rem 0;
  padding: 0;
  width: 2.75rem;
  height: 0.5rem;
  background-color: #E5231A;
}
.home #bannerwrap .slide main .wp-block-button {
  width: 50%;
}
.home #bannerwrap .slide main a.wp-block-button__link,
.home #bannerwrap .slide main a.wp-block-button__link:link,
.home #bannerwrap .slide main a.wp-block-button__link:visited {
  margin-bottom: 0.5rem;
  padding: 0;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 2.9rem;
  border-color: #FFFFFF;
  width: 90%;
}
.home #bannerwrap .slide main a.wp-block-button__link:active,
.home #bannerwrap .slide main a.wp-block-button__link:focus,
.home #bannerwrap .slide main a.wp-block-button__link:hover {
  color: #E5231A;
  border-color: #E5231A;
}
.home #bannerwrap .slide main h2 {
  margin: 0 0 2rem 0;
  font-size: 2.625rem;
  line-height: 3rem;
  color: #FFFFFF;
}
.home #bannerwrap .slide main p {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-weight: 400;
  margin: 0 2rem 2rem 0;
  font-size: 1rem;
}
.home #contentwrap {
  padding: 0;
}
.home #contentwrap .introduction {
  margin: 0 0 1.25rem 0;
  padding: 0;
  padding: 3.75rem 1rem;
  background-color: #2C3947;
}
@media screen and (min-width: 1240px) {
  .home #contentwrap .introduction {
    padding: 5rem 1rem;
  }
}
.home #contentwrap .introduction * {
  color: #FFFFFF;
}
.home #contentwrap .introduction .copy {
  margin: 0 auto -1.3125rem auto;
  padding: 0;
  max-width: 66.25rem;
  text-align: center;
}
.home #contentwrap #primary {
  margin: 0;
  padding: 3.75rem 1rem;
  background-color: #2C3947;
}
@media screen and (min-width: 1240px) {
  .home #contentwrap #primary {
    padding: 5rem 1rem;
  }
}
.home #contentwrap #primary * {
  color: #FFFFFF;
}
.home #contentwrap #primary article {
  margin: 0 auto -1.3125rem auto;
  padding: 0;
  max-width: 66.25rem;
  text-align: center;
}

#capabilitieswrap {
  margin: 0 auto;
  padding: 3.75rem 1rem;
  max-width: 82rem;
}
@media screen and (min-width: 1240px) {
  #capabilitieswrap {
    padding: 5.625rem 1rem;
  }
}
#capabilitieswrap .category:before {
  content: "";
  display: block;
  margin: 0 0 1.3125rem 0;
  padding: 0;
  width: 1.5rem;
  height: 0.25rem;
  background-color: #E5231A;
}
#capabilitieswrap .category article {
  margin: 0;
}
#capabilitieswrap .category article figure a:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  width: 0.5rem;
  height: 100%;
  background-color: #E5231A;
}
#capabilitieswrap .category article main p {
  margin: 0 0 0.5rem 0;
  padding: 0;
}
#capabilitieswrap .category article footer {
  font-weight: 600;
}

#testimonialswrap {
  margin: 0 auto;
  padding: 3.75rem 1rem;
  background-color: #E6EBEF;
}
@media screen and (min-width: 1240px) {
  #testimonialswrap {
    padding: 5.625rem 1rem;
  }
}
#testimonialswrap #testimonials {
  margin: 0 auto;
  padding: 0 0 3rem 0;
  text-align: center;
  max-width: 66.25rem;
}
#testimonialswrap #testimonials .testimonial {
  width: 100%;
  min-height: 16rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
#testimonialswrap #testimonials .testimonial > div {
  flex: 0 0 100%;
}
#testimonialswrap #testimonials .testimonial p {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.875rem;
}
#testimonialswrap #testimonials .testimonial h4 {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
}
#testimonialswrap #testimonials .testimonial h5 {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 0.875rem;
  font-weight: 400;
}

#newsflash {
  margin: 0 auto;
  padding: 3.75rem 1rem;
  max-width: 82rem;
}
@media screen and (min-width: 1240px) {
  #newsflash {
    padding: 5.625rem 1rem;
  }
}
#newsflash:before {
  content: "";
  display: block;
  margin: 0 0 1.3125rem 0;
  padding: 0;
  width: 1.5rem;
  height: 0.25rem;
  background-color: #E5231A;
}
#newsflash article {
  /*
  		padding:			1.875rem 1rem;

  		@media screen and (min-width: $break-desktop) {	
  			padding:			2.25rem 1rem;
  		}
  */
}
#newsflash article footer {
  /*			
  			display: 			none;
  */
}
#newsflash #pagination {
  margin: 2rem auto 0 auto;
}

article.page.intro {
  margin: 0 0 1.25rem 0;
  padding: 0;
}
article.page.excerpt {
  margin: 0 auto;
  padding: 3.75rem 1rem;
  max-width: 82rem;
}
@media screen and (min-width: 1240px) {
  article.page.excerpt {
    padding: 5rem 1rem;
  }
}
article.page.full {
  margin: 0;
}
article.page.full header {
  margin: 2rem auto;
  padding: 0 1rem;
  z-index: 10;
}
@media screen and (min-width: 1024px) {
  article.page.full header {
    padding: 0 2rem;
  }
}
@media screen and (min-width: 1240px) {
  article.page.full header {
    padding: 0 5rem;
  }
}
article.page.full header.hasHero {
  position: relative;
  top: -17.5rem;
  height: 17.5rem;
  margin: 0 auto -17.5rem auto;
  display: flex;
  align-items: baseline;
}
@media screen and (min-width: 768px) {
  article.page.full header.hasHero {
    top: -27.5rem;
    height: 27.5rem;
    margin: 0 auto -27.5rem auto;
  }
}
@media screen and (min-width: 2560px) {
  article.page.full header.hasHero {
    top: -37.5rem;
    height: 37.5rem;
    margin: 0 auto -37.5rem auto;
  }
}
article.page.full header.hasHero h1 {
  flex: 0 0 100%;
  align-self: flex-end;
  color: #FFFFFF;
}
@media screen and (min-width: 1240px) {
  article.page.full header.hasHero h1 {
    flex: 0 0 28rem;
    margin: 0 0 5rem 0;
  }
}
article.page.full header h1:before {
  content: "";
  display: block;
  margin: 0 0 2.25rem 0;
  padding: 0;
  width: 2.75rem;
  height: 0.5rem;
  background-color: #E5231A;
}
article.page.full .introduction {
  margin: 0 0 1.25rem 0;
  padding: 0;
  padding: 3.75rem 1rem;
  background-color: #2C3947;
}
@media screen and (min-width: 1240px) {
  article.page.full .introduction {
    padding: 5rem 1rem;
  }
}
article.page.full .introduction * {
  color: #FFFFFF;
}
article.page.full .introduction a,
article.page.full .introduction a:link,
article.page.full .introduction a:visited {
  color: #E5231A;
}
article.page.full .introduction a:active,
article.page.full .introduction a:focus,
article.page.full .introduction a:hover {
  color: #FFFFFF;
}
article.page.full .introduction a.btn,
article.page.full .introduction a.btn:link,
article.page.full .introduction a.btn:visited {
  display: block;
  margin: 0 0 1.3215rem 0;
  color: #FFFFFF;
  border-color: #FFFFFF;
}
@media screen and (min-width: 1240px) {
  article.page.full .introduction a.btn,
article.page.full .introduction a.btn:link,
article.page.full .introduction a.btn:visited {
    display: inline-block;
    margin: 0;
  }
}
article.page.full .introduction a.btn:active,
article.page.full .introduction a.btn:focus,
article.page.full .introduction a.btn:hover {
  color: #E5231A;
  border-color: #E5231A;
}
article.page.full .introduction .copy {
  margin: 0 auto -1.3125rem auto;
  padding: 0;
  max-width: 66.25rem;
  text-align: center;
}
article.page.full .bodycopy {
  margin: 0 auto;
  padding: 0 1rem;
  z-index: 10;
  max-width: 82rem;
}
article.page.full .bodycopy.padded {
  padding: 0.625rem 1rem 3.75rem 1rem;
}
@media screen and (min-width: 1240px) {
  article.page.full .bodycopy.padded {
    padding: 1.875rem 1rem 5rem 1rem;
  }
}
article.page.full .bodycopy h2:before {
  content: "";
  display: block;
  margin: 0 0 1.3125rem 0;
  padding: 0;
  width: 1.5rem;
  height: 0.25rem;
  background-color: #E5231A;
}
@media screen and (min-width: 1024px) {
  article.page.full .bodycopy h2 {
    max-width: 75%;
  }
}
article.page.full .bodycopy > h2:first-child {
  margin-top: 3.75rem;
}
@media screen and (min-width: 1240px) {
  article.page.full .bodycopy > h2:first-child {
    margin-top: 5rem;
  }
}
article.page.full .bodycopy hr {
  margin: 3.75rem 0;
  padding: 0;
}
@media screen and (min-width: 1240px) {
  article.page.full .bodycopy hr {
    margin: 5rem 0;
  }
}
article.page.full .bodycopy p + .wp-block-group {
  margin-top: 3.75rem;
}
@media screen and (min-width: 1240px) {
  article.page.full .bodycopy p + .wp-block-group {
    margin-top: 5rem;
  }
}
article.page.full .bodycopy .wp-block-media-text {
  margin: 0 -50rem;
  padding: 3.75rem 50rem;
}
@media screen and (min-width: 1240px) {
  article.page.full .bodycopy .wp-block-media-text {
    padding: 5rem 50rem;
  }
}
article.page.full .bodycopy .wp-block-media-text > figure:before {
  width: 0.5rem;
  z-index: 9;
  float: right;
  background-color: #E5231A;
}
article.page.full .bodycopy .wp-block-media-text + .testimonials:before {
  display: block;
}
article.page.full .bodycopy .wp-block-group {
  margin: 0 -50rem;
  padding: 3.75rem 50rem;
}
@media screen and (min-width: 1240px) {
  article.page.full .bodycopy .wp-block-group {
    padding: 5rem 50rem;
  }
}
article.page.full .bodycopy .wp-block-group h2:last-child,
article.page.full .bodycopy .wp-block-group h3:last-child,
article.page.full .bodycopy .wp-block-group h4:last-child,
article.page.full .bodycopy .wp-block-group p:last-child {
  margin: 0;
}
article.page.full .bodycopy .testimonials {
  margin: 0 -50rem;
  padding: 3.75rem 50rem;
}
@media screen and (min-width: 1240px) {
  article.page.full .bodycopy .testimonials {
    padding: 5rem 50rem;
  }
}
article.page.full .bodycopy .testimonials + h2 {
  margin-top: 3.75rem;
}
@media screen and (min-width: 1240px) {
  article.page.full .bodycopy .testimonials + h2 {
    margin-top: 5rem;
  }
}
article.page.full .bodycopy .testimonials .static {
  margin: 0 auto;
  padding: 0;
  text-align: center;
  max-width: 66.25rem;
}
article.page.full .bodycopy .testimonials .slider {
  display: block;
  margin: 0 auto;
  padding: 0 0 3rem 0;
  text-align: center;
  max-width: 66.25rem;
}
article.page.full .bodycopy .testimonials .slider .slick-dots li {
  opacity: 0.5;
  background-color: #2C3947;
}
article.page.full .bodycopy .testimonials .slider .slick-dots li.slick-active {
  opacity: 1;
}
article.page.full .bodycopy .testimonials:before {
  content: "";
  display: block;
  display: none;
  margin: -3.75rem auto 3.75rem auto;
  width: 100%;
  height: 1px;
  background-color: #2C3947;
}
@media screen and (min-width: 1240px) {
  article.page.full .bodycopy .testimonials:before {
    margin: -5rem auto 5rem auto;
  }
}
article.page.full .bodycopy .testimonials.petrol-blue:before {
  background-color: #FFFFFF;
}
article.page.full .bodycopy .testimonials.petrol-blue .slick-dots li {
  background-color: #FFFFFF;
}
article.page.full .bodycopy > *.petrol-blue {
  color: #FFFFFF;
  background-color: #2C3947;
}
article.page.full .bodycopy > *.petrol-blue a,
article.page.full .bodycopy > *.petrol-blue a:link,
article.page.full .bodycopy > *.petrol-blue a:visited {
  color: #E5231A;
  transition: all 0.25s;
}
article.page.full .bodycopy > *.petrol-blue a:active,
article.page.full .bodycopy > *.petrol-blue a:focus,
article.page.full .bodycopy > *.petrol-blue a:hover {
  color: #FFFFFF;
}
article.page.full .bodycopy > *.petrol-blue a.btn,
article.page.full .bodycopy > *.petrol-blue a:link.btn,
article.page.full .bodycopy > *.petrol-blue a:visited.btn,
article.page.full .bodycopy > *.petrol-blue a.wp-block-button__link,
article.page.full .bodycopy > *.petrol-blue a.wp-block-button__link:link,
article.page.full .bodycopy > *.petrol-blue a.wp-block-button__link:visited,
article.page.full .bodycopy > *.petrol-blue .nothingclassforsyntax {
  color: #FFFFFF;
  border-color: #FFFFFF;
}
article.page.full .bodycopy > *.petrol-blue a:active.btn,
article.page.full .bodycopy > *.petrol-blue a:focus.btn,
article.page.full .bodycopy > *.petrol-blue a:hover.btn,
article.page.full .bodycopy > *.petrol-blue a.wp-block-button__link:active,
article.page.full .bodycopy > *.petrol-blue a.wp-block-button__link:focus,
article.page.full .bodycopy > *.petrol-blue a.wp-block-button__link:hover,
article.page.full .bodycopy > *.petrol-blue .nothingclassforsyntax {
  color: #E5231A;
  border-color: #E5231A;
}
article.page.full .bodycopy > *.horizon {
  background-color: #E6EBEF;
}
article.page.full .form {
  background-color: #E6EBEF;
}
article.page.full .form > div {
  margin: 0 auto;
  max-width: 82rem;
}
article.page.full .form form {
  margin: 0;
  padding: 0;
  background-color: transparent;
}
article.page.full .form form label {
  display: none;
}
article.page.full .form form input[type=text],
article.page.full .form form input[type=tel],
article.page.full .form form input[type=email],
article.page.full .form form select,
article.page.full .form form textarea {
  margin: 0 0 1rem 0;
  padding: 0;
  color: #2C3947;
  background-color: #E6EBEF;
  border: 1px solid #E6EBEF;
  border-bottom: 1px solid #2C3947;
}
@media screen and (min-width: 768px) {
  article.page.full .form form input[type=text],
article.page.full .form form input[type=tel],
article.page.full .form form input[type=email],
article.page.full .form form select,
article.page.full .form form textarea {
    display: inline-block;
    width: 47%;
    margin: 0 2% 2rem 0;
  }
  article.page.full .form form input[type=text].fullwidth,
article.page.full .form form input[type=tel].fullwidth,
article.page.full .form form input[type=email].fullwidth,
article.page.full .form form select.fullwidth,
article.page.full .form form textarea.fullwidth {
    width: 97%;
  }
}
@media screen and (min-width: 1024px) {
  article.page.full .form form input[type=text],
article.page.full .form form input[type=tel],
article.page.full .form form input[type=email],
article.page.full .form form select,
article.page.full .form form textarea {
    width: 31%;
  }
}
@media screen and (min-width: 1240px) {
  article.page.full .form form input[type=text],
article.page.full .form form input[type=tel],
article.page.full .form form input[type=email],
article.page.full .form form select,
article.page.full .form form textarea {
    width: 28%;
  }
  article.page.full .form form input[type=text].fullwidth,
article.page.full .form form input[type=tel].fullwidth,
article.page.full .form form input[type=email].fullwidth,
article.page.full .form form select.fullwidth,
article.page.full .form form textarea.fullwidth {
    width: 88%;
  }
}
article.page.full .form form input[type=date] {
  width: auto;
}
article.page.full .form form input[type=submit] {
  margin: 2rem 0 0 0;
  color: #FFFFFF;
  background-color: #E5231A;
  border: 1px solid #E5231A;
  border-bottom: 1px solid #E5231A;
}
article.page.opportunities {
  margin: 0 0 3.75rem 0;
}
article.page.leadership .bodycopy {
  display: none;
}
article.page.contact {
  margin-bottom: 0;
}
article.page.contact .introduction {
  margin-bottom: 0;
}
article.page.contact .details {
  margin: 0 auto;
  padding: 3.75rem 1rem;
  max-width: 82rem;
}
@media screen and (min-width: 1240px) {
  article.page.contact .details {
    padding: 5rem 1rem;
  }
}
article.page.contact .details .untitled {
  padding-top: 6.625rem;
}
article.page.contact .details a,
article.page.contact .details a:link,
article.page.contact .details a:visited {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}
article.page.contact .details a:after,
article.page.contact .details a:link:after,
article.page.contact .details a:visited:after {
  display: none;
}
article.page.contact .details h2:before {
  content: "";
  display: block;
  margin: 0 0 1.3125rem 0;
  padding: 0;
  width: 1.5rem;
  height: 0.25rem;
  background-color: #E5231A;
}
article.page .hero {
  z-index: 1;
  height: 17.5rem;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  article.page .hero {
    height: 27.5rem;
  }
}
@media screen and (min-width: 2560px) {
  article.page .hero {
    height: 37.5rem;
  }
}
article.page .hero:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.66) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0) 100%);
}
article.page .hero img {
  position: absolute;
  z-index: 1;
  margin: auto;
  top: -10rem;
  left: -10rem;
  bottom: -10rem;
  right: -10rem;
  width: auto !important;
  height: 100% !important;
  max-width: none !important;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  article.page .hero img {
    top: -100rem;
    left: -100rem;
    bottom: -100rem;
    right: -100rem;
  }
}
@media screen and (min-width: 1024px) {
  article.page .hero img {
    position: absolute;
    z-index: 1;
    margin: auto;
    top: -10rem;
    left: -10rem;
    bottom: -10rem;
    right: -10rem;
    width: 100% !important;
    height: auto !important;
  }
}
@media screen and (min-width: 1024px) and (min-width: 768px) {
  article.page .hero img {
    top: -100rem;
    left: -100rem;
    bottom: -100rem;
    right: -100rem;
  }
}
article.page .hero figcaption {
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
  z-index: 2;
  color: #FFFFFF;
  font-size: 0.625rem;
  opacity: 0.75;
}
article.page .mapwrap {
  margin: 0 0 1.25rem 0;
  padding: 0;
  width: 100%;
  height: 33%;
}
article.page .mapwrap:before {
  content: "";
  display: block;
  width: 1px;
  height: 1px;
  padding: 100% 0 0 0;
  float: left;
}
@media screen and (min-width: 768px) {
  article.page .mapwrap:before {
    padding: 50% 0 0 0;
  }
}
article.page .mapwrap:after {
  content: "";
  display: block;
  clear: both;
}
article.page .mapwrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
}
article.leadership {
  padding-bottom: 3.75rem !important;
}
@media screen and (min-width: 1240px) {
  article.leadership {
    padding-bottom: 5.625rem !important;
  }
}
article.profile {
  margin: 0 auto;
  padding: 0 1rem 3.75rem 1rem;
  z-index: 10;
  max-width: 82rem;
}
@media screen and (min-width: 768px) {
  article.profile {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1240px) {
  article.profile {
    padding: 0 1rem 5.625rem 1rem;
  }
}
@media screen and (min-width: 768px) {
  article.profile header {
    flex: 0 0 22.5%;
  }
}
article.profile header .hero {
  margin: 0 0 1.25rem 0;
  padding: 0;
  z-index: 1;
  overflow: hidden;
}
article.profile header .hero:before {
  position: relative;
  content: "";
  display: block;
  z-index: 10;
  float: left;
  margin: 0;
  padding: 104% 0 0 0;
  width: 0.5rem;
  background-color: #E5231A;
}
article.profile header .hero:after {
  content: "";
  display: block;
  clear: both;
}
article.profile header .hero:hover img {
  transform: scale(1.1);
}
article.profile header .hero img {
  position: absolute;
  z-index: 1;
  margin: auto;
  top: -10rem;
  left: -10rem;
  bottom: -10rem;
  right: -10rem;
  width: 100% !important;
  height: auto !important;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  article.profile header .hero img {
    top: -100rem;
    left: -100rem;
    bottom: -100rem;
    right: -100rem;
  }
}
article.profile header h3 {
  margin: 0 0 0.5rem 0;
  padding: 0;
}
article.profile header h4 {
  color: #7D828B;
}
@media screen and (min-width: 768px) {
  article.profile main {
    flex: 0 0 70%;
  }
}
article.opportunity {
  margin: 0 auto;
  padding: 0 1rem 3.75rem 1rem;
  z-index: 10;
  max-width: 82rem;
}
article.msg {
  margin: 0 0 1.25rem 0;
  padding: 0;
}
article.msg header,
article.msg main {
  margin: 0 auto;
  padding: 0 1rem;
  max-width: 82rem;
}

#filter {
  display: none;
  margin: 0 auto;
  padding: 1rem;
  max-width: 82rem;
}
#filter a {
  margin: 0 1.25rem 0 0;
}
#filter a.active {
  color: #212121;
  font-weight: 400;
}
#filter a.active:after {
  display: none;
}

#news {
  margin: 0 auto;
  padding: 1rem 1rem 3.75rem 1rem;
  max-width: 82rem;
}
@media screen and (min-width: 1240px) {
  #news {
    padding: 1rem 1rem 5.625rem 1rem;
  }
}

#cases {
  margin: 0 auto;
  padding: 0 1rem;
  max-width: 82rem;
}

#results {
  padding: 2.5rem 0 1.875rem 0;
}
#results article.page.excerpt {
  padding: 1.875rem 1rem;
}
@media screen and (min-width: 1240px) {
  #results article.page.excerpt {
    padding: 1.875rem 1rem;
  }
}

article.post.intro {
  margin: 0 0 1.25rem 0;
  padding: 0;
}
article.post.excerpt {
  margin: 0 0 1.25rem 0;
  padding: 0;
}
article.post.excerpt > * {
  margin: 0 auto;
  padding: 0;
  max-width: 66.25rem;
}
article.post.excerpt .thumb {
  margin: 0 0 1.25rem 0;
}
article.post.excerpt header {
  margin: 0;
}
article.post.excerpt header a,
article.post.excerpt header a:link,
article.post.excerpt header a:visited {
  color: #E5231A;
}
article.post.excerpt header a:active,
article.post.excerpt header a:focus,
article.post.excerpt header a:hover {
  color: #2C3947;
}
article.post.excerpt header h3 {
  font-size: 1rem;
}
article.post.full {
  margin: 0 0 1.25rem 0;
  padding: 0;
}
article.post.full header {
  margin: 0 0 1.25rem 0;
  padding: 0;
  padding: 3.75rem 1rem;
  background-color: #2C3947;
}
@media screen and (min-width: 1240px) {
  article.post.full header {
    padding: 5rem 1rem;
  }
}
article.post.full header * {
  color: #FFFFFF;
}
article.post.full header .copy {
  margin: 0 auto -1.3125rem auto;
  padding: 0;
  max-width: 66.25rem;
  text-align: center;
}
article.post.full .illustration {
  margin: -1.25rem 0 1.25rem 0;
  padding: 1.25rem 1rem;
  background-color: #E6EBEF;
}
@media screen and (min-width: 1024px) {
  article.post.full .illustration {
    padding: 3.75rem 1rem;
  }
}
@media screen and (min-width: 1240px) {
  article.post.full .illustration {
    padding: 5rem 1rem;
  }
}
article.post.full .illustration .hero {
  margin: 0 auto;
  max-width: 66.25rem;
  overflow: hidden;
}
article.post.full .illustration .hero:before {
  content: "";
  display: block;
  margin: 0;
  padding: 66.667% 0 0 0;
  float: left;
}
article.post.full .illustration .hero:after {
  clear: both;
}
article.post.full .illustration .hero img {
  position: absolute;
  z-index: 1;
  margin: auto;
  top: -10rem;
  left: -10rem;
  bottom: -10rem;
  right: -10rem;
  width: auto !important;
  height: 100% !important;
  max-width: none !important;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  article.post.full .illustration .hero img {
    top: -100rem;
    left: -100rem;
    bottom: -100rem;
    right: -100rem;
  }
}
@media screen and (min-width: 1024px) {
  article.post.full .illustration .hero img {
    position: absolute;
    z-index: 1;
    margin: auto;
    top: -10rem;
    left: -10rem;
    bottom: -10rem;
    right: -10rem;
    width: 100% !important;
    height: auto !important;
  }
}
@media screen and (min-width: 1024px) and (min-width: 768px) {
  article.post.full .illustration .hero img {
    top: -100rem;
    left: -100rem;
    bottom: -100rem;
    right: -100rem;
  }
}
article.post.full .illustration .hero figcaption {
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
  z-index: 2;
  color: #FFFFFF;
  font-size: 0.625rem;
  opacity: 0.75;
}
article.post.full .bodycopy {
  margin: 0 auto;
  padding: 1rem;
  z-index: 10;
  max-width: 82rem;
}
article.post.full .bodycopy .testimonials {
  margin: 0 -50rem;
  padding: 1rem 50rem 1.75rem 50rem;
}
@media screen and (min-width: 1240px) {
  article.post.full .bodycopy .testimonials {
    padding: 2rem 50rem 2.75rem 50rem;
  }
}
article.post.full .bodycopy .testimonials + h2 {
  margin-top: 3.75rem;
}
@media screen and (min-width: 1240px) {
  article.post.full .bodycopy .testimonials + h2 {
    margin-top: 5rem;
  }
}
article.post.full .bodycopy .testimonials .static {
  margin: 0 auto;
  padding: 0;
  text-align: center;
  max-width: 66.25rem;
}
article.post.full .bodycopy .testimonials .slider {
  display: block;
  margin: 0 auto;
  padding: 0 0 3rem 0;
  text-align: center;
  max-width: 66.25rem;
}
article.post.full .bodycopy .testimonials .slider .slick-dots li {
  opacity: 0.5;
  background-color: #2C3947;
}
article.post.full .bodycopy .testimonials .slider .slick-dots li.slick-active {
  opacity: 1;
}
article.post.full .bodycopy .testimonials:before {
  content: "";
  display: block;
  display: none;
  margin: -3.75rem auto 3.75rem auto;
  width: 100%;
  height: 1px;
  background-color: #2C3947;
}
@media screen and (min-width: 1240px) {
  article.post.full .bodycopy .testimonials:before {
    margin: -5rem auto 5rem auto;
  }
}
article.post.full .bodycopy .testimonials.petrol-blue:before {
  background-color: #FFFFFF;
}
article.post.full .bodycopy .testimonials.petrol-blue .slick-dots li {
  background-color: #FFFFFF;
}
article.post.full footer#pagination {
  padding: 3.75rem 1rem;
}
@media screen and (min-width: 1240px) {
  article.post.full footer#pagination {
    padding: 5.625rem 1rem;
  }
}
article.case.excerpt {
  margin: 0 -50rem;
  padding: 3.75rem 50rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  /*			
  			&:nth-child(4n + 1) {
  			}
  */
  /*			
  			&:nth-child(4n + 3) {
  			}
  */
}
@media screen and (min-width: 1240px) {
  article.case.excerpt {
    padding: 5rem 50rem;
  }
}
article.case.excerpt .thumb {
  margin: 0 0 1.25rem 0;
  padding: 0;
  overflow: hidden;
  flex: 0 0 100%;
  order: 1;
  grid-column: auto !important;
  grid-row: auto !important;
  align-self: flex-start !important;
}
@media screen and (min-width: 768px) {
  article.case.excerpt .thumb {
    margin: 0;
    flex: 0 0 48.5%;
  }
}
article.case.excerpt .thumb:before {
  position: relative;
  content: "";
  display: block;
  float: right;
  margin: 0;
  padding: 66.667% 0 0 0;
  width: 0.5rem;
  z-index: 9;
  background-color: #E5231A;
}
article.case.excerpt .thumb:after {
  content: "";
  display: block;
  clear: both;
}
article.case.excerpt .thumb img {
  position: absolute;
  z-index: 1;
  margin: auto;
  top: -10rem;
  left: -10rem;
  bottom: -10rem;
  right: -10rem;
  width: 100% !important;
  height: auto !important;
  transition: all 0.2s ease-in-out;
}
@media screen and (min-width: 768px) {
  article.case.excerpt .thumb img {
    top: -100rem;
    left: -100rem;
    bottom: -100rem;
    right: -100rem;
  }
}
article.case.excerpt .copy {
  flex: 0 0 100%;
  order: 2;
}
@media screen and (min-width: 768px) {
  article.case.excerpt .copy {
    margin: 0;
    flex: 0 0 48.5%;
  }
}
article.case.excerpt .copy h2:before {
  content: "";
  display: block;
  margin: 0 0 1.3125rem 0;
  padding: 0;
  width: 1.5rem;
  height: 0.25rem;
  background-color: #E5231A;
}
@media screen and (min-width: 1024px) {
  article.case.excerpt .copy h2 {
    max-width: 75%;
  }
}
@media screen and (min-width: 768px) {
  article.case.excerpt:nth-child(even) .thumb {
    order: 2;
  }
  article.case.excerpt:nth-child(even) .copy {
    order: 1;
  }
}
article.case.excerpt:nth-child(4n+2) {
  background-color: #E6EBEF;
}
article.case.excerpt:nth-child(4n) {
  background-color: #2C3947;
}
article.case.full {
  margin: 0 0 1.25rem 0;
  padding: 0;
  /*			

  			.hero {
  				margin:				-1.25rem 0 1.25rem 0;
  				padding:			1.25rem 1rem;

  				background-color: 	$color-horizon;

  				figure {
  					margin:				0 auto;

  					max-width: 			$width-max;					

  					img {
  						display:			block;

  						margin:				0 auto;

  						max-width: 			50%;
  					}
  				}
  			}

  			header {
  				@include 			spacing-standard;
  				padding:			3.75rem 1rem;

  				@media screen and (min-width: $break-desktop) {	
  					padding:			5rem 1rem;
  				}			

  				background-color:	$color-petrol-blue;

  				* {
  					color:				$color-white;
  				}

  				.copy {
  					margin:				0 auto -1.3125rem auto;
  					padding:			0;

  					max-width: 			$width-max-narrow;

  					text-align: 		center;
  				}
  			}			
  */
}
article.case.full header {
  margin: 2rem auto;
  padding: 0 1rem;
  z-index: 10;
}
@media screen and (min-width: 1024px) {
  article.case.full header {
    padding: 0 2rem;
  }
}
@media screen and (min-width: 1240px) {
  article.case.full header {
    padding: 0 5rem;
  }
}
article.case.full header.hasHero {
  position: relative;
  top: -17.5rem;
  height: 17.5rem;
  margin: 0 auto -17.5rem auto;
  display: flex;
  align-items: baseline;
}
@media screen and (min-width: 768px) {
  article.case.full header.hasHero {
    top: -27.5rem;
    height: 27.5rem;
    margin: 0 auto -27.5rem auto;
  }
}
@media screen and (min-width: 2560px) {
  article.case.full header.hasHero {
    top: -37.5rem;
    height: 37.5rem;
    margin: 0 auto -37.5rem auto;
  }
}
article.case.full header.hasHero h1 {
  flex: 0 0 100%;
  align-self: flex-end;
  color: #FFFFFF;
}
@media screen and (min-width: 1240px) {
  article.case.full header.hasHero h1 {
    flex: 0 0 28rem;
    margin: 0 0 5rem 0;
  }
}
article.case.full header h1:before {
  content: "";
  display: block;
  margin: 0 0 2.25rem 0;
  padding: 0;
  width: 2.75rem;
  height: 0.5rem;
  background-color: #E5231A;
}
article.case.full header h1 span {
  display: block;
  font-size: 1rem;
  line-height: 120%;
}
article.case.full .introduction {
  margin: 0 0 1.25rem 0;
  padding: 0;
  padding: 3.75rem 1rem;
  background-color: #2C3947;
}
@media screen and (min-width: 1240px) {
  article.case.full .introduction {
    padding: 5rem 1rem;
  }
}
article.case.full .introduction * {
  color: #FFFFFF;
}
article.case.full .introduction a,
article.case.full .introduction a:link,
article.case.full .introduction a:visited {
  color: #E5231A;
}
article.case.full .introduction a:active,
article.case.full .introduction a:focus,
article.case.full .introduction a:hover {
  color: #FFFFFF;
}
article.case.full .introduction .copy {
  margin: 0 auto -1.3125rem auto;
  padding: 0;
  max-width: 66.25rem;
  text-align: center;
}
article.case.full .bodycopy {
  margin: 0 auto;
  padding: 1rem;
  z-index: 10;
  max-width: 82rem;
}
article.case.full .bodycopy .wp-block-group {
  margin: 0 -50rem;
  padding: 3.75rem 50rem;
}
@media screen and (min-width: 1240px) {
  article.case.full .bodycopy .wp-block-group {
    padding: 5rem 50rem;
  }
}
article.case.full .bodycopy .wp-block-group *:last-child {
  margin: 0;
}
article.case.full .bodycopy > *.petrol-blue {
  color: #FFFFFF;
  background-color: #2C3947;
}
article.case.full .bodycopy > *.petrol-blue a,
article.case.full .bodycopy > *.petrol-blue a:link,
article.case.full .bodycopy > *.petrol-blue a:visited {
  color: #E5231A;
  transition: all 0.25s;
}
article.case.full .bodycopy > *.petrol-blue a:active,
article.case.full .bodycopy > *.petrol-blue a:focus,
article.case.full .bodycopy > *.petrol-blue a:hover {
  color: #FFFFFF;
}
article.case.full .bodycopy > *.petrol-blue a.btn,
article.case.full .bodycopy > *.petrol-blue a:link.btn,
article.case.full .bodycopy > *.petrol-blue a:visited.btn,
article.case.full .bodycopy > *.petrol-blue a.wp-block-button__link,
article.case.full .bodycopy > *.petrol-blue a.wp-block-button__link:link,
article.case.full .bodycopy > *.petrol-blue a.wp-block-button__link:visited,
article.case.full .bodycopy > *.petrol-blue .nothingclassforsyntax {
  color: #FFFFFF;
  border-color: #FFFFFF;
}
article.case.full .bodycopy > *.petrol-blue a:active.btn,
article.case.full .bodycopy > *.petrol-blue a:focus.btn,
article.case.full .bodycopy > *.petrol-blue a:hover.btn,
article.case.full .bodycopy > *.petrol-blue a.wp-block-button__link:active,
article.case.full .bodycopy > *.petrol-blue a.wp-block-button__link:focus,
article.case.full .bodycopy > *.petrol-blue a.wp-block-button__link:hover,
article.case.full .bodycopy > *.petrol-blue .nothingclassforsyntax {
  color: #E5231A;
  border-color: #E5231A;
}
article.case.full .bodycopy > *.horizon {
  background-color: #E6EBEF;
}
article.case.full footer#pagination {
  padding: 0 1rem 1rem 1rem;
  text-align: left;
}
article.case .hero {
  z-index: 1;
  height: 17.5rem;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  article.case .hero {
    height: 27.5rem;
  }
}
@media screen and (min-width: 2560px) {
  article.case .hero {
    height: 37.5rem;
  }
}
article.case .hero:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.66) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0) 100%);
}
article.case .hero img {
  position: absolute;
  z-index: 1;
  margin: auto;
  top: -10rem;
  left: -10rem;
  bottom: -10rem;
  right: -10rem;
  width: auto !important;
  height: 100% !important;
  max-width: none !important;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  article.case .hero img {
    top: -100rem;
    left: -100rem;
    bottom: -100rem;
    right: -100rem;
  }
}
@media screen and (min-width: 1024px) {
  article.case .hero img {
    position: absolute;
    z-index: 1;
    margin: auto;
    top: -10rem;
    left: -10rem;
    bottom: -10rem;
    right: -10rem;
    width: 100% !important;
    height: auto !important;
  }
}
@media screen and (min-width: 1024px) and (min-width: 768px) {
  article.case .hero img {
    top: -100rem;
    left: -100rem;
    bottom: -100rem;
    right: -100rem;
  }
}
article.case .hero figcaption {
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
  z-index: 2;
  color: #FFFFFF;
  font-size: 0.625rem;
  opacity: 0.75;
}

#contactwrap {
  margin: 0;
  padding: 3.75rem 0;
  color: #FFFFFF;
  background-color: #7D828B;
}
@media screen and (min-width: 1240px) {
  #contactwrap {
    padding: 5.625rem 0;
  }
}
#contactwrap .widget {
  margin: 0 auto;
  padding: 0 1rem;
  max-width: 82rem;
}
#contactwrap .widget h3 {
  margin: 0 0 2.5rem 0;
  max-width: 22rem;
}
#contactwrap .widget a,
#contactwrap .widget a:link,
#contactwrap .widget a:visited {
  color: #FFFFFF;
}
#contactwrap .widget a:active,
#contactwrap .widget a:focus,
#contactwrap .widget a:hover {
  color: #E5231A;
}
#contactwrap .widget form {
  margin: 0;
  padding: 0;
}
#contactwrap .widget form label {
  display: none;
}
#contactwrap .widget form input[type=text],
#contactwrap .widget form input[type=tel],
#contactwrap .widget form input[type=email],
#contactwrap .widget form select,
#contactwrap .widget form textarea {
  margin: 0 0 1rem 0;
  padding: 0;
  color: #FFFFFF;
  background-color: #7D828B;
  border: 1px solid #7D828B;
  border-bottom: 1px solid #FFFFFF;
}
@media screen and (min-width: 768px) {
  #contactwrap .widget form input[type=text],
#contactwrap .widget form input[type=tel],
#contactwrap .widget form input[type=email],
#contactwrap .widget form select,
#contactwrap .widget form textarea {
    display: inline-block;
    width: 47%;
    margin: 0 2% 2rem 0;
  }
  #contactwrap .widget form input[type=text].fullwidth,
#contactwrap .widget form input[type=tel].fullwidth,
#contactwrap .widget form input[type=email].fullwidth,
#contactwrap .widget form select.fullwidth,
#contactwrap .widget form textarea.fullwidth {
    width: 97%;
  }
}
@media screen and (min-width: 1024px) {
  #contactwrap .widget form input[type=text],
#contactwrap .widget form input[type=tel],
#contactwrap .widget form input[type=email],
#contactwrap .widget form select,
#contactwrap .widget form textarea {
    width: 31%;
  }
}
@media screen and (min-width: 1240px) {
  #contactwrap .widget form input[type=text],
#contactwrap .widget form input[type=tel],
#contactwrap .widget form input[type=email],
#contactwrap .widget form select,
#contactwrap .widget form textarea {
    width: 28%;
  }
  #contactwrap .widget form input[type=text].fullwidth,
#contactwrap .widget form input[type=tel].fullwidth,
#contactwrap .widget form input[type=email].fullwidth,
#contactwrap .widget form select.fullwidth,
#contactwrap .widget form textarea.fullwidth {
    width: 88%;
  }
}
#contactwrap .widget form input[type=submit] {
  margin: 2rem 0 0 0;
}
#contactwrap .widget div.wpcf7 .wpcf7-form .ajax-loader {
  background-color: #7D828B;
  background-image: none;
}
#contactwrap .widget div.wpcf7 .wpcf7-form .wpcf7-response-output {
  color: #2C3947;
}

#footerwrap {
  margin: 0;
  padding: 3.75rem 0;
  color: #FFFFFF;
  background-color: #2C3947;
}
@media screen and (min-width: 1240px) {
  #footerwrap {
    padding: 5.625rem 0;
  }
}
#footerwrap > div {
  margin: 0 auto;
  padding: 0 1rem;
  max-width: 82rem;
}
#footerwrap #aboutwrap {
  padding: 2rem 0 0 0;
  border-top: 1px solid #FFFFFF;
}
#footerwrap #aboutwrap .widget {
  margin: 0 0 2rem 0;
}
#footerwrap #aboutwrap .widget h3 {
  display: none;
}
#footerwrap #aboutwrap .widget p {
  font-size: 0.875rem;
}
#footerwrap #aboutwrap .widget:nth-child(2n-1) h3 {
  display: block;
  margin: 0 0 2rem 0;
}
@media screen and (min-width: 1024px) {
  #footerwrap #aboutwrap {
    display: flex;
    justify-content: space-between;
  }
  #footerwrap #aboutwrap .widget {
    flex: 0 0 32%;
    text-align: right;
    margin: 0;
  }
  #footerwrap #aboutwrap .widget:nth-child(2n-1) {
    flex: 0 0 52%;
    text-align: left;
    max-width: 82rem;
  }
}
#footerwrap nav {
  margin: 0 0 1.25rem 0;
  padding: 0;
}
#footerwrap nav .menu {
  display: flex;
  flex-wrap: wrap;
  font-weight: 600;
}
#footerwrap nav .menu a,
#footerwrap nav .menu a:link,
#footerwrap nav .menu a:visited {
  display: inline-block;
  margin: 0 0 0.75rem 0;
  color: #FFFFFF;
}
#footerwrap nav .menu a:active,
#footerwrap nav .menu a:focus,
#footerwrap nav .menu a:hover {
  color: #E5231A;
}
#footerwrap nav .menu li {
  margin: 0 3% 0 0;
}
#footerwrap nav .menu li .sub-menu {
  margin: 1.125rem 0 0 0;
  display: block;
}
#footerwrap nav .menu li .sub-menu li {
  display: block;
}
#footerwrap nav .menu li .sub-menu li li {
  font-weight: 400;
}
#footerwrap nav .menu li .sub-menu li:last-child .sub-menu {
  border-bottom: none;
}
#footerwrap nav .menu li .sub-menu .sub-menu {
  padding: 0 0 1rem 0;
  margin: 0.25rem 0 1.75rem 0;
  border-bottom: 1px solid #7D828B;
}
#footerwrap nav .menu li .sub-menu .sub-menu a,
#footerwrap nav .menu li .sub-menu .sub-menu a:link,
#footerwrap nav .menu li .sub-menu .sub-menu a:visited {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
}
#footerwrap nav .menu li .sub-menu .sub-menu .sub-menu {
  padding: 0;
  margin: 0 0 0 1rem;
  border-bottom: none;
}
#footerwrap nav .menu li .sub-menu .sub-menu .sub-menu a,
#footerwrap nav .menu li .sub-menu .sub-menu .sub-menu a:link,
#footerwrap nav .menu li .sub-menu .sub-menu .sub-menu a:visited {
  color: #7D828B;
}
#footerwrap nav .menu li .sub-menu .sub-menu .sub-menu a:active,
#footerwrap nav .menu li .sub-menu .sub-menu .sub-menu a:focus,
#footerwrap nav .menu li .sub-menu .sub-menu .sub-menu a:hover {
  color: #E5231A;
}
#footerwrap nav .menu > li {
  flex: 0 0 100%;
}
@media screen and (min-width: 768px) {
  #footerwrap nav .menu > li {
    flex: 0 0 48%;
  }
}
@media screen and (min-width: 1024px) {
  #footerwrap nav .menu > li {
    flex: 0 0 31%;
  }
}
@media screen and (min-width: 1240px) {
  #footerwrap nav .menu > li {
    flex: 0 0 28%;
  }
}
#footerwrap nav .menu > li > a {
  text-transform: uppercase;
}
#footerwrap #copyrightwrap {
  font-size: 0.8125rem;
}

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