.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ct-div-block,
.oxy-post-content,
.ct-text-block,
.ct-headline,
.oxy-rich-text,
.ct-link-text { max-width: 100%; }
img { flex-shrink: 0; }
body * { min-height: 1px; }
} .oxy-testimonial {
flex-direction: row;
align-items: center;
}
.oxy-testimonial .oxy-testimonial-photo-wrap {
order: 1;
}
.oxy-testimonial .oxy-testimonial-photo {
width: 125px; height: 125px; margin-right: 20px;
}
.oxy-testimonial .oxy-testimonial-photo-wrap,
.oxy-testimonial .oxy-testimonial-author-wrap,
.oxy-testimonial .oxy-testimonial-content-wrap {
align-items: flex-start; text-align: left; }
.oxy-testimonial .oxy-testimonial-text {
margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-testimonial .oxy-testimonial-author {
font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-testimonial .oxy-testimonial-author-info {
font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-icon-box {
text-align: left; flex-direction: column; }
.oxy-icon-box .oxy-icon-box-icon {
margin-bottom: 12px;
align-self: flex-start; }
.oxy-icon-box .oxy-icon-box-heading {
font-size: 21px;
margin-bottom: 12px; }
.oxy-icon-box .oxy-icon-box-text {
font-size: 16px;
margin-bottom: 12px;align-self: flex-start; }
.oxy-icon-box .oxy-icon-box-link {
margin-top: 20px; }
/* GLOBALS */
.oxy-pricing-box .oxy-pricing-box-section {
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center; }
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
justify-content: center; }
/* IMAGE */
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
justify-content: center; }
/* TITLE */
.oxy-pricing-box .oxy-pricing-box-title-title {
font-size: 48px;
}
.oxy-pricing-box .oxy-pricing-box-title-subtitle {
font-size: 24px;
}
/* PRICE */
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
flex-direction: row; }
.oxy-pricing-box .oxy-pricing-box-currency {
font-size: 28px;
}
.oxy-pricing-box .oxy-pricing-box-amount-main {
font-size: 80px;
line-height: 0.7;
}
.oxy-pricing-box .oxy-pricing-box-amount-decimal {
font-size: 13px;
}
.oxy-pricing-box .oxy-pricing-box-term {
font-size: 16px;
}
.oxy-pricing-box .oxy-pricing-box-sale-price {
font-size: 12px;
color: rgba(0,0,0,0.5);
margin-bottom: 20px; }
/* CONTENT */
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
font-size: 16px;
color: rgba(0,0,0,0.5);
}
/* CTA */
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
justify-content: center; }
.oxy-progress-bar .oxy-progress-bar-background {
background-color: #000000; background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent); animation: none 0s paused; }
.oxy-progress-bar .oxy-progress-bar-progress-wrap {
width: 85%; }
.oxy-progress-bar .oxy-progress-bar-progress {
background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused; background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);
}
.oxy-progress-bar .oxy-progress-bar-overlay-text {
font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-progress-bar .oxy-progress-bar-overlay-percent {
font-size: 12px;
}
.ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
padding: 0px; }
.oxy-superbox .oxy-superbox-secondary,
.oxy-superbox .oxy-superbox-primary {
transition-duration: 0.5s; }
.oxy-shape-divider {
width: 0px;
height: 0px;
}
.oxy_shape_divider svg {
width: 100%;
}
.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}
.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}
.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}
.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}
.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
flex-direction: row;
}
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
text-align: left;
justify-content: flex-start;
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
align-items: flex-start;
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container{
top: 0;
bottom: 0;
right: auto;
left: 0;
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
text-align: left;
justify-content: flex-start;
}
.oxy-site-navigation {
--oxynav-brand-color:#4831B0;
--oxynav-neutral-color:#FFFFFF;
--oxynav-activehover-color:#EFEDF4;
--oxynav-background-color:#4831B0;
--oxynav-border-radius:0px;
--oxynav-other-spacing:8px;
--oxynav-transition-duration:0.3s;
--oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93);
}
.oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{
text-align:left;
}
.oxy-site-navigation > ul{ left: 0; }
.oxy-site-navigation {
--oxynav-animation-name: none;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){
background-color: var(--oxynav-brand-color);
transition: var(--oxynav-transition-duration);
margin-left: var(--oxynav-other-spacing);
border: none;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){
background: transparent;
border: 1px solid currentColor;
transition: var(--oxynav-transition-duration);
margin-left: var(--oxynav-other-spacing);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{
filter: invert(0) !important;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{
background-color: var(--oxynav-activehover-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{
color: var(--oxynav-neutral-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{
color: var(--oxynav-neutral-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
display: none;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
display: none;
}
.ct-section-inner-wrap, .oxy-header-container{
max-width: 1120px;
}
body {font-family: 'Saira';}body {line-height: 1.6;font-size: clamp(16px, 2vw, 20px) ;font-weight: 400;color: #404040;}.oxy-nav-menu-hamburger-line {background-color: #404040;}h1, h2, h3, h4, h5, h6 {font-family: 'Saira Condensed';font-size: 36px;font-weight: 700;}h2, h3, h4, h5, h6{font-size: 30px;}h3, h4, h5, h6{font-size: 24px;font-weight: 500;}h4, h5, h6{font-size: 20px;}h5, h6{font-size: 18px;}h6{font-size: 16px;}a {color: #008d96;text-decoration: none;}.ct-link-text {color: #008d96;text-decoration: ;}.ct-link-text:hover {color: #133f69;text-decoration: underline;}.ct-link {text-decoration: none;}.ct-link:hover {text-decoration: none;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap {
padding-top: 75px;
padding-right: 20px;
padding-bottom: 75px;
padding-left: 20px;
}.ct-new-columns > .ct-div-block {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}.oxy-header-container {
padding-right: 20px;
padding-left: 20px;
}@media (max-width: 992px) {
.ct-columns-inner-wrap {
display: block !important;
}
.ct-columns-inner-wrap:after {
display: table;
clear: both;
content: "";
}
.ct-column {
width: 100% !important;
margin: 0 !important;
}
.ct-columns-inner-wrap {
margin: 0 !important;
}
}
.post-card-link-area {
text-align:left;
width:100%;
height:100%;
border-top-color:#ffffff;
border-right-color:#ffffff;
border-bottom-color:#ffffff;
border-left-color:#ffffff;
border-top-width:2px;
border-right-width:2px;
border-bottom-width:2px;
border-left-width:2px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
}
.post-card-link-area:not(.ct-section):not(.oxy-easy-posts),
.post-card-link-area.oxy-easy-posts .oxy-posts,
.post-card-link-area.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:space-between;
}
.light-bg {
background-color:#74e3ea;
}
.dark-text {
color:#133f69;
text-align:left;
}
.post-card-title {
font-weight:700;
font-size:1.2em;
margin-top:20px;
margin-right:20px;
margin-bottom:0em;
margin-left:20px;
}
.post-card-spacing {
margin-top:1em;
margin-right:1em;
margin-left:1em;
padding-top:1em;
width:calc(100% - 2em) ;
}
.post-card-image-wrap {
background-image:url(https://brightwatertools.com/wp-content/uploads/2024/09/cropped-BWT-Icon-20241000px.png);background-size: contain; width:100%;
object-fit:cover;
object-position:center;
overflow:hidden;
background-color:#ffffff;
background-repeat:no-repeat;
background-position:50% 50%;
}
@media (max-width: 767px) {
.post-card-image-wrap {
}
}
@media (max-width: 479px) {
.post-card-image-wrap {
}
}
.post-card-image {
width:100%;
object-fit:cover;
object-position:center;
height:100%;
background-color:#ffffff;
}
.post-card-lower-content {
flex-grow:1;
}
.post-card-lower-content:not(.ct-section):not(.oxy-easy-posts),
.post-card-lower-content.oxy-easy-posts .oxy-posts,
.post-card-lower-content.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:space-between;
}
.post-card-date-and-tax {
}
.post-card-date-and-tax:not(.ct-section):not(.oxy-easy-posts),
.post-card-date-and-tax.oxy-easy-posts .oxy-posts,
.post-card-date-and-tax.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
.small-meta-text {
font-size:0.9em;
font-weight:700;
}
.midcolor-text {
color:#008d96;
}
.post-card-tax {
padding-left:1em;
margin-left:1em;
border-left-style:solid;
border-left-width:1px;
}
.post-card-read-more {
margin-top:20px;
margin-bottom:20px;
margin-left:0px;
}
.post-card-read-more:not(.ct-section):not(.oxy-easy-posts),
.post-card-read-more.oxy-easy-posts .oxy-posts,
.post-card-read-more.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.read-more-icon {
color: #133f69;}.read-more-icon
>svg {width: 20px;height: 20px;}.read-more-icon {
}
.post-card-repeater {
justify-content:center;
}
.post-card-repeater:not(.ct-section):not(.oxy-easy-posts),
.post-card-repeater.oxy-easy-posts .oxy-posts,
.post-card-repeater.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(auto-fit, minmax(400px, 0.33fr));grid-column-gap: 3em;grid-row-gap: 3em;}
@media (max-width: 1120px) {
.post-card-repeater {
}
.post-card-repeater:not(.ct-section):not(.oxy-easy-posts),
.post-card-repeater.oxy-easy-posts .oxy-posts,
.post-card-repeater.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
}
@media (max-width: 991px) {
.post-card-repeater {
}
.post-card-repeater:not(.ct-section):not(.oxy-easy-posts),
.post-card-repeater.oxy-easy-posts .oxy-posts,
.post-card-repeater.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
}
.card {
}
.oxel_dynamicslider {
width:100%;
}
.testimonial-slider-wrap {
padding-top:1em;
padding-right:1em;
padding-bottom:1em;
padding-left:1em;
position:relative;
}
@media (max-width: 767px) {
.testimonial-slider-wrap {
padding-right:0.25em;
padding-left:0.25em;
}
}
.swiper-container {
}
.oxel_dynamicslider__container {
height:400px;
}
.testimonial-slider {
}
.swiper-wrapper {
}
.swiper-slide {
}
.testimonial-text {
font-size:1.25em;
}
@media (max-width: 991px) {
.testimonial-text {
font-size:1em;
}
}
.italic-text {
font-style:italic;
}
.bold-text {
font-weight:700;
}
.center-align-text {
text-align:center;
}
.testimonial-name {
font-size:1.25em;
line-height:1.4;
margin-top:1em;
}
@media (max-width: 991px) {
.testimonial-name {
font-size:1em;
}
}
@media (max-width: 767px) {
.testimonial-name {
}
}
.dummy-slide-wrap {
position:relative;
}
.oxel_horizontal_divider {
margin-top:16px;
margin-bottom:16px;
width:100%;
}
.oxel_horizontal_divider:not(.ct-section):not(.oxy-easy-posts),
.oxel_horizontal_divider.oxy-easy-posts .oxy-posts,
.oxel_horizontal_divider.ct-section .ct-section-inner-wrap{
flex-direction:unset;
}
.oxel_horizontal_divider__line {
height:1px;
background-color:#74e3ea;
}
.oxel_horizontal_divider__icon {
color: #98a1a8;}.oxel_horizontal_divider__icon
>svg {width: 16px;height: 16px;}.oxel_horizontal_divider__icon {
flex-shrink: 0;
}
.oxel_horizontal_divider__icon:not(.ct-section):not(.oxy-easy-posts),
.oxel_horizontal_divider__icon.oxy-easy-posts .oxy-posts,
.oxel_horizontal_divider__icon.ct-section .ct-section-inner-wrap{
display:flex;
}
.oxel_circular_counter {
width:150px;
height:150px;
border-radius:50%;
padding-top:8px;
padding-left:8px;
padding-right:8px;
padding-bottom:8px;
color:#00fff2;
background-color:#dee1e3;
}
.oxel_circular_counter__inner {
width:100%;
height:100%;
background-color:#f9f9fa;
border-radius:50%;
text-align:center;
}
.oxel_circular_counter__inner:not(.ct-section):not(.oxy-easy-posts),
.oxel_circular_counter__inner.oxy-easy-posts .oxy-posts,
.oxel_circular_counter__inner.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
}
.oxel_circular_counter__number {
color:#374047;
font-size:32px;
font-weight:100;
}
.oxel_circular_counter__unit {
font-weight:100;
font-size:32px;
color:#374047;
}
.oxel_icon_button__container:hover{
background-color:#cfd3d7;
}
.oxel_icon_button__container {
background-color:#eceeef;
padding-top:8px;
padding-left:16px;
padding-right:16px;
padding-bottom:8px;
transition-duration:0.3s;
}
.oxel_icon_button__container:not(.ct-section):not(.oxy-easy-posts),
.oxel_icon_button__container.oxy-easy-posts .oxy-posts,
.oxel_icon_button__container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.oxel_icon_button_text {
color:#ffffff;
}
.oxel_icon_button_icon {
color: #ffffff;}.oxel_icon_button_icon
>svg {width: 18px;height: 18px;}.oxel_icon_button_icon {
}
.content-after-fixed-hero {
background-color:#ffffff;
margin-top:calc(100vh - 65px) ;
position:relative;
}
@media (max-width: 767px) {
.content-after-fixed-hero {
margin-top:calc(60vw + 130px) ;
}
}
.max-textbox-width {
max-width:400px;
}
@media (max-width: 1120px) {
.max-textbox-width {
max-width:360px;
}
}
@media (max-width: 767px) {
.max-textbox-width {
}
}
.text-line-space {
margin-bottom:20px;
}
.kerned-text {
letter-spacing:0.06em;
}
.h2-responsive {
}
@media (max-width: 1120px) {
.h2-responsive {
font-size:auto;
}
}
.button-row {
width:100%;
margin-top:10px;
text-align:justify;
gap:1.5em;
}
.button-row:not(.ct-section):not(.oxy-easy-posts),
.button-row.oxy-easy-posts .oxy-posts,
.button-row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:flex-start;
gap:1.5em;
}
@media (max-width: 991px) {
.button-row {
text-align:justify;
}
.button-row:not(.ct-section):not(.oxy-easy-posts),
.button-row.oxy-easy-posts .oxy-posts,
.button-row.ct-section .ct-section-inner-wrap{
display:flex;
}
}
@media (max-width: 767px) {
.button-row {
text-align:justify;
}
.button-row:not(.ct-section):not(.oxy-easy-posts),
.button-row.oxy-easy-posts .oxy-posts,
.button-row.ct-section .ct-section-inner-wrap{
display:flex;
}
}
@media (max-width: 479px) {
.button-row {
text-align:center;
}
.button-row:not(.ct-section):not(.oxy-easy-posts),
.button-row.oxy-easy-posts .oxy-posts,
.button-row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
}
.button-base:hover{
background-color :#133f69;
border: 1px solid #133f69;
}.button-base:hover{
text-decoration:none;
}
.button-base {
background-color :#6b6b6b;
border: 1px solid #6b6b6b;
color: #ffffff;
}.button-base {
button-hover_color:#133f69;
transition-duration:0.25s;
}
.outline-button:hover{
border-top-color:#133f69;
border-right-color:#133f69;
border-bottom-color:#133f69;
border-left-color:#133f69;
border-top-width:2px;
border-right-width:2px;
border-bottom-width:2px;
border-left-width:2px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
background-color:#133f69;
text-decoration:none;
color:#ffffff;
}
.outline-button {
background-color: transparent;
border: 1px solid #133f69;
color: #133f69;
padding: 9px 15px;
}.outline-button {
transition-duration:0.25s;
text-transform:uppercase;
font-weight:600;
padding-top:0.5em;
padding-left:0.75em;
padding-right:0.75em;
padding-bottom:0.5em;
border-top-width:2px;
border-right-width:2px;
border-bottom-width:2px;
border-left-width:2px;
font-size:1.25em;
}
@media (max-width: 479px) {
.outline-button {
width:100%;
}
}
.body-row-spacing {
margin-bottom:2em;
}
.full-bleed-section {
width:100%;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}
.slider-column-row {
width:100%;
}
.slider-column-row:not(.ct-section):not(.oxy-easy-posts),
.slider-column-row.oxy-easy-posts .oxy-posts,
.slider-column-row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:stretch;
}
@media (max-width: 991px) {
.slider-column-row {
}
.slider-column-row:not(.ct-section):not(.oxy-easy-posts),
.slider-column-row.oxy-easy-posts .oxy-posts,
.slider-column-row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}
.mid-bg {
background-color:#a4ab73;
}
.slider-text-column {
padding-top:20px;
padding-right:20px;
padding-bottom:20px;
padding-left:20px;
flex-grow:1;
}
.slider-text-column:not(.ct-section):not(.oxy-easy-posts),
.slider-text-column.oxy-easy-posts .oxy-posts,
.slider-text-column.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
@media (max-width: 991px) {
.slider-text-column {
padding-top:40px;
padding-bottom:40px;
min-height:320px;
}
}
.slider-col-text-wrap {
max-width:20vw;
}
.slider-col-text-wrap:not(.ct-section):not(.oxy-easy-posts),
.slider-col-text-wrap.oxy-easy-posts .oxy-posts,
.slider-col-text-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
@media (max-width: 1120px) {
.slider-col-text-wrap {
max-width:260px;
}
}
.light-text {
font-weight:300;
}
.all-caps-text {
text-transform:uppercase;
}
.small-title-responsive {
font-family:Saira Condensed;
font-weight:500;
}
@media (max-width: 1120px) {
.small-title-responsive {
}
}
.small-title {
font-family:Saira Condensed;
font-size:1.75em;
font-weight:500;
}
.body-text-responsive {
}
@media (max-width: 1120px) {
.body-text-responsive {
font-size:1em;
}
}
.outline-button-rev:hover{
background-color: transparent;
border: 1px solid #a4ab73;
color: #a4ab73;
}.outline-button-rev:hover{
border-top-color:#4b4f45;
border-right-color:#4b4f45;
border-bottom-color:#4b4f45;
border-left-color:#4b4f45;
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
background-color:#a4ab73;
text-decoration:none;
color:#4b4f45;
}
.outline-button-rev {
background-color: transparent;
border: 1px solid #2d2d2d;
color: #2d2d2d;
padding: 9px 15px;
}.outline-button-rev {
button-hover_color:#a4ab73;
transition-duration:0.25s;
padding-left:2.5em;
padding-right:2.5em;
border-top-color:#f0efe9;
border-right-color:#f0efe9;
border-bottom-color:#f0efe9;
border-left-color:#f0efe9;
color:#f0efe9;
}
@media (max-width: 991px) {
.outline-button-rev {
padding-left:2em;
padding-right:2em;
}
}
@media (max-width: 767px) {
.outline-button-rev {
padding-left:2.5em;
padding-right:2.5em;
}
}
.slider-image-bg-column {
background-size: cover; width:60vw;
height:80vh;
background-color:#4b4f45;
position:relative;
background-repeat:no-repeat;
background-position:50% 50%;
}
.slider-image-bg-column:not(.ct-section):not(.oxy-easy-posts),
.slider-image-bg-column.oxy-easy-posts .oxy-posts,
.slider-image-bg-column.ct-section .ct-section-inner-wrap{
display:block;
}
@media (max-width: 991px) {
.slider-image-bg-column {
width:100%;
height:calc(100vh - 288px) ;
}
}
.slider-col-image {
object-fit:cover;
object-position:center center;
width:100%;
height:100%;
}
.dark-bg {
background-color:#133f69;
}
.blog-features-section {
overflow:hidden;
}
.blog-features-section .ct-section-inner-wrap {
padding-top: 0;
padding-bottom: 0;
}
.blog-feature-row {
transform:; width:100%;
margin-top:120px;
margin-bottom:120px;
}
.blog-feature-row:not(.ct-section):not(.oxy-easy-posts),
.blog-feature-row.oxy-easy-posts .oxy-posts,
.blog-feature-row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
@media (max-width: 991px) {
.blog-feature-row {
transform:;}
}
@media (max-width: 767px) {
.blog-feature-row {
}
.blog-feature-row:not(.ct-section):not(.oxy-easy-posts),
.blog-feature-row.oxy-easy-posts .oxy-posts,
.blog-feature-row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}
.blog-feature-image {
width:60%;
}
@media (max-width: 767px) {
.blog-feature-image {
width:100%;
}
}
.blog-feature-content-box {
padding-top:40px;
padding-right:40px;
padding-bottom:40px;
padding-left:40px;
margin-left:-70px;
}
@media (max-width: 767px) {
.blog-feature-content-box {
margin-left:10px;
margin-right:40px;
margin-top:-35px;
}
}
.dark3-bg {
background-color:#3e5458;
}
.read-more-link:hover{
background-color :#4b4f45;
border: 1px solid #4b4f45;
}.read-more-link:hover{
text-decoration:none;
border-top-width:0px;
border-right-width:0px;
border-bottom-width:1px;
border-left-width:0px;
border-bottom-color:#f0efe9;
background-color:#3e5458;
}
.read-more-link {
background-color :#6b6b6b;
border: 1px solid #6b6b6b;
color: #ffffff;
}.read-more-link {
button-hover_color:#4b4f45;
transition-duration:0.25s;
border-radius:0px;
font-size:15px;
padding-left:0em;
padding-right:0em;
font-weight:500;
padding-top:0em;
padding-bottom:0em;
border-top-width:0px;
border-right-width:0px;
border-bottom-width:1px;
border-left-width:0px;
border-bottom-style:solid;
border-bottom-color:#f0efe9;
}
@media (max-width: 479px) {
.read-more-link {
}
}
.button-icon {
color: #133f69;}.button-icon
>svg {width: 40px;height: 40px;}.button-icon {
transition-duration:0.25s;
}
.medium-weight {
font-weight:500;
}
.fixed-hero {
z-index:-1;
position:fixed;
top:0px;
left:0px;
right:0px;
}
@media (max-width: 991px) {
.fixed-hero {
}
}
.full-screen-hero-slider {
min-height:100vh;
}
.main-wrap {
}
.main-wrap:not(.ct-section):not(.oxy-easy-posts),
.main-wrap.oxy-easy-posts .oxy-posts,
.main-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
.gallery-wrap {
padding-top:10px;
padding-bottom:60px;
}
.masonry-gallery {
}
.hover-zoom-gallery {
}
.circle-image {
overflow:hidden;
border-radius:400em;
width:100%;
object-fit:cover;
object-position:center;
aspect-ratio:1/1;
max-width:150px;
}
.team-image {
aspect-ratio:2 / 3;
object-fit:cover;
object-position:center top;
max-width:270px;
width:100%;
}
.bw-image {
filter:grayscale(100%);
}
.oxy-stock-content-styles {
}
.back-to-main {
margin-top:1em;
}
.back-to-main:not(.ct-section):not(.oxy-easy-posts),
.back-to-main.oxy-easy-posts .oxy-posts,
.back-to-main.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.back-icon {
color: #008d96;}.back-icon
>svg {width: 20px;height: 20px;}.back-icon {
}
.logo {
max-width:500px;
}
@media (max-width: 991px) {
.logo {
max-width:30vw;
}
}
@media (max-width: 767px) {
.logo {
max-width:70vw;
}
}
.header {
padding-left:20px;
padding-right:20px;
width:100%;
}
.header:not(.ct-section):not(.oxy-easy-posts),
.header.oxy-easy-posts .oxy-posts,
.header.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
}
@media (max-width: 991px) {
.header {
padding-top:10px;
padding-bottom:10px;
}
}
.footer {
text-align:center;
padding-top:1em;
padding-bottom:1em;
padding-left:1em;
padding-right:1em;
}
.footer .ct-section-inner-wrap {
padding-top: 0;
padding-bottom: 0;
}
.footer:not(.ct-section):not(.oxy-easy-posts),
.footer.oxy-easy-posts .oxy-posts,
.footer.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
}
@media (max-width: 767px) {
.footer {
text-align:center;
gap:1em;
}
.footer:not(.ct-section):not(.oxy-easy-posts),
.footer.oxy-easy-posts .oxy-posts,
.footer.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:1em;
}
}
.copyright {
font-size:0.75em;
text-align:right;
}
@media (max-width: 767px) {
.copyright {
text-align:left;
}
}
.footer-navigation {
}
.post-card-date {
}
.full-window-height-section {
min-height:100vh;
}
.full-window-height-section:not(.ct-section):not(.oxy-easy-posts),
.full-window-height-section.oxy-easy-posts .oxy-posts,
.full-window-height-section.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
@media (max-width: 767px) {
.full-window-height-section {
min-height:calc(60vw + 200px) ;
}
}
.fast-filter {
margin-bottom:120px;
width:100%;
max-width:600px;
}
.max-post-width {
width:100%;
max-width:800px;
}
.post-content-section {
}
.post-content-section:not(.ct-section):not(.oxy-easy-posts),
.post-content-section.oxy-easy-posts .oxy-posts,
.post-content-section.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.project-content-section {
text-align:center;
position:relative;
}
.project-content-section .ct-section-inner-wrap {
padding-top: 0;
}
.project-content-section:not(.ct-section):not(.oxy-easy-posts),
.project-content-section.oxy-easy-posts .oxy-posts,
.project-content-section.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
.project-hero {
position:relative;
width:100%;
}
@media (max-width: 767px) {
.project-hero {
}
.project-hero:not(.ct-section):not(.oxy-easy-posts),
.project-hero.oxy-easy-posts .oxy-posts,
.project-hero.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
}
.project-title {
}
.project-hero-title-wrap {
padding-top:1em;
padding-right:1em;
padding-bottom:1em;
padding-left:1em;
background-color:rgba(255,255,255,0.8);
position:absolute;
bottom:6vw;
}
@media (max-width: 767px) {
.project-hero-title-wrap {
transform:translateY(-50%); position:relative;
max-width:94%;
bottom:0px;
}
}
@media (max-width: 479px) {
.project-hero-title-wrap {
}
}
.project-columns {
width:100%;
}
.project-columns:not(.ct-section):not(.oxy-easy-posts),
.project-columns.oxy-easy-posts .oxy-posts,
.project-columns.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
@media (max-width: 767px) {
.project-columns {
}
.project-columns:not(.ct-section):not(.oxy-easy-posts),
.project-columns.oxy-easy-posts .oxy-posts,
.project-columns.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column-reverse;
}
}
.left-align-text {
text-align:left;
}
.center-content {
text-align:center;
}
.center-content:not(.ct-section):not(.oxy-easy-posts),
.center-content.oxy-easy-posts .oxy-posts,
.center-content.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.align-right {
}
.align-right:not(.ct-section):not(.oxy-easy-posts),
.align-right.oxy-easy-posts .oxy-posts,
.align-right.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-end;
}
.post-meta-row {
width:100%;
}
.post-meta-row:not(.ct-section):not(.oxy-easy-posts),
.post-meta-row.oxy-easy-posts .oxy-posts,
.post-meta-row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:center;
}
.title-spacing {
margin-bottom:2em;
}
.full-width-post-grid {
width:100%;
padding-right:3em;
padding-bottom:3em;
padding-left:3em;
padding-top:3em;
}
.full-width-post-grid:not(.ct-section):not(.oxy-easy-posts),
.full-width-post-grid.oxy-easy-posts .oxy-posts,
.full-width-post-grid.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
@media (max-width: 991px) {
.full-width-post-grid {
padding-left:20px;
padding-right:20px;
}
}
.subtitle-spacing {
margin-bottom:4em;
}
.archive-title-row {
}
.archive-title-row:not(.ct-section):not(.oxy-easy-posts),
.archive-title-row.oxy-easy-posts .oxy-posts,
.archive-title-row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.project-featured-image {
width:100%;
}
.left-project-col {
width:60%;
padding-right:2em;
padding-top:2em;
}
@media (max-width: 767px) {
.left-project-col {
width:100%;
padding-right:0em;
}
}
.right-project-col {
width:40%;
padding-left:2em;
padding-top:2em;
}
@media (max-width: 767px) {
.right-project-col {
width:100%;
padding-left:0em;
}
}
.categories-gallery-shortcode {
width:100%;
}
.responsive-title {
}
@media (max-width: 1120px) {
.responsive-title {
font-size:3.5vw;
}
}
@media (max-width: 991px) {
.responsive-title {
font-size:4vw;
}
}
@media (max-width: 767px) {
.responsive-title {
font-size:1.75em;
}
}
.invisible {
width:0px;
height:0px;
overflow:hidden;
}
.nav-menu-base {
}
.nav-menu-base {
--oxynav-brand-color:#133f69;
--oxynav-neutral-color:#133f69;
--oxynav-activehover-color:#ffffff;
--oxynav-background-color:#ffffff;
--oxynav-border-radius:1.4em;
}
.nav-menu-base > ul{ left: unset; right: 0; }
.nav-menu-base > ul > li{
background: none;
}
.nav-menu-base {
--oxynav-animation-name: oxel-sitenav-dropdown;
}
@media (max-width: 991px) {
.nav-menu-base {
}
.nav-menu-base {
--oxynav-neutral-color:#ffffff;
}
}
.rounded-corners-mid {
border-radius:1.4em;
}
.rounded-corners-outer {
border-radius:2em;
}
.white-text {
color:#ffffff;
}
.rounded-corners-inner {
border-radius:0.5em;
overflow:hidden;
}
.drop-shadow {
box-shadow:0px 5px 10px rgba(0,0,0,0.2);
}
.hover-lift:hover{
transform:scale(1.05,1.05); box-shadow:0px 15px 15px rgba(0,0,0,0.2);
}
.hover-lift {
transition-duration:0.25s;
}
.hover-slide-up:hover{
transform:translateY(-5px);}
.hover-slide-up {
transition-duration:0.25s;
}
.footer-row {
width:100%;
}
.footer-row:not(.ct-section):not(.oxy-easy-posts),
.footer-row.oxy-easy-posts .oxy-posts,
.footer-row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
@media (max-width: 991px) {
.footer-row {
text-align:justify;
}
.footer-row:not(.ct-section):not(.oxy-easy-posts),
.footer-row.oxy-easy-posts .oxy-posts,
.footer-row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column-reverse;
}
}
.no-col-padding {
}
.map-embed {
width:100%;
height:100%;
min-height:400px;
}
.cta-icon {
color: #133f69;}.cta-icon
>svg {width: 40px;height: 40px;}.cta-icon {
}
.linked-title-wrap {
}
.linked-title-wrap:not(.ct-section):not(.oxy-easy-posts),
.linked-title-wrap.oxy-easy-posts .oxy-posts,
.linked-title-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
}
.ticker-slider-block {
}
.ticker-slider-wrap {
width:100%;
position:relative;
}
.footer-menu {
}
.footer-menu a{
text-transform: uppercase;
}
.frosted-header-bg {
background-image: linear-gradient(179deg, rgba(255,255,255,0.75), rgba(255,255,255,0.75), rgba(255,255,255,0.25)); background-color:rgba(255,255,255,0.5);
}
.gradient-bg-blue-right {
background-image: linear-gradient(90deg, #133f69, #008d96); background-color:#133f69;
}
.hero-headline {
line-height:1.2;
text-transform:uppercase;
text-align:right;
font-size:3vw;
}
@media (max-width: 991px) {
.hero-headline {
font-size:4vwvw;
}
}
@media (max-width: 767px) {
.hero-headline {
font-size:6vw;
}
}
@media (max-width: 479px) {
.hero-headline {
font-size:5.7vw;
}
}
.hero-headline-wrap {
transform:translateY(-100%); position:absolute;
right:0px;
top:-8vw;
padding-top:2vw;
padding-right:2vw;
padding-bottom:2vw;
padding-left:4vw;
border-top-left-radius:100vw ;
border-bottom-left-radius:100vw ;
}
@media (max-width: 991px) {
.hero-headline-wrap {
}
}
@media (max-width: 767px) {
.hero-headline-wrap {
padding-top:3vw;
padding-right:3vw;
padding-bottom:3vw;
padding-left:5vw;
}
}
@media (max-width: 479px) {
.hero-headline-wrap {
max-width:90vw;
}
}
.frosted-bg {
background-image: linear-gradient(185deg, rgba(255,255,255,0.5), rgba(255,255,255,0.8));-webkit-backdrop-filter: blur(10px); backdrop-filter:blur(10px)
}
.large-title {
font-size:6vw;
line-height:1.3;
}
@media (max-width: 1120px) {
.large-title {
font-size:6vw;
}
}
@media (max-width: 767px) {
.large-title {
font-size:8vw;
}
}
@media (max-width: 479px) {
.large-title {
font-size:10.5vw;
}
}
.gradient-text {
font-weight:600;
background: linear-gradient(110deg, var(--mid), var(--dark)); -webkit-background-clip: text; background-clip: text; color: transparent;
}
.outline-icon-button:hover{
border-top-color:#133f69;
border-right-color:#133f69;
border-bottom-color:#133f69;
border-left-color:#133f69;
border-top-width:2px;
border-right-width:2px;
border-bottom-width:2px;
border-left-width:2px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
background-color:#133f69;
text-decoration:none;
color:#ffffff;
}
.outline-icon-button {
background-color: transparent;
border: 1px solid #133f69;
color: #133f69;
padding: 9px 15px;
}.outline-icon-button {
transition-duration:0.25s;
text-transform:uppercase;
font-weight:600;
padding-right:0.75em;
padding-left:0.75em;
padding-top:0.25em;
padding-bottom:0.25em;
border-top-width:2px;
border-right-width:2px;
border-bottom-width:2px;
border-left-width:2px;
font-size:1.25em;
}
.outline-icon-button:not(.ct-section):not(.oxy-easy-posts),
.outline-icon-button.oxy-easy-posts .oxy-posts,
.outline-icon-button.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
@media (max-width: 479px) {
.outline-icon-button {
width:100%;
}
}
.gradient-bg-teal-center {
background-image: radial-gradient(#008d96, #133f69); background-color:#133f69;
}
.huge-title {
font-size:10vw;
letter-spacing:-0.25vw;
line-height:0.8;
}
@media (max-width: 767px) {
.huge-title {
font-size:17vw ;
}
}
.center-self {
margin-left:auto;
margin-right:auto;
}
.lightcolor-text {
color:#74e3ea;
}
.simple_counter__number {
font-family:Saira Condensed;
line-height:1;
text-align:left;
}
.counter-inner {
font-size:8vw ;
}
.counter-inner:not(.ct-section):not(.oxy-easy-posts),
.counter-inner.oxy-easy-posts .oxy-posts,
.counter-inner.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:center;
justify-content:flex-start;
}
@media (max-width: 767px) {
.counter-inner {
font-size:18vw ;
}
}
.after-counter {
font-family:Saira Condensed;
opacity:0;
line-height:1;
text-transform:uppercase;
}
@media (max-width: 479px) {
.after-counter {
font-size:8vw ;
}
}
.stats-caption {
font-size:1.25em;
text-align:left;
max-width:410px;
}
.toggle-8381 {
}
.toggle-8381-expanded {
}
.small-link {
font-family:Saira;
font-size:0.75em;
margin-left:4px;
font-weight:400;
color:#74e3ea;
}
.small-icon-link-wrap:hover{
text-decoration:underline;
}
.small-icon-link-wrap {
cursor:pointer;
}
.small-icon-link-wrap:not(.ct-section):not(.oxy-easy-posts),
.small-icon-link-wrap.oxy-easy-posts .oxy-posts,
.small-icon-link-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:center;
}
.middle-align {
}
.middle-align:not(.ct-section):not(.oxy-easy-posts),
.middle-align.oxy-easy-posts .oxy-posts,
.middle-align.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:stretch;
justify-content:center;
}
.source-trigger:hover{
}
.source-trigger {
color:#74e3ea;
margin-left:20px;
}
.subheading {
line-height:1.4;
}
.stat-columns {
}
.main-stat-col {
}
.main-stat-col:not(.ct-section):not(.oxy-easy-posts),
.main-stat-col.oxy-easy-posts .oxy-posts,
.main-stat-col.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
@media (max-width: 767px) {
.main-stat-col {
text-align:center;
order:-1;
}
.main-stat-col:not(.ct-section):not(.oxy-easy-posts),
.main-stat-col.oxy-easy-posts .oxy-posts,
.main-stat-col.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
}
.no-bottom-margin {
}
.five-digit-stat {
min-width:20.5vw;
}
.two-digit-stat {
min-width:8.2vw;
}
@media (max-width: 767px) {
.two-digit-stat {
min-width:18.2vw;
}
}
.three-digit-stat {
min-width:12.3vw;
}
.stat-wrap {
opacity:0;
}
.stat-wrap:not(.ct-section):not(.oxy-easy-posts),
.stat-wrap.oxy-easy-posts .oxy-posts,
.stat-wrap.ct-section .ct-section-inner-wrap{
display:flex;
}
.stats-precaption {
margin-right:auto;
}
.bwt-icon {
width:3vw;
height:3vw;
}
@media (max-width: 1120px) {
.bwt-icon {
width:5vw;
height:5vw;
}
}
@media (max-width: 991px) {
.bwt-icon {
width:7vw;
height:7vw;
}
}
@media (max-width: 767px) {
.bwt-icon {
width:3em;
height:3em;
}
}
.features-grid {
width:100%;
text-align:justify;
gap:20px;
}
.features-grid:not(.ct-section):not(.oxy-easy-posts),
.features-grid.oxy-easy-posts .oxy-posts,
.features-grid.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
gap:20px;
}
@media (max-width: 991px) {
.features-grid {
text-align:justify;
}
.features-grid:not(.ct-section):not(.oxy-easy-posts),
.features-grid.oxy-easy-posts .oxy-posts,
.features-grid.ct-section .ct-section-inner-wrap{
justify-content:flex-start;
}
}
.feature-wrap {
max-width:300px;
margin-bottom:2em;
}
@media (max-width: 991px) {
.feature-wrap {
margin-bottom:2em;
text-align:center;
max-width:calc(50% - 40px) ;
}
.feature-wrap:not(.ct-section):not(.oxy-easy-posts),
.feature-wrap.oxy-easy-posts .oxy-posts,
.feature-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
}
@media (max-width: 767px) {
.feature-wrap {
max-width:100%;
}
}
.dark-divider {
height:2px;
background-color:#133f69;
}
.tangent-title {
transform:translateY(-100%); position:absolute;
top:0px;
line-height:0.6;
}
.tangent-title-section {
position:relative;
margin-top:5vw;
}
.tangent-title-section:not(.ct-section):not(.oxy-easy-posts),
.tangent-title-section.oxy-easy-posts .oxy-posts,
.tangent-title-section.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
}
@media (max-width: 991px) {
.tangent-title-section {
position:relative;
margin-top:10vw;
}
}
.simple-card-text-wrap {
padding-top:1em;
padding-right:1em;
padding-bottom:1em;
padding-left:1em;
gap:1em;
text-align:justify;
width:100%;
}
.simple-card-text-wrap:not(.ct-section):not(.oxy-easy-posts),
.simple-card-text-wrap.oxy-easy-posts .oxy-posts,
.simple-card-text-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
gap:1em;
}
.square-image {
aspect-ratio: 1/1;
}
.card-cta-icon {
background-color: #ffffff;
border: 1px solid #ffffff;
padding: 10px;color: #133f69;}.card-cta-icon
>svg {width: 20px;height: 20px;}.card-cta-icon {
}
.two-col-callout-box {
max-width:800px;
}
.dark-border {
border-top-color:#133f69;
border-right-color:#133f69;
border-bottom-color:#133f69;
border-left-color:#133f69;
border-top-width:2px;
border-right-width:2px;
border-bottom-width:2px;
border-left-width:2px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
}
.knockback-overlay:before{
content:"";
position:absolute; top:0; right:0; bottom:0; left:0; content:""; /*background-color:#ffffff;*/ background-image:linear-gradient(to bottom, rgba(255,255,255,0.5),rgba(255,255,255,1)); opacity:0.7; z-index:-1;
}
.knockback-overlay {
z-index:1;
position:relative;
}
.white-bg {
background-color:#ffffff;
}
.solid-button:hover{
border-top-color:#133f69;
border-right-color:#133f69;
border-bottom-color:#133f69;
border-left-color:#133f69;
border-top-width:2px;
border-right-width:2px;
border-bottom-width:2px;
border-left-width:2px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
background-color:rgba(255,255,255,0);
text-decoration:none;
color:#133f69;
}
.solid-button {
background-color: transparent;
border: 1px solid #133f69;
color: #133f69;
padding: 9px 15px;
}.solid-button {
transition-duration:0.25s;
text-transform:uppercase;
font-weight:600;
padding-top:0.5em;
padding-left:0.75em;
padding-right:0.75em;
padding-bottom:0.5em;
border-top-width:2px;
border-right-width:2px;
border-bottom-width:2px;
border-left-width:2px;
font-size:1.25em;
background-color:#133f69;
color:#ffffff;
}
@media (max-width: 767px) {
.solid-button {
font-size:1em;
}
}
@media (max-width: 479px) {
.solid-button {
width:100%;
}
}
.big-title {
line-height:1;
font-size:5vw;
}
@media (max-width: 767px) {
.big-title {
font-size:12vw ;
}
}
.long-title {
}
@media (max-width: 479px) {
.long-title {
font-size:8.5vw ;
}
}
.no-top-margin {
}
.card-bottom-divider {
border-top-color:#133f69;
border-top-width:2px;
border-top-style:solid;
padding-top:1em;
}
.three-two-image {
aspect-ratio:3/2;
}
.cta-box {
background-image: linear-gradient(15deg, rgba(255,255,255,0.8), rgba(255,255,255,0.51)); padding-top:3em;
padding-right:6em;
padding-bottom:3em;
padding-left:6em;
backdrop-filter:blur(10px);
}
.cta-box:not(.ct-section):not(.oxy-easy-posts),
.cta-box.oxy-easy-posts .oxy-posts,
.cta-box.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
@media (max-width: 991px) {
.cta-box {
gap:2em;
}
.cta-box:not(.ct-section):not(.oxy-easy-posts),
.cta-box.oxy-easy-posts .oxy-posts,
.cta-box.ct-section .ct-section-inner-wrap{
gap:2em;
}
}
@media (max-width: 767px) {
.cta-box {
padding-left:1em;
padding-right:1em;
padding-top:4em;
padding-bottom:4em;
gap:2em;
}
.cta-box:not(.ct-section):not(.oxy-easy-posts),
.cta-box.oxy-easy-posts .oxy-posts,
.cta-box.ct-section .ct-section-inner-wrap{
gap:2em;
}
}
.leaf-shape {
border-bottom-right-radius:150px;
border-top-left-radius:150px;
}
@media (max-width: 767px) {
.leaf-shape {
border-top-left-radius:100px;
border-bottom-right-radius:100px;
}
}
.extra-section-spacing {
}
.extra-section-spacing .ct-section-inner-wrap {
padding-top: 150px;
padding-bottom: 150px;
}
.anchor-nav {
line-height:1.2;
text-transform:uppercase;
text-align:right;
font-weight:300;
font-size:2.5vw ;
}
@media (max-width: 991px) {
.anchor-nav {
font-size:2.5vw ;
}
}
@media (max-width: 767px) {
.anchor-nav {
font-size:1em;
letter-spacing:-0.2px;
font-weight:600;
}
}
@media (max-width: 479px) {
.anchor-nav {
}
}
.anchor-nav-wrap {
transform:translateY(-100%); position:absolute;
right:0px;
top:-4vw;
padding-top:2vw;
padding-right:2vw;
padding-bottom:2vw;
padding-left:4vw;
border-top-left-radius:100vw ;
border-bottom-left-radius:100vw ;
}
@media (max-width: 991px) {
.anchor-nav-wrap {
}
}
@media (max-width: 767px) {
.anchor-nav-wrap {
padding-top:2vw;
padding-right:2vw;
padding-bottom:2vw;
padding-left:2vw;
margin-left:5px;
top:-8vw;
}
}
@media (max-width: 479px) {
.anchor-nav-wrap {
max-width:70vw;
}
}
.subpage-hero-headline-wrap {
transform:translateY(-50%); position:absolute;
top:-50vh;
padding-top:2vw;
padding-right:8vw;
padding-bottom:2vw;
padding-left:2vw;
left:0px;
border-top-right-radius:100vw ;
border-bottom-right-radius:100vw ;
max-width:50vw;
}
@media (max-width: 991px) {
.subpage-hero-headline-wrap {
}
}
@media (max-width: 767px) {
.subpage-hero-headline-wrap {
padding-top:3vw;
padding-right:8vw;
padding-bottom:3vw;
padding-left:3vw;
max-width:90vw;
top:-50vw;
}
}
@media (max-width: 479px) {
.subpage-hero-headline-wrap {
}
}
.larger-title {
font-size:clamp(36px, 5.5vw, 90px) ;
line-height:1.2;
}
@media (max-width: 1120px) {
}
@media (max-width: 767px) {
}
@media (max-width: 479px) {
}
.center-on-desktop {
text-align:center;
margin-left:auto;
margin-right:auto;
}
@media (max-width: 767px) {
.center-on-desktop {
text-align:left;
margin-left:0 ;
}
}
.flow-step-number {
border-radius:100%;
font-size:24px;
margin-bottom:0.25em;
aspect-ratio:1/1; width:40px; height:40px;
}
.circle-div {
}
.flow-step {
width:calc(20% - 20px) ;
text-align:center;
}
.flow-step:not(.ct-section):not(.oxy-easy-posts),
.flow-step.oxy-easy-posts .oxy-posts,
.flow-step.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
@media (max-width: 991px) {
.flow-step {
width:50%;
max-width:calc(50% - 20px) ;
}
}
@media (max-width: 767px) {
.flow-step {
max-width:46%;
}
}
@media (max-width: 479px) {
.flow-step {
max-width:100%;
width:100%;
text-align:center;
}
.flow-step:not(.ct-section):not(.oxy-easy-posts),
.flow-step.oxy-easy-posts .oxy-posts,
.flow-step.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}
.feature-subtitle {
font-size:20px;
text-align:left;
line-height:1.2;
}
.flow-step-wrapper {
}
@media (max-width: 991px) {
.flow-step-wrapper {
text-align:center;
}
.flow-step-wrapper:not(.ct-section):not(.oxy-easy-posts),
.flow-step-wrapper.oxy-easy-posts .oxy-posts,
.flow-step-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:flex-start;
}
}
.flow-step-text {
text-align:left;
line-height:1.4;
}
@media (max-width: 479px) {
.flow-step-text {
}
}
.emphasized-text {
font-size:1.25em;
}
@media (max-width: 479px) {
.emphasized-text {
font-size:1.25em;
}
}
.top-border {
border-top-color:#133f69;
border-top-width:2px;
border-top-style:solid;
padding-top:1em;
}
.bottom-border {
padding-bottom:1em;
border-bottom-color:#133f69;
border-bottom-width:2px;
border-bottom-style:solid;
}
.extra-block-spacing {
margin-top:75px;
margin-bottom:75px;
font-size:34px;
}
.white-border {
border-top-color:#ffffff;
border-right-color:#ffffff;
border-bottom-color:#ffffff;
border-left-color:#ffffff;
border-top-width:2px;
border-right-width:2px;
border-bottom-width:2px;
border-left-width:2px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
}
.expanded-bullets {
}
.checkbox-list {
}
.bottom-border-white {
padding-bottom:0.5em;
border-bottom-color:#ffffff;
border-bottom-width:2px;
border-bottom-style:solid;
width:100%;
}
.bottom-border-light {
padding-bottom:0.5em;
border-bottom-color:#74e3ea;
border-bottom-width:1px;
border-bottom-style:solid;
width:100%;
}
.align-w-columns {
margin-left:20px;
max-width:calc(100% - 40px) ;
}
.absolute-center {
transform:; position:absolute;
left:50%;
}
.centered-tangent-title {
transform:translate(-50%,-100%); position:absolute;
top:0px;
line-height:0.6;
left:50%;
width:100%;
}
@media (max-width: 479px) {
.centered-tangent-title {
transform:translate(-50%,-90%); line-height:0.8;
}
}
.light-tangent-section {
position:relative;
}
@media (max-width: 991px) {
.light-tangent-section {
position:relative;
}
}
.before-light-section {
}
.extra-bottom-spacing {
}
.extra-bottom-spacing .ct-section-inner-wrap {
padding-bottom: calc(100px + 3vw) ;
}
.subtitle-bottom-border {
padding-bottom:0.5em;
border-bottom-color:#133f69;
border-bottom-width:1px;
border-bottom-style:solid;
width:100%;
}
.card-cta-icon-reverse {
background-color: #133f69;
border: 1px solid #133f69;
padding: 10px;color: #ffffff;}.card-cta-icon-reverse
>svg {width: 20px;height: 20px;}.card-cta-icon-reverse {
}
.stretch-horizontal {
}
.stretch-horizontal:not(.ct-section):not(.oxy-easy-posts),
.stretch-horizontal.oxy-easy-posts .oxy-posts,
.stretch-horizontal.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:stretch;
}
.extra-top-spacing {
margin-top:150px;
}
.medium-title {
font-size:2.5em;
line-height:1.2;
}
.anchor-tag {
transform:;}
@media (max-width: 991px) {
.anchor-tag {
transform:;}
}
.comparison-image {
}
.right-align-contents {
}
.right-align-contents:not(.ct-section):not(.oxy-easy-posts),
.right-align-contents.oxy-easy-posts .oxy-posts,
.right-align-contents.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-end;
}
.milestone-card {
width:100%;
padding-top:1em;
padding-right:1em;
padding-bottom:1em;
padding-left:1em;
}
@media (max-width: 991px) {
.milestone-card {
padding-top:0.5em;
padding-right:0.5em;
padding-bottom:0.5em;
padding-left:0.5em;
}
}
@media (max-width: 767px) {
.milestone-card {
padding-right:0.5em;
padding-bottom:0.5em;
padding-left:0.5em;
}
}
@media (max-width: 479px) {
.milestone-card {
padding-top:0em;
padding-right:0em;
padding-bottom:0em;
padding-left:0em;
}
}
.milestone-image {
object-fit:cover;
max-height:300px;
}
@media (max-width: 991px) {
.milestone-image {
max-width:300px;
}
}
.grey-blue-overlay:hover{
}
.grey-blue-overlay {
}
.team-item {
cursor:pointer;
}
.lightbox-text {
}
.modal-text {
}
.post-text {
}
.post-text:not(.ct-section):not(.oxy-easy-posts),
.post-text.oxy-easy-posts .oxy-posts,
.post-text.ct-section .ct-section-inner-wrap{
display:none;
}
.modal-basic {
padding-top:1em;
padding-right:1em;
padding-bottom:1em;
padding-left:1em;
margin-left:1em;
margin-top:1em;
margin-right:1em;
margin-bottom:1em;
}
.modal-title {
}
@media (max-width: 767px) {
.modal-title {
order:2;
}
}
.post-title {
}
.modal-title-wrap {
width:100%;
gap:2em;
}
.modal-title-wrap:not(.ct-section):not(.oxy-easy-posts),
.modal-title-wrap.oxy-easy-posts .oxy-posts,
.modal-title-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:flex-end;
justify-content:space-between;
gap:2em;
}
@media (max-width: 767px) {
.modal-title-wrap {
text-align:right;
gap:0.5em;
}
.modal-title-wrap:not(.ct-section):not(.oxy-easy-posts),
.modal-title-wrap.oxy-easy-posts .oxy-posts,
.modal-title-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:0.5em;
}
}
.modal-subtitle {
margin-bottom:0.1em;
}
@media (max-width: 767px) {
.modal-subtitle {
order:3;
}
}
.post-subtitle {
}
.oxy-close-modal {
}
@media (max-width: 767px) {
.oxy-close-modal {
order:1;
}
}
.modal-exit {
}
.flex-gallery {
}
.half-window-height-section {
min-height:60vh;
}
.half-window-height-section:not(.ct-section):not(.oxy-easy-posts),
.half-window-height-section.oxy-easy-posts .oxy-posts,
.half-window-height-section.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
@media (max-width: 767px) {
.half-window-height-section {
min-height:calc(66vw + 100px) ;
}
}
.content-after-half-fixed-hero {
background-color:#ffffff;
margin-top:calc(60vh - 65px) ;
position:relative;
}
@media (max-width: 767px) {
.content-after-half-fixed-hero {
margin-top:66vw;
}
}
.half-hero-headline-wrap {
transform:translateY(-50%); position:absolute;
top:-23vh;
padding-top:2vw;
padding-right:8vw;
padding-bottom:2vw;
padding-left:2vw;
left:0px;
border-top-right-radius:100vw ;
border-bottom-right-radius:100vw ;
max-width:50vw;
}
@media (max-width: 991px) {
.half-hero-headline-wrap {
max-width:70vw;
margin-top:35px;
top:-24vw;
}
}
@media (max-width: 767px) {
.half-hero-headline-wrap {
padding-top:3vw;
padding-right:8vw;
padding-bottom:3vw;
padding-left:3vw;
max-width:90vw;
top:-40vw;
}
}
@media (max-width: 479px) {
.half-hero-headline-wrap {
}
}
.capsule-text {
background-color:#ffffff;
color:#133f69;
padding-top:1em;
padding-right:2em;
padding-bottom:1em;
padding-left:2em;
border-radius:100vw ;
margin-bottom:1em;
max-width:100%;
}
.min-full-height {
min-height:calc(100vh - 140px) ;
width:100%;
}
@media (max-width: 991px) {
.min-full-height {
}
}
@media (max-width: 767px) {
.min-full-height {
}
}
.blog-seq-links {
font-weight:600;
}
.feature-text {
}
.center-on-mobile {
text-align:left;
}
@media (max-width: 991px) {
.center-on-mobile {
text-align:center;
}
}
.no-click {
pointer-events:none;
}
.outline-button-light:hover{
border-top-color:#ffffff;
border-right-color:#ffffff;
border-bottom-color:#ffffff;
border-left-color:#ffffff;
border-top-width:2px;
border-right-width:2px;
border-bottom-width:2px;
border-left-width:2px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
background-color:#ffffff;
text-decoration:none;
color:#133f69;
}
.outline-button-light {
background-color: transparent;
border: 1px solid #133f69;
color: #133f69;
padding: 9px 15px;
}.outline-button-light {
transition-duration:0.25s;
text-transform:uppercase;
font-weight:600;
padding-top:0.5em;
padding-left:0.75em;
padding-right:0.75em;
padding-bottom:0.5em;
border-top-width:2px;
border-right-width:2px;
border-bottom-width:2px;
border-left-width:2px;
font-size:1.25em;
border-top-color:#ffffff;
border-right-color:#ffffff;
border-bottom-color:#ffffff;
border-left-color:#ffffff;
color:#ffffff;
}
@media (max-width: 479px) {
.outline-button-light {
width:100%;
}
}
.post-title-large {
font-size:2em;
margin-left:0.5em;
margin-right:0.5em;
}
.card-heading {
margin-top:1em;
margin-right:1em;
margin-bottom:1em;
margin-left:1em;
}
.wide-button {
width:100%;
max-width:600px;
}
.investor-supporter-item {
max-width:400px;
max-height:200px;
}
.hover-zoom:hover{
transform:scale(1.05,1.05);}
.hover-zoom {
transition-duration:0.25s;
}
.wide-section {
max-width:1366px;
}
.affiliate-image {
max-width:400px;
max-height:200px;
min-width:200px;
min-height:60px;
}
@media (max-width: 479px) {
.affiliate-image {
max-width:100%;
min-height:30px;
}
}
.affiliate-item {
margin-right:2em;
margin-top:2em;
margin-bottom:2em;
margin-left:2em;
}
.med-large-title {
font-size:4.5vw;
line-height:1.3;
}
@media (max-width: 1120px) {
.med-large-title {
font-size:6vw;
}
}
@media (max-width: 767px) {
.med-large-title {
font-size:8vw;
}
}
@media (max-width: 479px) {
.med-large-title {
font-size:10.5vw;
}
}
.testimonial-slide {
margin-left:auto;
margin-right:auto;
}
.testimonial-slide-content {
margin-left:100px;
margin-right:100px;
max-width:700px;
padding-bottom:0em;
}
.testimonial-slide-content:not(.ct-section):not(.oxy-easy-posts),
.testimonial-slide-content.oxy-easy-posts .oxy-posts,
.testimonial-slide-content.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
@media (max-width: 767px) {
.testimonial-slide-content {
margin-left:4em;
margin-right:4em;
}
}
@media (max-width: 479px) {
.testimonial-slide-content {
margin-left:1em;
margin-right:1em;
}
}
.gradient-light {
background-image: linear-gradient(10deg, rgba(0,141,150,0.5), rgba(19,63,105,0.14));}
.toggle-7431 {
}
.toggle-7431 .oxy-expand-collapse-icon {
font-size: 12px; }
.toggle-7431 .oxy-expand-collapse-icon::before,
.toggle-7431 .oxy-expand-collapse-icon::after {
background-color: #74e3ea; }
.toggle-7431-expanded {
}
.align-w-gallery {
margin-left:10px;
}
.photo-caption {
margin-top:0.5em;
font-style:italic;
margin-bottom:1em;
}
.gradient-bg-blue-top {
background-image: linear-gradient(180deg, #133f69, #008d96); background-color:#133f69;
}
.subpage-hero-space {
width:100%;
height:18vw;
}
@media (max-width: 767px) {
.subpage-hero-space {
height:30vw;
}
}
.min-post-height {
min-height:calc(60vh - 140px) ;
width:100%;
}
.fade-in-sequential {
}
.left-align-mobile {
}
@media (max-width: 767px) {
.left-align-mobile {
text-align:left;
margin-right:auto;
}
}
.subpage-hero-headline {
}
@media (max-width: 767px) {
.subpage-hero-headline {
font-size:7.5vw;
font-weight:500;
}
}
.no-col-padding-mobile {
}
@media (max-width: 767px) {
.no-col-padding-mobile {
}
}
.dontlazyload {
}
.media-credit-image {
max-width:300px;
width:300px;
}
.media-credit-item {
max-width:300px;
}
.test-class {
background-color:#19963c;
}
.simple-card-read-more {
margin-top:20px;
margin-bottom:20px;
margin-left:20px;
}
.simple-card-read-more:not(.ct-section):not(.oxy-easy-posts),
.simple-card-read-more.oxy-easy-posts .oxy-posts,
.simple-card-read-more.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
/*********font fallbacks and adjustments************/
body{
overflow-x:hidden;
}
h1, h2 {
font-family: 'Saira Condensed', Arial, sans-serif;
}
p, h3, h4, h5, h6{
font-family: 'Saira', Arial, sans-serif;
}
.light-text h1{
font-weight:200;
}
@media screen and (min-width:1366px){
.med-large-title{
font-size:3.25em;
}
.large-title{
font-size:5em;
}
.larger-title{
font-size:4.2em;
}
.big-title{
font-size:4.5em;
}
.huge-title{
font-size:6.8em;
}
}
/***********prevent short pages**************/
/*.ct-section-inner-wrap{
min-height:calc(100vh - 145px)
}*/
/***********remove paragraph bottom margin***********/
.no-bottom-margin p, .no-bottom-margin ul{
margin-bottom:0;
}
.no-top-margin p, .no-top-margin ul{
margin-top:0;
}
/***********more space between bullets************/
.stat-columns li, .expanded-bullets li{
margin-bottom:1em;
}
/**********dark section link color**********/
.white-text a{
color:var(--light);
}
/**********override link color************/
.anchor-nav a, .capsule-text a, .blog-seq-links a{
color:var(--dark);
}
/***********blockquotes**************/
blockquote{
font-family: 'Saira Condensed', Arial, sans-serif;
font-weight:200;
font-size:2em;
margin:0;
margin-bottom:0.5em;
}
/*********remove extra header sections*******/
.oxy-header-center, .oxy-header-right{
display:none;
}
.oxy-header-left{
width:100%
}
.oxy-header-container{
max-width:100vw;
padding:0;
}
/*************blur behind header***************/
.frosted-header-bg:after{
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
content:"";
z-index:-1;
}
/*************logo and header on large screens**********************/
@media screen and (min-width:1366px){
.logo:not(.footer .logo, .oxy-sticky-header-active .logo) {
transform:translateY(20px);
}
.nav-menu-base > ul{
margin-bottom:0;
margin-top:14px;
}
.header:not(.ct-section):not(.oxy-easy-posts){
align-items:flex-start;
}
.frosted-header-bg{
position:relative;
background:transparent;
height:60px
}
.frosted-header-bg:after{
backdrop-filter: blur(7px);
}
.frosted-header-bg:before{
background-image: linear-gradient(179.5deg, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
background-color: rgba(255, 255, 255, 0.5);
position:absolute;
top:0;
right:0;
left:0;
bottom:0;
content:"";
z-index:-1;
}
.frosted-header-bg:not(.oxy-sticky-header-active .frosted-header-bg):before{
mask-image: url('/wp-content/uploads/2024/09/BWT-header-clip-path-5.svg');
-webkit-mask-image: url('/wp-content/uploads/2024/09/BWT-header-clip-path-5.svg');
mask-size: auto 100%;
mask-position: left bottom;
mask-repeat: no-repeat;
bottom:-40px;
}
.content-after-fixed-hero{
margin-top: calc(100vh - 60px);
}
}
/*************sticky header adjustments***************/
.oxy-sticky-header-active .logo{
max-width:300px;
}
.oxy-sticky-header-active .header{
padding-top:5px;
padding-bottom:5px;
}
.oxy-sticky-header-active .nav-menu-base ul{
margin-top:0;
margin-bottom:0;
}
/***********mobile section spacing**********/
@media screen and (max-width:768px){
.ct-section-inner-wrap {
padding-top: 50px;
padding-bottom: 50px;
}
}
/******************nav menu customization**************/
@media screen and (min-width:992px){
.nav-menu-base:not(.footer-menu){
width:100%;
margin-left:auto;
padding-left:40px;
max-width: 900px;
}
.nav-menu-base > ul{
display: flex;
width: 100%;
align-items: center;
justify-content: space-evenly;
}
}
.nav-menu-base button .icon{
margin-top:0.25em;
}
.menu-item.has-submenu > a {
padding-right:0.5em;
}
.nav-menu-base > ul > .menu-item:hover{
background-color:unset;
}
.nav-menu-base > ul > .menu-item:not(.current-menu-item) > a::before{
content: "";
position: absolute;
bottom: 8px;
height: 1.5px;
left: 16px;
right: 16px;
background-color: var(--oxynav-brand-color);
opacity:0;
transition:opacity 0.25s;
}
@media (min-width: 1121px) {
#_header-11-16.oxy-header-wrapper.oxy-header.oxy-sticky-header.oxy-sticky-header-active {
z-index:10;
}
}
.anchor-nav a::before{
content: "";
position: absolute;
bottom: 0;
height: 1.5px;
left: 0;
right: 0;
background-color: var(--dark);
opacity:0;
transition:opacity 0.25s;
}
@media screen and (min-width:1366px){
.anchor-nav{
font-size:1.5em;
}
.subpage-hero-headline-wrap{
max-width:900px;
padding-right:60px;
}
}
.nav-menu-base > ul > .menu-item:hover > a::before,
.anchor-nav a:hover::before{
opacity:1;
}
.anchor-nav a{
position:relative;
}
@media screen and (max-width:991px){
.oxy-site-navigation li li a{
color:var(--oxynav-brand-color);
}
}
.oxy-site-navigation__mobile-open-button {
padding:0;
}
.oxy-site-navigation li > button.oxy-site-navigation__mobile-close-button{
transform:translateY(-3.5em);
}
.oxy-site-navigation > ul > li > ul{
padding-top: 0;
padding-left: 10px;
}
.oxy-site-navigation > ul > li > ul > li:first-of-type{
border-top-right-radius: 0;
border-top:1px solid var(--white);
border-left:1px solid var(--white);
border-right:1px solid var(--white);
}
.oxy-site-navigation > ul > li > ul > li:last-of-type{
border-bottom-left-radius: 0;
border-bottom:1px solid var(--white);
border-left:1px solid var(--white);
border-right:1px solid var(--white);
}
.oxy-site-navigation > ul > li > ul > li:not(:first-of-type):not(:last-of-type) {
border-left: 1px solid var(--white);
border-right: 1px solid var(--white);
}
@media screen and (min-width:992px){
.footer-menu > ul{
justify-content:center;
margin:0;
}
.copyright{
min-width:24em;
}
}
.copyright a {
color:var(--white);
}
/*******hero video fix**********/
@media screen and (max-width:768px){
.oxy-video-background .oxy-video-container video {
height:100%;
}
}
/***************remove column padding********/
.no-col-padding > .ct-div-block{
padding:0;
}
@media screen and (max-width:992px){
.no-col-padding-mobile > .ct-div-block{
padding-left:0;
padding-right:0;
}
}
/**************hover link underline***************/
a:not(.ct-link-button):not(.ct-link):hover {
text-decoration: underline;
}
.nav-menu-base a:hover, .anchor-nav a{
text-decoration: none!important;
}
/************linked title hover effect******************/
.linked-title-wrap .cta-icon{
transition:margin 0.25s;
}
.linked-title-wrap:hover .cta-icon{
margin-left:1.5em;
}
/*************button icon hover effect*************/
.button-base:hover .button-icon{
margin-left:1.5em;
}
.outline-icon-button:hover .button-icon{
color:#ffffff;
}
/*************anchor tag placement*************/
.anchor-tag{
transform:translateY(-15em);
}
@media screen and (max-width:992px){
.anchor-tag{
transform:translateY(-7em);
}
}
/*************checkbox list icon bullets**************/
.checkbox-list, .checkbox-list li{
width:100%;
}
.checkbox-list ul{
padding-left:0;
}
.checkbox-list li {
list-style: none; /* Remove default bullets */
position: relative; /* Establish a positioning context for the ::before pseudo-element */
padding-left: 3em; /* Add space for the custom checkmark */
padding-top:0.5em;
padding-bottom:0.5em;
padding-right:1.5em;
margin-bottom:1em;
font-weight:500;
}
.white-text .checkbox-list li{
background:var(--white);
border-radius:100vw;
color:var(--dark);
}
/* Add the Font Awesome checkmark as a pseudo-element before each */
.checkbox-list li::before {
content: "\f00c"; /* Unicode for Font Awesome's checkmark icon */
font-family: "Font Awesome 6 Free"; /* Ensure this matches the version you're using */
font-weight: 900; /* Use the solid style; adjust if necessary based on FA version */
position: absolute;
left: 0.5em; /* Position to the left inside the */
top: 50%; /* Vertically center */
transform: translateY(-50%); /* Adjust for perfect vertical centering */
font-size: 1.5em; /* Set the size of the checkmark */
color: var(--dark); /* Checkmark color */
}
/************post card and project gallery hover effects****************/
.post-card-link-area, .category-box {
overflow:hidden;
}
.post-card-image, .category-box img, .card-cta-icon{
transition:transform 0.75s ease-in-out;
}
.read-more-icon{
margin-left:0em;
transition:margin 0.5s ease-in-out;
}
.post-card-link-area:hover .post-card-image, .category-box:hover img{
transform:scale(1.05,1.05)
}
.post-card-link-area:hover .card-cta-icon, .simple-card-text-wrap:hover .card-cta-icon{
transform:scale(1.15,1.15)
}
.post-card-link-area:hover .read-more-icon, .all-posts-link:hover .read-more-icon{
margin-left:0.5em;
}
/*************archive hover effects*************/
.back-icon{
transition:transform 0.5s ease-in-out;
}
.back-to-main:hover .back-icon{
transform:translateX(-0.5em);
}
/************post card pagination**********/
.post-card-repeater .oxy-repeater-pages{
font-weight:700;
}
div.oxy-repeater-pages, div.oxy-repeater-pages-wrap{
align-items:flex-end;
}
/***********fast filter styles*************/
.fast-filter {
display: flex;
flex-direction: column;
align-items: center;
}
.fast-filter label {
font-size: 22px;
font-weight: 600;
margin-bottom: 8px;
}
.fast-filter input {
border: 2px solid var(--mid);
background-color: white;
padding: 8px;
font-size: 1.5em;
width: 100%;
}
.filter-checkboxes {
margin-top: 16px;
}
.filter-checkboxes [data-search-term] {
display: none;
}
.filter-checkboxes label {
padding: 8px;
border: 2px solid var(--mid);
margin-left: 8px;
margin-right: 8px;
font-size: 16px;
text-align: center;
display:inline-block
}
.filter-checkboxes [data-search-term]:checked + label {
background-color: var(--light);
border-color:var(--light);
outline: 2px solid var(--dark);
outline-offset: 4px;
}
@media screen and (max-width:992px){
.filter-checkboxes label {
font-size: 0.8em;
padding: 6px 10px;
margin-right: 8px;
margin-bottom:10px;
}
}
/****************project categories gallery*****************/
.project-categories-container {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.project-categories-container .category-box:last-child {
margin-right: 0;
}
.category-box {
flex: 1 0 calc(25% - 1em); /* Adjust the flex-basis to account for margin */
position: relative;
margin-right: 1em; /* Apply margin right */
margin-bottom: 1em; /* Bottom margin to separate rows */
height:12em;
}
@media screen and (min-width:1120px){
/* Remove margin-right on every 4th item and the last item */
.project-categories-container .category-box:nth-child(4n){
margin-right: 0;
}
}
@media screen and (max-width:1120px) and (min-width:769px){
.category-box {
flex: 1 0 calc(33.3333% - 1em); /* 3 boxes per row, adjusting for margin */
}
.project-categories-container .category-box:nth-child(3n){
margin-right: 0;
}
}
@media screen and (max-width:768px) and (min-width:481px){
.category-box {
flex: 1 0 calc(50% - 1em);
}
.project-categories-container .category-box:nth-child(2n){
margin-right: 0;
}
}
@media screen and (max-width:480px){
.category-box {
flex: 1 0 100%;
margin-right: 0;
}
}
/* Black and white filter applied to the background */
.category-box:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: white;
/*filter: grayscale(100%);*/
mix-blend-mode: saturation; /* This will turn the photo black and white */
z-index: 1;
}
/* Gradient overlay */
.category-box:after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(100deg, #080808, #888888);
z-index: 2;
opacity: 0.8;
transition: opacity 0.5s;
}
/* Adjust opacity on hover */
.category-box:hover:after, .category-box:hover:before {
opacity: 0.2;
}
.category-box h3 {
position: absolute;
top: 50%;
left: 50%;
transform:translate(-50%,-50%);
color: white;
text-align:center;
width:90%;
z-index:3;
text-transform:uppercase;
font-size:1vw;
font-weight:500;
letter-spacing:0.1em;
text-shadow:rgba(0,0,0,0) 0 0 5px;;
}
.category-box:hover h3 {
text-shadow:#000000 0 0 5px;
}
@media screen and (max-width:1366px){
.category-box h3 {
font-size:1em;
}
}
/****************form style*************/
:root {
--fluentform-primary: var(--mid)!important;
--fluentform-secondary: var(--dark)!important;
--fluentform-danger:var(--mid)!important;
}
.ff-message-success{
border-radius:0.5em;
}
/****************form button style*************/
.ff-btn-submit:not(.ff_btn_no_style) {
background-color:var(--dark)!important;
border-radius:2em!important;
text-transform:uppercase;
font-weight:600!important;
letter-spacing:0.05em;
color:var(--white);
transition:color 0.5s;
}
.ff-btn-submit:not(.ff_btn_no_style):hover {
color:var(--light)!important;
opacity:1!important;
}
.ff-default .ff-el-form-control, .ff-btn-submit:not(.ff_btn_no_style) {
font-family: 'Saira', -apple-system, "system-ui", Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif!important;
}
/***************subpage hero with rounded corners and faded bg***************/
.subpage-hero {
z-index:-2;
position: relative;
background-size:0 0;
display: flex;
align-items: center;
justify-content: center;
overflow:hidden;
padding-top:90px;
padding-left: 20px;
padding-right: 20px;
}
@media screen and (min-width:1366px){
.subpage-hero{
padding-top:120px;
}
}
.subpage-hero::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
mask-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 95%);
background-image: inherit;
background-size: cover;
background-position: center top;
filter: blur(10px);
transform:scale(1.1);
}
.subpage-hero img{
max-width:1120px;
max-height:calc(100vh - 260px);
z-index:1;
object-fit:cover;
object-position:center center;
}
@media screen and (max-width:1120px){
.subpage-hero img{
max-width:100%;
}
}
.project-featured-image {
position: relative;
height: auto;
}
/**********subpage gallery items********************/
.project-photo-gallery .oxy-gallery-item{
border-radius:1.4em;
overflow:hidden;
max-width:1080px;
}
.rounded-corners-inner .oxy-gallery-item{
border-radius: 0.5em;
overflow:hidden;
/*margin:0!important;*/
}
/**********************map embed**************/
.map-embed iframe{
width:100%;
height:100%;
}
/**************normal slider customizations*************/
.unslider-arrow{
background: none!important;
opacity:1!important;
}
.unslider-arrow:after{
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1;
font-size: 32px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
text-indent: 0;
color:var(--light);
content: 'next';
}
@media screen and (max-width:992px){
.unslider-arrow{
top:144px!important;
}
}
/***********hover zoom gallery********************/
.hover-zoom-gallery a{
overflow:hidden;
}
.hover-zoom-gallery a figure{
transition:transform 0.5s ease-in-out;
}
.hover-zoom-gallery a:hover figure{
transform:scale(1.05);
}
/*****************masonry gallery layout*************/
@media screen and (max-width:992px){
.masonry-gallery{
column-count:3!important;
}
}
@media screen and (max-width:480px){
.masonry-gallery{
column-count:2!important;
}
}
/***********blog next/prev buttons ****************/
.prev-next-row i{
margin:10px;
}
/**************link box hover effects for team links on about page***********/
.link-box-hover img{
transition:0.5s ease-in-out;
}
.link-box-hover:hover img,
.link-box-hover:focus img,
.link-box-hover:active img{
transform:scale(1.05);
}
.link-box-hover:hover h3,
.link-box-hover:focus h3,
.link-box-hover:active h3{
text-decoration:underline;
}
/****************stats counter**************/
@media screen and (min-width:1366px){
.counter-inner{
font-size:6em;
}
.five-digit-stat{
min-width:300px;
}
.three-digit-stat{
min-width:165px;
}
.two-digit-stat{
min-width:113px;
}
}
/***************photo overlay*******************/
.grey-blue-overlay{
position:relative;
}
.grey-blue-overlay:before{
display:block;
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background-color:var(--dark);
opacity:1;
mix-blend-mode:screen;
backdrop-filter: grayscale(1);
transition:opacity 0.25s;
}
.team-item:hover .grey-blue-overlay:before{
opacity:0;
}
/********adjust modal active scroll behavior*****/
body.oxy-modal-active {
position: initial;
overflow-y: initial;
height: initial;
}
/***********post category links styling**********/
/* Style for category links container */
ul.category-links {
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0;
list-style-type: none;
}
/* Style for each category link item */
ul.category-links li {
margin: 0.5em;
}
/* Style for the link itself */
ul.category-links li a {
display: block;
padding: 1em 1.5em;
border: solid 1px white;
border-radius: 100vw;
background-color: var(--white);
color: var(--dark);
text-decoration: none;
transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
}
/* Hover effect */
ul.category-links li a:hover, ul.category-links li .active {
background-color: var(--dark);
color:var(--white);
text-decoration: none!important;
}
ul.category-links li .active {
pointer-events:none;
}