/*
Theme Name: Ora Partners
Theme URI: https://ora-partners.com
Author: Established Group
Author URI: http://establishedgroup.com
Version: 1.0.0
*/


 @font-face {
    font-family: financier-display-regular;
    src: url(assets/fonts/financier-display-regular.woff2);
    font-display: swap;
}
@font-face {
    font-family: financier-display-regular-italic;
    src: url(assets/fonts/financier-display-regular-italic.woff2);
    font-display: swap;
}
@font-face {
    font-family: soehne-buch;
    src: url(assets/fonts/soehne-buch.woff2);
    font-display: swap;
}
@font-face {
    font-family: soehne-kraftig;
    src: url(assets/fonts/soehne-kraftig.woff2);
    font-display: swap;
}



/* CSS RESETS */

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,section,summary,
time,mark,audio,video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

/* GLOBAL STYLES */

html, body { 
  font-size: 20px; 
}

body {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  background-color: white;
  color: #000;
  font-optical-sizing: auto;
  font-style: normal;
  line-height: 1.5;
  font-family: "financier-display-regular", serif;
  letter-spacing: 0.5px;
  -webkit-transition: background-color 2s ease;
  -o-transition: background-color 2s ease;
  transition: background-color 2s ease;

    padding-top: 7rem;
}

main {

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex ;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 1rem;
}

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

section {
  width: 100%;
  max-width: 1300px;
}

.container {
  width: calc(100% - 2rem);
  width: 100%;
  max-width: 1300px;
  margin: auto;
  text-align: center;
}

.container.min {
  max-width: 600px;
}

h1,h2,h3,h4,h5,h6 {
  font-family: "financier-display-regular", serif;
  line-height: 1;
  text-align: left;
  max-width: 800px;
}

h1 {
    margin-bottom: 1.5rem;
}

p,a,ol,ul,li {
  color: #54595c;
  font-size: 1rem;
  line-height: 1.2;
  margin: 0 0 0.5rem 0;
  text-align: left;
  max-width: 100%;
  font-family: "financier-display-regular", serif;
  max-width: 1000px;
}

ol,ul {
  margin-bottom: 1.5rem;
}


li {
  margin: 0 0 0.3rem 0.75rem;
  padding: 0 0 0 0.75rem;
  position: relative;
}

a {
  text-decoration: none;
  color: inherit;
}

a:hover {
  text-decoration: underline;
  text-decoration-thickness: 1px; 
  text-underline-offset: 2px;
}


em, i {
  font-family: financier-display-regular-italic;
}


/* Large Serif Title */
.ft-lt,
.ft-lt a {
  font-size: 3.75rem; 
  line-height: 1 !important;
  margin-bottom: 1.5rem;
}

/* Standard Serif Title */
.ft-st,
.ft-st a {
  font-size: 2.4rem;
}


/* Article Intro */
.ft-intro,
.ft-intro a {
  font-size: 1.25rem;
  line-height: 1.3;
}


/* Block Serif Title */
.ft-bt,
.ft-bt a {
  font-size: 1rem;
  font-family: soehne-buch;
}


/* Sans */
.ft-sn,
.ft-sn a {
  font-family: soehne-buch;
}

/* Sans Bold */
.ft-sn strong,
.ft-sn p strong,
.ft-sn p b,
.ft-sn b {
  font-family: soehne-kraftig;
}

/*Small*/
.fs-xs, 
.fs-xs a  {
  font-size: 0.65rem; /* 13px */
  line-height: 1.2;
}

/*Small*/
.fs-s, 
.fs-s a  {
  font-size: 0.8rem; /* 16px */
  line-height: 1.2;
}

/*Medium*/
.fs-m, 
.fs-m a {
  font-size: 1.5rem; /* 30px  */
  line-height: 1.2;
}

 /*Large*/
.fs-l,
.fs-l a {
  font-size: 2rem; /* 40px */
  line-height: 1.1;
}

 /*Extra Large*/
.fs-xl, 
.fs-xl a {
  font-size: 3rem; /* 60px */
  line-height: 1.1;
}

 /*Huge*/
.fs-xl, 
.fs-xl a {
  font-size: 5rem; /* 60px */
  line-height: 1.1;
}



.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.v-top .row {
      -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
            align-items: flex-start;
}

.v-middle > div,
.v-middle .row, 
.row.v-middle  {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.v-bottom .row {
      -webkit-box-align: flex-end;
        -ms-flex-align: flex-end;
            align-items: flex-end;
}

.col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}


.img-bg, .bg-img {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}


/* WP Text Img Editor Alignment */

.alignright,
img.alignright,
a img.alignright {
float: right;
margin: 0 0 0 30px;
}

.alignleft,
img.alignleft,
a img.alignleft {
float: left;
margin: 0 30px 0 0;
}

.aligncenter,
img.aligncenter,
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
max-width: 100%;
}

/*
blockquote, q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

blockquote {
  margin: 20px 30px;
  border-left: solid 1px rgba(158,146,94,1);
  padding: 10px 30px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

blockquote p {
  font-size: 22px;
  color: rgba(158,146,94,1);
  margin-bottom: 0px;
}
*/


blockquote,
blockquote p {
    color: #61eb9c;
    text-align: left;
    font-size: 2rem;
    line-height: 1.2;
    text-align: left;
    margin: 3rem 3rem 3rem 1.7rem;
    quotes: "\201C" "\201D" "\2018" "\2019";
}

blockquote:before {
    content: open-quote;
    position: absolute;
    font-size: 3rem;
    margin-top: -0.5rem;
    margin-left: -1.2rem;
}

blockquote:after {
  content: close-quote;
  position: absolute;
    font-size: 3rem;
    margin-top: -0.5rem;
    margin-left: 0rem;
}






button.btn-border,
span.btn-border a, 
a.btn-border,
.btn-border a,
.btn-border.opt-title {
    font-size: 1rem;
    text-decoration: none;
    display: inline-block;
    color: #000;
    background-color: transparent;
    border: 2px #000 solid;
    border-radius: 2rem;
    padding: 0.8rem 1.5rem 0.8rem;
    margin: 0;

    -o-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
    cursor: pointer;
}

span.btn-border:hover a, 
a.btn-border:hover,
.btn-border a:hover,
.btn-border.opt-title:hover {
    background-color: #111;
    color: #fff;
}


div.arrow-link,
div.arrow-link,
.arrow-link a,
a.arrow-link {
  padding-right: 2.2rem;
  text-decoration: none;
}


div.arrow-link::after,
    div.arrow-link:active::after,
