@charset "UTF-8";
   *,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html,
body {
width: 100%;
height: 100%;
}
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
overflow-x: hidden;
overflow-y: scroll;
}
body {
margin: 0;
font-size: 18px;
line-height: calc(32 / 18);
font-family: "Lato", Helvetica, sans-serif;
font-weight: normal;
color: #1F2739;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: #fff;
}
textarea,
button,
input,
select {
font-family: "Lato", Helvetica, sans-serif;
}
*, *:focus,
a, a:focus {
outline: 0;
}
a {
color: #5F99AF;
text-decoration: none;
transition: color 0.25s ease 0s;
}
@media (hover: hover), screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
a:hover {
text-decoration: underline;
color: #58A4BC;
}
}
a:focus {
color: #58A4BC;
}
audio, canvas, iframe, img, svg, video {
vertical-align: top;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
display: block;
}
progress {
display: inline-block;
}
img {
width: auto;
height: auto;
max-width: 100%;
vertical-align: top;
}
figure {
margin: 0 0 32px 0;
}
figure > figcaption {
display: block;
}
figcaption {
padding-top: 12px;
font-size: 16px;
line-height: calc(24/16);
font-style: italic;
}
p {
margin: 0 0 32px 0;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
font-weight: normal;
font-family: "Lato", Helvetica, sans-serif;
}
h1,
.h1 {
font-size: 45px;
line-height: calc(50/45);
letter-spacing: 3px;
font-weight: 300;
}
h2 {
font-size: 28px;
line-height: calc(34/28);
}
h3 {
font-size: 25px;
line-height: calc(35/25);
}
h4 {
font-size: 22px;
line-height: calc(32/22);
}
h5 {
font-size: 20px;
line-height: calc(30/20);
font-weight: 500;
}
h6 {
font-size: 17px;
line-height: calc(26/17);
font-weight: 500;
}
blockquote,
blockquote p {
margin: 25px 0;
font-size: 30px;
line-height: calc(38/30);
font-weight: italic;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 2px solid #000;
margin: 25px 0;
padding: 0;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}
small {
font-size: 75%;
}
ul {
margin: 0 0 25px 0;
padding: 0 0 0 16px;
list-style-type: disc;
}
ol {
margin: 0 0 25px 0;
padding: 0 0 0 24px;
}
ins {
color: #000;
text-decoration: none;
background-color: #ff9;
}
mark {
color: #000;
font-style: italic;
font-weight: bold;
background-color: #ff9;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
pre, code, kbd, samp {
font-family: monospace, sans-serif;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -0.25em;
}
sub {
bottom: -0.25em;
}
pre {
padding: 10px;
white-space: pre-wrap;
word-wrap: break-word;
}
table {
width: 100%;
border: 0;
border-collapse: collapse;
}
table td {
border-top: 2px solid #000;
border-left: 0;
border-right: 0;
border-bottom: 0;
padding: 15px 40px 40px 0;
vertical-align: top;
text-align: left;
font-size: 16px;
line-height: calc(24/16);
}
@media screen and (max-width: 800px) {
table td {
padding: 12px 16px 24px 0;
font-size: 14px;
line-height: calc(18/14);
}
}
table th {
border: 0;
vertical-align: top;
text-align: left;
font-size: 14px;
line-height: calc(24/14);
font-weight: bold;
text-transform: uppercase;
}
@media screen and (max-width: 800px) {
table th {
font-size: 12px;
line-height: calc(20/12);
}
}
table th[scope=col] {
padding: 0 40px 3px 0;
}
@media screen and (max-width: 800px) {
table th[scope=col] {
padding-right: 16px;
}
}
table th[scope=row] {
border-top: 2px solid #000;
padding: 15px 40px 40px 0;
}
@media screen and (max-width: 800px) {
table th[scope=row] {
padding: 12px 16px 24px 0;
}
}
table caption {
margin: 0 0 3px 0;
padding: 0 0 16px 0;
font-size: 32px;
line-height: calc(40/32);
font-style: normal;
}
@media screen and (max-width: 800px) {
table caption {
margin: 0 0 3px 0;
padding: 0 0 12px 0;
font-size: 24px;
line-height: calc(32/24);
}
}
nav ul {
margin: 0;
padding: 0;
list-style: none;
}
html {
margin-top: 0 !important;
}
#wpadminbar {
display: none !important;
}
.clearfix:after {
content: " ";
display: block;
height: 0;
overflow: hidden;
visibility: hidden;
clear: both;
}
.container {
position: relative;
width: 100%;
max-width: 1212px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 1384px) {
.container {
width: auto;
max-width: none;
margin-left: 25px;
margin-right: 25px;
}
}
.outer-container {
position: relative;
width: 100%;
max-width: 1334px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 1384px) {
.outer-container {
width: auto;
max-width: none;
margin-left: 25px;
margin-right: 25px;
}
}
.gform_footer input[type=submit], a.button {
position: relative;
display: inline-block;
margin: 0;
padding: 17px 28px;
border: 1px solid #DEB406;
border-radius: 0;
transition: background-color 0.25s ease 0s, color 0.25s ease 0s;
font-size: 12px;
line-height: 17px;
letter-spacing: 2px;
text-transform: uppercase;
color: #1F2739;
font-weight: 500;
text-align: left;
font-family: "Poppins", Helvetica, sans-serif;
background-color: transparent;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
cursor: pointer;
text-decoration: none;
}
.gform_footer input[type=submit]:hover, a.button:hover, .gform_footer input[type=submit]:focus-visible, a.button:focus-visible {
color: #fff;
background-color: #DEB406;
text-decoration: none;
}
a.button {
padding-right: 65px;
}
a.button::before, a.button::after {
content: "";
position: absolute;
right: 29px;
top: 50%;
width: 19px;
height: 16px;
transform: translateZ(0) translateY(-50%);
transition: opacity 0.25s ease 0s;
background-repeat: no-repeat;
background-position: 0 0;
background-size: 100% 100%;
}
a.button:before {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='19'%20height='16'%20viewBox='0%200%2019%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M18.7071%208.70711C19.0976%208.31658%2019.0976%207.68342%2018.7071%207.29289L12.3431%200.928931C11.9526%200.538407%2011.3195%200.538407%2010.9289%200.928931C10.5384%201.31946%2010.5384%201.95262%2010.9289%202.34314L16.5858%208L10.9289%2013.6569C10.5384%2014.0474%2010.5384%2014.6805%2010.9289%2015.0711C11.3195%2015.4616%2011.9526%2015.4616%2012.3431%2015.0711L18.7071%208.70711ZM8.74228e-08%209L18%209L18%207L-8.74228e-08%207L8.74228e-08%209Z'%20fill='%23DEB406'/%3E%3C/svg%3E");
}
a.button:after {
opacity: 0;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='19'%20height='16'%20viewBox='0%200%2019%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M18.7071%208.70711C19.0976%208.31658%2019.0976%207.68342%2018.7071%207.29289L12.3431%200.928931C11.9526%200.538407%2011.3195%200.538407%2010.9289%200.928931C10.5384%201.31946%2010.5384%201.95262%2010.9289%202.34314L16.5858%208L10.9289%2013.6569C10.5384%2014.0474%2010.5384%2014.6805%2010.9289%2015.0711C11.3195%2015.4616%2011.9526%2015.4616%2012.3431%2015.0711L18.7071%208.70711ZM8.74228e-08%209L18%209L18%207L-8.74228e-08%207L8.74228e-08%209Z'%20fill='%23fff'/%3E%3C/svg%3E");
}
a.button:hover:before, a.button:focus-visible:before {
opacity: 0;
}
a.button:hover:after, a.button:focus-visible:after {
opacity: 1;
}
.section-articles .articles .article .article-cta > span, a.cta {
position: relative;
display: inline-block;
vertical-align: top;
padding-top: 0;
padding-left: 0;
padding-right: 65px;
padding-bottom: 0;
transition: background-color 0.25s ease 0s, color 0.25s ease 0s;
font-size: 12px;
line-height: 17px;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: 500;
text-align: left;
font-family: "Poppins", Helvetica, sans-serif;
color: #1F2739;
background: none;
}
.section-articles .articles .article .article-cta > span::after, a.cta::after {
content: "";
position: absolute;
right: 29px;
top: 50%;
width: 19px;
height: 16px;
transform: translateZ(0) translateY(-50%);
transition: opacity 0.25s ease 0s;
background-repeat: no-repeat;
background-position: 0 0;
background-size: 100% 100%;
}
.section-articles .articles .article .article-cta > span:after, a.cta:after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='19'%20height='16'%20viewBox='0%200%2019%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M18.7071%208.70711C19.0976%208.31658%2019.0976%207.68342%2018.7071%207.29289L12.3431%200.928931C11.9526%200.538407%2011.3195%200.538407%2010.9289%200.928931C10.5384%201.31946%2010.5384%201.95262%2010.9289%202.34314L16.5858%208L10.9289%2013.6569C10.5384%2014.0474%2010.5384%2014.6805%2010.9289%2015.0711C11.3195%2015.4616%2011.9526%2015.4616%2012.3431%2015.0711L18.7071%208.70711ZM8.74228e-08%209L18%209L18%207L-8.74228e-08%207L8.74228e-08%209Z'%20fill='%23DEB406'/%3E%3C/svg%3E");
}
.section-articles .articles .article .article-cta > span:hover, a.cta:hover, .section-articles .articles .article .article-cta > span:focus-visible, a.cta:focus-visible {
color: #DEB406;
background: none;
}
.invisible,
.visually-hidden {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
height: 1px;
width: 1px;
word-wrap: normal;
}
.disabled {
opacity: 0.7;
pointer-events: none;
cursor: not-allowed;
}
@keyframes zoom-in-zoom-out {
0% {
transform: scale(1, 1);
}
50% {
transform: scale(1.2, 1.2);
}
100% {
transform: scale(1, 1);
}
}
.message {
width: 100%;
max-width: 1280px;
margin: 0 auto;
padding: 8px 10px 8px 30px;
border: 1px solid;
color: #444;
font-size: 14px;
line-height: 1.5;
background-position: 6px 10px !important;
background-repeat: no-repeat !important;
}
.warning {
border-color: #E6DB55;
background: url(//www.catalystios.com/wp-content/themes/catalyst/images/ui/warning.png) repeat scroll 0 0 #FFFBCC;
}
:root {
--headerHeight: 160px;
}
@media screen and (max-width: 1180px) {
:root {
--headerHeight: 120px;
}
}
@media screen and (max-width: 800px) {
:root {
--headerHeight: 80px;
}
}
#container {
padding-top: var(--headerHeight);
}
#header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
height: var(--headerHeight);
color: #fff;
background-color: #1F2739;
transition: background-color 0.25s ease 0s;
}
#header a {
color: inherit;
}
#header > .outer-container {
position: static;
height: 100%;
display: flex;
align-items: center;
width: 100%;
max-width: none;
margin-inline: 0;
padding-inline: 60px;
}
@media screen and (max-width: 1384px) {
#header > .outer-container {
padding-inline: 25px;
}
}
.page-template-template-homepage #container {
padding-top: 0;
}
html:not(.scroll, .mobile-nav-open) .page-template-template-homepage #header {
background-color: transparent;
}
#logo {
display: block;
margin-right: auto;
height: 53px;
}
@media screen and (max-width: 800px) {
#logo {
height: 40px;
}
}
#logo img {
display: block;
height: 100%;
}
#navigation {
position: relative;
top: 5px;
font-family: "Poppins", Helvetica, sans-serif;
font-weight: 500;
font-size: 13px;
line-height: calc(17 / 13);
letter-spacing: 3px;
text-transform: uppercase;
}
#navigation ul {
margin: 0;
padding: 0;
list-style: none;
}
#navigation [id=main-navigation] {
display: flex;
gap: 30px;
align-items: center;
}
#navigation [id=main-navigation] ul {
display: none;
}
#navigation a {
text-decoration: none;
}
#navigation a:hover, #navigation a:focus-visible {
color: #DEB406;
}
#navigation .btn a {
display: inline-block;
vertical-align: top;
padding: 15px 23px;
border: 1px solid #DEB406;
font-size: 12px;
line-height: 1;
letter-spacing: 2px;
font-weight: 700;
color: #DEB406;
transition: color 0.25s ease 0s, background-color 0.25s ease 0s;
}
#navigation .btn a:hover, #navigation .btn a:focus-visible {
color: #fff;
background-color: #DEB406;
}
#navigation .current-menu-item > a {
color: #DEB406;
font-weight: 700;
}
@media screen and (max-width: 1180px) {
#navigation {
position: absolute;
top: 100%;
right: 0;
width: 100%;
height: calc(100dvh - var(--headerHeight));
overflow-y: auto;
overscroll-behavior-y: contain;
transform: translateX(100%);
background: #1F2739;
transition: transform 0.5s ease 0s;
z-index: 1;
}
.mobile-nav-open #navigation {
transform: translateX(0);
}
#navigation [id=main-navigation] {
flex-direction: column;
align-items: flex-start;
padding: 30px 25px;
}
}
#nav-toggle {
display: none;
position: relative;
width: 30px;
height: 22px;
margin: 0;
border: 0;
padding: 0;
transform: rotate(0);
transition: 0.5s ease-in-out 0s;
background: none;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
}
@media screen and (max-width: 1180px) {
#nav-toggle {
display: block;
}
}
#nav-toggle > span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #DEB406;
opacity: 1;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
transform: rotate(0deg);
transition: 0.25s ease-in-out 0s;
}
#nav-toggle > span:nth-child(1) {
top: 0px;
}
#nav-toggle > span:nth-child(2), #nav-toggle > span:nth-child(3) {
top: 10px;
}
#nav-toggle > span:nth-child(4) {
top: 20px;
}
html.mobile-nav-open #nav-toggle > span:nth-child(1) {
top: 9px;
width: 0;
left: 50%;
}
html.mobile-nav-open #nav-toggle > span:nth-child(2) {
transform: rotate(45deg);
}
html.mobile-nav-open #nav-toggle > span:nth-child(3) {
transform: rotate(-45deg);
}
html.mobile-nav-open #nav-toggle > span:nth-child(4) {
top: 9px;
width: 0;
left: 50%;
}
#main {
padding-bottom: 1px;
}
article.page {
padding: 85px 0 180px 0;
}
article.page .page-title {
margin: 0 0 36px 0;
text-align: center;
text-transform: uppercase;
}
article.page .page-content {
width: 100%;
max-width: 934px;
margin-inline: auto;
font-weight: 300;
}
article.page .page-content h2, article.page .page-content h3, article.page .page-content h4, article.page .page-content h5, article.page .page-content h6 {
margin: 0;
font-size: 18px;
line-height: calc(32 / 18);
font-weight: 600;
}
article.page .page-content strong {
font-weight: 600;
}
article.page .page-content > *:last-child {
margin-bottom: 0;
}
.section-hero-home {
overflow: hidden;
position: relative;
min-height: 748px;
padding-top: calc(var(--headerHeight) + 27px);
padding-bottom: 30px;
color: #fff;
background-color: #1F2739;
}
.section-hero-home .bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-position: left bottom;
background-size: cover;
animation: zoom-in-zoom-out 40s ease infinite;
}
.section-hero-home .title {
margin: 0;
font-size: 80px;
line-height: calc(92 / 80);
letter-spacing: -1.66px;
font-family: "Playfair Display", Georgia, serif;
}
.section-hero-home .subtitle {
margin: 13px 0 0 0;
font-size: 19px;
line-height: calc(33 / 19);
font-family: "Poppins", Helvetica, sans-serif;
}
.section-hero-home .hero-cta {
margin-top: 65px;
color: #fff;
font-weight: 700;
}
@media screen and (max-width: 1180px) {
.section-hero-home {
min-height: 660px;
}
.section-hero-home .title {
font-size: 60px;
}
.section-hero-home .subtitle {
font-size: 15px;
}
.section-hero-home .hero-cta {
margin-top: 55px;
}
}
@media screen and (max-width: 800px) {
.section-hero-home {
min-height: 470px;
}
.section-hero-home .title {
font-size: 40px;
}
.section-hero-home .subtitle {
font-size: 12px;
}
.section-hero-home .hero-cta {
margin-top: 45px;
}
}
.section-intro {
padding: 93px 0 83px;
}
@media screen and (max-width: 800px) {
.section-intro {
padding: 50px 0;
}
}
.section-intro .container {
display: grid;
grid-template-columns: minmax(0, 1fr) 388px;
grid-template-rows: auto minmax(0, 1fr);
row-gap: 30px;
column-gap: 50px;
}
@media screen and (max-width: 800px) {
.section-intro .container {
display: block;
}
}
.section-intro .main-container {
grid-row: 2;
grid-column: 1;
}
.section-intro .main-container > * {
max-width: 590px;
}
.section-intro .sec-container {
grid-row: 2;
grid-column: 2;
}
@media screen and (max-width: 800px) {
.section-intro .sec-container {
margin-top: 30px;
}
}
.section-intro .title {
grid-row: 1;
grid-column: 1/span 2;
margin: 0;
font-size: 14px;
line-height: calc(17 / 14);
letter-spacing: 2px;
font-weight: 700;
font-family: "Poppins", Helvetica, sans-serif;
text-transform: uppercase;
color: #58A4BC;
}
@media screen and (max-width: 800px) {
.section-intro .title {
margin-bottom: 20px;
}
}
.section-intro .subtitle {
margin: 0;
font-family: "Playfair Display", Georgia, serif;
font-size: 30px;
line-height: calc(43 / 30);
font-weight: 400;
letter-spacing: 0.03em;
}
@media screen and (max-width: 800px) {
.section-intro .subtitle {
font-size: 24px;
}
}
.section-intro .main-content {
margin-top: 20px;
font-size: 16px;
line-height: calc(30 / 16);
font-weight: 300;
}
.section-intro .main-content:first-child {
margin-top: 0;
}
@media screen and (max-width: 800px) {
.section-intro .main-content p {
margin-bottom: 15px;
}
}
.section-intro .main-content > *:last-child {
margin-bottom: 0;
}
.section-intro .secondary-content {
font-size: 16px;
line-height: calc(30 / 16);
font-weight: 400;
letter-spacing: 2px;
color: #6B6A6A;
text-transform: uppercase;
}
@media screen and (max-width: 800px) {
.section-intro .secondary-content {
font-size: 14px;
}
}
.section-intro .secondary-content:not(:last-child) {
margin-bottom: 30px;
}
.section-intro .secondary-content ul {
margin: 0;
padding: 0;
list-style: none;
}
.section-intro .secondary-content ul > li {
position: relative;
margin-bottom: 5px;
padding-left: 1em;
}
.section-intro .secondary-content ul > li:last-child {
margin-bottom: 0;
}
.section-intro .secondary-content ul > li::before {
content: "-";
position: absolute;
top: 0;
left: 0;
}
.section-glance {
color: #fff;
}
@media screen and (max-width: 800px) {
.section-glance {
overflow: hidden;
}
}
.section-glance > .outer-container {
position: relative;
background-color: #132137;
}
.section-glance > .outer-container > .container {
position: static;
}
@media screen and (max-width: 800px) {
.section-glance > .outer-container > .container {
display: flex;
flex-direction: column;
margin-inline: 0;
}
}
.section-glance .main-container {
padding: 61px 25px 87px 25px;
}
@media screen and (max-width: 800px) {
.section-glance .main-container {
padding-block: 40px;
}
}
.section-glance .main-container .title {
margin: 0 0 25px 0;
font-size: 12px;
line-height: calc(17 / 12);
letter-spacing: 2px;
font-weight: 700;
font-family: "Poppins", Helvetica, sans-serif;
text-transform: uppercase;
color: #58A4BC;
text-align: center;
}
@media screen and (max-width: 800px) {
.section-glance .main-container .title {
margin-bottom: 15px;
}
}
.section-glance .main-container .subtitle {
margin: 0 0 40px 0;
font-size: 45px;
line-height: calc(50 / 45);
font-weight: 300;
letter-spacing: 3px;
text-transform: uppercase;
text-align: center;
}
@media screen and (max-width: 800px) {
.section-glance .main-container .subtitle {
margin-bottom: 20px;
font-size: 35px;
}
}
.section-glance .main-container .facts {
width: 100%;
max-width: 1110px;
margin-inline: auto;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-template-rows: auto;
gap: 24px;
}
@media screen and (max-width: 800px) {
.section-glance .main-container .facts {
max-width: none;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.section-glance .main-container .facts > .fact {
justify-self: center;
text-align: center;
}
.section-glance .main-container .facts > .fact .value {
position: relative;
min-width: 185px;
padding-bottom: 25px;
font-family: "Playfair Display", Georgia, serif;
font-size: 55px;
line-height: calc(64 / 55);
font-weight: 400;
}
@media screen and (max-width: 800px) {
.section-glance .main-container .facts > .fact .value {
font-size: 35px;
}
}
.section-glance .main-container .facts > .fact .value::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 0;
width: 60px;
border-bottom: 4px solid #58A4BC;
margin-inline: auto;
}
.section-glance .main-container .facts > .fact .value > d {
font-size: 43px;
}
.section-glance .main-container .facts > .fact .value > qty {
font-size: 30px;
}
.section-glance .main-container .facts > .fact .value > op {
font-size: 30px;
}
.section-glance .main-container .facts > .fact .label {
margin-top: 20px;
font-family: "Poppins", Helvetica, sans-serif;
font-size: 13px;
line-height: 1.8;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
}
@media screen and (max-width: 800px) {
.section-glance .main-container .facts > .fact .label {
font-size: 12px;
}
}
.section-sectors {
position: relative;
margin-top: 112px;
padding-left: calc(68px - 25px);
}
@media screen and (max-width: 800px) {
.section-sectors {
margin-top: 50px;
}
}
.section-sectors .outer-container {
left: -21px;
}
@media screen and (max-width: 1385px) {
.section-sectors .outer-container {
left: 0;
}
}
.section-sectors .section-title {
position: absolute;
top: 0;
left: 0;
transform: translateX(-100%);
width: 68px;
height: 205px;
padding-bottom: 70px;
}
.section-sectors .section-title::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 34px;
height: 53px;
background: url(//www.catalystios.com/wp-content/themes/catalyst/images/title-arrow-down.svg) no-repeat 0 0/100% 100%;
}
.section-sectors .section-title > span {
position: absolute;
top: 0;
right: 58px;
margin: 0;
font-size: 40px;
line-height: 1;
font-weight: 400;
font-family: "Playfair Display", Georgia, serif;
transform: translateZ(0) rotate(-90deg);
transform-origin: right top;
}
.section-sectors .sectors {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
column-gap: 16px;
row-gap: 20px;
}
@media screen and (max-width: 1180px) {
.section-sectors .sectors {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media screen and (max-width: 960px) {
.section-sectors .sectors {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media screen and (max-width: 800px) {
.section-sectors .sectors {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.section-sectors .sector {
aspect-ratio: 310/320;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 30px 25px;
color: #fff;
background-color: #1F2739;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.section-sectors .sector .title {
position: relative;
margin: 0;
padding-top: 25px;
font-size: 24px;
line-height: 1;
font-weight: 400;
font-family: "Lato", Helvetica, sans-serif;
}
.section-sectors .sector .title::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 0;
width: 60px;
border-bottom: 4px solid #58A4BC;
}
.section-footer-cta {
margin-top: 25px;
padding: 64px 0;
text-align: center;
}
@media screen and (max-width: 800px) {
.section-footer-cta {
margin-top: 0;
padding: 50px 0;
}
}
.section-footer-cta .title {
margin: 0 0 30px 0;
font-size: 20px;
line-height: calc(32 / 20);
font-weight: 300;
}
@media screen and (max-width: 800px) {
.section-footer-cta .title {
font-size: 18px;
}
.section-footer-cta .title br {
display: none;
}
}
.section-footer-cta .title:last-child {
margin-bottom: 0;
}
.page-template-template-strategy .section-intro {
padding-top: 105px;
padding-bottom: 63px;
}
@media screen and (max-width: 800px) {
.page-template-template-strategy .section-intro {
padding-top: 50px;
padding-bottom: 50px;
}
}
.page-template-template-strategy .section-intro .container {
grid-template-columns: 50% auto;
column-gap: 60px;
}
.page-template-template-strategy .section-intro .main-container > * {
max-width: none;
}
.page-template-template-strategy .section-intro .sec-container .main-content:not(:last-child) {
margin-bottom: 50px;
}
@media screen and (max-width: 800px) {
.page-template-template-strategy .section-intro .sec-container .main-content:not(:last-child) {
margin-bottom: 35px;
}
}
.section-criteria {
margin-bottom: 105px;
}
@media screen and (max-width: 800px) {
.section-criteria {
margin-bottom: 50px;
}
}
.section-criteria .outer-container {
position: relative;
padding: 42px 0;
}
@media screen and (max-width: 800px) {
.section-criteria .outer-container {
padding: 0;
}
}
.section-criteria .image-wrapper {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 210px;
}
@media screen and (max-width: 800px) {
.section-criteria .image-wrapper {
position: static;
}
}
.section-criteria .image-wrapper img {
display: block;
width: 100%;
height: 100%;
max-width: none;
object-fit: cover;
}
.section-criteria .image-wrapper .caption {
float: right;
margin: 11px 0 0 0;
font-weight: 400;
font-size: 12px;
line-height: 1.33;
color: #5F99AF;
}
@media screen and (max-width: 800px) {
.section-criteria .image-wrapper .caption {
position: relative;
transform: translateY(-100%);
margin: 0;
padding: 0 5px 5px 0;
font-size: 10px;
color: #fff;
z-index: 2;
}
}
.section-criteria .content-wrapper {
position: relative;
width: 420px;
padding: 80px 40px 80px 60px;
color: #fff;
background: #132137;
z-index: 1;
}
@media screen and (max-width: 800px) {
.section-criteria .content-wrapper {
width: 100%;
padding: 30px 20px;
}
}
.section-criteria .content-wrapper .title {
margin: 0 0 10px 0;
font-size: 12px;
line-height: calc(17 / 12);
letter-spacing: 2px;
font-weight: 700;
font-family: "Poppins", Helvetica, sans-serif;
text-transform: uppercase;
color: #58A4BC;
}
.section-criteria .content-wrapper .subtitle {
margin: 0 0 20px 0;
font-size: 28px;
line-height: calc(50 / 28);
font-weight: 300;
letter-spacing: 3px;
text-transform: uppercase;
}
@media screen and (max-width: 800px) {
.section-criteria .content-wrapper .subtitle {
margin-bottom: 15px;
font-size: 22px;
}
}
.section-criteria .content-wrapper .content {
font-size: 16px;
line-height: calc(30 / 16);
font-weight: 400;
letter-spacing: 2px;
}
@media screen and (max-width: 800px) {
.section-criteria .content-wrapper .content {
font-size: 14px;
}
}
.section-criteria .content-wrapper .content ul {
margin: 0;
padding: 0;
list-style: none;
}
.section-criteria .content-wrapper .content ul > li {
position: relative;
margin-bottom: 12px;
padding-left: 1em;
text-transform: uppercase;
}
.section-criteria .content-wrapper .content ul > li:last-child {
margin-bottom: 0;
}
.section-criteria .content-wrapper .content ul > li::before {
content: "-";
position: absolute;
top: 0;
left: 0;
}
.section-criteria .content-wrapper .content > *:last-child {
margin-bottom: 0;
}
.section-diff {
margin-bottom: 105px;
}
@media screen and (max-width: 800px) {
.section-diff {
margin-bottom: 50px;
}
}
.section-diff .section-title {
margin: 0 0 55px 0;
font-size: 45px;
line-height: calc(50 / 45);
font-weight: 300;
letter-spacing: 3px;
text-align: center;
}
@media screen and (max-width: 800px) {
.section-diff .section-title {
font-size: 30px;
margin-bottom: 20px;
}
}
.section-diff .diferentiators {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 30px;
row-gap: 45px;
}
@media screen and (max-width: 960px) {
.section-diff .diferentiators {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media screen and (max-width: 800px) {
.section-diff .diferentiators {
grid-template-columns: repeat(1, minmax(0, 1fr));
row-gap: 25px;
}
}
.section-diff .diferentiators .diff {
text-align: center;
}
@media screen and (min-width: 961px) {
.section-diff .diferentiators .diff:not(:nth-child(-n+3)) {
border-top: 1px solid rgba(0, 0, 0, 0.15);
padding-top: 45px;
}
}
@media screen and (max-width: 800px) {
.section-diff .diferentiators .diff:not(:nth-child(1)) {
border-top: 1px solid rgba(0, 0, 0, 0.15);
padding-top: 20px;
}
}
.section-diff .diferentiators .diff .count {
margin-bottom: 30px;
font-family: "Playfair Display", Georgia, serif;
font-size: 55px;
line-height: calc(64 / 55);
font-weight: 400;
color: #5F99AF;
}
@media screen and (max-width: 800px) {
.section-diff .diferentiators .diff .count {
margin-bottom: 10px;
font-size: 45px;
}
}
.section-diff .diferentiators .diff .title {
margin: 0;
font-family: "Lato", Helvetica, sans-serif;
font-size: 24px;
line-height: calc(30 / 24);
font-weight: 600;
color: #132137;
}
@media screen and (max-width: 800px) {
.section-diff .diferentiators .diff .title {
font-size: 20px;
}
}
.section-diff .diferentiators .diff .subtitle {
margin-top: 12px;
font-size: 16px;
line-height: calc(30 / 16);
font-weight: 300;
color: #1F2739;
}
@media screen and (max-width: 800px) {
.section-diff .diferentiators .diff .subtitle {
font-size: 15px;
}
.section-diff .diferentiators .diff .subtitle br {
display: none;
}
}
.section-case-studies {
position: relative;
margin-bottom: 115px;
}
@media screen and (max-width: 1180px) {
.section-case-studies {
padding-left: calc(68px - 25px);
}
}
@media screen and (max-width: 800px) {
.section-case-studies {
margin-bottom: 50px;
}
}
.section-case-studies .section-title {
position: absolute;
top: 0;
left: 0;
transform: translateX(-100%);
width: 68px;
height: 300px;
padding-bottom: 70px;
white-space: nowrap;
}
.section-case-studies .section-title::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 34px;
height: 53px;
background: url(//www.catalystios.com/wp-content/themes/catalyst/images/title-arrow-down.svg) no-repeat 0 0/100% 100%;
}
.section-case-studies .section-title > span {
position: absolute;
top: 0;
right: 58px;
margin: 0;
font-size: 40px;
line-height: 1;
font-weight: 400;
font-family: "Playfair Display", Georgia, serif;
transform: translateZ(0) rotate(-90deg);
transform-origin: right top;
}
.section-case-studies .case-studies {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 30px;
}
@media screen and (max-width: 960px) {
.section-case-studies .case-studies {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media screen and (max-width: 800px) {
.section-case-studies .case-studies {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.section-case-studies .case-study {
position: relative;
overflow: hidden;
aspect-ratio: 310/320;
}
.section-case-studies .case-study .bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
transform: translateZ(0);
transition: transform 0.5s ease 0s;
}
.section-case-studies .case-study a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 40px;
color: #fff;
background-color: #1F2739;
text-decoration: none;
}
.section-case-studies .case-study a:hover .bg {
transform: translateZ(0) scale(1.1);
}
.section-case-studies .case-study .subtitle {
position: relative;
margin-bottom: 25px;
font-family: "Poppins", Helvetica, sans-serif;
font-size: 12px;
line-height: calc(16 / 12);
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
}
.section-case-studies .case-study .title {
position: relative;
margin: 0;
padding-top: 30px;
font-size: 24px;
line-height: 1;
font-weight: 400;
font-family: "Lato", Helvetica, sans-serif;
}
@media screen and (max-width: 800px) {
.section-case-studies .case-study .title {
line-height: 1.15;
}
}
.section-case-studies .case-study .title::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 0;
width: 60px;
border-bottom: 4px solid #58A4BC;
}
.section-footer-cta-alt {
margin-bottom: 77px;
}
.section-footer-cta-alt .container {
display: flex;
color: #fff;
background: #1F2739;
}
@media screen and (max-width: 800px) {
.section-footer-cta-alt .container {
display: block;
}
}
.section-footer-cta-alt .image-wrapper {
flex: 0 0 auto;
overflow: hidden;
width: 386px;
}
@media screen and (max-width: 800px) {
.section-footer-cta-alt .image-wrapper {
width: 100%;
}
}
.section-footer-cta-alt .image-wrapper img {
display: block;
width: 100%;
height: 100%;
max-width: none;
object-fit: cover;
}
.section-footer-cta-alt .content-wrapper {
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
padding: 60px 125px 60px 80px;
}
@media screen and (max-width: 1180px) {
.section-footer-cta-alt .content-wrapper {
padding: 40px 30px;
}
}
@media screen and (max-width: 960px) {
.section-footer-cta-alt .content-wrapper {
display: block;
}
}
@media screen and (max-width: 800px) {
.section-footer-cta-alt .content-wrapper {
padding: 30px 20px;
}
.section-footer-cta-alt .content-wrapper br {
display: none;
}
}
.section-footer-cta-alt .title {
margin: 0;
font-size: 20px;
line-height: 32px;
font-weight: 300;
}
.section-footer-cta-alt .title a {
color: inherit;
}
.section-footer-cta-alt .button {
color: inherit;
margin-left: 35px;
}
@media screen and (max-width: 960px) {
.section-footer-cta-alt .button {
margin-top: 30px;
margin-left: 0;
}
}
.page-template-template-responsability .section-intro {
padding-top: 105px;
padding-bottom: 85px;
}
@media screen and (max-width: 800px) {
.page-template-template-responsability .section-intro {
padding-top: 50px;
padding-bottom: 50px;
}
}
.page-template-template-responsability .section-intro .container {
grid-template-columns: 50% auto;
column-gap: 60px;
}
.page-template-template-responsability .section-intro .main-container > * {
max-width: 500px;
}
.page-template-template-responsability .section-intro .main-container .subtitle {
color: #6B6A6A;
font-style: italic;
}
.page-template-template-responsability .section-intro .sec-container .main-content {
max-width: 490px;
}
.page-template-template-responsability .section-intro .sec-container .main-content:not(:last-child) {
margin-bottom: 50px;
}
@media screen and (max-width: 1180px) {
.section-image .outer-container {
margin-inline: 0;
}
}
.section-image img {
display: block;
margin-inline: auto;
}
.section-image + .section-responsability {
margin-top: -55px;
}
@media screen and (max-width: 1180px) {
.section-image + .section-responsability {
margin-top: -35px;
}
}
@media screen and (max-width: 800px) {
.section-image + .section-responsability {
margin-top: 0;
}
}
.section-responsability {
position: relative;
margin-bottom: 84px;
}
@media screen and (max-width: 1180px) {
.section-responsability {
padding-right: calc(68px - 25px);
}
}
@media screen and (max-width: 800px) {
.section-responsability {
margin-bottom: 50px;
padding-right: 0;
}
}
.section-responsability .section-title {
position: absolute;
top: 80px;
right: -10px;
transform: translateX(100%);
width: 68px;
height: 340px;
padding-bottom: 70px;
color: #1F2739;
white-space: nowrap;
}
@media screen and (max-width: 1180px) {
.section-responsability .section-title {
right: 0;
}
}
@media screen and (max-width: 800px) {
.section-responsability .section-title {
display: none;
}
}
.section-responsability .section-title::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 34px;
height: 53px;
background: url(//www.catalystios.com/wp-content/themes/catalyst/images/title-arrow-down.svg) no-repeat 0 0/100% 100%;
}
.section-responsability .section-title > span {
position: absolute;
top: 0;
right: 58px;
margin: 0;
font-size: 40px;
line-height: 1;
font-weight: 400;
font-family: "Playfair Display", Georgia, serif;
transform: translateZ(0) rotate(-90deg);
transform-origin: right top;
}
.section-responsability > .responsability-container {
position: relative;
width: 100%;
max-width: 1168px;
margin-left: auto;
margin-right: auto;
padding: 85px 25px;
color: #fff;
background: #1F2739;
}
@media screen and (max-width: 1218px) {
.section-responsability > .responsability-container {
width: auto;
max-width: none;
margin-left: 25px;
margin-right: 25px;
}
}
@media screen and (max-width: 800px) {
.section-responsability > .responsability-container {
margin-inline: 0;
padding-top: 30px;
padding-bottom: 30px;
}
}
.section-responsability .responsabilities {
width: 100%;
max-width: 940px;
margin: 0 auto;
}
.section-responsability .responsability {
display: flex;
column-gap: 50px;
border-top: 1px solid #5F99AF;
padding-top: 30px;
}
@media screen and (max-width: 960px) {
.section-responsability .responsability {
display: block;
}
}
.section-responsability .responsability:not(:last-child) {
margin-bottom: 60px;
}
.section-responsability .responsability .title {
flex: 0 0 auto;
width: 355px;
margin: 0;
font-family: "Lato", Helvetica, sans-serif;
font-size: 28px;
line-height: calc(35 / 28);
font-weight: 300;
letter-spacing: 3px;
text-transform: uppercase;
}
@media screen and (max-width: 960px) {
.section-responsability .responsability .title {
width: 100%;
margin-bottom: 25px;
}
}
.section-responsability .responsability .content {
flex: 1;
font-size: 16px;
line-height: calc(30 / 16);
font-weight: 300;
}
.section-responsability .responsability .content h4 {
margin: 0;
font-size: 16px;
line-height: calc(30 / 16);
font-weight: 600;
}
.section-responsability .responsability .content p {
margin-bottom: 40px;
}
.section-responsability .responsability .content > *:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 800px) {
.page-template-template-team .section-page-header .subtitle {
width: 100%;
max-width: 280px;
margin-inline: auto;
}
}
.section-page-header {
margin-top: 85px;
margin-bottom: 80px;
text-align: center;
}
@media screen and (max-width: 800px) {
.section-page-header {
margin-top: 50px;
margin-bottom: 50px;
}
}
.section-page-header .title {
margin: 0;
font-size: 45px;
line-height: calc(50 / 45);
font-weight: 300;
letter-spacing: 3px;
text-transform: uppercase;
}
@media screen and (max-width: 800px) {
.section-page-header .title {
font-size: 36px;
}
}
.section-page-header p {
margin: 10px 0 0 0;
font-size: 20px;
line-height: calc(32 / 20);
font-weight: 300;
}
@media screen and (max-width: 800px) {
.section-page-header p {
font-size: 16px;
}
}
.section-team {
margin-bottom: 66px;
}
.leadership {
margin-bottom: 54px;
display: flex;
flex-flow: row wrap;
justify-content: center;
column-gap: 54px;
row-gap: 51px;
}
@media screen and (max-width: 960px) {
.leadership {
column-gap: 30px;
}
}
.leadership .team-member {
flex: 0 0 auto;
width: calc(33.33% - 36px);
}
@media screen and (max-width: 960px) {
.leadership .team-member {
width: calc(50% - 15px);
}
}
@media screen and (max-width: 800px) {
.leadership .team-member {
width: 100%;
}
}
.team-members {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 54px;
row-gap: 51px;
}
@media screen and (max-width: 960px) {
.team-members {
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 30px;
}
}
@media screen and (max-width: 800px) {
.team-members {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.team-member .img {
overflow: hidden;
position: relative;
display: block;
}
.team-member .img img {
display: block;
width: 100%;
transform: translateZ(0);
transition: opacity 0.5s ease 0s, transform 0.5s ease 0s;
}
.team-member .img .default {
filter: grayscale(1);
}
.team-member .img .hover {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.team-member a {
display: block;
text-decoration: none;
}
.team-member a:hover .img img {
transform: scale(1.025);
}
.team-member a:hover .img .hover {
opacity: 1;
}
.team-member .content {
position: relative;
display: block;
padding: 17px 100px 34px 22px;
color: #fff;
background: #1F2739;
}
.team-member .content .title {
display: block;
font-size: 24px;
line-height: calc(55 / 24);
font-weight: 300;
}
.team-member .content .position {
display: block;
font-family: "Poppins", Helvetica, sans-serif;
font-size: 12px;
line-height: calc(16 / 12);
font-weight: 600;
letter-spacing: 1px;
color: #5F99AF;
text-transform: uppercase;
}
.team-member-modal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
align-items: center;
padding: 20px 25px;
z-index: 200;
background: rgba(31, 39, 57, 0.9);
overflow-y: auto;
overscroll-behavior-y: contain;
opacity: 0;
visibility: hidden;
transition: opacity 0.35s ease 0s, visibility 0.35s ease 0s;
}
html.team-modal-active .team-member-modal {
opacity: 1;
visibility: visible;
transition-delay: 0.25s;
}
.team-member-modal .content {
position: relative;
width: 100%;
max-width: 1314px;
margin: auto;
padding: 90px 80px 80px 80px;
background: #fff;
}
@media screen and (max-width: 800px) {
.team-member-modal .content {
padding: 60px 30px 30px 30px;
}
}
.team-member-modal .content [id=team-member-detail] {
display: grid;
grid-template-columns: minmax(0, 1fr) 405px;
grid-template-rows: auto;
}
.team-member-modal .content [id=team-member-detail] .title {
grid-column: 1;
grid-row: 1;
}
.team-member-modal .content [id=team-member-detail] .subtitle {
grid-column: 1;
grid-row: 2;
}
.team-member-modal .content [id=team-member-detail] .content-wrapper {
grid-column: 1;
grid-row: 3;
}
.team-member-modal .content [id=team-member-detail] .image-wrapper {
grid-column: 2;
grid-row: 1/span 100;
}
@media screen and (max-width: 960px) {
.team-member-modal .content [id=team-member-detail] {
grid-template-columns: minmax(0, 1fr);
}
.team-member-modal .content [id=team-member-detail] .title {
grid-column: 1;
grid-row: 1;
}
.team-member-modal .content [id=team-member-detail] .subtitle {
grid-column: 1;
grid-row: 2;
}
.team-member-modal .content [id=team-member-detail] .content-wrapper {
grid-column: 1;
grid-row: 4;
}
.team-member-modal .content [id=team-member-detail] .image-wrapper {
grid-column: 1;
grid-row: 3;
}
}
.team-member-modal .close {
display: block;
width: 34px;
height: 34px;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
position: absolute;
top: 28px;
right: 30px;
overflow: hidden;
text-indent: -99999em;
background: url(//www.catalystios.com/wp-content/themes/catalyst/images/close-btn.svg) no-repeat 0 0/100% 100%;
z-index: 1;
cursor: pointer;
}
@media screen and (max-width: 800px) {
.team-member-modal .close {
top: 15px;
right: 15px;
}
}
.team-member-modal .content-wrapper {
padding-right: 95px;
padding-top: 45px;
}
@media screen and (max-width: 960px) {
.team-member-modal .content-wrapper {
padding-right: 0;
padding-top: 25px;
}
}
@media screen and (max-width: 960px) {
.team-member-modal .image-wrapper {
margin-top: 25px;
}
}
.team-member-modal .title {
margin: 0;
font-size: 48px;
line-height: calc(55 / 48);
font-weight: 300;
letter-spacing: -1px;
color: #27343E;
text-indent: -4px;
}
@media screen and (max-width: 800px) {
.team-member-modal .title {
font-size: 35px;
text-indent: -2px;
}
}
.team-member-modal .subtitle {
margin: 10px 0 0 0;
font-family: "Poppins", Helvetica, sans-serif;
font-size: 12px;
line-height: calc(16 / 12);
font-weight: 600;
letter-spacing: 1px;
color: #5F99AF;
text-transform: uppercase;
}
.team-member-modal .description {
font-size: 18px;
line-height: calc(32 / 18);
font-weight: 300;
}
@media screen and (max-width: 800px) {
.team-member-modal .description {
font-size: 16px;
}
}
.team-member-modal .description h1, .team-member-modal .description h2, .team-member-modal .description h3, .team-member-modal .description h4 {
margin: 0 0 30px 0;
font-size: 24px;
font-weight: 300;
line-height: 38px;
color: #061122;
}
.team-member-modal .description p {
margin-bottom: 30px;
}
@media screen and (max-width: 800px) {
.team-member-modal .description p {
margin-bottom: 15px;
}
}
.team-member-modal .description > *:last-child {
margin-bottom: 0;
}
.page-template-template-press .section-page-header {
margin-bottom: 35px;
}
.section-articles {
margin-bottom: 155px;
}
@media screen and (max-width: 800px) {
.section-articles {
margin-bottom: 70px;
}
}
.section-articles .articles {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 55px;
row-gap: 60px;
}
@media screen and (max-width: 960px) {
.section-articles .articles {
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 30px;
row-gap: 50px;
}
}
@media screen and (max-width: 800px) {
.section-articles .articles {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.section-articles .articles .article {
position: relative;
display: flex;
flex-direction: column;
padding-bottom: 30px;
border-bottom: 3px solid #F3F4F5;
}
.section-articles .articles .article .image {
overflow: hidden;
aspect-ratio: 608/455;
}
.section-articles .articles .article .image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transform: translateZ(0);
transition: transform 0.5s ease 0s;
}
.section-articles .articles .article .meta {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
margin: 20px 0;
font-family: "Poppins", Helvetica, sans-serif;
font-size: 12px;
line-height: calc(16 / 12);
font-weight: 600;
letter-spacing: 1px;
color: #5F99AF;
text-transform: uppercase;
}
.section-articles .articles .article .title {
margin: 0 0 10px 0;
font-size: 28px;
line-height: calc(34 / 28);
font-weight: 300;
color: #27343E;
}
@media screen and (max-width: 800px) {
.section-articles .articles .article .title {
font-size: 24px;
}
}
.section-articles .articles .article .description {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 35px;
font-size: 16px;
line-height: calc(25 / 16);
font-weight: 300;
color: #1F2739;
}
@media screen and (max-width: 800px) {
.section-articles .articles .article .description {
-webkit-line-clamp: none !important;
}
}
.section-articles .articles .article .article-cta {
line-height: 1;
display: block;
margin-top: auto;
}
.section-articles .articles .article .article-cta::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.section-articles .articles .article:hover .image img {
transform: scale(1.025);
}
form ul, form ol {
margin: 0;
padding: 0;
list-style-type: none;
}
input[type=text],
input[type=email],
input[type=tel],
input[type=password],
input.text,
textarea,
select {
display: block;
width: 100%;
max-width: 100%;
margin: 0;
padding: 19px 25px;
font-size: 16px;
background: transparent;
border: 1px solid #5F99AF;
border-radius: 0;
color: #fff;
appearance: none;
-webkit-appearance: none;
font-family: "Lato", Helvetica, sans-serif;
}
input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input.text::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
opacity: 0.6;
color: #D9D9D9;
}
input[type=text]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input.text:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder {
opacity: 0.6;
color: #D9D9D9;
}
input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input.text::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
opacity: 0.6;
color: #D9D9D9;
}
input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input.text:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
opacity: 0.6;
color: #D9D9D9;
}
textarea {
resize: none;
min-height: 204px;
}
select {
padding-right: 35px;
background-repeat: no-repeat;
background-image: url(//www.catalystios.com/wp-content/themes/catalyst/images/arrow-dropdown.svg);
background-position: right 5px center;
background-size: 26px 21px;
}
.gform_wrapper .gform_heading {
margin-bottom: 30px;
}
.gform_wrapper .gform_heading .gform_title,
.gform_wrapper .gform_heading .gform_description {
display: inline-block;
margin: 0;
font-size: 16px;
line-height: calc(32 / 16);
font-weight: 300;
}
@media screen and (max-width: 800px) {
.gform_wrapper .gform_heading .gform_title,
.gform_wrapper .gform_heading .gform_description {
display: block;
}
}
.gform_wrapper .gform_heading .gform_title {
margin-right: 15px;
font-weight: 700;
letter-spacing: 1px;
}
.gform_wrapper .gform_heading .gform_description {
letter-spacing: 0.2px;
}
.gform_wrapper .gform_validation_errors ~ .gform_heading {
display: none;
}
.gform_wrapper .gform_validation_errors h2 {
margin: 0;
margin-bottom: 20px;
font-size: 18px;
line-height: calc(32 / 16);
font-weight: 400;
}
.gform_confirmation_wrapper {
margin: auto;
}
.gform_confirmation_message {
font-size: 22px;
line-height: calc(32 / 16);
font-weight: 300;
text-align: center;
}
@media screen and (max-width: 800px) {
.gform_confirmation_message {
font-size: 20px;
}
}
.gfield {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
margin-bottom: 30px;
}
@media screen and (max-width: 800px) {
.gfield {
margin-bottom: 20px;
}
}
.gfield.gfield--type-textarea {
margin-bottom: 20px;
}
.gfield.full {
clear: both;
width: 100%;
}
.gfield.first {
clear: left;
}
.gfield.half, .gfield.third, .gfield.fourth, .gfield.fifth {
padding-right: 8px;
}
.gfield.half.last, .gfield.third.last, .gfield.fourth.last, .gfield.fifth.last {
padding-right: 0;
padding-left: 8px;
}
@media screen and (max-width: 800px) {
.gfield.half.last, .gfield.third.last, .gfield.fourth.last, .gfield.fifth.last {
padding-left: 0;
}
}
.gfield.half {
float: left;
width: 50%;
}
.gfield.third {
float: left;
width: 33.33%;
}
.gfield.fourth {
float: left;
width: 25%;
}
.gfield.fifth {
float: left;
width: 20%;
}
.gfield label {
display: block;
margin: 0;
font-weight: 400;
font-size: 12px;
line-height: 18px;
color: #D9D9D9;
font-family: "Lato", Helvetica, sans-serif;
}
.gfield label + .ginput_container_textarea {
margin-top: 15px;
}
.gfield:not(.gfield--type-choice) label {
position: absolute;
opacity: 0;
z-index: -1;
pointer-events: none;
}
.gfield input {
width: 100%;
}
.gfield select {
width: 100%;
}
.gfield.gfield_error input,
.gfield.gfield_error .custom-select {
border-color: #c00;
}
.gfield .gfield_required_text {
position: relative;
display: inline-block;
vertical-align: top;
width: 1em;
overflow: hidden;
text-indent: -99999em;
color: inherit;
}
.gfield .gfield_required_text:after {
content: "*";
position: absolute;
left: 0;
top: 0;
text-indent: 0;
}
.gfield.gfield--type-consent {
position: relative;
border: 0;
padding: 0;
margin-inline: 0;
}
.gfield.gfield--type-consent > legend {
float: left;
position: absolute;
z-index: -1;
opacity: 0;
pointer-events: none;
}
.gfield.gfield--type-consent .ginput_container_consent {
margin-right: 200px;
padding-top: 15px;
}
@media screen and (max-width: 800px) {
.gfield.gfield--type-consent .ginput_container_consent {
margin-right: 0;
}
}
.gfield.gfield--type-consent .ginput_container_consent label {
position: relative;
display: block;
padding-left: 40px;
font-size: 12px;
line-height: calc(18 / 12);
font-weight: 400;
cursor: pointer;
}
.gfield.gfield--type-consent .ginput_container_consent label::before {
content: "";
position: absolute;
top: 3px;
left: 0;
width: 21px;
height: 21px;
border: 1px solid #5F99AF;
}
.gfield.gfield--type-consent .ginput_container_consent label::after {
content: "";
position: absolute;
top: 7px;
left: 4px;
width: 13px;
height: 13px;
background: #DEB406;
opacity: 0;
}
.gfield.gfield--type-consent .ginput_container_consent input {
position: absolute;
z-index: -1;
opacity: 0;
pointer-events: none;
}
.gfield.gfield--type-consent .ginput_container_consent input:checked + label::after {
opacity: 1;
}
.gfield.gfield--type-consent.gfield_error .ginput_container_consent label:before {
border-color: #c00;
}
.gfield .validation_message {
display: none;
}
@media screen and (max-width: 800px) {
.gfield.half, .gfield.third, .gfield.fourth, .gfield.fifth {
width: 100%;
float: none;
padding-right: 0;
padding-left: 0;
}
}
.gform_footer {
float: right;
margin: 0;
margin-top: -80px;
}
@media screen and (max-width: 800px) {
.gform_footer {
margin-top: 20px;
}
}
.gform_footer input[type=submit] {
padding-right: 65px;
color: #fff;
background-repeat: no-repeat;
background-position: right 29px center;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='19'%20height='16'%20viewBox='0%200%2019%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M18.7071%208.70711C19.0976%208.31658%2019.0976%207.68342%2018.7071%207.29289L12.3431%200.928931C11.9526%200.538407%2011.3195%200.538407%2010.9289%200.928931C10.5384%201.31946%2010.5384%201.95262%2010.9289%202.34314L16.5858%208L10.9289%2013.6569C10.5384%2014.0474%2010.5384%2014.6805%2010.9289%2015.0711C11.3195%2015.4616%2011.9526%2015.4616%2012.3431%2015.0711L18.7071%208.70711ZM8.74228e-08%209L18%209L18%207L-8.74228e-08%207L8.74228e-08%209Z'%20fill='%23DEB406'/%3E%3C/svg%3E");
background-size: 19px 16px;
}
.gform_footer input[type=submit]:hover, .gform_footer input[type=submit]:focus-visible {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='19'%20height='16'%20viewBox='0%200%2019%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M18.7071%208.70711C19.0976%208.31658%2019.0976%207.68342%2018.7071%207.29289L12.3431%200.928931C11.9526%200.538407%2011.3195%200.538407%2010.9289%200.928931C10.5384%201.31946%2010.5384%201.95262%2010.9289%202.34314L16.5858%208L10.9289%2013.6569C10.5384%2014.0474%2010.5384%2014.6805%2010.9289%2015.0711C11.3195%2015.4616%2011.9526%2015.4616%2012.3431%2015.0711L18.7071%208.70711ZM8.74228e-08%209L18%209L18%207L-8.74228e-08%207L8.74228e-08%209Z'%20fill='%23fff'/%3E%3C/svg%3E");
}
.section-contact {
margin-top: 100px;
margin-bottom: 95px;
}
@media screen and (max-width: 1180px) {
.section-contact {
margin-top: 85px;
margin-bottom: 50px;
}
}
@media screen and (max-width: 800px) {
.section-contact {
margin-top: 50px;
margin-bottom: 0;
}
}
.section-contact > .container {
display: flex;
gap: 100px;
}
@media screen and (max-width: 1180px) {
.section-contact > .container {
gap: 50px;
}
}
@media screen and (max-width: 960px) {
.section-contact > .container {
flex-direction: column;
gap: 50px;
}
}
.section-contact .connect {
flex: 0 0 auto;
width: 265px;
}
@media screen and (max-width: 960px) {
.section-contact .connect {
width: 100%;
}
}
.section-contact .connect h1.title {
margin: 0 0 38px 0;
font-size: 45px;
line-height: calc(50 / 45);
font-weight: 300;
letter-spacing: 3px;
text-transform: uppercase;
color: #1F2739;
}
@media screen and (max-width: 800px) {
.section-contact .connect h1.title {
font-size: 35px;
}
}
.section-contact .connect h2.title {
margin: 0 0 20px 0;
font-family: "Poppins", Helvetica, sans-serif;
font-size: 12px;
line-height: calc(16 / 12);
font-weight: 600;
letter-spacing: 1px;
color: #5F99AF;
text-transform: uppercase;
}
.section-contact .connect .connect-r > div {
position: relative;
font-size: 16px;
line-height: calc(20 / 16);
font-weight: 300;
}
.section-contact .connect .connect-r > div:not(:last-child) {
margin-bottom: 30px;
padding-bottom: 25px;
}
.section-contact .connect .connect-r > div:not(:last-child)::after {
content: "";
height: 0;
position: absolute;
left: 0;
right: 0;
bottom: 0;
border-bottom: 1px solid rgba(63, 96, 116, 0.2);
}
.section-contact .connect .connect-r .item {
position: relative;
padding-left: 36px;
text-decoration: none;
color: inherit;
}
.section-contact .connect .connect-r .item:not(:last-child) {
margin-bottom: 20px;
}
.section-contact .connect .connect-r .item::before {
content: "";
position: absolute;
top: 2px;
left: 0;
width: 18px;
height: 18px;
background-repeat: no-repeat;
background-position: 0 0;
background-size: 100% auto;
}
.section-contact .connect .connect-r .item.address:before {
background-image: url(//www.catalystios.com/wp-content/themes/catalyst/images/icon-location.svg);
}
.section-contact .connect .connect-r .item.phone:before {
background-image: url(//www.catalystios.com/wp-content/themes/catalyst/images/icon-phone.svg);
}
.section-contact .connect .connect-r .item.email:before {
background-image: url(//www.catalystios.com/wp-content/themes/catalyst/images/icon-email.svg);
}
.section-contact .connect .connect-r .item.linkedin:before {
background-image: url(//www.catalystios.com/wp-content/themes/catalyst/images/icon-linkedin.svg);
}
.section-contact .connect .connect-r .item a {
text-decoration: none;
color: inherit;
}
.section-contact .contact-form {
flex: 1;
display: flex;
flex-direction: column;
padding: 65px 85px 80px 85px;
color: #fff;
background-color: #1F2739;
}
@media screen and (max-width: 1180px) {
.section-contact .contact-form {
padding: 50px 30px;
}
}
@media screen and (max-width: 800px) {
.section-contact .contact-form {
margin-inline: -25px;
padding: 30px 25px;
}
}
.section-footer-image {
height: 430px;
}
@media screen and (max-width: 1180px) {
.section-footer-image {
height: 350px;
}
}
@media screen and (max-width: 800px) {
.section-footer-image {
height: 170px;
}
}
.section-footer-image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
background-position: center bottom;
}
.page-template-template-portfolio #main {
display: flex;
flex-direction: column;
}
.page-template-template-portfolio .section-page-header {
margin-top: 51px;
margin-bottom: 51px;
}
.page-template-template-portfolio .section-map {
order: -1;
}
.section-map {
overflow: hidden;
position: relative;
padding: 8px 0 50px 0;
color: #fff;
background-color: #1F2739;
}
@media screen and (max-width: 800px) {
.section-map {
padding-top: 30px;
margin-bottom: 0;
}
}
.section-map .wrapper-container {
position: relative;
min-height: 444px;
display: flex;
align-items: center;
width: 100%;
max-width: 992px;
margin-inline: auto;
}
@media screen and (max-width: 800px) {
.section-map .wrapper-container {
min-height: 0;
display: block;
}
}
.section-map .content-container {
max-width: 640px;
position: relative;
top: -70px;
}
@media screen and (max-width: 800px) {
.section-map .content-container {
top: auto;
}
}
.section-map .image-container {
position: absolute;
top: 0;
right: 0;
height: 100%;
max-width: 90%;
aspect-ratio: 774/444;
}
@media screen and (max-width: 800px) {
.section-map .image-container {
max-width: 100%;
position: static;
margin-top: 50px;
}
}
.section-map .image-container img {
display: block;
width: 100%;
height: 100%;
}
.section-map .title {
margin: 0;
font-family: "Playfair Display", Georgia, serif;
font-size: 30px;
line-height: calc(43 / 30);
font-weight: 400;
letter-spacing: 0.03em;
}
@media screen and (max-width: 800px) {
.section-map .title {
font-size: 24px;
}
}
.section-map .subtitle {
margin: 0 0 35px 0;
font-family: "Poppins", Helvetica, sans-serif;
font-size: 14px;
line-height: calc(17 / 14);
font-weight: 700;
letter-spacing: 2px;
color: #58A4BC;
text-transform: uppercase;
}
@media screen and (max-width: 800px) {
.section-map .subtitle {
margin-bottom: 15px;
}
}
.section-portfolio {
margin-bottom: 50px;
}
.section-portfolio .properties {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
column-gap: 20px;
row-gap: 15px;
}
@media screen and (min-width: 1181px) {
.section-portfolio .properties {
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 54px;
row-gap: 22px;
}
.section-portfolio .properties .property-content {
grid-column: 1/span 3;
grid-row: 2;
}
}
@media screen and (min-width: 801px) and (max-width: 1180px) {
.section-portfolio .properties {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.section-portfolio .properties .property-content {
grid-column: 1/span 2;
grid-row: 2;
}
}
.section-portfolio .property-tile {
position: relative;
cursor: pointer;
}
.section-portfolio .property-tile .tile-image {
overflow: hidden;
aspect-ratio: 404/304;
background-color: #F3F4F5;
}
.section-portfolio .property-tile .tile-image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease 0s;
}
.section-portfolio .property-tile .tile-content {
position: relative;
padding: 15px 100px 35px 30px;
color: #27343E;
background-color: #fff;
transition: color 0.5s ease 0s, background-color 0.5s ease 0s;
}
@media screen and (max-width: 800px) {
.section-portfolio .property-tile .tile-content.tile-content.tile-content {
padding: 10px 20px 25px 20px;
color: #fff;
background-color: #1F2739;
}
.section-portfolio .property-tile .tile-content.tile-content.tile-content:after {
opacity: 1;
}
}
.section-portfolio .property-tile .tile-content::after {
content: "";
position: absolute;
right: 15px;
bottom: 31px;
width: 31px;
height: 24px;
background: url(//www.catalystios.com/wp-content/themes/catalyst/images/arrow-right.svg) no-repeat 0 0/100% 100%;
transition: opacity 0.25s ease 0s;
}
@media screen and (max-width: 800px) {
.section-portfolio .property-tile .tile-content::after {
bottom: 20px;
}
}
.section-portfolio .property-tile .tile-content .title {
margin: 0;
font-size: 24px;
line-height: calc(55 / 24);
font-weight: 300;
}
@media screen and (max-width: 800px) {
.section-portfolio .property-tile .tile-content .title {
font-size: 18px;
}
}
.section-portfolio .property-tile .tile-content .location {
margin: 2px 0 0 0;
font-family: "Poppins", Helvetica, sans-serif;
font-size: 12px;
line-height: calc(16 / 12);
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
color: #5F99AF;
}
.section-portfolio .property-tile:hover .tile-image img {
transform: scale(1.025);
}
.section-portfolio .property-tile:hover .tile-content {
color: #fff;
background-color: #1F2739;
}
.section-portfolio .property-tile:hover .tile-content:after {
opacity: 0;
}
@media screen and (min-width: 1181px) {
.section-portfolio .property-tile:nth-child(7) ~ .property-content {
grid-row: 4;
}
.section-portfolio .property-tile:nth-child(13) ~ .property-content {
grid-row: 6;
}
.section-portfolio .property-tile:nth-child(19) ~ .property-content {
grid-row: 8;
}
.section-portfolio .property-tile:nth-child(25) ~ .property-content {
grid-row: 10;
}
.section-portfolio .property-tile:nth-child(31) ~ .property-content {
grid-row: 12;
}
.section-portfolio .property-tile:nth-child(37) ~ .property-content {
grid-row: 14;
}
.section-portfolio .property-tile:nth-child(43) ~ .property-content {
grid-row: 16;
}
.section-portfolio .property-tile:nth-child(49) ~ .property-content {
grid-row: 18;
}
.section-portfolio .property-tile:nth-child(55) ~ .property-content {
grid-row: 20;
}
.section-portfolio .property-tile:nth-child(61) ~ .property-content {
grid-row: 22;
}
.section-portfolio .property-tile:nth-child(67) ~ .property-content {
grid-row: 24;
}
.section-portfolio .property-tile:nth-child(73) ~ .property-content {
grid-row: 26;
}
.section-portfolio .property-tile:nth-child(79) ~ .property-content {
grid-row: 28;
}
.section-portfolio .property-tile:nth-child(85) ~ .property-content {
grid-row: 30;
}
.section-portfolio .property-tile:nth-child(91) ~ .property-content {
grid-row: 32;
}
.section-portfolio .property-tile:nth-child(97) ~ .property-content {
grid-row: 34;
}
.section-portfolio .property-tile:nth-child(103) ~ .property-content {
grid-row: 36;
}
.section-portfolio .property-tile:nth-child(109) ~ .property-content {
grid-row: 38;
}
.section-portfolio .property-tile:nth-child(115) ~ .property-content {
grid-row: 40;
}
.section-portfolio .property-tile:nth-child(121) ~ .property-content {
grid-row: 42;
}
.section-portfolio .property-tile:nth-child(127) ~ .property-content {
grid-row: 44;
}
.section-portfolio .property-tile:nth-child(133) ~ .property-content {
grid-row: 46;
}
.section-portfolio .property-tile:nth-child(139) ~ .property-content {
grid-row: 48;
}
.section-portfolio .property-tile:nth-child(145) ~ .property-content {
grid-row: 50;
}
.section-portfolio .property-tile:nth-child(151) ~ .property-content {
grid-row: 52;
}
.section-portfolio .property-tile:nth-child(157) ~ .property-content {
grid-row: 54;
}
.section-portfolio .property-tile:nth-child(163) ~ .property-content {
grid-row: 56;
}
.section-portfolio .property-tile:nth-child(169) ~ .property-content {
grid-row: 58;
}
.section-portfolio .property-tile:nth-child(175) ~ .property-content {
grid-row: 60;
}
.section-portfolio .property-tile:nth-child(181) ~ .property-content {
grid-row: 62;
}
.section-portfolio .property-tile:nth-child(187) ~ .property-content {
grid-row: 64;
}
.section-portfolio .property-tile:nth-child(193) ~ .property-content {
grid-row: 66;
}
.section-portfolio .property-tile:nth-child(199) ~ .property-content {
grid-row: 68;
}
.section-portfolio .property-tile:nth-child(205) ~ .property-content {
grid-row: 70;
}
.section-portfolio .property-tile:nth-child(211) ~ .property-content {
grid-row: 72;
}
.section-portfolio .property-tile:nth-child(217) ~ .property-content {
grid-row: 74;
}
.section-portfolio .property-tile:nth-child(223) ~ .property-content {
grid-row: 76;
}
.section-portfolio .property-tile:nth-child(229) ~ .property-content {
grid-row: 78;
}
.section-portfolio .property-tile:nth-child(235) ~ .property-content {
grid-row: 80;
}
.section-portfolio .property-tile:nth-child(241) ~ .property-content {
grid-row: 82;
}
.section-portfolio .property-tile:nth-child(247) ~ .property-content {
grid-row: 84;
}
.section-portfolio .property-tile:nth-child(253) ~ .property-content {
grid-row: 86;
}
.section-portfolio .property-tile:nth-child(259) ~ .property-content {
grid-row: 88;
}
.section-portfolio .property-tile:nth-child(265) ~ .property-content {
grid-row: 90;
}
.section-portfolio .property-tile:nth-child(271) ~ .property-content {
grid-row: 92;
}
.section-portfolio .property-tile:nth-child(277) ~ .property-content {
grid-row: 94;
}
.section-portfolio .property-tile:nth-child(283) ~ .property-content {
grid-row: 96;
}
.section-portfolio .property-tile:nth-child(289) ~ .property-content {
grid-row: 98;
}
.section-portfolio .property-tile:nth-child(295) ~ .property-content {
grid-row: 100;
}
.section-portfolio .property-tile:nth-child(301) ~ .property-content {
grid-row: 102;
}
.section-portfolio .property-tile:nth-child(307) ~ .property-content {
grid-row: 104;
}
.section-portfolio .property-tile:nth-child(313) ~ .property-content {
grid-row: 106;
}
.section-portfolio .property-tile:nth-child(319) ~ .property-content {
grid-row: 108;
}
.section-portfolio .property-tile:nth-child(325) ~ .property-content {
grid-row: 110;
}
.section-portfolio .property-tile:nth-child(331) ~ .property-content {
grid-row: 112;
}
.section-portfolio .property-tile:nth-child(337) ~ .property-content {
grid-row: 114;
}
.section-portfolio .property-tile:nth-child(343) ~ .property-content {
grid-row: 116;
}
.section-portfolio .property-tile:nth-child(349) ~ .property-content {
grid-row: 118;
}
.section-portfolio .property-tile:nth-child(355) ~ .property-content {
grid-row: 120;
}
.section-portfolio .property-tile:nth-child(361) ~ .property-content {
grid-row: 122;
}
.section-portfolio .property-tile:nth-child(367) ~ .property-content {
grid-row: 124;
}
.section-portfolio .property-tile:nth-child(373) ~ .property-content {
grid-row: 126;
}
.section-portfolio .property-tile:nth-child(379) ~ .property-content {
grid-row: 128;
}
.section-portfolio .property-tile:nth-child(385) ~ .property-content {
grid-row: 130;
}
.section-portfolio .property-tile:nth-child(391) ~ .property-content {
grid-row: 132;
}
.section-portfolio .property-tile:nth-child(397) ~ .property-content {
grid-row: 134;
}
.section-portfolio .property-tile:nth-child(403) ~ .property-content {
grid-row: 136;
}
.section-portfolio .property-tile:nth-child(409) ~ .property-content {
grid-row: 138;
}
.section-portfolio .property-tile:nth-child(415) ~ .property-content {
grid-row: 140;
}
.section-portfolio .property-tile:nth-child(421) ~ .property-content {
grid-row: 142;
}
.section-portfolio .property-tile:nth-child(427) ~ .property-content {
grid-row: 144;
}
.section-portfolio .property-tile:nth-child(433) ~ .property-content {
grid-row: 146;
}
.section-portfolio .property-tile:nth-child(439) ~ .property-content {
grid-row: 148;
}
.section-portfolio .property-tile:nth-child(445) ~ .property-content {
grid-row: 150;
}
.section-portfolio .property-tile:nth-child(451) ~ .property-content {
grid-row: 152;
}
.section-portfolio .property-tile:nth-child(457) ~ .property-content {
grid-row: 154;
}
.section-portfolio .property-tile:nth-child(463) ~ .property-content {
grid-row: 156;
}
.section-portfolio .property-tile:nth-child(469) ~ .property-content {
grid-row: 158;
}
.section-portfolio .property-tile:nth-child(475) ~ .property-content {
grid-row: 160;
}
.section-portfolio .property-tile:nth-child(481) ~ .property-content {
grid-row: 162;
}
.section-portfolio .property-tile:nth-child(487) ~ .property-content {
grid-row: 164;
}
.section-portfolio .property-tile:nth-child(493) ~ .property-content {
grid-row: 166;
}
.section-portfolio .property-tile:nth-child(499) ~ .property-content {
grid-row: 168;
}
.section-portfolio .property-tile:nth-child(505) ~ .property-content {
grid-row: 170;
}
.section-portfolio .property-tile:nth-child(511) ~ .property-content {
grid-row: 172;
}
.section-portfolio .property-tile:nth-child(517) ~ .property-content {
grid-row: 174;
}
.section-portfolio .property-tile:nth-child(523) ~ .property-content {
grid-row: 176;
}
.section-portfolio .property-tile:nth-child(529) ~ .property-content {
grid-row: 178;
}
.section-portfolio .property-tile:nth-child(535) ~ .property-content {
grid-row: 180;
}
.section-portfolio .property-tile:nth-child(541) ~ .property-content {
grid-row: 182;
}
.section-portfolio .property-tile:nth-child(547) ~ .property-content {
grid-row: 184;
}
.section-portfolio .property-tile:nth-child(553) ~ .property-content {
grid-row: 186;
}
.section-portfolio .property-tile:nth-child(559) ~ .property-content {
grid-row: 188;
}
.section-portfolio .property-tile:nth-child(565) ~ .property-content {
grid-row: 190;
}
.section-portfolio .property-tile:nth-child(571) ~ .property-content {
grid-row: 192;
}
.section-portfolio .property-tile:nth-child(577) ~ .property-content {
grid-row: 194;
}
.section-portfolio .property-tile:nth-child(583) ~ .property-content {
grid-row: 196;
}
.section-portfolio .property-tile:nth-child(589) ~ .property-content {
grid-row: 198;
}
.section-portfolio .property-tile:nth-child(595) ~ .property-content {
grid-row: 200;
}
.section-portfolio .property-tile:nth-child(601) ~ .property-content {
grid-row: 202;
}
.section-portfolio .property-tile:nth-child(607) ~ .property-content {
grid-row: 204;
}
.section-portfolio .property-tile:nth-child(613) ~ .property-content {
grid-row: 206;
}
.section-portfolio .property-tile:nth-child(619) ~ .property-content {
grid-row: 208;
}
.section-portfolio .property-tile:nth-child(625) ~ .property-content {
grid-row: 210;
}
.section-portfolio .property-tile:nth-child(631) ~ .property-content {
grid-row: 212;
}
.section-portfolio .property-tile:nth-child(637) ~ .property-content {
grid-row: 214;
}
.section-portfolio .property-tile:nth-child(643) ~ .property-content {
grid-row: 216;
}
.section-portfolio .property-tile:nth-child(649) ~ .property-content {
grid-row: 218;
}
.section-portfolio .property-tile:nth-child(655) ~ .property-content {
grid-row: 220;
}
.section-portfolio .property-tile:nth-child(661) ~ .property-content {
grid-row: 222;
}
.section-portfolio .property-tile:nth-child(667) ~ .property-content {
grid-row: 224;
}
.section-portfolio .property-tile:nth-child(673) ~ .property-content {
grid-row: 226;
}
.section-portfolio .property-tile:nth-child(679) ~ .property-content {
grid-row: 228;
}
.section-portfolio .property-tile:nth-child(685) ~ .property-content {
grid-row: 230;
}
.section-portfolio .property-tile:nth-child(691) ~ .property-content {
grid-row: 232;
}
.section-portfolio .property-tile:nth-child(697) ~ .property-content {
grid-row: 234;
}
.section-portfolio .property-tile:nth-child(703) ~ .property-content {
grid-row: 236;
}
.section-portfolio .property-tile:nth-child(709) ~ .property-content {
grid-row: 238;
}
.section-portfolio .property-tile:nth-child(715) ~ .property-content {
grid-row: 240;
}
.section-portfolio .property-tile:nth-child(721) ~ .property-content {
grid-row: 242;
}
.section-portfolio .property-tile:nth-child(727) ~ .property-content {
grid-row: 244;
}
.section-portfolio .property-tile:nth-child(733) ~ .property-content {
grid-row: 246;
}
.section-portfolio .property-tile:nth-child(739) ~ .property-content {
grid-row: 248;
}
.section-portfolio .property-tile:nth-child(745) ~ .property-content {
grid-row: 250;
}
.section-portfolio .property-tile:nth-child(751) ~ .property-content {
grid-row: 252;
}
.section-portfolio .property-tile:nth-child(757) ~ .property-content {
grid-row: 254;
}
.section-portfolio .property-tile:nth-child(763) ~ .property-content {
grid-row: 256;
}
.section-portfolio .property-tile:nth-child(769) ~ .property-content {
grid-row: 258;
}
.section-portfolio .property-tile:nth-child(775) ~ .property-content {
grid-row: 260;
}
.section-portfolio .property-tile:nth-child(781) ~ .property-content {
grid-row: 262;
}
.section-portfolio .property-tile:nth-child(787) ~ .property-content {
grid-row: 264;
}
.section-portfolio .property-tile:nth-child(793) ~ .property-content {
grid-row: 266;
}
.section-portfolio .property-tile:nth-child(799) ~ .property-content {
grid-row: 268;
}
.section-portfolio .property-tile:nth-child(805) ~ .property-content {
grid-row: 270;
}
.section-portfolio .property-tile:nth-child(811) ~ .property-content {
grid-row: 272;
}
.section-portfolio .property-tile:nth-child(817) ~ .property-content {
grid-row: 274;
}
.section-portfolio .property-tile:nth-child(823) ~ .property-content {
grid-row: 276;
}
.section-portfolio .property-tile:nth-child(829) ~ .property-content {
grid-row: 278;
}
.section-portfolio .property-tile:nth-child(835) ~ .property-content {
grid-row: 280;
}
.section-portfolio .property-tile:nth-child(841) ~ .property-content {
grid-row: 282;
}
.section-portfolio .property-tile:nth-child(847) ~ .property-content {
grid-row: 284;
}
.section-portfolio .property-tile:nth-child(853) ~ .property-content {
grid-row: 286;
}
}
@media screen and (min-width: 801px) and (max-width: 1180px) {
.section-portfolio .property-tile:nth-child(5) ~ .property-content {
grid-row: 4;
}
.section-portfolio .property-tile:nth-child(9) ~ .property-content {
grid-row: 6;
}
.section-portfolio .property-tile:nth-child(13) ~ .property-content {
grid-row: 8;
}
.section-portfolio .property-tile:nth-child(17) ~ .property-content {
grid-row: 10;
}
.section-portfolio .property-tile:nth-child(21) ~ .property-content {
grid-row: 12;
}
.section-portfolio .property-tile:nth-child(25) ~ .property-content {
grid-row: 14;
}
.section-portfolio .property-tile:nth-child(29) ~ .property-content {
grid-row: 16;
}
.section-portfolio .property-tile:nth-child(33) ~ .property-content {
grid-row: 18;
}
.section-portfolio .property-tile:nth-child(37) ~ .property-content {
grid-row: 20;
}
.section-portfolio .property-tile:nth-child(41) ~ .property-content {
grid-row: 22;
}
.section-portfolio .property-tile:nth-child(45) ~ .property-content {
grid-row: 24;
}
.section-portfolio .property-tile:nth-child(49) ~ .property-content {
grid-row: 26;
}
.section-portfolio .property-tile:nth-child(53) ~ .property-content {
grid-row: 28;
}
.section-portfolio .property-tile:nth-child(57) ~ .property-content {
grid-row: 30;
}
.section-portfolio .property-tile:nth-child(61) ~ .property-content {
grid-row: 32;
}
.section-portfolio .property-tile:nth-child(65) ~ .property-content {
grid-row: 34;
}
.section-portfolio .property-tile:nth-child(69) ~ .property-content {
grid-row: 36;
}
.section-portfolio .property-tile:nth-child(73) ~ .property-content {
grid-row: 38;
}
.section-portfolio .property-tile:nth-child(77) ~ .property-content {
grid-row: 40;
}
.section-portfolio .property-tile:nth-child(81) ~ .property-content {
grid-row: 42;
}
.section-portfolio .property-tile:nth-child(85) ~ .property-content {
grid-row: 44;
}
.section-portfolio .property-tile:nth-child(89) ~ .property-content {
grid-row: 46;
}
.section-portfolio .property-tile:nth-child(93) ~ .property-content {
grid-row: 48;
}
.section-portfolio .property-tile:nth-child(97) ~ .property-content {
grid-row: 50;
}
.section-portfolio .property-tile:nth-child(101) ~ .property-content {
grid-row: 52;
}
.section-portfolio .property-tile:nth-child(105) ~ .property-content {
grid-row: 54;
}
.section-portfolio .property-tile:nth-child(109) ~ .property-content {
grid-row: 56;
}
.section-portfolio .property-tile:nth-child(113) ~ .property-content {
grid-row: 58;
}
.section-portfolio .property-tile:nth-child(117) ~ .property-content {
grid-row: 60;
}
.section-portfolio .property-tile:nth-child(121) ~ .property-content {
grid-row: 62;
}
.section-portfolio .property-tile:nth-child(125) ~ .property-content {
grid-row: 64;
}
.section-portfolio .property-tile:nth-child(129) ~ .property-content {
grid-row: 66;
}
.section-portfolio .property-tile:nth-child(133) ~ .property-content {
grid-row: 68;
}
.section-portfolio .property-tile:nth-child(137) ~ .property-content {
grid-row: 70;
}
.section-portfolio .property-tile:nth-child(141) ~ .property-content {
grid-row: 72;
}
.section-portfolio .property-tile:nth-child(145) ~ .property-content {
grid-row: 74;
}
.section-portfolio .property-tile:nth-child(149) ~ .property-content {
grid-row: 76;
}
.section-portfolio .property-tile:nth-child(153) ~ .property-content {
grid-row: 78;
}
.section-portfolio .property-tile:nth-child(157) ~ .property-content {
grid-row: 80;
}
.section-portfolio .property-tile:nth-child(161) ~ .property-content {
grid-row: 82;
}
.section-portfolio .property-tile:nth-child(165) ~ .property-content {
grid-row: 84;
}
.section-portfolio .property-tile:nth-child(169) ~ .property-content {
grid-row: 86;
}
.section-portfolio .property-tile:nth-child(173) ~ .property-content {
grid-row: 88;
}
.section-portfolio .property-tile:nth-child(177) ~ .property-content {
grid-row: 90;
}
.section-portfolio .property-tile:nth-child(181) ~ .property-content {
grid-row: 92;
}
.section-portfolio .property-tile:nth-child(185) ~ .property-content {
grid-row: 94;
}
.section-portfolio .property-tile:nth-child(189) ~ .property-content {
grid-row: 96;
}
.section-portfolio .property-tile:nth-child(193) ~ .property-content {
grid-row: 98;
}
.section-portfolio .property-tile:nth-child(197) ~ .property-content {
grid-row: 100;
}
.section-portfolio .property-tile:nth-child(201) ~ .property-content {
grid-row: 102;
}
.section-portfolio .property-tile:nth-child(205) ~ .property-content {
grid-row: 104;
}
.section-portfolio .property-tile:nth-child(209) ~ .property-content {
grid-row: 106;
}
.section-portfolio .property-tile:nth-child(213) ~ .property-content {
grid-row: 108;
}
.section-portfolio .property-tile:nth-child(217) ~ .property-content {
grid-row: 110;
}
.section-portfolio .property-tile:nth-child(221) ~ .property-content {
grid-row: 112;
}
.section-portfolio .property-tile:nth-child(225) ~ .property-content {
grid-row: 114;
}
.section-portfolio .property-tile:nth-child(229) ~ .property-content {
grid-row: 116;
}
.section-portfolio .property-tile:nth-child(233) ~ .property-content {
grid-row: 118;
}
.section-portfolio .property-tile:nth-child(237) ~ .property-content {
grid-row: 120;
}
.section-portfolio .property-tile:nth-child(241) ~ .property-content {
grid-row: 122;
}
.section-portfolio .property-tile:nth-child(245) ~ .property-content {
grid-row: 124;
}
.section-portfolio .property-tile:nth-child(249) ~ .property-content {
grid-row: 126;
}
.section-portfolio .property-tile:nth-child(253) ~ .property-content {
grid-row: 128;
}
.section-portfolio .property-tile:nth-child(257) ~ .property-content {
grid-row: 130;
}
.section-portfolio .property-tile:nth-child(261) ~ .property-content {
grid-row: 132;
}
.section-portfolio .property-tile:nth-child(265) ~ .property-content {
grid-row: 134;
}
.section-portfolio .property-tile:nth-child(269) ~ .property-content {
grid-row: 136;
}
.section-portfolio .property-tile:nth-child(273) ~ .property-content {
grid-row: 138;
}
.section-portfolio .property-tile:nth-child(277) ~ .property-content {
grid-row: 140;
}
.section-portfolio .property-tile:nth-child(281) ~ .property-content {
grid-row: 142;
}
.section-portfolio .property-tile:nth-child(285) ~ .property-content {
grid-row: 144;
}
.section-portfolio .property-tile:nth-child(289) ~ .property-content {
grid-row: 146;
}
.section-portfolio .property-tile:nth-child(293) ~ .property-content {
grid-row: 148;
}
.section-portfolio .property-tile:nth-child(297) ~ .property-content {
grid-row: 150;
}
.section-portfolio .property-tile:nth-child(301) ~ .property-content {
grid-row: 152;
}
.section-portfolio .property-tile:nth-child(305) ~ .property-content {
grid-row: 154;
}
.section-portfolio .property-tile:nth-child(309) ~ .property-content {
grid-row: 156;
}
.section-portfolio .property-tile:nth-child(313) ~ .property-content {
grid-row: 158;
}
.section-portfolio .property-tile:nth-child(317) ~ .property-content {
grid-row: 160;
}
.section-portfolio .property-tile:nth-child(321) ~ .property-content {
grid-row: 162;
}
.section-portfolio .property-tile:nth-child(325) ~ .property-content {
grid-row: 164;
}
.section-portfolio .property-tile:nth-child(329) ~ .property-content {
grid-row: 166;
}
.section-portfolio .property-tile:nth-child(333) ~ .property-content {
grid-row: 168;
}
.section-portfolio .property-tile:nth-child(337) ~ .property-content {
grid-row: 170;
}
.section-portfolio .property-tile:nth-child(341) ~ .property-content {
grid-row: 172;
}
.section-portfolio .property-tile:nth-child(345) ~ .property-content {
grid-row: 174;
}
.section-portfolio .property-tile:nth-child(349) ~ .property-content {
grid-row: 176;
}
.section-portfolio .property-tile:nth-child(353) ~ .property-content {
grid-row: 178;
}
.section-portfolio .property-tile:nth-child(357) ~ .property-content {
grid-row: 180;
}
.section-portfolio .property-tile:nth-child(361) ~ .property-content {
grid-row: 182;
}
.section-portfolio .property-tile:nth-child(365) ~ .property-content {
grid-row: 184;
}
.section-portfolio .property-tile:nth-child(369) ~ .property-content {
grid-row: 186;
}
.section-portfolio .property-tile:nth-child(373) ~ .property-content {
grid-row: 188;
}
.section-portfolio .property-tile:nth-child(377) ~ .property-content {
grid-row: 190;
}
.section-portfolio .property-tile:nth-child(381) ~ .property-content {
grid-row: 192;
}
.section-portfolio .property-tile:nth-child(385) ~ .property-content {
grid-row: 194;
}
.section-portfolio .property-tile:nth-child(389) ~ .property-content {
grid-row: 196;
}
.section-portfolio .property-tile:nth-child(393) ~ .property-content {
grid-row: 198;
}
.section-portfolio .property-tile:nth-child(397) ~ .property-content {
grid-row: 200;
}
.section-portfolio .property-tile:nth-child(401) ~ .property-content {
grid-row: 202;
}
.section-portfolio .property-tile:nth-child(405) ~ .property-content {
grid-row: 204;
}
.section-portfolio .property-tile:nth-child(409) ~ .property-content {
grid-row: 206;
}
.section-portfolio .property-tile:nth-child(413) ~ .property-content {
grid-row: 208;
}
.section-portfolio .property-tile:nth-child(417) ~ .property-content {
grid-row: 210;
}
.section-portfolio .property-tile:nth-child(421) ~ .property-content {
grid-row: 212;
}
.section-portfolio .property-tile:nth-child(425) ~ .property-content {
grid-row: 214;
}
.section-portfolio .property-tile:nth-child(429) ~ .property-content {
grid-row: 216;
}
.section-portfolio .property-tile:nth-child(433) ~ .property-content {
grid-row: 218;
}
.section-portfolio .property-tile:nth-child(437) ~ .property-content {
grid-row: 220;
}
.section-portfolio .property-tile:nth-child(441) ~ .property-content {
grid-row: 222;
}
.section-portfolio .property-tile:nth-child(445) ~ .property-content {
grid-row: 224;
}
.section-portfolio .property-tile:nth-child(449) ~ .property-content {
grid-row: 226;
}
.section-portfolio .property-tile:nth-child(453) ~ .property-content {
grid-row: 228;
}
.section-portfolio .property-tile:nth-child(457) ~ .property-content {
grid-row: 230;
}
.section-portfolio .property-tile:nth-child(461) ~ .property-content {
grid-row: 232;
}
.section-portfolio .property-tile:nth-child(465) ~ .property-content {
grid-row: 234;
}
.section-portfolio .property-tile:nth-child(469) ~ .property-content {
grid-row: 236;
}
.section-portfolio .property-tile:nth-child(473) ~ .property-content {
grid-row: 238;
}
.section-portfolio .property-tile:nth-child(477) ~ .property-content {
grid-row: 240;
}
.section-portfolio .property-tile:nth-child(481) ~ .property-content {
grid-row: 242;
}
.section-portfolio .property-tile:nth-child(485) ~ .property-content {
grid-row: 244;
}
.section-portfolio .property-tile:nth-child(489) ~ .property-content {
grid-row: 246;
}
.section-portfolio .property-tile:nth-child(493) ~ .property-content {
grid-row: 248;
}
.section-portfolio .property-tile:nth-child(497) ~ .property-content {
grid-row: 250;
}
.section-portfolio .property-tile:nth-child(501) ~ .property-content {
grid-row: 252;
}
.section-portfolio .property-tile:nth-child(505) ~ .property-content {
grid-row: 254;
}
.section-portfolio .property-tile:nth-child(509) ~ .property-content {
grid-row: 256;
}
.section-portfolio .property-tile:nth-child(513) ~ .property-content {
grid-row: 258;
}
.section-portfolio .property-tile:nth-child(517) ~ .property-content {
grid-row: 260;
}
.section-portfolio .property-tile:nth-child(521) ~ .property-content {
grid-row: 262;
}
.section-portfolio .property-tile:nth-child(525) ~ .property-content {
grid-row: 264;
}
.section-portfolio .property-tile:nth-child(529) ~ .property-content {
grid-row: 266;
}
.section-portfolio .property-tile:nth-child(533) ~ .property-content {
grid-row: 268;
}
.section-portfolio .property-tile:nth-child(537) ~ .property-content {
grid-row: 270;
}
.section-portfolio .property-tile:nth-child(541) ~ .property-content {
grid-row: 272;
}
.section-portfolio .property-tile:nth-child(545) ~ .property-content {
grid-row: 274;
}
.section-portfolio .property-tile:nth-child(549) ~ .property-content {
grid-row: 276;
}
.section-portfolio .property-tile:nth-child(553) ~ .property-content {
grid-row: 278;
}
.section-portfolio .property-tile:nth-child(557) ~ .property-content {
grid-row: 280;
}
.section-portfolio .property-tile:nth-child(561) ~ .property-content {
grid-row: 282;
}
.section-portfolio .property-tile:nth-child(565) ~ .property-content {
grid-row: 284;
}
.section-portfolio .property-tile:nth-child(569) ~ .property-content {
grid-row: 286;
}
.section-portfolio .property-tile:nth-child(573) ~ .property-content {
grid-row: 288;
}
.section-portfolio .property-tile:nth-child(577) ~ .property-content {
grid-row: 290;
}
.section-portfolio .property-tile:nth-child(581) ~ .property-content {
grid-row: 292;
}
.section-portfolio .property-tile:nth-child(585) ~ .property-content {
grid-row: 294;
}
.section-portfolio .property-tile:nth-child(589) ~ .property-content {
grid-row: 296;
}
.section-portfolio .property-tile:nth-child(593) ~ .property-content {
grid-row: 298;
}
.section-portfolio .property-tile:nth-child(597) ~ .property-content {
grid-row: 300;
}
.section-portfolio .property-tile:nth-child(601) ~ .property-content {
grid-row: 302;
}
.section-portfolio .property-tile:nth-child(605) ~ .property-content {
grid-row: 304;
}
.section-portfolio .property-tile:nth-child(609) ~ .property-content {
grid-row: 306;
}
.section-portfolio .property-tile:nth-child(613) ~ .property-content {
grid-row: 308;
}
.section-portfolio .property-tile:nth-child(617) ~ .property-content {
grid-row: 310;
}
.section-portfolio .property-tile:nth-child(621) ~ .property-content {
grid-row: 312;
}
.section-portfolio .property-tile:nth-child(625) ~ .property-content {
grid-row: 314;
}
.section-portfolio .property-tile:nth-child(629) ~ .property-content {
grid-row: 316;
}
.section-portfolio .property-tile:nth-child(633) ~ .property-content {
grid-row: 318;
}
.section-portfolio .property-tile:nth-child(637) ~ .property-content {
grid-row: 320;
}
.section-portfolio .property-tile:nth-child(641) ~ .property-content {
grid-row: 322;
}
.section-portfolio .property-tile:nth-child(645) ~ .property-content {
grid-row: 324;
}
.section-portfolio .property-tile:nth-child(649) ~ .property-content {
grid-row: 326;
}
.section-portfolio .property-tile:nth-child(653) ~ .property-content {
grid-row: 328;
}
.section-portfolio .property-tile:nth-child(657) ~ .property-content {
grid-row: 330;
}
.section-portfolio .property-tile:nth-child(661) ~ .property-content {
grid-row: 332;
}
.section-portfolio .property-tile:nth-child(665) ~ .property-content {
grid-row: 334;
}
.section-portfolio .property-tile:nth-child(669) ~ .property-content {
grid-row: 336;
}
.section-portfolio .property-tile:nth-child(673) ~ .property-content {
grid-row: 338;
}
.section-portfolio .property-tile:nth-child(677) ~ .property-content {
grid-row: 340;
}
.section-portfolio .property-tile:nth-child(681) ~ .property-content {
grid-row: 342;
}
.section-portfolio .property-tile:nth-child(685) ~ .property-content {
grid-row: 344;
}
.section-portfolio .property-tile:nth-child(689) ~ .property-content {
grid-row: 346;
}
.section-portfolio .property-tile:nth-child(693) ~ .property-content {
grid-row: 348;
}
.section-portfolio .property-tile:nth-child(697) ~ .property-content {
grid-row: 350;
}
.section-portfolio .property-tile:nth-child(701) ~ .property-content {
grid-row: 352;
}
.section-portfolio .property-tile:nth-child(705) ~ .property-content {
grid-row: 354;
}
.section-portfolio .property-tile:nth-child(709) ~ .property-content {
grid-row: 356;
}
.section-portfolio .property-tile:nth-child(713) ~ .property-content {
grid-row: 358;
}
.section-portfolio .property-tile:nth-child(717) ~ .property-content {
grid-row: 360;
}
.section-portfolio .property-tile:nth-child(721) ~ .property-content {
grid-row: 362;
}
.section-portfolio .property-tile:nth-child(725) ~ .property-content {
grid-row: 364;
}
.section-portfolio .property-tile:nth-child(729) ~ .property-content {
grid-row: 366;
}
.section-portfolio .property-tile:nth-child(733) ~ .property-content {
grid-row: 368;
}
.section-portfolio .property-tile:nth-child(737) ~ .property-content {
grid-row: 370;
}
.section-portfolio .property-tile:nth-child(741) ~ .property-content {
grid-row: 372;
}
.section-portfolio .property-tile:nth-child(745) ~ .property-content {
grid-row: 374;
}
.section-portfolio .property-tile:nth-child(749) ~ .property-content {
grid-row: 376;
}
.section-portfolio .property-tile:nth-child(753) ~ .property-content {
grid-row: 378;
}
.section-portfolio .property-tile:nth-child(757) ~ .property-content {
grid-row: 380;
}
.section-portfolio .property-tile:nth-child(761) ~ .property-content {
grid-row: 382;
}
.section-portfolio .property-tile:nth-child(765) ~ .property-content {
grid-row: 384;
}
.section-portfolio .property-tile:nth-child(769) ~ .property-content {
grid-row: 386;
}
.section-portfolio .property-tile:nth-child(773) ~ .property-content {
grid-row: 388;
}
.section-portfolio .property-tile:nth-child(777) ~ .property-content {
grid-row: 390;
}
.section-portfolio .property-tile:nth-child(781) ~ .property-content {
grid-row: 392;
}
.section-portfolio .property-tile:nth-child(785) ~ .property-content {
grid-row: 394;
}
.section-portfolio .property-tile:nth-child(789) ~ .property-content {
grid-row: 396;
}
.section-portfolio .property-tile:nth-child(793) ~ .property-content {
grid-row: 398;
}
.section-portfolio .property-tile:nth-child(797) ~ .property-content {
grid-row: 400;
}
.section-portfolio .property-tile:nth-child(801) ~ .property-content {
grid-row: 402;
}
}
.section-portfolio .property-tile.active .tile-content {
color: #fff;
background-color: #1F2739;
}
.section-portfolio .property-tile.active .tile-content:after {
opacity: 0;
}
@media screen and (max-width: 800px) {
.section-portfolio .property-tile.active .tile-content.tile-content.tile-content:after {
opacity: 0;
}
}
.section-portfolio .property-tile.active + .property-content {
max-height: var(--maxHeight, none);
z-index: 2;
}
.section-portfolio .property-content {
position: relative;
top: -22px;
overflow: hidden;
max-height: 0;
color: #fff;
background-color: #1F2739;
transition: max-height 1s ease 0s;
}
.section-portfolio .property-content > .inner {
padding: 30px 130px 60px 35px;
}
@media screen and (max-width: 800px) {
.section-portfolio .property-content > .inner {
padding: 32px 20px 30px 20px;
}
}
.section-portfolio .property-content .close {
display: block;
width: 34px;
height: 34px;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
position: absolute;
top: 15px;
right: 50px;
overflow: hidden;
text-indent: -99999em;
background: url(//www.catalystios.com/wp-content/themes/catalyst/images/close-button.svg) no-repeat 0 0/100% 100%;
z-index: 1;
cursor: pointer;
}
@media screen and (max-width: 800px) {
.section-portfolio .property-content .close {
right: 20px;
}
}
.section-portfolio .property-content .title {
margin: 0;
padding-top: 17px;
border-top: 1px solid #5F99AF;
font-family: "Poppins", Helvetica, sans-serif;
font-size: 14px;
line-height: calc(16 / 14);
font-weight: 600;
letter-spacing: 2px;
color: #5F99AF;
text-transform: uppercase;
}
@media screen and (max-width: 800px) {
.section-portfolio .property-content .title {
width: calc(100% - 50px);
}
}
.section-portfolio .property-content .details {
display: grid;
column-gap: 30px;
grid-template-columns: repeat(2, minmax(0, 1fr));
padding-left: 442px;
font-size: 15px;
line-height: calc(32 / 15);
font-weight: 400;
}
@media screen and (max-width: 1180px) {
.section-portfolio .property-content .details {
margin-top: 30px;
padding-left: 0;
}
}
@media screen and (max-width: 800px) {
.section-portfolio .property-content .details {
display: block;
}
}
.section-portfolio .property-content .details .detail {
display: flex;
flex-flow: row wrap;
align-content: flex-start;
}
.section-portfolio .property-content .details .detail .label {
margin-right: 10px;
font-weight: 700;
}
.section-portfolio .property-content .details .detail .value > * {
margin-bottom: 0;
}
.section-portfolio .property-content .details .detail .value ul {
padding-left: 20px;
}
.section-portfolio .property-content .details .detail .value:has(ul) {
width: 100%;
}
.section-portfolio .property-content .action {
margin-top: -53px;
}
@media screen and (max-width: 1180px) {
.section-portfolio .property-content .action {
margin-top: 20px;
padding-left: calc(50% + 15px);
}
}
@media screen and (max-width: 800px) {
.section-portfolio .property-content .action {
padding-left: 0;
}
}
.section-portfolio .property-content .action:empty {
display: none;
}
.section-portfolio .property-content .action a.button {
color: #fff;
}
.property-hero {
height: 500px;
overflow: hidden;
}
@media screen and (max-width: 800px) {
.property-hero {
height: 300px;
}
}
.property-hero img {
display: block;
height: 100%;
width: 100%;
object-fit: cover;
}
.property-main > .container {
display: flex;
}
@media screen and (max-width: 960px) {
.property-main > .container {
display: block;
}
}
.property-main .main-content {
flex: 1;
padding: 50px 100px 70px 0;
}
@media screen and (max-width: 1180px) {
.property-main .main-content {
padding-right: 50px;
}
}
@media screen and (max-width: 800px) {
.property-main .main-content {
padding: 30px 0 50px 0;
}
}
.property-main .main-content .title {
margin: 0 0 20px 0;
font-size: 45px;
line-height: calc(50 / 45);
font-weight: 300;
letter-spacing: 3px;
text-transform: uppercase;
}
@media screen and (max-width: 800px) {
.property-main .main-content .title {
font-size: 35px;
}
}
.property-main .main-content .meta {
margin: 0 0 40px 0;
font-family: "Poppins", Helvetica, sans-serif;
font-size: 12px;
line-height: calc(16 / 12);
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
color: #5F99AF;
}
@media screen and (max-width: 800px) {
.property-main .main-content .meta {
margin-bottom: 20px;
}
}
.property-main .main-content .content {
font-size: 18px;
line-height: calc(32 / 18);
font-weight: 300;
color: #27343E;
}
.property-main .main-content .content p {
margin-bottom: 15px;
}
.property-main .main-content .content > *:last-child {
margin-bottom: 0;
}
.property-main .main-content .back-to-listing {
margin-top: 80px;
padding-left: 65px;
}
@media screen and (max-width: 800px) {
.property-main .main-content .back-to-listing {
margin-top: 30px;
}
}
.property-main .main-content .back-to-listing::before, .property-main .main-content .back-to-listing::after {
right: auto;
left: 29px;
transform: translateZ(0) translateY(-50%) scaleX(-1);
}
.property-main .side-content {
flex: 0 0 auto;
width: 500px;
padding: 50px 50px 90px 58px;
color: #fff;
background: #1F2739;
}
@media screen and (max-width: 1180px) {
.property-main .side-content {
width: 350px;
}
}
@media screen and (max-width: 800px) {
.property-main .side-content {
width: auto;
margin-inline: -25px;
padding: 30px 25px 50px 25px;
}
}
.property-main .side-content .title {
margin: 0 0 30px 0;
padding-bottom: 20px;
border-bottom: 1px solid #5F99AF;
font-family: "Poppins", Helvetica, sans-serif;
font-size: 14px;
line-height: calc(16 / 14);
font-weight: 600;
letter-spacing: 2px;
color: #5F99AF;
text-transform: uppercase;
}
.property-main .side-content .details {
padding: 0 50px 0 28px;
font-size: 15px;
line-height: calc(32 / 15);
font-weight: 400;
}
@media screen and (max-width: 1180px) {
.property-main .side-content .details {
margin-top: 30px;
padding-left: 0;
}
}
@media screen and (max-width: 800px) {
.property-main .side-content .details {
display: block;
}
}
.property-main .side-content .details > .detail {
display: flex;
flex-flow: row wrap;
align-content: flex-start;
}
.property-main .side-content .details > .detail .label {
margin-right: 10px;
font-weight: 700;
}
.property-main .side-content .details > .detail .value > * {
margin-bottom: 0;
}
.property-main .side-content .details > .detail .value ul {
padding-left: 20px;
}
.property-main .side-content .details > .detail .value:has(ul) {
width: 100%;
}
.property-main .side-content .action {
margin-top: 75px;
}
@media screen and (max-width: 800px) {
.property-main .side-content .action {
margin-top: 30px;
}
}
.property-main .side-content .action a.button {
color: #fff;
}
#footer {
color: #3C4B74;
background: #F3F4F5;
}
#footer a {
color: inherit;
}
#footer .footer-wrapper {
display: flex;
justify-content: space-between;
padding: 65px 0 35px 0;
}
@media screen and (max-width: 800px) {
#footer .footer-wrapper {
display: block;
padding: 35px 0 25px 0;
}
}
#footer .footer-content {
max-width: 233px;
font-size: 16px;
line-height: calc(22 / 16);
}
@media screen and (max-width: 800px) {
#footer .footer-content {
max-width: none;
margin-top: 30px;
}
}
#footer .footer-content .title {
margin: 0 0 20px 0;
font-size: 13px;
line-height: calc(15.6 / 13);
letter-spacing: 2px;
font-weight: 600;
text-transform: uppercase;
color: #168DB2;
}
#footer .footer-content > p {
position: relative;
margin-bottom: 24px;
}
#footer .footer-content > p:not(:last-child)::after {
content: "";
position: absolute;
left: 0;
bottom: -15px;
width: 41px;
height: 0;
border-bottom: 2px solid #168DB2;
}
#footer .footer-content > p:last-child {
margin-bottom: 0;
}
#footer .footer-content > *:last-child {
margin-bottom: 0;
}
#footer .legal-wrapper {
display: flex;
justify-content: space-between;
padding: 16px 0 43px 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
font-size: 12px;
line-height: 1;
}
@media screen and (max-width: 800px) {
#footer .legal-wrapper {
flex-direction: column;
padding: 15px 0 25px 0;
}
#footer .legal-wrapper .legal {
order: 1;
margin-top: 12px;
}
}
#footer .legal-wrapper .legal-nav > ul {
display: flex;
flex-flow: row wrap;
}
#footer .legal-wrapper .legal-nav > ul > li:not(:first-child)::before {
content: "  | ";
}
#footer .legal-wrapper .designer a {
font-weight: bold;
}