/*Fonts*/
/*Colors*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  border: 0;
  font-size: 100%;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

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

a {
  text-decoration: none; }

body, html {
  margin: 0;
  padding: 0;
  font-size: 10px; }

b, strong {
  font-weight: bold; }

.banner {
  position: relative;
  padding: 10rem 0;
  background-color: #131B30;
  min-height: calc(100vh - 117.19px);
  display: flex; }
  .banner .container {
    position: relative;
    z-index: 9;
    align-self: flex-end; }
  .banner h1 {
    margin: 0;
    font-size: 8rem; }
  .banner h1, .banner p {
    color: white; }
  .banner .button {
    margin: 3.5rem 0 0; }
  .banner .subtitle {
    font-size: 3rem;
    line-height: 1.1;
    margin: 2rem 0 0 !important; }
    .banner .subtitle:before {
      top: 1.5rem;
      width: .8rem;
      height: .8rem; }
  .banner:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    z-index: 3;
    background: linear-gradient(0deg, #131B30 0%, rgba(19, 27, 48, 0) 100%); }
  .banner.secondary-banner {
    padding: 15% 0;
    min-height: 0; }
    .banner.secondary-banner h1 {
      color: #000000;
      font-size: 5rem; }
    .banner.secondary-banner:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 3;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0) 100%); }

@media only screen and (max-width: 1200px) {
  .banner {
    min-height: calc(100vh - 107.19px); } }

@media only screen and (max-width: 1024px) {
  .banner {
    padding: 8rem 0;
    min-height: calc(100vh - 69.28px); } }

@media only screen and (max-width: 650px) {
  .banner {
    min-height: calc(100vh - 58.28px);
  }
  .banner h1 {
    font-size: 5rem;
  }
  .banner .subtitle {
    font-size: 2rem;
  }
  .banner.secondary-banner {
    padding: 25% 0;
    text-align: center;
  }
  .banner.secondary-banner:before {
    background: rgba(255, 255, 255, .5);
  }
}

footer {
  padding: 8rem 0 10rem;
  background-color: #131B30;
  position: relative; }
  footer p, footer a {
    color: #FFFFFF; }
  footer a:hover {
    color: #FEE448; }
  footer:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg, #131B30 0%, rgba(19, 27, 48, 0) 100%);
    z-index: 2; }
  footer .img-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    min-width: 100%;
    min-height: 50%;
    z-index: 1; }
  footer .container {
    position: relative;
    z-index: 9; }
  footer #footer-logo {
    display: inline-block;
    max-width: 32rem;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 0 11rem; }
  footer .footer-columns {
    border-bottom: 1px solid rgba(181, 181, 181, 0.2); }
  footer .footer-column {
    flex: 1 0 33.33%;
    border-top: 1px solid rgba(181, 181, 181, 0.2);
    border-right: 1px solid rgba(181, 181, 181, 0.2);
    border-left: 1px solid rgba(181, 181, 181, 0.2);
    text-align: center;
    padding: 4rem; }
    footer .footer-column h4 {
      color: #FEE448;
      font-family: "Oswald", sans-serif;
      font-weight: 200;
      position: relative;
      display: inline-block; }
      footer .footer-column h4:before {
        content: '';
        position: absolute;
        top: 1rem;
        left: -1.5rem;
        width: .4rem;
        height: .4rem;
        border-radius: 50%;
        background-color: #FEE448; }
    footer .footer-column .row {
      margin: 0 0 2rem; }
      footer .footer-column .row:last-of-type {
        margin: 0; }
    footer .footer-column p {
      margin: 0 0 2rem; }
    footer .footer-column a, footer .footer-column p {
      font-family: "Cormorant", serif;
      font-weight: 700;
      font-size: 2.6rem;
      line-height: 1; }
    footer .footer-column a {
      display: inline-block; }
    footer .footer-column.footer-social a {
      margin: 0 2rem 0 0; }
      footer .footer-column.footer-social a svg path {
        transition: all ease-in-out .2s; }
      footer .footer-column.footer-social a:hover svg path {
        fill: #FEE448; }
      footer .footer-column.footer-social a:last-of-type {
        margin: 0; }
  footer .footer-middle {
    margin: 9rem 0 17rem;
    text-align: center; }
    footer .footer-middle .flex {
      align-items: center;
      justify-content: center; }
    footer .footer-middle p {
      font-size: 3rem;
      margin: 0 auto 3rem;
      max-width: 43rem;
      font-family: "Cormorant", serif;
      font-weight: 700; }
    footer .footer-middle a,
    footer .footer-bottom a {
      font-family: "Urbanist", sans-serif;
      font-size: 1.6rem;
      text-transform: uppercase;
      font-weight: 600; }
    footer .footer-middle ul,
    footer .footer-bottom ul {
      list-style-type: none;
      padding: 0;
      margin: 0;
      display: flex; }
      footer .footer-middle ul li,
      footer .footer-bottom ul li {
        margin-right: 4rem; }
  footer .footer-bottom {
    position: relative; }
    footer .footer-bottom p {
      font-size: 1.6rem;
      text-align: center;
      text-transform: uppercase;
      font-weight: 600;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      max-width: calc(100% - 48rem); }
    footer .footer-bottom .footer-logos {
      max-width: 24rem;
      margin-left: auto;
      text-align: right; }
      footer .footer-bottom .footer-logos img {
        max-width: 10rem;
        max-height: 10rem;
        width: auto;
        margin: 1rem; }

@media only screen and (max-width: 1024px) {
  footer {
    padding: 6rem 0; }
    footer #footer-logo {
      margin: 0 0 5rem; }
    footer .footer-middle {
      margin: 6rem 0; } }

@media only screen and (max-width: 850px) {
  footer .footer-columns .footer-column {
    padding: 3rem 5%; }
  footer .footer-bottom {
    justify-content: center; }
    footer .footer-bottom p {
      position: relative;
      max-width: 100%;
      left: auto;
      top: auto;
      transform: initial; }
    footer .footer-bottom .footer-logos {
      margin: 2rem auto 0;
      max-width: 100%; } }

@media only screen and (max-width: 650px) {
  footer {
    padding: 6rem 0 18rem; }
    footer .footer-columns .footer-column {
      flex: 0 0 100%; }
      footer .footer-columns .footer-column a {
        font-size: 2rem; } }

.page-template-page-about .call-to-action, .page-template-page-home .call-to-action {
  margin: 0;
  background-color: #F5F5F5; }

.call-to-action {
  position: relative;
  z-index: 9;
  margin-top: 12rem; }
  .call-to-action:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: #131B30; }
  .call-to-action .container {
    border-radius: 1.2rem;
    background-color: #061029;
    padding: 9rem;
    position: relative;
    overflow: hidden; }
    .call-to-action .container .inner-container {
      max-width: 68rem;
      position: relative;
      z-index: 9; }
    .call-to-action .container .wysiwyg h1, .call-to-action .container .wysiwyg h2, .call-to-action .container .wysiwyg h3, .call-to-action .container .wysiwyg h4, .call-to-action .container .wysiwyg h5, .call-to-action .container .wysiwyg h6, .call-to-action .container .wysiwyg p, .call-to-action .container .wysiwyg li {
      color: #FFFFFF; }
    .call-to-action .container .wysiwyg p, .call-to-action .container .wysiwyg li {
      font-size: 2rem;
      font-weight: 200; }
    .call-to-action .container .wysiwyg a:hover {
      color: #FFFFFF; }
    .call-to-action .container .button {
      margin: 3rem 0 0; }
    .call-to-action .container:before {
      content: '';
      position: absolute;
      top: 0;
      left: 25%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, #061029 0%, rgba(6, 16, 41, 0) 100%);
      z-index: 2; }
    .call-to-action .container .img-container {
      position: absolute;
      top: 0;
      right: 0;
      width: 75%;
      height: 100%;
      z-index: 1; }

@media only screen and (max-width: 1024px) {
  .call-to-action {
    margin-top: 6rem; }
    .call-to-action .container {
      padding: 6rem; } }

@media only screen and (max-width: 650px) {
  .call-to-action .container {
    padding: 0; }
    .call-to-action .container:before {
      left: 0; }
    /* .call-to-action .container .img-container {
      position: relative;
      width: 100%;
      padding: 0 0 50%; } */
      .call-to-action .container .img-container:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(0deg, #061029 0%, rgba(6, 16, 41, 0) 100%);
        z-index: 2; }
    .call-to-action .container .inner-container {
      padding: 4rem; } }