.arrow-link a::after,
a.arrow-link::after {
    margin: 0.2rem 0 0 0.3rem;
    content: "";
    position: absolute;
    width: 2.2rem;
    height: 1rem;
    background-size: 100%;
    background-position: right center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 16'><path style='fill:%23000;' d='M47.7071 8.70711C48.0976 8.31659 48.0976 7.68342 47.7071 7.2929L41.3431 0.928936C40.9526 0.538411 40.3195 0.538411 39.9289 0.928936C39.5384 1.31946 39.5384 1.95262 39.9289 2.34315L45.5858 8L39.9289 13.6569C39.5384 14.0474 39.5384 14.6805 39.9289 15.0711C40.3195 15.4616 40.9526 15.4616 41.3431 15.0711L47.7071 8.70711ZM-8.74228e-08 9L47 9L47 7L8.74228e-08 7L-8.74228e-08 9Z'/%3E%3C/svg%3E%0A");
     -o-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}

a.arrow-link:hover::after {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 16'><path style='fill:%23000;' d='M47.7071 8.70711C48.0976 8.31659 48.0976 7.68342 47.7071 7.2929L41.3431 0.928936C40.9526 0.538411 40.3195 0.538411 39.9289 0.928936C39.5384 1.31946 39.5384 1.95262 39.9289 2.34315L45.5858 8L39.9289 13.6569C39.5384 14.0474 39.5384 14.6805 39.9289 15.0711C40.3195 15.4616 40.9526 15.4616 41.3431 15.0711L47.7071 8.70711ZM-8.74228e-08 9L47 9L47 7L8.74228e-08 7L-8.74228e-08 9Z'/%3E%3C/svg%3E%0A");
       -o-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
    margin: 0.2rem 0 0 0.8rem;
}


.btn-link-div,
.btn-link a {
    font-size: 1rem;
    text-transform: uppercase;
    text-decoration: none;
    padding-right: 2rem;
    margin: 0;
    color: #000000;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.btn-link-div::before,
.btn-link a::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.79 9.17'><path style='fill:%23000;' d='M14.79,4.81l-4.35,4.35h-1.74l4.09-3.96H0v-1.27h12.79L8.69,0h1.74l4.35,4.35v.46Z'/%3E%3C/svg%3E%0A");;
  position: absolute;
  width: 1.2rem;
  right: 0.4rem;
  top: 0;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}


.btn-link-div:hover::before,
.btn-link a:hover::before {
  right: 0;
}






.btn-link.previous a {
  padding-left: 2rem;
  padding-right: 0;
}

.btn-link.previous a::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.79 9.17'><path style='fill:%23000;' d='M14.79,4.81l-4.35,4.35h-1.74l4.09-3.96H0v-1.27h12.79L8.69,0h1.74l4.35,4.35v.46Z'/%3E%3C/svg%3E%0A");;
  -webkit-transform: rotate(180deg);;
      -ms-transform: rotate(180deg);;
          transform: rotate(180deg);
  position: absolute;
  width: 1.2rem;
  left: 0.4rem;;
  top: 0;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.btn-link.previous a:hover:before {
  left: 0;
}






.more_link .container {
    padding: 0 50px 100px 50px;
}

.more_link .previous {
  float: left;
}
.more_link .next {
  float: right;
}

.more_link a {

  text-transform: uppercase;
  text-decoration: none;
}


section {
  margin: 0; 
}

section.parallax {
  margin: 0;
  padding: 0;
  overflow: hidden;
}


/* Section Padding */

section.pad-none,
.pad-none {
  padding: 0;
}

section.pad-top,
.pad-top {
  padding: 5rem 0 0 0;
}

section.pad-bottom ,
.pad-bottom {
  padding: 0 0 5rem 0;
}

section.pad-standard,
.pad-standard {
  padding: 5rem 0;
}







/* Ora Brand colours 

bg-black : #000;
bg-bone : #EDEDE0
bg-electric-green : #61EB9C
bg-purple : #8C94F7
bg-olive-green : #b7b63c
bg-stone-grey : #54595C
bg-mid-grey : #BAC4C7
bg-white : White
*/

.clr-black {
  color:rgba(0,0,0,1);
}
.clr-bone  {
  color:rgba(237,237,224,1);
}
.clr-bone-half  {
  color:rgba(237,237,224,0.5);
}
.clr-electric-green  {
  color:rgba(97, 235, 156,1);
}

.clr-purple  {
  color:rgba(140, 148, 247,1);
}

.clr-olive-green  {
  color:rgba(183, 182, 60,1);
}


.clr-stone-grey  {
  color:rgba(84, 89, 92,1);
}

.clr-mid-grey  {
  color:rgba(186, 196, 199,1);
}

.clr-mid-grey-qtr  {
  color:rgba(186, 196, 199,0.2);
}

.clr-mid-grey-half  {
  color:rgba(186, 196, 199,0.5);
}

.clr-white  {
  color:rgba(255,255,255,1);
}

/* Backgrounds */

.bg-black {
  background-color:rgba(0,0,0,1);
  color: #fff;
}

.bg-bone {
  background-color:rgba(237,237,224,1);
  color: #000;
}

.bg-bone-half {
  background-color:rgba(237,237,224,0.5);
  color: #000;
}

.bg-electric-green {
  background-color:rgba(97, 235, 156,1);
  color: #000;
}

.bg-purple {
  background-color:rgba(140, 148, 247,1);
  color: #000;
}

.bg-olive-green {
  background-color:rgba(183, 182, 60,1);
  color: #000;
}

.bg-stone-grey {
  background-color:rgba(84, 89, 92,1);
  color: #fff;
}

.bg-mid-grey {
  background-color:rgba(186, 196, 199,1);
  color: #000;
}

.bg-mid-grey-qtr {
  background-color:rgba(186, 196, 199, 0.2);
  color: #000;
}

.bg-mid-grey-half {
  background-color:rgba(186, 196, 199,0.5);
  color: #000;
}

.bg-white {
  background-color:rgba(255,255,255,1);
  color: #111;
}




.btn-border.white a,
a.btn-border.white,
.bg-stone-grey  .btn-border a,
.bg-black .btn-border a {
    color: #fff;
    border: 1px #fff solid;
}

.btn-border.white a:hover,
a.btn-border.white:hover,
.bg-stone-grey  .btn-border a:hover,
.bg-black .btn-border a:hover {
    background-color: #fff;
    color: #111;
}



hr {
    height: 1px;
    width: 100%;
    border: 0;
    color: rgba(0,0,0,0.5);;
    background: rgba(0,0,0,0.5);
    margin: 2rem 0;
}

.bg-white hr {
  color: rgba(0,0,0,0.7);
 background: rgba(0,0,0,0.7);
 margin: 4rem 0;
}


.bg-black hr,
.bg-stone-grey hr {
      color: rgba(255,255,255,0.7);
    background: rgba(255,255,255,0.7);
}




/*
*
*
*  HEADER
*
* * * * * * * * * * */





html.is-ready .logotype {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    -webkit-transition-duration: .6s;
         -o-transition-duration: .6s;
            transition-duration: .6s;
}

.logotype {
    display: block;
    -webkit-transform: translateY(-140px);
        -ms-transform: translateY(-140px);
            transform: translateY(-140px);
    -webkit-transition: -webkit-transform 0s cubic-bezier(.215,.61,.355,1);
    transition: -webkit-transform 0s cubic-bezier(.215,.61,.355,1);
    -o-transition: transform 0s cubic-bezier(.215,.61,.355,1);
    transition: transform 0s cubic-bezier(.215,.61,.355,1);
    transition: transform 0s cubic-bezier(.215,.61,.355,1), -webkit-transform 0s cubic-bezier(.215,.61,.355,1);
}





/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*/
/*\/\/\/\/\/\/\/\/\/\/\   INTRO  /\/\/\/\/\/\/\/\//\/\/*/
/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*/


section.intro {
  margin: 0 0 1rem 0;
}

section.intro .container {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

section.intro .container article {
  margin: 3rem;
}

section.intro .container.row article{
  width: calc(50% - 6rem);

}
section.intro .container.row .img-bg {
    width: calc(50% - 0.5rem);
    min-height: 40vh;
}






.articles a {
  max-width: 100%;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-bottom: 4rem;
}

.articles a:hover {
  text-decoration: none;
}

.articles a .img-bg {
  width: calc(50% - 4rem);
}

.articles a .wrds {
    width: 30%;
    padding: 0 10% 0 10%;
    margin: 8rem 0;
}

.articles a:nth-child(even) .wrds {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.articles a:nth-child(even) .img-bg {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.articles a .wrds button {
  margin: 0 0 1.5rem 0;
}

.post-category, 
.p_role {
  text-transform: uppercase;
}

.more-title {
  margin-left: 3rem;
  margin-bottom: 2rem;
}



/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*/
/*\/\/\/\/\/\/\/\/\/\/\   SERVICES  /\/\/\/\/\/\/\/\//\/\/*/
/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*/


.s-type {
  text-transform: capitalize;
  text-align: left;
  color: #54595C;
  margin: 1.5rem 0;
}

.s-title {
  text-align: left;
  margin-bottom: 0.25rem;
}

.s-description {
  text-align: left;
    margin-bottom: 1.5rem;
}

.partners {
  position: relative; 
  isolation: isolate;
  background-color: #efefef;
}

.partners .title {
  text-align: left;
  padding-left: 2rem;
  margin-bottom: 2rem;
}

.logo-slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.logo-slider .slick-track .slick-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0px 2rem;
  background-color: #efefef;
}

.logo-slider .slick-track .slick-slide img {
  width: 100%;
  display: block;
}

.logo-slider .slide img {
    mix-blend-mode: multiply!important;
}

.logo-slider .slick-track .slick-slide.slick-loading img {
display: none;
}

.logo-slider .slick-initialized .slick-slide {
display: block;
}
.logo-slider .slick-loading .slick-slide {
visibility: hidden;
}


/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*/
/*\/\/\/\/\/\/\/\/\/\/\   FORM SECTION  /\/\/\/\/\/\/\/\//\/\/*/
/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*/


.section_form .container {
  max-width: 800px;
  background-color: #fff;
  padding: 3rem;
  text-align: left;
}

.section_form.bg-white .container {
    background-color: rgba(237,237,224,0.5);
}

.forminator-ui.forminator-custom-form[data-design=default] .forminator-button {
    width: auto;
    min-width: 100px;
    max-width: unset;
    height: auto;
    min-height: unset;
    max-height: unset;
    cursor: pointer;
    display: inline-block;
    position: relative;
    margin: 10px 10px 0 0;
    border: 0;

    text-transform: uppercase;
    
    background-image: unset;
    line-height: 1.45em;
    text-align: center;
    -webkit-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;

        background: transparent none;
    border-color: rgba(17,17,17,1);
    border-width: 1px;
    border-style: solid;
    border-radius: 2rem;
    color: rgba(17,17,17,1);
    padding-top: calc(1rem - 1px);
    padding-right: calc(2.25rem - 1px);
    padding-bottom: calc(1rem - 1px);
    padding-left: calc(2.25rem - 1px);
}

.forminator-ui.forminator-custom-form[data-design=default] .forminator-button:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: rgba(17,17,17,1);
  color: rgba(255,255,255,1);
} 

.forminator-description a {
  text-decoration: underline!important;
}

.form-subtitle .forminator-title {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  margin: 2.2rem 0 1rem 0 !important;
}


.forminator-custom-form input[type="text"], 
.forminator-custom-form input[type="email"], 
.forminator-custom-form textarea {
    font-family: soehne-buch!important;
    font-size: 0.7rem!important;
    color: #111;
    border: 1px solid #222;
}

.section_form.bg-white .forminator-custom-form input[type="text"], 
.section_form.bg-white .forminator-custom-form input[type="email"], 
.section_form.bg-white .forminator-custom-form textarea {
    border: none!important;
    background-color: #fff;
}


.forminator-ui.forminator-custom-form button.forminator-button.forminator-button-submit {
    font-family: soehne-buch!important;
    font-size: 0.7rem!important;
    text-decoration: none;
    display: inline-block;
    color: #000;
    background-color: transparent;
    border: 2px #000 solid;
    border-radius: 1.3rem;
    padding: 0.6rem 1.3rem 0.6rem;
    margin: 0;
    -o-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
    cursor: pointer;
}

.forminator-custom-form {
  margin-top: 2rem!important;
}

.forminator-custom-form .forminator-row {
  margin-bottom: 2rem!important;
}

.country-field .forminator-row {
  margin-bottom: 0!important;
}

.country-field .select2-selection__rendered {
  font-family: soehne-buch!important;
  padding: 0.8rem!important;
  
}

.country-field .selection .select2-selection--single[role="combobox"] {
  background-color: transparent!important;
}

.select2-container .select2-dropdown {
  /*max-height: 200px !important;*/
  overflow-y: auto !important;
}

.select2.select2-container.forminator-select  {
  background-color: #fff!important;
  border: none!important;
}

.select2.select2-container.forminator-select:focus {
   border: none!important;

}



.selection .select2-selection {
  border-color: #000!important;
}


.forminator-ui.forminator-custom-form[data-design=default] .forminator-input {
     padding: 0.8rem!important;
    font-family: soehne-buch!important;
  }

.section_form .forminator-ui.forminator-custom-form label {
  font-family: soehne-buch!important;
  font-size: 0.6rem!important;
  text-transform: uppercase;
  color: #54595C;
  margin-bottom: 0.5rem!important;
}


.grecaptcha-badge { 
    visibility: hidden;
}

.reCAPTCHA, .reCAPTCHA a {
  font-size: 12px;
  text-align: left;
  font-style: italic;
}

.reCAPTCHA {
  margin-top: 30px;
}





/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*/
/*\/\/\/\/\   CONTACT US LARGE TEXT SECTION  /\/\/\/\/\/\//\/\/*/
/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*/


section.contact .container{
  text-align: left;
  margin: 0 3rem;
}

section.contact .btn-link a {
    font-size: 5rem;
    text-transform: none;
    text-decoration: none;
    padding-right: 7rem;
    margin: 0;
    color: #000000;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

section.contact .btn-link a::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 156 52'><path style='fill:%2361EB9C;' d='M154.475 28.4749C155.842 27.1081 155.842 24.892 154.475 23.5251L132.201 1.25127C130.834 -0.115561 128.618 -0.115561 127.251 1.25127C125.884 2.61811 125.884 4.83419 127.251 6.20102L147.05 26L127.251 45.799C125.884 47.1658 125.884 49.3819 127.251 50.7487C128.618 52.1156 130.834 52.1156 132.201 50.7487L154.475 28.4749ZM-3.0598e-07 29.5L152 29.5L152 22.5L3.0598e-07 22.5L-3.0598e-07 29.5Z'/%3E%3C/svg%3E%0A");;
  position: absolute;
  width: 6rem;
  right: 0;
  top: -0.3rem;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

section.contact .btn-link a:hover::before {
  right: -1rem;
}





/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*/
/*\/\/\/\/\/\/\/\/\/\/\    ARTICLES   /\/\/\/\/\/\/\/\/\//\/\/*/
/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*/




section#archive-header {
   width: calc(100% - 2rem );
   max-width: calc(100% - 2rem );
}

section#archive-header .container {
  padding: 0 3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
}