.project-thumbnail {
  flex: 0 0 48.5%;
  margin-right: 3%; }
  .project-thumbnail .img-container {
    width: 100%;
    padding: 0 0 66%;
    margin: 0 0 1.5rem;
    transition: all ease-in-out .5s; }
  .project-thumbnail img {
    transition: all ease-in-out .5s; }
  .project-thumbnail .categories {
    margin: 0 0 .5rem; }
    .project-thumbnail .categories .category {
      margin: 0 1rem 1rem 0; }
      .project-thumbnail .categories .category:last-of-type {
        margin-right: 0; }
  .project-thumbnail .excerpt, .project-thumbnail span {
    color: rgba(19, 27, 48, 0.8); }
  .project-thumbnail h2 {
    font-size: 2.5rem;
    margin: 0;
    color: #131B30; }
  .project-thumbnail .excerpt {
    margin: 1.5rem 0 0; }
  .project-thumbnail span {
    font-weight: 500;
    text-decoration: underline; }
  .project-thumbnail:nth-of-type(2n+2) {
    margin-right: 0; }
  .project-thumbnail:nth-of-type(1n+3) {
    margin-top: 5%; }
  .project-thumbnail:last-of-type {
    margin-right: 0; }
  .project-thumbnail:hover .img-container {
    box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.9); }
  .project-thumbnail:hover img {
    transform: scale(1.05); }

@media only screen and (max-width: 650px) {
  .project-thumbnail {
    flex: 0 0 100%;
    margin: 0 0 5rem !important; }
    .project-thumbnail:last-of-type {
      margin: 0 !important; } }

.category {
  display: inline-block;
  font-weight: 300;
  color: #BEBEBE;
  font-family: "Oswald", sans-serif; }