section#archive-header .container > div {
  max-width: 600px;
}




ul.category-list {
  list-style: none;
  margin: 1.5rem 0 0 0;
  padding: 0;
}

ul.category-list li {
  margin: 0 0.3rem 0.3rem 0;
  padding: 0;
  display: inline-block;
  border: 1px solid rgba(84, 89, 92, 0.8);

          -o-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
    cursor: pointer;
}

ul.category-list li a {
    padding: 0.7rem 2rem 0.4rem;
    display: block;
    color: #000;
    text-decoration: none;
          -o-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
    cursor: pointer;
}

ul.category-list li a:hover  {
    color: #fff;
}

ul.category-list li:hover   {
    background-color: rgba(84, 89, 92, 1);
}



#search-list .container > a {
  width: 100%;
}

#page-search {
    margin-top: 3rem;
}


#page-search .search__bar {
    width: 100%;
    max-width: 1200px;
    padding: 0;
    margin: 0;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

#page-search .search__bar__input {
    width: calc(100% - 5rem);
    max-width: 930px;
    margin: 0;
}

#page-search .search__bar__input input {
    width: 100%;
    background-color: transparent;
    border: none;
    border-bottom: solid rgba(0, 0, 0, 0.5) 1px;
    color: #000;
    padding: 0 0 7px 0;
    font-family: "financier-display-regular", serif;
}



#page-search .container.search,
#searchResults .container.search  {
    max-width: 1000px;
}



#page-search .search__bar__input input::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(186, 196, 199,0.9);
}

#page-search .search__bar__input input::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(186, 196, 199,0.9);
}

#page-search .search__bar__input input:-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(186, 196, 199,0.9);
}

#page-search .search__bar__input input::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(186, 196, 199,0.9);
}

#page-search .search__bar__input input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(186, 196, 199,0.9);
}

#page-search .search__bar__input input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(186, 196, 199,0.9);
}

#page-search .search__bar__input input::-ms-input-placeholder { /* Microsoft Edge */
  color: rgba(186, 196, 199,0.9);
}






/*#articles-landing .row.col3 {
  margin: 0 3rem;
}

#articles-landing .row.col3 > div {
    width: calc(33% - 1rem);
    margin: 0 1rem 2rem 0;
    text-align: left;
}
*/



/* Muuri Masonry Layout */



.grid {
  position: relative;
}
.item {
  position: absolute;
}



.grid {
    margin: 0 3rem;
}

.grid .item {
    width: calc(33% - 2rem);
    margin: 0 2rem 2rem 0;
    text-align: left;
}

/*.grid .item:nth-child(3n) {
    margin-right: 0;
}
*/

.grid.muuri .s-tle.ft-sf {
    min-height: 7.2rem;
}

.grid .item .video-poster,
.grid .item .img-bg {
  position: relative;
  height: 12.5rem;
  margin-bottom: 2rem;
}

.grid .item > a:hover {
  text-decoration: none;
}


.grid hr {
  display: none;
  margin-top: 0;
  margin-bottom: 2rem;
}

.grid .wrds {
  border-bottom: 1px solid #000;
  padding-bottom: 1.5rem;
  min-height: 12rem;
}





@media (max-width: 1024px) {
  .grid .item {
   width: calc(50% - 2rem);
  }
}

@media (max-width: 768px) {
  .grid {
    margin: 0;
  }
  .grid .item {
    width: 100%;
    margin: 0 0 2rem 0;
  }
  .grid .wrds {
    height: auto;
  }
}




.page-title {
  color: #54595c;
  width: 100%;
  margin-bottom: 1.5rem;
}

.article .container {
  max-width: 600px;
}

.byline {
  text-align: left;
  color:rgba(84, 89, 92,1);
  margin: 1.5rem 0;
}

.logo_layout .row {
/* filter: grayscale();*/
  mix-blend-mode: darken;
 -webkit-box-pack: left;
     -ms-flex-pack: left;
         justify-content: left;
 margin: 60px 0 0 0;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
}

.row.col4 {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.logo_layout .row img {
    height: auto;
    max-height: 100px;
    max-width: 80%;
    -webkit-box-flex: 0;
        -ms-flex: 0 auto;
            flex: 0 auto;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    margin-bottom: 0;
    vertical-align: middle;
}

.row.col4 > a,
.row.col4 > div {
  width: calc(25% - 1rem);
/*  margin:1rem 1.9rem 4rem 0;*/
}

.row.col4 > a:nth-child(4n),
.row.col4 > div:nth-child(4n) {
  margin-right: 0;
}

.row.col3  {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 0 3rem;
}

.row.col3 > a, 
.row.col3 > div  {
    width: calc(33% - 1rem);
    margin: 1rem 1.5rem 2rem 0;
    text-align: left;
}

.row.col3 > a:nth-child(3n),
.row.col3 > div:nth-child(3n) {
    margin-right: 0;
}

.row.col3 .video-poster {
  position: relative;
}

.row.col3 .img-bg,
.row.col3 .video-poster 
 {
    aspect-ratio: 4/3;
    margin-bottom: 1.2rem;
}

.row.col3 > a:hover  {
  text-decoration: none;
}




.row.col2 {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.row.col2 > a, 
.row.col2 > div {
    width: calc(50% - 2rem);
    margin: 1rem 3rem 4rem 0;
    text-align: left;
}

.row.col2 > a:nth-child(3n),
.row.col2 > div:nth-child(3n) {
  margin-right: 0;
}

.row.col2 .img-bg {
    height: 30vw;
    max-height: 350px;
    margin-bottom: 2rem;
}

.row.col2 > a:hover {
  text-decoration: none;
}




.post-categories {
  text-transform: uppercase;
  letter-spacing: 1px;
}

.post-category, .post-date  {
  margin-bottom: 0.8rem;
  margin-right: 0.3rem;
}


/*.wrds {
  margin: 0 0.2rem;
}*/

.s-tle {
  margin-bottom: 1rem;
}

.s-ex {
   margin-bottom: 1rem;
}

.s-cta {

}


section.article h1 {
  text-transform: capitalize;
  max-width: 800px;
}

section.article .rndmImg {
    position: absolute;
    right: 12vw;
    width: auto;
    height: 25rem;
    margin-top: -10rem;
    z-index: -1;
}


#single-service section.article article {
  max-width: 600px;
  margin: auto;
}

section.article article {
  max-width: 1000px;
  margin: auto;
}

section.article article img {
    margin: 1rem 0;
    max-width: 100%;
    height: auto;
}



.s-role {
  text-transform: uppercase;
}






/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*/
/*\/\/\/\/\/\/\/\/\   REPEATER LAYOUTS   /\/\/\/\/\/\/\/\//\/\/*/
/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*/



/* 
*
* Community Articles
*
* * * * * * * * * * * * * * * * * * */


.col2.block {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.col2.block > div {
    width: 50%;
    margin: 0;
    text-align: left;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 
}

.col2.block .img-bg {
    height: inherit;
    max-height: 100%;
    min-height: 50vh;
    margin: 0;
}

.col2.block .wrds > div {
  margin: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.col2.block:nth-child(even) .img-bg {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.col2.block:nth-child(even) .wrds {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.community-articles.bg-panel .wrds {
  background-color: #fff;
}

.community-articles.bg-panel.bg-white .wrds,
.community-articles .wrds {
  background-color: rgba(237,237,224,0.5);
}




/* 
*
* Video Section
*
* * * * * * * * * * * * * * * * * * */


.video-wrapper {
      position: relative;
      width: 100%;
      max-width: 650px;
      margin: 0 auto;
      aspect-ratio: 16 / 9;
      background-color: #fff;
      border-radius: 10px;
      -webkit-filter:drop-shadow(rgba(0,0,0,0.3) 0px 0px 2px);
              filter:drop-shadow(rgba(0,0,0,0.3) 0px 0px 2px);
  }
  .video-poster, .video-iframe {
    border-radius: inherit;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      -webkit-transition: opacity 0.5s ease;
      -o-transition: opacity 0.5s ease;
      transition: opacity 0.5s ease;
  }
  .video-poster {
      cursor: pointer;
      background-size: cover;
      background-position: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      z-index: 2;
  }
  .vidPlay {
    width: 100px;
    height: auto;
  }
  .video-iframe {
      z-index: 1;
      opacity: 0;
      pointer-events: none;
  }
  .video-wrapper.playing .video-iframe {
      opacity: 1;
      pointer-events: auto;
  }
  .video-wrapper.playing .video-poster {
      opacity: 0;
      pointer-events: none;
  }




/* 
*
* Modal Pop-up
*
* * * * * * * * * * * * * * * * * * */


.modal {
  background-color: white;
  padding: 3rem 0;
  text-align: center;
  width: calc(100% - 6rem);
}

.modal .shim {
  margin: auto;
  max-width: 1000px;
}

.modal .row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.modal .row > *,
.popup-inner a {
  margin: 0.5rem;
  text-align: center;
}


.m-title {
  color: #000;
  text-align: center;
   margin: auto;
  margin-bottom: 2rem;
}


.popup-inner {
  text-align: center;
}

.popup-overlay {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.popup-mask {
    position: absolute;
    inset: 0;
    background: rgba(186, 196, 199,0.6); 
    cursor: pointer;
}

.popup-content {
    position: relative;
    background: white;
    padding: 2rem;
    max-width: 1200px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    z-index: 1;
    -webkit-animation: fadeIn 0.3s ease;
            animation: fadeIn 0.3s ease;
}

.popup-close {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0.5rem;
    color: #333;
}

@-webkit-keyframes fadeIn {
    from { opacity: 0; -webkit-transform: scale(0.95); transform: scale(0.95); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes fadeIn {
    from { opacity: 0; -webkit-transform: scale(0.95); transform: scale(0.95); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}


/* 
*
* Testimonial Slider
*
* * * * * * * * * * * * * * * * * * */

section.review-slider .container {
    max-width: 900px;
}

.credit {
  display: block;
  text-align: left;
  margin-left: 2rem;
}

section.review-slider blockquote, 
section.review-slider blockquote p {
    color: #61eb9c;
    margin: 2rem 2rem 1.4rem 2rem;
    quotes: "\201C" "\201D" "\2018" "\2019";
}



/* 
*
* Spacer
*
* * * * * * * * * * * * * * * * * * */


.section_spacer {
  margin: 0 0 -1px 0;
}



/* 
*
* Text Column
*
* * * * * * * * * * * * * * * * * * */


.text-columns .row {
  -ms-flex-pack: distribute;
      justify-content: space-around;
   max-width: 1000px;
   margin-left: auto;
   margin-right: auto;
}

.text-columns .row > div {
    width: calc(50% - 1rem);
}

.text .container {
  max-width: 600px;
}

.text.left .container {
  margin: 0 auto 0 3rem;
}

.text.right .container {
 margin: 0 3rem 0 auto;
}



/* 
*
* Text Block Repeater
*
* * * * * * * * * * * * * * * * * * */


.text-blocks .row {
  max-width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
   margin-left: auto;
   margin-right: auto;
}



.text-blocks .row.col2 {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.text-blocks .row.col2 a, 
.text-blocks .row.col2 > div {
    width: calc(50% - 0.5rem);
    margin: 0 1rem 1rem 0;
    text-align: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 3rem 4rem;
    aspect-ratio: 5 / 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.text-blocks .row.col2 a:nth-child(2n),
.text-blocks .row.col2 > div:nth-child(2n) {
  margin-right: 0;
}

.text-blocks .row.col2 a:hover {
  text-decoration: none;
}






/* 
*
* Text + Image Column
*
* * * * * * * * * * * * * * * * * * */


.text-image-columns .row {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.text-image-columns .s-prj-txt {
    width: calc(50% - 8rem);
}

.text-image-columns .s-prj-txt > div {
  margin: 5%;
}

.text-image-columns .s-prj-txt-img {
    width: calc(50% - 4rem);
}

.text-image-columns .s-prj-txt-img {
  min-height: 20rem;
  border-radius: 2rem;
}

.text-image-columns.img-right .s-prj-txt-img {
  -webkit-box-ordinal-group:3;
      -ms-flex-order:2;
          order:2;
}

.text-image-columns.img-right .s-prj-txt {
  -webkit-box-ordinal-group:2;
      -ms-flex-order:1;
          order:1;
}

.text-image-columns.img-left .s-prj-txt-img {
  -webkit-box-ordinal-group:2;
      -ms-flex-order:1;
          order:1;
}

.text-image-columns.img-left .s-prj-txt {
  -webkit-box-ordinal-group:3;
      -ms-flex-order:2;
          order:2;
}



/* 
*
* Double Column
*
* * * * * * * * * * * * * * * * * * */


.text_layouts .text-columns.row > div {
    width: calc(50% - 8rem);
}

.text-columns .row > div {
    width: calc(50% - 8rem);
}



/* 
*
* Double Images
*
* * * * * * * * * * * * * * * * * * */


.double_images {
  text-align: center;
  overflow: hidden; /* parallax */
}

.double_images .row {
  position: relative;
 height: 80vh; /*needed to stretch children*/
 overflow: hidden; /* parallax */
}

.double_images .img-title {
   position: absolute;
   width: 50%;
   padding: 0 25%;
   margin: auto;
   text-align: center;
   z-index: 2;
}

.double_images .row .bg-img {
    width: 50%;
    height: 100%;
    position: relative;
    z-index: 1;
}

.double_images .parallax-img.row {
    height: 90vh;
    margin-top: -10vh;
}


.double_images .row .bg-img {
    width: 50%;
    height: 100%;
    position: relative;
    z-index: 1;
}

.double_images .bg-img:first-child {
    left:0;
}

.double_images .bg-img:last-child {
    right:0;
}







/* 
*
* Image + Text Rows
*
* * * * * * * * * * * * * * * * * * */


.text_image_rows.row {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
    -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.text_image_rows .row_text {
  width: auto;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  padding: 0 0 0 5rem;
}


.text_image_rows:nth-of-type(odd) .row_img {
  -webkit-box-ordinal-group:3;
      -ms-flex-order:2;
          order:2;
}
.text_image_rows:nth-of-type(odd) .row_text {
  -webkit-box-ordinal-group:2;
      -ms-flex-order:1;
          order:1;
  padding: 0 5rem 0 0 ;
}




.priority-areas .row {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.priority-areas p {
  margin: 0 0 0 1rem;
}

.priority-areas hr {
    height: 1px;
    width: 100%;
    border: 0;
    color: rgba(0, 0, 0, 0.3);
    background: rgba(0, 0, 0, 0.3);
    margin: 1rem 0;
}

.priority-areas img {
  width: 6rem;
}





/* 
*
* Careers List
*
* * * * * * * * * * * * * * * * * * */


.position {
  background-color:rgba(186, 196, 199,0.3);
  max-width:calc( 600px + 4rem );
  margin: auto;
  padding: 2rem;
  text-align: left;
  border-radius: 1rem;
  margin-bottom: 2rem;
}

.position > div {
  margin: 2rem;
}

.position > div a {
  margin-top: 2rem;
}


#single-position article {
  padding: 0 3rem;
}


/* 
*
* Image + Text Rows
*
* * * * * * * * * * * * * * * * * * */


section.image-grid .container > div:first-child {
  padding: 0 4rem;
}

section.image-grid h3 {
  font-size: 1.5rem;
  text-transform: uppercase;
}

section.image-grid .row {
  padding: 0 2rem;
}

section.image-grid .row a {
  width: calc(50% - 2rem);
  margin: 1rem;
  cursor: pointer;
}

section.image-grid .row .img-bg {
  width: 100%;
  height: 400px;
  border-radius: 2rem;
}

section.image-grid .img-t {
    font-size: 1rem;
    color: rgba(255,255,255,0.5);
    position: absolute;
    bottom: 0;
    margin: 2rem;
    text-transform: uppercase;

    opacity: 0;
        -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}



section.image-grid .img-mask {
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: rgba(0,0,0,0);
  
    line-height: 1;
    font-size: 5rem;

    text-decoration: none;
    color: #fff;
    border-radius: 2rem;
    opacity: 0;

    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: end;

        -ms-flex-align: end;

            align-items: flex-end;

    -webkit-box-pack: start;

        -ms-flex-pack: start;

            justify-content: flex-start;

    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;

    cursor: pointer;

}

section.image-grid .img-mask span {
  margin: 2rem 2rem 5rem 2rem;
}

section.image-grid a:hover .img-mask,
section.image-grid a:hover .img-t {
  opacity: 1!important;
}





/* 
*
* LOGO
*
* * * * * * * * * * * * * * * * * * */



.logo_layout .row {
/* filter: grayscale();*/
 -webkit-box-pack: left;
     -ms-flex-pack: left;
         justify-content: left;
 margin: 60px 0 0 0;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
}

.logo_layout .row a {
/*  width: calc(33% - 20px);*/
  text-align: center;
  margin: 0 20px 60px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.logo_layout .row a img {
    height: auto;
    max-height: 100px;
    max-width: 60%;
    -webkit-box-flex: 0;
        -ms-flex: 0 auto;
            flex: 0 auto;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    margin-bottom: 0;
    vertical-align: middle;
}

.double_column_layout > div {
  width: 50%;
}

.multi_column_layout {
  padding-top:0;
}


.Cols1 > div, 
.logo_layout .row.Cols1 > a {
  width: 100%;
}
.Cols2 > div, 
.logo_layout .row.Cols2 > a {
  width: calc(50% - 40px) ;
}
.Cols3 > div, 
.logo_layout .row.Cols3 > a {
  width: calc(33% - 40px) ;
}
.Cols4 > div, 
.logo_layout .row.Cols4 > a {
  width: calc(25% - 40px) ;
}

.tab-space {
  display: inline-block;
  width: 50%;
}

.content_repeater .container.logo_layout {
  border-bottom: solid 2px #fdd756;
}



/* 
*
* Image 
*
* * * * * * * * * * * * * * * * * * */



section.image-banner img {
  width: 100%;
  height: auto;
  border-radius: 3rem;
}


section.image-banner {
  height: 80vh;
  overflow: hidden;
}


.parallax-img .bg-img {
    height: 90vh;
    margin-top: -5vh;
    position: relative;
}





  .grecaptcha-badge { 
    visibility: hidden;
}

.reCAPTCHA, .reCAPTCHA a {
  font-size: 12px;
  text-align: left;
  font-style: italic;

  color: #fff;
}

.reCAPTCHA {
  float: right;
}

.copyright {
  font-size: 12px;
  float: left;
}



/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*/
/*\/\/\/\/\/\/\/\/\/\/\   ENQUIRY FORM   /\/\/\/\/\/\/\/\//\/\/*/
/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*/


.wpcf7 {
  margin: 30px auto 0 0;
  max-width: 900px;
}

.wpcf7-form {
  text-align: left;
}

.wpcf7-form p {
  font-family: "neue-haas-grotesk-display", sans-serif;
  margin-bottom: 5rem;
  font-size: 2rem;
}

input[type="text"],
input[type="email"],
textarea {
  display: inline-block;
  font-size: 2rem;
  line-height: 1.2;
  color: rgba(255,255,255,1);
  padding: 1rem 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 20px 0;
  border: none;
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
/*  border-bottom: 1px solid rgba(255,255,255,1);*/
}


.wpcf7-form-control-wrap:after {
    background-color: #ffffff;
    bottom: 20px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: center left;
        -ms-transform-origin: center left;
            transform-origin: center left;
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(.215,.61,.355,1);
    transition: -webkit-transform 0.7s cubic-bezier(.215,.61,.355,1);
    -o-transition: transform 0.7s cubic-bezier(.215,.61,.355,1);
    transition: transform 0.7s cubic-bezier(.215,.61,.355,1);
    transition: transform 0.7s cubic-bezier(.215,.61,.355,1), -webkit-transform 0.7s cubic-bezier(.215,.61,.355,1);
    
}

[data-name="form-name"]:after {
   -webkit-transition-delay: 0.5s;
        -o-transition-delay: 0.5s;
           transition-delay: 0.5s;
}


[data-name="form-email"]:after {
   -webkit-transition-delay: 0.8s;
        -o-transition-delay: 0.8s;
           transition-delay: 0.8s;
}


.form-contact.is-inview .wpcf7-form-control-wrap:after,
.form-contact.is-inview .wpcf7-form-control-wrap:after {
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"] {
  border-bottom: 1px solid rgba(255, 255, 255, 1);
  padding-left: 0;
}

.wpcf7 textarea {
    border-bottom: 1px solid rgba(255, 255, 255, 1);
    height: 4rem;
    overflow: hidden;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}

input[type="submit"] {
    font-size: 1.2rem;
    font-weight: 400;
    text-transform: uppercase;
    color: rgba(255,255,255,1);
    background-color: rgba(255,255,255,0);
    line-height: 1.2;
    padding: 20px 60px;
    width: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid rgba(255,255,255,1);
    border-radius: 50px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    margin: 50px 0 0 0;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

input[type="submit"]:hover {
  color: #111;
  background-color: rgba(255,255,255,1);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}


.wpcf7-form.sent .form-group {
  opacity: 0.2!important;
}

.wpcf7-form-control-wrap {
    position: relative;
    margin: 0;
    display: block;
}

.radio-label {
  margin: 25px 0 10px 0;
  display: inline-block;
}

[data-name="contact-required"],
[data-name="contact-type"] {
  display: inline-block;
}

.wpcf7-list-item {
  display: inline-block;
  margin: 0 0 0 1em;
}

.wpcf7-list-item-label {
  font-weight: 400;
  font-size: 1rem;
  margin: 10px 0 10px 0;
  cursor: pointer;
}

.wpcf7-list-item {
  display: inline-block;
  margin: 0 0 0 7px;
}

.wpcf7 form .wpcf7-response-output {
  background-color: rgba(35,41,44,1);
  margin: 10px 0 10px 0;
  padding: 15px !important;
  color: white !important;
  border: none !important;
  text-align: left !important;
  font-size: 1rem;
}

span.wpcf7-not-valid-tip {
  color: white;
  font-size: 16px;
  display: block;
  text-align: left;
  background-color: rgba(35,41,44,1);
  padding: 10px 20px;
  border-radius: 2px;
  width: calc(100% - 40px);
  position: relative;
    z-index: 99;
}

span.wpcf7-not-valid-tip:before {
  content: "\A";
  border-style: solid;
  border-width: 10px 15px 10px 0;
  border-color: transparent rgba(35,41,44,1) transparent transparent;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-top: -22px;
  position: absolute;
}


::-webkit-input-placeholder { /* Edge */
font-family: "soehne-buch", sans-serif;
font-size: 2rem;
color: #fff;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
font-family: "soehne-buch", sans-serif;
font-size: 2rem;
color: #fff;
}

::-ms-input-placeholder {
font-family: "soehne-buch", sans-serif;
font-size: 2rem;
color: #fff;
}

::-moz-placeholder {
font-family: "soehne-buch", sans-serif;
font-size: 2rem;
color: #fff;
}

::placeholder {
font-family: "soehne-buch", sans-serif;
font-size: 2rem;
color: #fff;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}





/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*/
/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\//\/\/*/
/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*/
/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*/
/*\/\/\/\/\/\/\/\/\/\/\   MEDIA QUERIES   /\/\/\/\/\/\/\/\//\/\/*/
/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*/
/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*/
/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\//\/\/*/
/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*/



@media (max-width: 1200px) {

  html, body { 
    font-size: 18px; 
  }

}

@media (max-width: 1100px) {

  html, body { 
    font-size: 17px; 
  }

}

@media (max-width: 1024px) {


  html, body { 
    font-size: 20px; 
  }

  main {
    margin-top: 5rem;
  }

 /* p, a, ol, ul, li {
    width: 100%;
    max-width: 100%;
}*/



  section.intro .container {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  section.intro .container.row .img-bg {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
    min-height: 40vh;
}

section.intro .container.row article {
    width: 100%;
     -webkit-box-ordinal-group: 3;
         -ms-flex-order: 2;
             order: 2;
}

section.contact .container,
section.intro .container article {
    margin: 0;
    padding: 2rem;
}

/*section.contact .btn-link a {
    font-size: 5rem;
    text-transform: none;
    text-decoration: none;
    padding-right: 7rem;
    margin: 0;
    color: #000000;
    position: relative;
    display: inline-block;
    cursor: pointer;
    width: calc(100% - 6rem);
}*/



    .row.col3 a, 
    .row.col3 > div,
    .row.col3 a:nth-child(3n), 
    .row.col3 > div:nth-child(3n)
     {
        max-width: 100%;
        width: calc(50% - 0.5rem);
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        margin: 0rem 1rem 2rem 0 ;
    }

    .row.col3 > div:nth-child(even) {
       margin: 0rem 0 2rem 0 ;
    }


    .article_teasers .row.col3 a:nth-child(3n),
    .article_teasers .row.col3 > div:nth-child(3n) {
      display: none;
    }


}



@media (max-width: 768px) {





          html, body { 
            font-size: 20px; 
          }


          /* Large Serif Title */
        .ft-lt,
        .ft-lt a {
          font-size: 2.5rem; 
          line-height: 1 !important;
          margin-bottom: 0.75rem;
        }

        /* Standard Serif Title */
        .ft-st,
        .ft-st a {
          font-size: 2rem;
        }


        /* Article Intro */
        .ft-intro,
        .ft-intro a {
          font-size: 1.25rem;
          line-height: 1.2;
        }


        /* Block Serif Title */
        .ft-bt,
        .ft-bt a {
          font-size: 1rem;
          font-family: soehne-buch;
        }


        /* Sans */
        .ft-sn,
        .ft-sn a {
          font-family: soehne-buch;
        }

        /* Sans Bold */
        .ft-sn strong,
        .ft-sn p strong,
        .ft-sn p b,
        .ft-sn b {
          font-family: soehne-kraftig;
        }

        /*Small*/
        .fs-xs, 
        .fs-xs a  {
          font-size: 0.65rem; /* 13px */
          line-height: 1.2;
        }

        /*Small*/
        .fs-s, 
        .fs-s a  {
          font-size: 0.8rem; /* 16px */
          line-height: 1.2;
        }

        /*Medium*/
        .fs-m, 
        .fs-m a {
          font-size: 1.1rem; /* 30px  */
        }

         /*Large*/
        .fs-l,
        .fs-l a {
          font-size: 1.5rem; /* 40px */
          line-height: 1.1;
        }

         /*Extra Large*/
        .fs-xl, 
        .fs-xl a {
          font-size: 2rem; /* 60px */
          line-height: 1.1;
        }

         /*Huge*/
        .fs-xl, 
        .fs-xl a {
          font-size: 3rem; /* 60px */
          line-height: 1.1;
        }



          /* Section Padding */

          section.pad-none,
          .pad-none {
            padding: 0;
          }

          section.pad-top,
          .pad-top {
            padding: 2rem 0 0 0;
          }

          section.pad-bottom ,
          .pad-bottom {
            padding: 0 0 2rem 0;
          }

          section.pad-standard,
          .pad-standard {
            padding: 2rem 0;
          }



          .row {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
          }


          .text-columns .row > div,
          .col2.block > div {
            width: calc(100% - 4rem);
            margin: 0 auto 2rem auto;
        }

        .col2.block .img-bg {
            width: 100%;
            margin-bottom: 2rem;
        }

        .col2.block .wrds > div {
            margin: 0;
        }


            .row.col3 a, 
            .row.col3 > div,
            .row.col3 a:nth-child(3n), 
            .row.col3 > div:nth-child(3n)
             {
                max-width: 100%;
                width: 100%;
                margin: 0rem 0rem 2rem 0rem ;
            }

            .row.col3 {
              margin: 0;
          }



          .community-articles .container .col2.block .img-bg {
            -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                    order: 1;
          }

          .community-articles .container .col2.block .wrds {
            -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                    order: 2;
          }

          .community-articles .wrds {
            background-color: transparent!important;
        }

          #articles-landing .container {
            padding: 1rem;
          }

          .section_form .container {
            margin: 1rem;
            padding: 2rem;
            width: calc(100% - 2rem);
          }


          section.article article {
            max-width: 100%;
            padding-left: 1rem;
            padding-right: 1rem;
        }

            blockquote, blockquote p {
            font-size: 1.5rem;
            margin: 2rem 2rem 2rem 1.2rem;
        }

        section.review-slider blockquote, 
        section.review-slider blockquote p {
            margin: 2rem 4rem 1.4rem 4rem;
        }

        .credit {
            width: calc(100% - 8rem);
            margin-left: 4rem;
        }



        #single-service .text-blocks a img {
          height: auto;
          width: 85px;
        }



            button.btn-border, 
            span.btn-border a, 
            a.btn-border, 
            .btn-border a, 
            .btn-border.opt-title {
              font-size: 0.9rem;
              border: 1px #000 solid;
              padding: 0.7rem 1.4rem 0.7rem;
              
          }

          .btn-border.opt-title {
            width: 100%;
          }

          .modal .row {
            -webkit-box-align: stretch;
                -ms-flex-align: stretch;
                    align-items: stretch;
            width: 90%;
            margin: auto;
        }

        .popup-inner a.btn-border {
            width: 90%;
            margin: 0.5rem 0;
        }

          .modal .row > *, 
          .popup-inner a {
                margin: 0.5rem 0;
                text-align: center;
            }

          

          section.contact .container, 
          section.intro .container article {
              padding: 1rem;
          }

          iframe {
            max-width: 100%;
          }

          .modal .shim {
            margin: 0;
            padding: 1rem;
            max-width: 100%;
          }



          .modal {
              padding: 2rem 1rem;
              width: calc(100% - 2rem);
          }

          .modal .row {
            -webkit-box-align: stretch;
                -ms-flex-align: stretch;
                    align-items: stretch;
          }


          .section_video.bg-panel {
            padding-left: 1rem !important;
            padding-right: 1rem !important;
          }

          .text.left .container,
          .text.right .container,
          .text.center .container,
          .text .container   {
            margin: 1rem;
          }

          .text .container > div {
            width: calc(100% - 2rem);
          }


          .text-blocks .row.col2 a, .text-blocks .row.col2 > div {
            width: 100%;
            margin: 0 1rem 1rem 0;
            padding: 3rem 4rem;
            aspect-ratio: 5 / 3;
        }

        section#archive-header .container {
            max-width: 100%;
            padding: 0 2rem;
        }



        section.contact .container{
          text-align: left;
          margin: 0;
        }


        section.contact .btn-link a {
            font-size: 2rem;
            padding-right: 3.5rem;
        }

        section.contact .btn-link a::before {

          width: 3rem;
          right: 0;
          top: 0rem;

        }


      .more-title {
          margin-left: 0;
          margin-bottom: 2rem;
      }



}






@media (max-width: 550px) {



    html, body { 
    font-size: 18px; 
  }




}