.project-categories {
  margin: 8rem 0; }
  .project-categories ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    .project-categories ul li {
      margin: .5rem 3rem .5rem 0; }
      .project-categories ul li a.active {
        color: #131B30; }
      .project-categories ul li:last-of-type {
        margin-right: 0; }

.archive-projects {
  margin: 8rem 0; }
  .archive-projects .button-container {
    text-align: center;
    margin: 12rem 0; }
    .archive-projects .button-container .button {
      padding: 0;
      border: none; }
      .archive-projects .button-container .button:hover {
        background: transparent;
        color: #FEE448; }

@media only screen and (max-width: 1024px) {
  .project-categories {
    margin: 6rem 0; }
  .archive-projects {
    margin: 6rem 0; }
    .archive-projects .button-container {
      margin: 6rem 0; } }

.project-intro {
  margin: 12rem 0 10rem; }

@media only screen and (max-width: 1024px) {
  .project-intro {
    margin: 6rem 0; } }

.button {
  display: inline-block;
  background-color: #FFFFFF;
  color: #131B30;
  padding: .9rem 6.5rem .8rem 1.8rem;
  cursor: pointer;
  transition: all ease-in-out .2s;
  font-weight: 300;
  font-size: 1.4rem;
  align-self: center;
  text-align: center;
  text-transform: uppercase;
  outline: none;
  border: 1px solid #131B30;
  border-radius: 10rem;
  -webkit-appearance: none;
  position: relative;
  font-family: "Urbanist", sans-serif; }
  .button svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.8rem; }
    .button svg path {
      transition: all ease-in-out .2s; }
  .button.simple-button {
    text-decoration: underline;
    padding: 0;
    border: none !important; }
    .button.simple-button:hover {
      color: #FEE448;
      background: transparent; }
  .button:hover {
    background-color: #FEE448;
    color: #131B30;
    border: 1px solid #FEE448; }
  .button.button-yellow {
    background-color: #FEE448;
    border: 1px solid #FFFFFF; }
    .button.button-yellow:hover {
      background-color: #FFFFFF; }
  .button.button-white {
    border: 1px solid #FEE448; }
  .button.button-white-border {
    background: transparent;
    color: #FFFFFF;
    border: 1px solid #FFFFFF; }
    .button.button-white-border svg path {
      fill: #FFFFFF; }
    .button.button-white-border:hover {
      color: #131B30;
      border: 1px solid transparent;
      background-color: #FEE448; }
      .button.button-white-border:hover svg path {
        fill: #131B30; }
  .button.button-main-color-border {
    background: transparent;
    border: 1px solid #131B30; }
    .button.button-main-color-border:hover {
      background-color: #FEE448;
      border: 1px solid #FEE448; }
  .button.button-main-color {
    background-color: #131B30;
    color: #FFFFFF; }
    .button.button-main-color svg path {
      fill: #FFFFFF; }
    .button.button-main-color:hover {
      background-color: #FEE448;
      color: #131B30; }
      .button.button-main-color:hover svg path {
        fill: #131B30; }

.project-details {
  margin: 10rem 0; }
  .project-details .col {
    flex: 0 0 47.5%; }
    .project-details .col:nth-last-child(2) {
      margin-right: 5%; }
  .project-details .col-left h2 {
    flex: 0 0 100%; }
  .project-details .col-left .row:nth-last-child(2) {
    margin-bottom: 10rem; }
  .project-details .col-right .wysiwyg {
    margin: 0 0 10rem; }
  .project-details .col-right .share-container {
    display: flex;
    align-items: center; }
  .project-details .specs {
    align-self: flex-end; }
    .project-details .specs .spec {
      width: 30%;
      margin-right: 5%;
      padding-right: 5%;
      border-right: 1px solid #131B30;
      height: max-content; }
      .project-details .specs .spec:nth-of-type(3n+3) {
        border: none;
        margin-right: 0;
        padding-right: 0; }
      .project-details .specs .spec:nth-of-type(1n+4) {
        margin-top: 5%; }
    .project-details .specs .spec-value {
      font-weight: 600;
      font-size: 2.5rem;
      margin: 0;
      overflow-wrap: break-word;
      line-height: 1.2; }
      .project-details .specs .spec-value span {
        font-size: 1.2rem;
        color: #131B30;
        margin-left: .5rem; }
    .project-details .specs .spec-title {
      margin: 0;
      font-size: 1.2rem;
      color: #A0A0A0;
      text-transform: uppercase;
      overflow-wrap: break-word; }
  .project-details .share {
    align-items: center; }
    .project-details .share .button {
      margin-right: 3.5rem; }
    .project-details .share span {
      color: #131B30;
      font-size: 1.4rem;
      margin-right: 2rem;
      font-weight: 300; }
    .project-details .share .share-buttons {
      list-style-type: none;
      padding: 0;
      margin: 0; }
      .project-details .share .share-buttons li {
        display: inline-block;
        margin-right: 2rem; }
        .project-details .share .share-buttons li:last-of-type {
          margin: 0; }
      .project-details .share .share-buttons svg {
        height: 2rem;
        width: auto; }
        .project-details .share .share-buttons svg path {
          fill: #131B30;
          transition: all ease-in-out .2s; }
      .project-details .share .share-buttons a:hover svg path {
        fill: #FEE448; }

@media only screen and (max-width: 1024px) {
  .project-details {
    margin: 6rem 0; }
    .project-details .col {
      flex: 0 0 100%; }
      .project-details .col:nth-last-child(2) {
        margin: 0 0 5rem; }
    .project-details .col-left .row:nth-last-child(2) {
      margin-bottom: 5rem; }
    .project-details .col-right .wysiwyg {
      margin: 0 0 5rem; } }

@media only screen and (max-width: 550px) {
  .project-details .col-left .row {
    flex: 0 0 100%; }
    .project-details .col-left .row .spec {
      width: 47.5%;
      margin-right: 5% !important;
      padding-right: 5% !important;
      border-right: 1px solid #131B30 !important; }
      .project-details .col-left .row .spec:nth-of-type(2n+2) {
        border-right: none !important;
        margin-right: 0 !important;
        padding-right: 0 !important; }
      .project-details .col-left .row .spec:nth-of-type(1n+3) {
        margin-top: 5%; }
  .project-details .col-right .share .button {
    margin: 0; }
  .project-details .col-right .share .share-container {
    flex: 0 0 100%;
    margin: 3rem 0 0; } }

@media only screen and (max-width: 400px) {
  .project-details .col-left .row {
    text-align: center; }
    .project-details .col-left .row .spec {
      width: 100%;
      margin: 0 0 5% !important;
      padding: 0 0 5% !important;
      border-right: none !important;
      border-bottom: 1px solid #131B30 !important; }
      .project-details .col-left .row .spec:last-of-type {
        margin: 0 !important;
        padding: 0 !important;
        border: none !important; } }

.testimonial {
  margin: 9rem 0 12rem; }
  .testimonial .container {
    background-color: #F5F5F5;
    padding: 9rem 10rem 8rem 11rem;
    border-radius: 2.5rem; }
  .testimonial p {
    margin: 0;
    padding-left: 5rem; }
  .testimonial .testimonial-wrap {
    margin: 2rem 0 0; }
  .testimonial .testimonial-content {
    font-size: 2rem;
    font-style: italic;
    font-weight: 500;
    line-height: 1.4;
    border-left: 3px solid #131B30; }
  .testimonial .testimonial-name {
    font-weight: 700; }
  .testimonial .testimonial-subtitle {
    font-weight: 300; }

@media only screen and (max-width: 1024px) {
  .testimonial {
    margin: 6rem 0; }
    .testimonial .container {
      padding: 6rem; } }

@media only screen and (max-width: 650px) {
  .testimonial .container {
    padding: 5%; }
  .testimonial p {
    padding-left: 5%; }
  .testimonial .testimonial-content {
    font-size: 1.7rem; } }

@media only screen and (max-width: 450px) {
  .testimonial p {
    padding: 0; }
  .testimonial .testimonial-content {
    border: none; } }

.related-projects {
  margin: 12rem 0; }
  .related-projects .title-container {
    margin: 0 0 5rem; }
    .related-projects .title-container .col-left {
      margin: 0 4rem 0 0;
      max-width: 40rem; }
      .related-projects .title-container .col-left h2 {
        margin: 0; }
    .related-projects .title-container .button {
      margin: 0 0 0 auto;
      align-self: flex-end; }

@media only screen and (max-width: 1024px) {
  .related-projects {
    margin: 6rem 0; } }

@media only screen and (max-width: 650px) {
  .related-projects .title-container .col-left {
    margin: 0;
    max-width: 100%; }
  .related-projects .project-thumbnail {
    margin: 0 !important; }
    .related-projects .project-thumbnail:nth-of-type(2) {
      display: none; }
  .related-projects .mobile-only {
    display: inline-block;
    margin: 3rem 0 0; }
  .related-projects .desktop-only {
    display: none; } }

body, html {
  font-size: 10px;
  overflow-x: hidden; }

html {
  scroll-behavior: smooth; }

* {
  box-sizing: border-box; }

body {
  font-family: "Urbanist", sans-serif;
  color: #131B30; }

main {
  padding-top: 117.19px; }

.mobile-only {
  display: none; }

.container {
  max-width: 90%;
  width: 1240px;
  margin: 0 auto; }
  .container.container-2 {
    width: 1412px; }
  .container.container-3 {
    width: 1060px; }
  .container.container-4 {
    width: 1512px;
    max-width: 100%; }
  .container.container-5 {
    width: 975px; }
  .container.container-6 {
    width: 820px; }
  .container.container-7 {
    width: 787px; }
  .container.container-8 {
    width: 875px; }
  .container.container-9 {
    width: 915px; }

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

.img-container {
  position: relative;
  overflow: hidden; }
  .img-container img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  font-family: "Cormorant", serif;
  text-transform: uppercase; }

h3, h4, h5, h6 {
  margin: 0 0 2rem;
  font-size: 2.5rem; }

h1, h2 {
  margin: 0 0 3rem; }

h1 {
  font-size: 5rem; }

h2 {
  font-size: 4rem; }

.subtitle {
  font-family: "Oswald", sans-serif;
  font-size: 1.6rem;
  padding-left: 2rem;
  position: relative;
  margin: 0 0 1rem !important;
  font-weight: 400; }
  .subtitle:before {
    content: '';
    position: absolute;
    top: 1rem;
    left: 0;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-color: #FEE448; }

.flex {
  display: flex;
  flex-wrap: wrap; }

.wysiwyg ul {
  padding: 0 0 0 2rem; }

.wysiwyg .aligncenter {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  text-align: center; }

.wysiwyg .alignright {
  position: relative;
  left: 100%;
  transform: translateX(-100%);
  text-align: right; }

.wysiwyg a:hover {
  color: #131B30; }

.wysiwyg p strong, .wysiwyg li strong {
  font-weight: 500; }

p, li {
  font-size: 1.7rem;
  line-height: 1.6;
  font-weight: 300; }
  p:first-of-type, li:first-of-type {
    margin-top: 0; }
  p:last-of-type, li:last-of-type {
    margin-bottom: 0; }

a, span {
  text-decoration: none;
  transition: all ease-in-out .2s;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  color: #FEE448; }

a:hover {
  color: #FEE448; }

.no-posts-text {
  text-align: center;
  margin: 3rem auto; }

@media only screen and (max-width: 1200px) {
  main {
    padding-top: 107.19px; } }

@media only screen and (max-width: 1024px) {
  body, html {
    font-size: 9px; }
  main {
    padding-top: 69.28px; }
  h1 {
    font-size: 4rem; }
  h2 {
    font-size: 3rem; }
  h3, h4, h5, h6 {
    font-size: 2rem; } }

@media only screen and (max-width: 650px) {
  main {
    padding-top: 58.28px; } }

@media only screen and (max-width: 400px) {
  .mobile-only {
    display: block; }
  .desktop-only {
    display: none; } }

.error .container {
  justify-content: center; }

.error h1, .error h3, .error p {
  margin-bottom: 1.5rem !important;
  flex: 0 0 100%;
  text-align: center; }

.error h1 {
  font-size: 12rem;
  line-height: 1; }

.error h3 {
  font-size: 4rem; }

.error p {
  font-size: 2rem; }

@media only screen and (max-width: 650px) {
  .error h1 {
    font-size: 10rem; }
  .error h3 {
    font-size: 3rem; } }

.slider-section {
  margin: 8rem 0 15rem; }
  .slider-section .slider-container {
    margin: 0; }
    .slider-section .slider-container .img-container {
      width: 55%;
      padding: 0 0 32%; }
    .slider-section .slider-container .flickity-button {
      top: auto;
      bottom: -2rem;
      transform: translate(-50%, 100%); }
    .slider-section .slider-container .previous {
      right: auto;
      left: calc(50% - 5.25rem); }
    .slider-section .slider-container .next {
      right: auto;
      left: calc(50% + 5.25rem); }
    .slider-section .slider-container .slider-fraction {
      right: auto;
      top: auto;
      bottom: -5rem;
      left: calc(50% + 1.5rem);
      transform: translateX(-50%); }
    .slider-section .slider-container .flickity-page-dots {
      bottom: -3.3rem;
      top: auto;
      left: calc(50% - 2.3rem);
      right: auto;
      transform: translateX(-50%); }

.slider-container {
  margin: 8rem auto 0; }
  .slider-container .container {
    position: relative; }
  .slider-container .img-container {
    width: 75%;
    padding: 0 0 40%;
    margin-right: 3%; }
  .slider-container .flickity-button {
    background: transparent;
    top: -2rem;
    transform: translateY(-100%); }
    .slider-container .flickity-button svg {
      display: none; }
    .slider-container .flickity-button:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 45px;
      height: 12px; }
  .slider-container .previous {
    left: auto;
    right: calc(13% + 10.5rem); }
    .slider-container .previous:before {
      background-image: url(https://proyacht.com.au/wp-content/themes/proyacht/assets/dist/images/slider-arrow-left.svg); }
  .slider-container .next {
    right: 13%; }
    .slider-container .next:before {
      background-image: url(https://proyacht.com.au/wp-content/themes/proyacht/assets/dist/images/slider-arrow-right.svg); }
  .slider-container .slider-fraction {
    position: absolute;
    right: calc(13% + 5rem);
    top: -5rem;
    font-weight: 400;
    font-size: 1.7rem;
    font-family: "Urbanist", sans-serif;
    color: rgba(19, 27, 48, 0.8); }
    .slider-container .slider-fraction:before {
      content: '/';
      position: absolute;
      top: 0;
      right: 2rem; }
  .slider-container .flickity-page-dots {
    counter-reset: a;
    bottom: auto;
    top: -5rem;
    right: calc(13% + 9.75rem);
    width: max-content; }
    .slider-container .flickity-page-dots .dot {
      background: transparent;
      position: absolute;
      opacity: 0;
      cursor: default;
      pointer-events: none;
      margin: 0;
      width: auto;
      height: auto;
      line-height: 1;
      font-weight: 400;
      font-size: 1.7rem;
      font-family: "Urbanist", sans-serif;
      color: rgba(19, 27, 48, 0.8); }
      .slider-container .flickity-page-dots .dot.is-selected {
        opacity: 1; }
      .slider-container .flickity-page-dots .dot:after {
        content: counter(a, decimal-leading-zero);
        counter-increment: a; }

@media only screen and (max-width: 1024px) {
  .slider-section {
    margin: 6rem 0 12rem; }
    .slider-section .slider-container .next {
      left: calc(50% + 8rem); }
    .slider-section .slider-container .previous {
      left: calc(50% - 8rem); }
    .slider-section .slider-container .slider-fraction {
      bottom: -5.25rem; }
    .slider-section .slider-container .flickity-page-dots {
      bottom: -3.55rem; }
  .slider-container {
    margin: 6rem auto 12rem; }
    .slider-container .flickity-button {
      top: auto;
      bottom: -2rem;
      transform: translate(-50%, 100%); }
    .slider-container .next {
      left: calc(50% + 8rem); }
    .slider-container .previous {
      left: calc(50% - 8rem); }
    .slider-container .slider-fraction {
      right: auto;
      top: auto;
      bottom: -5.25rem;
      left: calc(50% + 1.5rem);
      transform: translateX(-50%); }
    .slider-container .flickity-page-dots {
      bottom: -3.55rem;
      top: auto;
      left: calc(50% - 2.3rem);
      right: auto;
      transform: translateX(-50%); } }

@media only screen and (max-width: 650px) {
  .slider-container .img-container {
    width: 90% !important;
    padding: 0 0 50% !important; } }

.single-projects .video-section {
  margin: 12rem 0 9rem;
  padding: 0; }

.video-section .title-container {
  margin: 0 0 8rem; }

.video-section h2, .video-section .subtitle {
  text-align: center; }

.video-section .subtitle {
  display: inline-block;
  left: 50%;
  transform: translateX(-50%); }

.video-section .video, .video-section .video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; }
  .video-section .video iframe, .video-section .video video, .video-section .video-container iframe, .video-section .video-container video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%; }

@media only screen and (max-width: 1024px) {
  .video-section .title-container {
    margin: 0 0 5rem; }
  .single-projects .video-section {
    margin: 6rem 0; } }

.intro {
  text-align: center;
  margin: 8rem 0; }
  .intro .subtitle {
    display: inline-block;
    padding: 0; }
    .intro .subtitle:before {
      left: -2rem; }
  .intro .button {
    margin: 3rem 0 0; }
  .intro.about-intro p, .intro.about-intro li {
    font-size: 2rem;
    font-style: italic;
    font-weight: 500; }

@media only screen and (max-width: 1024px) {
  .intro {
    margin: 6rem 0; } }

.accordion-section .title-container {
  text-align: center;
  margin: 0 0 8rem; }
  .accordion-section .title-container .subtitle {
    display: inline-block; }

.accordion .accordion-item {
  border-bottom: 1px solid #000000; }
  .accordion .accordion-item.active .accordion-item--toggle svg {
    transform: rotate(-180deg); }
  .accordion .accordion-item.active .accordion-item--content {
    opacity: 1; }

.accordion .accordion-item--title {
  padding: 3rem 6rem 4rem 3rem;
  user-select: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
  font-size: 2.5rem;
  transition: all ease-in-out .2s; }
  .accordion .accordion-item--title:hover {
    color: #FEE448; }
  .accordion .accordion-item--title .accordion-item-number {
    font-size: 1.2rem;
    font-weight: 300;
    color: #131B30;
    position: absolute;
    left: 0; }
  .accordion .accordion-item--title .accordion-item--toggle {
    position: absolute;
    top: 3.5rem;
    right: 0; }
    .accordion .accordion-item--title .accordion-item--toggle svg {
      transition: all ease-in-out .2s; }

.accordion .accordion-item--content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: all ease-in-out .2s; }
  .accordion .accordion-item--content .accordion-content--inner {
    padding: 0 6rem 6rem 3rem; }

@media only screen and (max-width: 1024px) {
  .accordion-section .title-container {
    margin: 0 0 5rem; }
  .accordion .accordion-item--title {
    padding: 2rem 6rem 2rem 3rem;
    font-size: 2rem; }
    .accordion .accordion-item--title .accordion-item--toggle {
      top: 50%;
      transform: translateY(-50%);
      height: 32px; }
  .accordion .accordion-item--content .accordion-content--inner {
    padding: 0 6rem 2rem 3rem; } }

@media only screen and (max-width: 650px) {
  .accordion .accordion-item--title {
    font-size: 1.7rem; } }

.flex-section .button-container, .flex-columns .button-container, .home-intro .button-container {
  margin: 1rem 0 0; }
  .flex-section .button-container .button, .flex-columns .button-container .button, .home-intro .button-container .button {
    margin-top: 2rem; }
    .flex-section .button-container .button:nth-last-child(2), .flex-columns .button-container .button:nth-last-child(2), .home-intro .button-container .button:nth-last-child(2) {
      margin-right: 3rem; }

.flex-section {
  margin: 8rem 0; }
  .flex-section.slider-section {
    margin: 8rem 0 15rem; }
  .flex-section.video-section {
    margin: 12rem 0; }

.accordion-section, .flex-columns {
  background-color: #F5F5F5;
  margin: 0 !important; }

.accordion-section {
  padding: 12rem 0; }

.flex-columns {
  padding: 8rem 0; }
  .flex-columns .container {
    justify-content: center; }
  .flex-columns .flex-column {
    flex: 0 0 45%;
    height: 100%;
    align-self: center; }
    .flex-columns .flex-column .image {
      padding-bottom: 75%; }
    .flex-columns .flex-column:nth-last-child(2) {
      margin-right: 10%; }

@media only screen and (max-width: 1024px) {
  .flex-section {
    margin: 6rem 0; }
    .flex-section.slider-section {
      margin: 6rem 0 12rem; }
    .flex-section.video-section {
      margin: 6rem 0; }
  .accordion-section {
    padding: 6rem 0; }
  .flex-columns {
    padding: 6rem 0; }
    .flex-columns .flex-column {
      flex: 0 0 47.5%; }
      .flex-columns .flex-column:nth-last-child(2) {
        margin-right: 5%; } }

@media only screen and (max-width: 650px) {
  .flex-columns .flex-column {
    flex: 0 0 100%; }
    .flex-columns .flex-column:nth-last-child(2) {
      margin: 0 0 5rem; } }

.admin-bar .header {
  top: 32px; }

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  transition: all ease-in-out .2s;
  background-color: #131B30; }
  .header .container {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .header.scroll-active {
    box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.9); }
    .header.scroll-active nav a {
      padding: 3rem 2rem; }
  .header nav a {
    display: block;
    color: #FFFFFF;
    font-family: "Oswald", sans-serif;
    padding: 4.5rem 2rem;
    font-size: 1.7rem;
    font-weight: 400;
    text-transform: uppercase; }
    .header nav a:hover {
      color: #FEE448; }
  .header nav ul {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0; }
    .header nav ul #menu-item-1886 > a {
      color: #FFFFFF !important; }
      .header nav ul #menu-item-1886 > a:hover {
        color: #FEE448 !important; }
    .header nav ul .current-menu-item a {
      color: #FEE448; }
    .header nav ul li.menu-item-has-children {
      position: relative;
      margin-right: 1rem; }
      .header nav ul li.menu-item-has-children .expand-child-items {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        cursor: pointer; }
        .header nav ul li.menu-item-has-children .expand-child-items:before {
          content: '';
          position: absolute;
          top: 50%;
          right: 0;
          transform: translateY(-50%);
          width: 8px;
          height: 5px;
          background-image: url(https://proyacht.com.au/wp-content/themes/proyacht/assets/dist/images/sub-menu-arrow.svg); }
      .header nav ul li.menu-item-has-children .sub-menu {
        position: absolute;
        top: 100%;
        left: 0;
        display: block;
        width: 100%;
        width: max-content;
        max-width: 40rem;
        background-color: white;
        box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.3);
        opacity: 0;
        overflow: hidden;
        max-height: 0;
        transition: all ease-in-out .2s;
        margin: 0; }
        .header nav ul li.menu-item-has-children .sub-menu li a {
          margin: 0;
          padding: .5rem 2.5rem;
          color: #131B30; }
          .header nav ul li.menu-item-has-children .sub-menu li a:hover {
            color: #FEE448; }
        .header nav ul li.menu-item-has-children .sub-menu li:first-of-type a {
          padding-top: 3rem; }
        .header nav ul li.menu-item-has-children .sub-menu li:last-of-type a {
          padding-bottom: 3rem; }
        .header nav ul li.menu-item-has-children .sub-menu .current-menu-item a {
          text-decoration: underline; }
      .header nav ul li.menu-item-has-children:hover .sub-menu {
        opacity: .8;
        max-height: calc(100vh - 20rem);
        overflow-y: scroll; }
  .header #mobile-menu {
    display: none;
    position: relative;
    margin: 0;
    padding: 0;
    width: 25px;
    height: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 9999; }
    .header #mobile-menu span {
      display: block;
      position: absolute;
      left: 0;
      top: 7px;
      width: 100%;
      height: 2px;
      background: #FFFFFF;
      transition: background 0s 0.3s; }
      .header #mobile-menu span:before {
        content: "";
        top: -7px;
        transition-property: top, transform !important;
        transition-duration: 0.3s, 0.3s !important;
        transition-delay: 0.3s, 0s !important;
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        background: #FFFFFF;
        transition: background 0s 0.3s; }
      .header #mobile-menu span:after {
        content: "";
        bottom: -7px;
        transition-property: bottom, transform !important;
        transition-duration: 0.3s, 0.3s !important;
        transition-delay: 0.3s, 0s !important;
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        background: #FFFFFF;
        transition: background 0s 0.3s; }
  .header.mobile-active nav {
    left: 0;
    z-index: 99; }
  .header.mobile-active #mobile-menu span {
    background: none; }
    .header.mobile-active #mobile-menu span:before {
      top: 0;
      transform: rotate(45deg);
      transition-delay: 0s, 0.3s !important; }
    .header.mobile-active #mobile-menu span:after {
      bottom: 0;
      transform: rotate(-45deg);
      transition-delay: 0s, 0.3s !important; }

@media only screen and (max-width: 1200px) {
  .header #header-logo {
    max-width: 32rem; }
  .header nav a {
    padding: 4rem 1.5rem; }
  .header.scroll-active nav a {
    padding: 2.5rem 1.5rem; } }

@media only screen and (max-width: 1024px) {
  .header #header-logo {
    padding: 1rem 0; }
  .header nav {
    position: absolute;
    top: 100%;
    left: 100%;
    width: 100%;
    background-color: #131B30;
    transition: all ease-in-out .2s;
    overflow: auto;
    padding: 5rem 0;
    flex-wrap: wrap;
    justify-content: center;
    max-height: 80vh;
    box-shadow: 0 1rem 1rem 0 rgba(0, 0, 0, 0.5); }
    .header nav ul {
      display: block;
      margin: 0;
      flex: 0 0 100%; }
      .header nav ul li.menu-item-has-children {
        margin: 0; }
        .header nav ul li.menu-item-has-children:hover .sub-menu {
          opacity: 0;
          overflow-y: hidden;
          max-height: 0; }
        .header nav ul li.menu-item-has-children .expand-child-items {
          padding: 2rem 4rem;
          width: auto;
          height: 51.47px;
          cursor: pointer; }
          .header nav ul li.menu-item-has-children .expand-child-items:before {
            right: 50%;
            transform: translate(50%, -50%); }
        .header nav ul li.menu-item-has-children .sub-menu {
          box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
          position: relative;
          width: 90%;
          transform: translate(0);
          left: 5%;
          max-width: none;
          transition: all ease-in-out .2s; }
          .header nav ul li.menu-item-has-children .sub-menu.active {
            opacity: 1; }
      .header nav ul li a {
        margin: 0;
        padding: 1.5rem 2rem;
        text-align: center; }
      .header nav ul .button {
        margin: 1.5rem 0 0;
        position: relative;
        left: 50%;
        transform: translateX(-50%); }
  .header.scroll-active nav a {
    padding: 1.5rem 2rem; }
  .header #mobile-menu {
    display: inline-block; } }

@media screen and (max-width: 782px) {
  .admin-bar .header {
    top: 45px; }
  #wpadminbar {
    position: fixed !important; } }

@media only screen and (max-width: 650px) {
  .header #header-logo {
    max-width: 25rem; } }

.contact-banner {
  padding: 12rem 0 23rem;
  position: relative; }
  .contact-banner .container {
    position: relative;
    z-index: 9; }
  .contact-banner #map {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    pointer-events: none; }
    .contact-banner #map .gmnoprint, .contact-banner #map .gm-style-cc {
      display: none !important; }
  .contact-banner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 70%;
    height: 100%;
    background: linear-gradient(90deg, white 20%, rgba(255, 255, 255, 0) 100%);
    z-index: 5;
    pointer-events: none; }
  .contact-banner a {
    color: #131B30;
    font-size: 1.7rem; }
    .contact-banner a:hover {
      color: #FEE448; }
  .contact-banner .col-left {
    flex: 0 0 40%;
    margin-right: 20%; }
    .contact-banner .col-left h1 {
      margin: 0 0 6rem; }
    .contact-banner .col-left .row {
      margin: 0 0 6rem; }
      .contact-banner .col-left .row:last-of-type {
        margin: 0; }
    .contact-banner .col-left a {
      font-weight: 300;
      margin-top: 1rem;
      display: inline-block; }
  .contact-banner .col-right {
    align-self: flex-end; }
    .contact-banner .col-right a svg path {
      transition: all ease-in-out .2s; }
    .contact-banner .col-right a:hover svg path {
      fill: #FEE448; }

@media only screen and (max-width: 1024px) {
  .contact-banner {
    padding: 6rem 0 12rem; }
    .contact-banner .col-left h1 {
      margin: 0 0 5rem; }
    .contact-banner .col-left .row {
      margin: 0 0 5rem; } }

@media only screen and (max-width: 550px) {
  .contact-banner .col-left {
    margin: 0;
    flex: 0 0 100%; }
  .contact-banner .col-right {
    margin: 5rem 0 0; } }

.contact-form {
  background-color: #131B30; }

.form {
  background-color: #131B30;
  padding: 8rem 14rem;
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.9);
  transform: translateY(-12rem);
  margin-bottom: -12rem;
  position: relative;
  z-index: 99; }
  .form:before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    -moz-filter: blur(2px);
    -webkit-filter: blur(2px);
    background-color: #13192B;
    z-index: -1; }
  .form:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #131B30;
    z-index: -1; }
  .form .gform_body .gform_fields {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .form .gform_body .gform_fields .full-width {
      flex: 0 0 100%; }
    .form .gform_body .gform_fields .half-width {
      flex: 0 0 49%; }
    .form .gform_body .gform_fields .ginput_complex {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .form .gform_body .gform_fields .ginput_complex span {
        flex: 0 0 49%; }
    .form .gform_body .gform_fields .gfield {
      margin: 0 0 2%;
      padding: 0; }
      .form .gform_body .gform_fields .gfield.gfield_html {
        margin: 0 0 6rem; }
        .form .gform_body .gform_fields .gfield.gfield_html a, .form .gform_body .gform_fields .gfield.gfield_html p, .form .gform_body .gform_fields .gfield.gfield_html li, .form .gform_body .gform_fields .gfield.gfield_html h1, .form .gform_body .gform_fields .gfield.gfield_html h2, .form .gform_body .gform_fields .gfield.gfield_html h3, .form .gform_body .gform_fields .gfield.gfield_html h4, .form .gform_body .gform_fields .gfield.gfield_html h5, .form .gform_body .gform_fields .gfield.gfield_html h6 {
          font-size: 2.5rem;
          color: white;
          text-align: center;
          max-width: 49rem;
          margin: 0 auto;
          line-height: initial;
          font-weight: 300; }
        .form .gform_body .gform_fields .gfield.gfield_html:hover {
          color: #FEE448; }
      .form .gform_body .gform_fields .gfield .ginput_container_select {
        position: relative; }
        .form .gform_body .gform_fields .gfield .ginput_container_select select {
          padding: 1.65rem 4.5rem 1.65rem 2.5rem !important;
          cursor: pointer; }
        .form .gform_body .gform_fields .gfield .ginput_container_select:before {
          content: '';
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          right: 2.5rem;
          width: 8px;
          height: 5px;
          background-repeat: no-repeat;
          pointer-events: none;
          background-image: url(https://proyacht.com.au/wp-content/themes/proyacht/assets/dist/images/select-arrow.svg); }
      .form .gform_body .gform_fields .gfield .gfield_label, .form .gform_body .gform_fields .gfield label {
        display: none; }
      .form .gform_body .gform_fields .gfield .ginput_container input, .form .gform_body .gform_fields .gfield .ginput_container textarea, .form .gform_body .gform_fields .gfield .ginput_container select {
        outline: none;
        padding: 1.65rem 2.5rem;
        border: 1px solid rgba(181, 181, 181, 0.2);
        border-radius: 0;
        width: 100%;
        background: transparent;
        color: rgba(255, 255, 255, 0.3);
        font-family: "Urbanist", sans-serif;
        font-size: 1.7rem; }
        .form .gform_body .gform_fields .gfield .ginput_container input::placeholder, .form .gform_body .gform_fields .gfield .ginput_container textarea::placeholder, .form .gform_body .gform_fields .gfield .ginput_container select::placeholder {
          color: rgba(255, 255, 255, 0.3);
          font-family: "Urbanist", sans-serif;
          font-size: 1.7rem;
          opacity: 1; }
      .form .gform_body .gform_fields .gfield .ginput_container textarea {
        width: 100%;
        resize: vertical;
        height: 14rem; }
  .form .gform_footer {
    text-align: center;
    margin: 4rem auto 0;
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%); }
    .form .gform_footer .button {
      -webkit-appearance: none; }
    .form .gform_footer:before {
      content: '';
      position: absolute;
      top: 50%;
      right: 1.8rem;
      transform: translateY(-50%);
      width: 14px;
      height: 12px;
      background-image: url(https://proyacht.com.au/wp-content/themes/proyacht/assets/dist/images/button-arrow.svg);
      z-index: 2;
      pointer-events: none; }

.gfield_error .ginput_container input, .gfield_error .ginput_container textarea, .gfield_error .ginput_container select {
  border: 1px solid #c10012 !important; }

.gfield_error .ginput_container_fileupload {
  border: 1px dashed #c10012 !important; }

.gform_confirmation_message, .validation_error {
  font-size: 1.7rem;
  line-height: 1.6;
  text-align: center;
  color: #FFFFFF; }

.validation_error {
  margin: 0 0 2rem;
  font-weight: 300; }

.validation_message {
  display: none; }

.gform_ajax_spinner {
  display: none !important; }

select::-ms-expand {
  display: none; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid transparent;
  transition: background-color 5000s ease-in-out 0s; }

input:-webkit-autofill::first-line {
  font-size: 1.7rem;
  color: #131B30; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none; }

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .form .gform_body .gform_fields .gfield .ginput_container input, .form .gform_body .gform_fields .gfield .ginput_container textarea, .form .gform_body .gform_fields .gfield .ginput_container select {
      margin: 0; }
    .form .gform_footer input {
      margin: 0; } } }

@media only screen and (max-width: 1024px) {
  .form {
    padding: 6rem;
    transform: translateY(-6rem);
    margin-bottom: -6rem; } }

@media only screen and (max-width: 650px) {
  .form {
    padding: 6rem 5%; }
    .form .gform_body .gform_fields .gfield.gfield_html {
      margin: 0 0 5rem; }
      .form .gform_body .gform_fields .gfield.gfield_html a, .form .gform_body .gform_fields .gfield.gfield_html p, .form .gform_body .gform_fields .gfield.gfield_html li, .form .gform_body .gform_fields .gfield.gfield_html h1, .form .gform_body .gform_fields .gfield.gfield_html h2, .form .gform_body .gform_fields .gfield.gfield_html h3, .form .gform_body .gform_fields .gfield.gfield_html h4, .form .gform_body .gform_fields .gfield.gfield_html h5, .form .gform_body .gform_fields .gfield.gfield_html h6 {
        font-size: 2rem; }
    .form .gform_body .gform_fields .ginput_complex span {
      flex: 0 0 100%;
      margin: 0 0 2%; }
      .form .gform_body .gform_fields .ginput_complex span:last-of-type {
        margin: 0; }
  .half-width {
    flex: 0 0 100% !important; } }

.content-section {
  margin: 8rem 0;
  text-align: center; }

@media only screen and (max-width: 1024px) {
  .content-section {
    margin: 6rem 0; } }

.company-values, .employment_jobs {
  background-color: #131B30;
  padding: 12rem 0; }
  .company-values .container {
    justify-content: center; }
  .company-values .subtitle, .company-values h2, .company-values p, .company-values span, .employment_jobs .subtitle, .employment_jobs h2, .employment_jobs p, .employment_jobs span {
    color: #FFFFFF; }
  .company-values .col {
    height: 100%;
    align-self: center; }
    .company-values .col:nth-last-child(2) {
      margin-right: 20%; }
  .company-values .col-right {
    flex: 0 0 30%; }
    .company-values .col-right .value {
      padding-left: 3rem;
      position: relative;
      font-size: 2.5rem;
      font-weight: 500; }
      .company-values .col-right .value span {
        font-size: 1.2rem;
        font-weight: 300;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%); }
  .company-values .col-left {
    flex: 0 0 50%;
    position: relative; }
    .company-values .col-left .img-container {
      width: 100%;
      padding-bottom: 75%; }
    .company-values .col-left.overlap-col .img-container {
      margin-bottom: 25%; }
      .company-values .col-left.overlap-col .img-container:nth-of-type(2) {
        position: absolute;
        z-index: 9;
        width: 75%;
        padding-bottom: 50%;
        bottom: 0;
        right: -25%;
        margin: 0; }

  .employment_jobs .title-container {
    text-align: center;
    margin: 0 0 6rem;
  }
  .employment_jobs .wysiwyg {
    margin-bottom: 10rem;
  }
  .employment_jobs .wysiwyg:last-of-type {
    margin-bottom: 0;
  }

@media only screen and (max-width: 1024px) {
  .company-values {
    padding: 6rem 0; }
    .company-values .col {
      flex: 0 0 45%; }
      .company-values .col:nth-last-child(2) {
        margin-right: 10%; }
    .company-values .col-left.overlap-col .img-container:nth-of-type(2) {
      width: 66%;
      padding-bottom: 45%;
      right: -10%; }
    .company-values .col-right .value {
      font-size: 1.7rem; } }

@media only screen and (max-width: 850px) {
  .company-values .col {
    flex: 0 0 47.5%; }
    .company-values .col:nth-last-child(2) {
      margin-right: 5%; }
  .company-values .col-left.overlap-col .img-container {
    margin: 0; }
    .company-values .col-left.overlap-col .img-container:nth-of-type(2) {
      display: none; } }

@media only screen and (max-width: 550px) {
  .company-values .col {
    flex: 0 0 100%; }
    .company-values .col:nth-last-child(2) {
      margin: 0 0 5rem; } }

.team {
  margin: 12rem 0; }
  .team .title-container {
    margin: 0 0 6rem;
    text-align: center; }
    .team .title-container .subtitle {
      display: inline-block; }
  .team .team-member {
    flex: 0 0 30%;
    margin-right: 5%;
    position: relative; }
    .team .team-member .popup-button {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 9; }
    .team .team-member .img-container {
      width: 100%;
      padding: 0 0 100%;
      background-color: #E7E8EA;
      margin: 0 0 2rem; }
      .team .team-member .img-container img {
        object-fit: contain; }
      .team .team-member .img-container .popup-button-arrow {
        display: none; }
    .team .team-member h3 {
      margin: 0; }
    .team .team-member .position {
      color: #BEBEBE;
      margin: 1rem 0 0;
      font-family: "Oswald", sans-serif;
      font-weight: 300; }
    .team .team-member:nth-of-type(3n+3) {
      margin-right: 0; }
    .team .team-member:nth-of-type(1n+4) {
      margin-top: 5%; }
    .team .team-member.team-popup {
      cursor: pointer; }
      .team .team-member.team-popup .bio-popup {
        width: 100vw;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        display: none;
        background: rgba(255, 255, 255, 0.8);
        cursor: auto; }
        .team .team-member.team-popup .bio-popup .bio-popup-inner {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 85rem;
          max-width: 90%;
          max-height: 90%;
          overflow-y: scroll;
          background-color: #FFFFFF;
          padding: 7rem 5rem 6rem;
          box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2); }
          .team .team-member.team-popup .bio-popup .bio-popup-inner .popup-close {
            position: absolute;
            top: 2.5rem;
            right: 4.5rem;
            width: 3.5rem;
            height: 3.5rem;
            background-color: #D9D9D9;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            cursor: pointer; }
            .team .team-member.team-popup .bio-popup .bio-popup-inner .popup-close svg line {
              transition: all ease-in-out .2s; }
            .team .team-member.team-popup .bio-popup .bio-popup-inner .popup-close:hover {
              background-color: #131B30; }
              .team .team-member.team-popup .bio-popup .bio-popup-inner .popup-close:hover svg line {
                stroke: #FFFFFF; }
          .team .team-member.team-popup .bio-popup .bio-popup-inner .col:nth-last-child(2) {
            margin-right: 5%; }
          .team .team-member.team-popup .bio-popup .bio-popup-inner .col-left {
            flex: 0 0 40%; }
          .team .team-member.team-popup .bio-popup .bio-popup-inner .col-right {
            flex: 1 0 55%;
            align-self: center; }
          .team .team-member.team-popup .bio-popup .bio-popup-inner .team-contact a {
            display: inline-block;
            margin: 0 1.5rem 0 0; }
            .team .team-member.team-popup .bio-popup .bio-popup-inner .team-contact a:last-of-type {
              margin: 0; }
            .team .team-member.team-popup .bio-popup .bio-popup-inner .team-contact a svg {
              height: 1.5rem;
              width: auto; }
              .team .team-member.team-popup .bio-popup .bio-popup-inner .team-contact a svg path {
                transition: all ease-in-out .2s; }
            .team .team-member.team-popup .bio-popup .bio-popup-inner .team-contact a:hover svg path {
              fill: #FEE448; }
      .team .team-member.team-popup .popup-button-arrow {
        display: inline-flex;
        width: 4rem;
        height: 3.5rem;
        border: 1px solid #FFFFFF;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: 2rem;
        right: 2rem; }
        .team .team-member.team-popup .popup-button-arrow svg path {
          transition: all ease-in-out .2s; }
      .team .team-member.team-popup:hover .img-container .popup-button-arrow {
        background-color: #FFFFFF; }
        .team .team-member.team-popup:hover .img-container .popup-button-arrow svg path {
          fill: #131B30; }
      .team .team-member.team-popup.active .bio-popup {
        display: block; }

@media only screen and (max-width: 1024px) {
  .team {
    margin: 6rem 0; }
    .team .team-member {
      flex: 0 0 31.33%;
      margin-right: 3%; }
      .team .team-member:nth-of-type(1n+4) {
        margin-top: 3%; }
      .team .team-member.team-popup .popup-button-arrow {
        bottom: 1rem;
        right: 1rem; } }

@media only screen and (max-width: 650px) {
  .team .team-member {
    flex: 0 0 48.5%;
    margin-right: 3% !important; }
    .team .team-member:nth-of-type(2n+2) {
      margin-right: 0 !important; }
    .team .team-member:nth-of-type(1n+3) {
      margin-top: 3%; } }

@media only screen and (max-width: 550px) {
  .team .team-member.team-popup .bio-popup .bio-popup-inner {
    padding: 7rem 5% 5%; }
    .team .team-member.team-popup .bio-popup .bio-popup-inner .popup-close {
      right: 5%; }
    .team .team-member.team-popup .bio-popup .bio-popup-inner .col {
      flex: 0 0 100%; }
      .team .team-member.team-popup .bio-popup .bio-popup-inner .col:nth-last-child(2) {
        margin: 0 0 5rem; } }

@media only screen and (max-width: 450px) {
  .team .team-member {
    flex: 0 0 100%;
    margin: 0 0 5rem !important; }
    .team .team-member:last-of-type {
      margin: 0 !important; } }

.careers-cta {
  padding: 14rem 0; }
  .careers-cta:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(181, 181, 181, 0.2);
    z-index: 1; }
  .careers-cta .container {
    position: relative;
    z-index: 9; }
    .careers-cta .container .inner-container {
      width: 58rem;
      max-width: 100%; }
  .careers-cta h2 {
    font-size: 6rem; }
  .careers-cta .button {
    margin: 3rem 0 0; }

@media only screen and (max-width: 1024px) {
  .careers-cta {
    padding: 6rem 0; }
    .careers-cta h2 {
      font-size: 3rem; } }

.logo-slider-section {
  margin: 6.5rem 0; }
  .logo-slider-section .logo-container {
    text-align: center;
    margin: 1.5rem 2.5%; }
    .logo-slider-section .logo-container img {
      max-width: 10rem;
      max-height: 10rem;
      width: auto; }
  .logo-slider-section .logo-slider-no-slide {
    align-items: center;
    justify-content: center; }
    .logo-slider-section .logo-slider-no-slide .logo-container {
      flex: 0 0 20%; }
  .logo-slider-section .logo-slider .logo-container {
    width: 20%; }
  .logo-slider-section .flickity-slider {
    display: flex;
    align-items: center; }
  .logo-slider-section .flickity-button {
    background: transparent; }
    .logo-slider-section .flickity-button .flickity-button-icon {
      display: none; }
    .logo-slider-section .flickity-button:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 14px;
      height: 20px; }
  .logo-slider-section .previous {
    left: 0;
    transform: translate(-100%, -50%); }
    .logo-slider-section .previous:before {
      background-image: url(https://proyacht.com.au/wp-content/themes/proyacht/assets/dist/images/logo-slider-left.svg); }
  .logo-slider-section .next {
    right: 0;
    transform: translate(100%, -50%); }
    .logo-slider-section .next:before {
      background-image: url(https://proyacht.com.au/wp-content/themes/proyacht/assets/dist/images/logo-slider-right.svg); }

@media only screen and (max-width: 1024px) {
  .logo-slider-section {
    margin: 3rem 0; }
    .logo-slider-section .logo-container {
      margin: 1.5rem 2.5%; } }

@media only screen and (max-width: 650px) {
  .logo-slider-section .logo-slider-no-slide .logo-container {
    flex: 0 0 30%; }
  .logo-slider-section .logo-slider .logo-container {
    width: 30%; }
  .logo-slider-section .flickity-button {
    display: none; } }

@media only screen and (max-width: 450px) {
  .logo-slider-section .logo-slider-no-slide .logo-container {
    flex: 0 0 45%; }
  .logo-slider-section .logo-slider .logo-container {
    width: 45%; } }

.page-template-page-about .services {
  padding: 12rem 0;
  background-color: #F5F5F5; }
  .page-template-page-about .services p, .page-template-page-about .services h2, .page-template-page-about .services h3 {
    color: #131B30; }
  .page-template-page-about .services .service-thumbnail .service-icon {
    display: inline-block; }
  .page-template-page-about .services .service-thumbnail .service-icon-yellow {
    display: none; }

.services {
  padding: 12rem 0 22.5rem;
  background-color: #131B30; }
  .services p, .services h2, .services h3 {
    color: #FFFFFF; }
  .services h3 {
    margin: 0; }
  .services .service-col {
    flex: 0 0 31.33%;
    margin-right: 3%; }
    .services .slider .service-col:first-of-type {
      margin-left: 34.33%;
    }
    .services .service-col:nth-of-type(3n+2) {
      margin-right: 0; }
    .services .service-col:nth-of-type(1n+3) {
      margin-top: 3%; }
  .services .service-thumbnail .img-container {
    width: 100%;
    padding: 0 0 65%;
    margin: 0 0 2rem; }
    .services .service-thumbnail .img-container span {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 9;
      color: #131B30;
      font-size: 1.4rem;
      transition: all ease-in-out .2s;
      opacity: 0; }
      .services .service-thumbnail .img-container span:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 9rem;
        height: 9rem;
        border-radius: 50%;
        transform: translate(-50%, -50%);
        background-color: rgba(255, 255, 255, 0.5);
        z-index: -1;
        transition: all ease-in-out .2s; }
  .services .service-thumbnail .service-thumbnail-inner {
    display: flex;
    align-items: center; }
  .services .service-thumbnail .service-icon {
    display: none; }
  .services .service-thumbnail .service-icon, .services .service-thumbnail .service-icon-yellow {
    margin-right: 2rem; }
    .services .service-thumbnail .service-icon img, .services .service-thumbnail .service-icon-yellow img {
      width: auto;
      max-height: 3rem;
      max-width: 3rem; }
  .services .service-thumbnail:hover .img-container span {
    opacity: 1; }
    .services .service-thumbnail:hover .img-container span:before {
      width: 11rem;
      height: 11rem; }

@media only screen and (max-width: 1200px) {
  .services {
    padding: 12rem 0; } }

@media only screen and (max-width: 1024px) {
  .services {
    padding: 6rem 0 !important; } }

@media only screen and (max-width: 850px) {
  .services .service-col {
    flex: 0 0 48.5%;
    margin-right: 3% !important; }
    .services .service-col:nth-of-type(2n+2) {
      margin-right: 0 !important; }
    .services .service-col:nth-of-type(1n+3) {
      margin-top: 3%; } }

.services .slider:after {
  content: 'flickity';
  display: none; /* hide :after */
}
@media only screen and (min-width: 551px) {
  .services .slider:after {
    content: '';
  }
  .services .slider {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .services .container .title-container {
    margin-bottom: -297px;
  }
}
@media only screen and (max-width: 550px) {
  .services.mobile-only {
    display: block; }
  .services.desktop-only {
    display: none; }
  .services .title-container {
    flex: 0 0 100%;
    margin: 0 0 5rem !important; }
  .services .slider {
    width: 100%;
    padding-top: 8rem; }
    .services .slider .service-col {
      width: 100%;
      margin: 0 5% 0 0 !important; }
    .services .slider .flickity-button {
      top: 0;
      transform: translateY(0);
      background-color: #D9D9D9;
      transition: all ease-in-out .2s;
      outline: none; }
      .services .slider .flickity-button .flickity-button-icon {
        display: none; }
      .services .slider .flickity-button:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 12px;
        height: 12px; }
      .services .slider .flickity-button:hover {
        background-color: #FEE448; }
    .services .slider .next {
      left: 7rem; }
      .services .slider .next:before {
        background-image: url(https://proyacht.com.au/wp-content/themes/proyacht/assets/dist/images/slider-small-arrow-right.svg); }
    .services .slider .previous {
      left: 0; }
      .services .slider .previous:before {
        background-image: url(https://proyacht.com.au/wp-content/themes/proyacht/assets/dist/images/slider-small-arrow-left.svg); }
}

.google-reviews {
  padding: 12rem 0;
  background-color: #F5F5F5; }
  .google-reviews .title-container {
    margin: 0 0 4rem; }
  .google-reviews .slickwprev-slide {
    margin: 0 5rem; }
    .google-reviews .slickwprev-slide .wprevpro_t1_IMG_4 {
      margin-left: 0; }
    .google-reviews .slickwprev-slide .wprevpro_t1_P_3, .google-reviews .slickwprev-slide .wprevpro_t1_SPAN_5 {
      color: #131B30;
      font-style: normal;
      font-size: 1.7rem !important; }
    .google-reviews .slickwprev-slide .wprevpro_t1_P_3 {
      font-weight: 300; }
    .google-reviews .slickwprev-slide .wprevpro_t1_SPAN_5 {
      font-weight: 600;
      align-self: center; }
    .google-reviews .slickwprev-slide .indrevdiv {
      background: transparent;
      box-shadow: none;
      margin: 0 !important;
      padding: 0; }
      .google-reviews .slickwprev-slide .indrevdiv .wprevpro_t1_P_3 {
        position: relative;
        margin: 0;
        padding: 6rem 0 4rem; }
        .google-reviews .slickwprev-slide .indrevdiv .wprevpro_t1_P_3 .wprevpro_star_imgs_T1 {
          position: absolute;
          top: 3rem;
          left: 0; }
      .google-reviews .slickwprev-slide .indrevdiv:before {
        top: -2rem;
        bottom: auto;
        left: 0;
        margin: 0; }
      .google-reviews .slickwprev-slide .indrevdiv:after {
        display: none; }

@media only screen and (max-width: 1200px) {
  .google-reviews .slickwprev-slide {
    margin: 0 2.5rem; } }

@media only screen and (max-width: 1024px) {
  .google-reviews {
    padding: 6rem 0; }
    .google-reviews .slickwprev-slide .wprevpro_t1_P_3, .google-reviews .slickwprev-slide .wprevpro_t1_SPAN_5 {
      font-size: 1.6rem !important; } }

@media only screen and (max-width: 600px) {
  .google-reviews .slickwprev-slide {
    margin: 0 2.5rem 0 0; }
  .google-reviews .wprevgoslick {
    padding: 0 5%; } }

.home-intro {
  position: relative;
  background-color: #131B30;
  padding: 12rem 0; }
  .home-intro .container {
    justify-content: flex-end; }
  .home-intro .img-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%; }
    .home-intro .img-container:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 50%;
      background: linear-gradient(180deg, #131B30 0%, rgba(19, 27, 48, 0) 100%);
      z-index: 8; }
    .home-intro .img-container:after {
      content: '';
      position: absolute;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 50%;
      background: linear-gradient(0deg, #131B30 0%, rgba(19, 27, 48, 0) 100%);
      z-index: 8; }
  .home-intro:before {
    content: '';
    position: absolute;
    top: 0;
    right: 50%;
    width: 50%;
    height: 100%;
    background: linear-gradient(-90deg, #131B30 0%, rgba(19, 27, 48, 0) 100%);
    z-index: 8; }
  .home-intro .content {
    flex: 0 0 50%;
    position: relative;
    z-index: 9; }
    .home-intro .content .simple-button {
      color: #FEE448; }
      .home-intro .content .simple-button:hover {
        color: #FFFFFF; }
  .home-intro p, .home-intro li, .home-intro h1, .home-intro h2, .home-intro h3, .home-intro h4, .home-intro h5, .home-intro h6 {
    color: #FFFFFF; }
  .home-intro .wysiwyg a:hover {
    color: #FFFFFF; }

@media only screen and (max-width: 1024px) {
  .home-intro {
    padding: 6rem 0; } }

@media only screen and (max-width: 650px) {
  .home-intro .container {
    justify-content: initial; }
  .home-intro .img-container {
    width: 100%;
    position: relative;
    padding: 0 0 50%; }
    .home-intro .img-container:before {
      height: 100%; }
    .home-intro .img-container:after {
      height: 100%; }
  .home-intro .content {
    flex: 0 0 100%; }
  .home-intro:before {
    display: none; } }.slider-container .img-container{width:100%;margin:0!important;padding:0 0 50%}.slider-container .swiper-fraction{position:absolute;right:calc(13% + 5rem);top:-5rem}.slider-container .swiper-fraction,.slider-container .swiper-fraction *{font-weight:400;font-size:1.7rem;font-family:"Urbanist",sans-serif;color:rgb(19 27 48 / .8)}.page-template-page-services .call-to-action,.page-template-page-home .call-to-action,.page-template-page-contact .call-to-action{display:none!important}.call-to-action{background:transparent!important}.single-services .call-to-action,.page-id-1731 .call-to-action{background:#f5f5f5!important;margin-top:0!important}.call-to-action .container{padding:3rem}.call-to-action .container .button{margin:0}.contact-form .form{margin-bottom:0}footer .img-container{top:0;right:0;bottom:0;width:100%;height:100%}footer:before{top:0;height:100%;background:linear-gradient(180deg,#131b30 0%,rgb(19 27 48 / .4) 100%)}footer .footer-middle a,footer .footer-bottom a{font-family:"Urbanist",sans-serif;font-size:1.6rem;text-transform:uppercase;font-weight:600}footer .footer-middle ul,footer .footer-bottom ul{list-style-type:none;padding:0;margin:0;display:flex}footer .footer-middle ul li,footer .footer-bottom ul li{margin-right:4rem}footer .footer-middle{margin:8rem 0}footer .footer-bottom{align-items:center;justify-content:space-between;gap:10px}footer .footer-bottom p{position:relative;transform:none;left:0;top:0;margin:0}footer .footer-bottom .footer-logos{margin:0}@media screen and (max-width:650px){footeR{padding:6rem 0}}form input:not([type="submit"]),form textarea,form select{color:white!important}form input::placeholder,form textarea::placeholder,form select::placeholder{color:rgb(255 255 255 / .3)!important}form input:-webkit-autofill,form textarea:-webkit-autofill,form select:-webkit-autofill{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 1000px #fff0 inset}@media screen and (max-width:650px){.banner{min-height:80vh}.banner .subtitle:before{top:.8rem}}