.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: 'Lato';}body {line-height: ;font-size: px;font-weight: ;color: ;}.oxy-nav-menu-hamburger-line {background-color: ;}h1, h2, h3, h4, h5, h6 {font-family: 'Libre Bodoni';}a {text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: px;}.ct-section-inner-wrap {
padding-top: 40px;
padding-right: 20px;
padding-bottom: 40px;
padding-left: 20px;
}.ct-new-columns > .ct-div-block {
}.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;
}
}
.oxel_dynamicslider {
width:100%;
}
.swiper-container {
overflow:hidden;
}
.oxel_dynamicslider__container {
height:400px;
}
.swiper-wrapper {
}
.swiper-slide {
}
.logo {
}
.no-outline {
margin-left:40px;
margin-right:40px;
}
.no-outline:not(.ct-section):not(.oxy-easy-posts),
.no-outline.oxy-easy-posts .oxy-posts,
.no-outline.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
.hero {
height:700px;
position:relative;
max-width:100%;
}
@media (max-width: 1120px) {
.hero {
}
}
@media (max-width: 991px) {
.hero {
height:450px;
margin-top: 107px!important;
}
}
@media (max-width: 767px) {
.hero {
height:350px;
position:relative;
}
}
@media (max-width: 479px) {
.hero {
height:250px;
margin-top: 107px;
}
}
.footer__heading {
font-family:'Lato';
font-size:var(--text-s) ;
color:#ffffff;
letter-spacing:1px;
text-transform:uppercase;
font-weight:900;
margin-bottom:1rem;
}
.footer__link {
text-transform:uppercase;
font-size:var(--text-s) ;
font-weight:700;
line-height:1.5;
padding-left:0px;
}
.footer__copy {
font-family:'Lato';
color:#ffffff;
font-size:var(--text-xxs) ;
text-transform:uppercase;
letter-spacing:1px;
}
@media (max-width: 991px) {
.footer__copy {
}
}
.dash {
font-size:var(--h2) ;
width:100%;
}
.animate {
}
.animation {
}
.fadeInUp2x {
}
.longarrow-link {
}
.longarrow-button {
}
.longeye {
}
.longarrow-button-next {
width:200px;
}
.noselect {
}
.hero-heading:hover{
color:var(--white) !important;
}
.hero-heading {
font-family:Libre Bodoni;
color:#ffffff;
font-size:var(--h1) ;
width:80%;
margin-left:40px;
line-height:1.3;
max-width:18ch ;
}
.display-quote {
margin-bottom:0rem;
}
@media (max-width: 767px) {
.display-quote {
margin-bottom:0rem;
}
}
@media (max-width: 479px) {
.display-quote {
padding-left:20px;
padding-right:20px;
}
}
.heading-dash {
}
.display-quote-testimonial {
margin-bottom:3rem;
color:#ffffff;
max-width:650px;
}
@media (max-width: 479px) {
.display-quote-testimonial {
}
}
.swiper-button-next {
}
.swiper-testimonial-next {
position:absolute;
right:0px;
z-index:2;
left:auto;
}
.testimonial__quote {
font-family:Libre Bodoni;
color:#ffffff;
width:100%;
max-width:700px;
font-size:var(--h5) ;
text-align:center;
margin-bottom:2rem;
}
@media (max-width: 1120px) {
.testimonial__quote {
max-width:600px;
font-size:var(--text-xxxl) ;
}
}
@media (max-width: 991px) {
.testimonial__quote {
padding-left:3rem;
padding-right:3rem;
margin-bottom:2rem;
}
}
@media (max-width: 767px) {
.testimonial__quote {
padding-left:2rem;
padding-right:2rem;
font-size:var(--text-xxl) ;
margin-bottom:2rem;
}
}
@media (max-width: 479px) {
.testimonial__quote {
}
}
.testimonial__person {
color:#ffffff;
text-transform:uppercase;
font-size:var(--text-s) ;
font-weight:700;
}
.longarrow-button-prev {
}
.swiper-testimonial-prev {
position:absolute;
right:0px;
z-index:2;
left:auto;
}
@media (max-width: 1120px) {
.swiper-testimonial-prev {
top:auto;
}
}
.services__image {
margin-bottom:3rem;
height:50px;
width:auto;
}
@media (max-width: 767px) {
.services__image {
margin-bottom:1.5rem;
}
}
@media (max-width: 479px) {
.services__image {
}
}
.services__heading {
font-family:Lato;
font-size:var(--text-xl) ;
font-weight:700;
text-transform:uppercase;
letter-spacing:0px;
text-align:center;
height:60px;
margin-bottom:0px;
}
@media (max-width: 767px) {
.services__heading {
margin-bottom:0rem;
height:60px;
}
}
@media (max-width: 479px) {
.services__heading {
height:50px;
}
}
.services__text {
text-align:center;
margin-bottom:3rem;
}
@media (max-width: 1120px) {
.services__text {
margin-bottom:3rem;
}
}
@media (max-width: 767px) {
.services__text {
}
}
.longarrow-link-two {
}
.publics {
padding-top:30rem;
padding-right:4rem;
padding-bottom:4rem;
padding-left:4rem;
background-color:#00374f;
overflow:hidden;
position:relative;
height:100%;
}
.publics:not(.ct-section):not(.oxy-easy-posts),
.publics.oxy-easy-posts .oxy-posts,
.publics.ct-section .ct-section-inner-wrap{
display:flex;
}
@media (max-width: 1120px) {
.publics {
padding-top:24rem;
}
}
@media (max-width: 991px) {
.publics {
padding-top:12rem;
}
}
@media (max-width: 479px) {
.publics {
padding-top:6rem;
padding-bottom:2rem;
padding-left:2rem;
padding-right:2rem;
}
}
.services {
}
.services:not(.ct-section):not(.oxy-easy-posts),
.services.oxy-easy-posts .oxy-posts,
.services.ct-section .ct-section-inner-wrap{
align-items:center;
}
@media (max-width: 479px) {
.services {
}
.services:not(.ct-section):not(.oxy-easy-posts),
.services.oxy-easy-posts .oxy-posts,
.services.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
}
.publics__heading:hover{
text-decoration:none;
}
.publics__heading {
font-family:Lato;
font-size:var(--text-xl) ;
font-weight:700;
text-transform:uppercase;
letter-spacing:0px;
text-align:center;
height:60px;
color:#ffffff;
margin-bottom:0px;
text-decoration:none;
z-index:1;
margin-top:auto;
}
.publics__text:hover{
text-decoration:none;
}
.publics__text {
text-align:center;
color:#ffffff;
font-weight:300;
letter-spacing:1px;
z-index:1;
margin-bottom:0rem;
opacity:0.8;
}
@media (max-width: 1120px) {
.publics__text {
margin-bottom:auto;
}
}
.clickable-parent {
}
.publics__background:hover{
width:110%;
height:110%;
opacity:0.2;
}
.publics__background {
width:100%;
height:100%;
object-position:center center;
aspect-ratio:1/1;
object-fit:cover;
position:absolute;
top:0px;
left:0px;
opacity:0.5;
}
.bottomUp {
}
.grid-box-overlap {
width:100%;
}
.grid-box-overlap:not(.ct-section):not(.oxy-easy-posts),
.grid-box-overlap.oxy-easy-posts .oxy-posts,
.grid-box-overlap.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(2, minmax(200px, 1fr));grid-column-gap: 0px;grid-row-gap: 12rem;}
.grid-box-overlap__photo {
}
.grid-box-overlap__content {
position:relative;
overflow:hidden;
background-color:#00374f;
height:100%;
padding-left:8rem;
padding-top:8rem;
padding-right:8rem;
padding-bottom:8rem;
}
.grid-box-overlap__content:not(.ct-section):not(.oxy-easy-posts),
.grid-box-overlap__content.oxy-easy-posts .oxy-posts,
.grid-box-overlap__content.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:center;
}
@media (max-width: 991px) {
.grid-box-overlap__content {
min-height:50vh;
padding-left:4rem;
padding-top:4rem;
padding-right:4rem;
padding-bottom:4rem;
}
}
.boxes {
height:100%;
}
.boxes .ct-section-inner-wrap {
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
.boxes:not(.ct-section):not(.oxy-easy-posts),
.boxes.oxy-easy-posts .oxy-posts,
.boxes.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;justify-items: stretch;align-items: stretch;grid-template-columns: repeat(2, minmax(200px, 1fr));grid-column-gap: 0px;grid-row-gap: 0px;grid-auto-rows: minmax(min-content,1fr);}
@media (max-width: 1120px) {
.boxes {
}
}
@media (max-width: 991px) {
.boxes {
height:100%;
}
.boxes:not(.ct-section):not(.oxy-easy-posts),
.boxes.oxy-easy-posts .oxy-posts,
.boxes.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 0px;grid-row-gap: 0px;}
}
@media (max-width: 767px) {
.boxes {
}
}
.boxes-photo {
position:relative;
overflow:hidden;
background-color:#00374f;
width:100%;
padding-top:0px;
padding-bottom:0px;
min-height:50vh;
height:100%;
}
@media (max-width: 1120px) {
.boxes-photo {
height:100%;
min-height:50vh;
}
}
@media (max-width: 991px) {
.boxes-photo {
}
}
@media (max-width: 767px) {
.boxes-photo {
min-height:25vh;
}
}
.boxes-content {
position:relative;
overflow:hidden;
background-color:#00374f;
padding-left:8rem;
padding-right:8rem;
min-height:50vh;
height:100%;
padding-top:8rem;
padding-bottom:8rem;
}
.boxes-content:not(.ct-section):not(.oxy-easy-posts),
.boxes-content.oxy-easy-posts .oxy-posts,
.boxes-content.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:center;
}
@media (max-width: 1120px) {
.boxes-content {
padding-top:6rem;
padding-bottom:6rem;
padding-left:6rem;
padding-right:6rem;
}
}
@media (max-width: 991px) {
.boxes-content {
padding-left:4rem;
padding-right:4rem;
}
}
@media (max-width: 767px) {
.boxes-content {
min-height:25vh;
}
}
@media (max-width: 479px) {
.boxes-content {
min-height:25vh;
}
}
.boxes-content__heading {
font-family:Lato;
color:#ffffff;
font-size:var(--text-xxl) ;
text-transform:uppercase;
font-weight:700;
}
.boxes-photo__image {
height:140%;
width:140%;
object-position:50% 0;
object-fit:cover;
background-color:#00374f;
opacity:0.5;
}
@media (max-width: 1120px) {
.boxes-photo__image {
width:110%;
height:110%;
}
}
@media (max-width: 991px) {
.boxes-photo__image {
}
}
.boxes-content__text {
font-family:Lato;
color:#ffffff;
font-size:var(--text-l) ;
margin-bottom:0px;
}
@media (max-width: 1120px) {
.boxes-content__text {
}
}
.boxes-two {
position:relative;
min-height:49vh;
width:100%;
}
.boxes-two:not(.ct-section):not(.oxy-easy-posts),
.boxes-two.oxy-easy-posts .oxy-posts,
.boxes-two.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(2, minmax(200px, 1fr));grid-column-gap: 0px;grid-row-gap: 0px;}
@media (max-width: 1120px) {
.boxes-two {
width:100%;
min-height:52vh;
height:auto;
}
.boxes-two:not(.ct-section):not(.oxy-easy-posts),
.boxes-two.oxy-easy-posts .oxy-posts,
.boxes-two.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 0px;grid-row-gap: 0rem;}
}
@media (max-width: 991px) {
.boxes-two {
}
.boxes-two:not(.ct-section):not(.oxy-easy-posts),
.boxes-two.oxy-easy-posts .oxy-posts,
.boxes-two.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 0px;grid-row-gap: 0rem;}
}
@media (max-width: 767px) {
.boxes-two {
min-height:52vh;
}
}
@media (max-width: 479px) {
.boxes-two {
}
}
.boxes-two-photo {
position:relative;
overflow:hidden;
height:100%;
width:140%;
}
@media (max-width: 1120px) {
.boxes-two-photo {
width:100%;
height:auto;
}
}
@media (max-width: 991px) {
.boxes-two-photo {
order: -1;
}
}
@media (max-width: 767px) {
.boxes-two-photo {
}
}
@media (max-width: 479px) {
.boxes-two-photo {
height:auto;
}
}
.boxes-two-content {
position:relative;
overflow:hidden;
padding-top:12rem;
padding-right:6rem;
padding-bottom:6rem;
z-index:1;
margin-left:-20%;
margin-top:10%;
margin-bottom:10%;
background-color:rgba(0,55,79,0.9);
margin-right:0%;
}
.boxes-two-content:not(.ct-section):not(.oxy-easy-posts),
.boxes-two-content.oxy-easy-posts .oxy-posts,
.boxes-two-content.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:center;
}
@media (max-width: 1120px) {
.boxes-two-content {
width:90%;
margin-left:5%;
margin-right:0%;
margin-top:30%;
padding-bottom:6rem;
padding-top:12rem;
position:absolute;
margin-bottom:80px;
padding-left:0rem;
padding-right:6rem;
height:auto;
}
}
@media (max-width: 991px) {
.boxes-two-content {
}
}
@media (max-width: 767px) {
.boxes-two-content {
padding-top:12rem;
padding-left:4rem;
padding-right:4rem;
padding-bottom:4rem;
margin-left:2rem;
margin-right:6rem;
}
}
@media (max-width: 479px) {
.boxes-two-content {
margin-right:2rem;
margin-left:2rem;
padding-left:2rem;
padding-right:2rem;
}
}
.boxes-two-photo__image {
height:140%;
width:140%;
object-position:50% 0;
object-fit:cover;
}
@media (max-width: 1120px) {
.boxes-two-photo__image {
width:110%;
height:auto;
max-height:40rem;
}
}
@media (max-width: 991px) {
.boxes-two-photo__image {
height:80auto;
}
}
@media (max-width: 767px) {
.boxes-two-photo__image {
}
}
@media (max-width: 479px) {
.boxes-two-photo__image {
padding-left:1rem;
}
}
.boxes-two-content_heading {
font-family:Lato;
color:#ffffff;
font-size:var(--text-xxl) ;
text-transform:uppercase;
font-weight:700;
z-index:3;
padding-left:16rem;
margin-top:-2rem;
}
@media (max-width: 1120px) {
.boxes-two-content_heading {
margin-top:-3rem;
padding-left:12rem;
}
}
@media (max-width: 991px) {
.boxes-two-content_heading {
margin-top:-5rem;
padding-left:12rem;
}
}
@media (max-width: 767px) {
.boxes-two-content_heading {
padding-left:4rem;
}
}
@media (max-width: 479px) {
.boxes-two-content_heading {
font-size:var(--text-xl) ;
padding-left:6rem;
}
}
.boxes-two-content__text {
font-family:Lato;
color:#ffffff;
font-size:var(--text-l) ;
margin-bottom:0px;
z-index:3;
padding-left:16rem;
padding-top:2rem;
}
@media (max-width: 1120px) {
.boxes-two-content__text {
padding-left:6rem;
padding-top:3rem;
}
}
@media (max-width: 991px) {
.boxes-two-content__text {
padding-top:2rem;
padding-left:8rem;
}
}
@media (max-width: 767px) {
.boxes-two-content__text {
padding-left:0rem;
}
}
@media (max-width: 479px) {
.boxes-two-content__text {
padding-top:2rem;
}
}
.overlap-number {
}
.one {
}
.two {
}
.three {
}
.four {
}
.partners__heading:hover{
text-decoration:none;
}
.partners__heading {
font-family:Lato;
font-size:var(--text-xl) ;
font-weight:700;
text-transform:uppercase;
letter-spacing:0px;
text-align:center;
height:30px;
color:#ffffff;
margin-bottom:0px;
text-decoration:none;
z-index:1;
margin-top:auto;
}
.team__heading {
margin-bottom:0px;
}
.team__role {
font-weight:700;
text-transform:uppercase;
margin-bottom:3rem;
}
.team__bio {
}
.team__photo {
width:110%;
height:60rem;
max-height:60rem;
attachment_height:1000;
attachment_width:1000;
attachment_url:https://kflaw.luciana.pro.br/wp-content/uploads/2025/03/team-lenore.webp;
}
@media (max-width: 1120px) {
.team__photo {
height:40rem;
}
}
@media (max-width: 991px) {
.team__photo {
height:60rem;
}
}
@media (max-width: 767px) {
.team__photo {
height:40rem;
}
}
@media (max-width: 479px) {
.team__photo {
height:30rem;
}
}
.team {
}
.team .ct-section-inner-wrap {
padding-right: 20px;
padding-left: 20px;
}
.team:not(.ct-section):not(.oxy-easy-posts),
.team.oxy-easy-posts .oxy-posts,
.team.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(2, minmax(200px, 1fr));grid-column-gap: 6rem;grid-row-gap: 20px;}
@media (max-width: 991px) {
.team {
}
.team:not(.ct-section):not(.oxy-easy-posts),
.team.oxy-easy-posts .oxy-posts,
.team.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
}
.longarrow-link__white {
}
.getstarted__heading {
font-family:Lato;
font-size:var(--text-xl) ;
font-weight:700;
text-transform:uppercase;
letter-spacing:0px;
text-align:center;
margin-bottom:0px;
}
.services-two {
min-height:53rem;
text-align:center;
background-color:#dbdbdb;
padding-top:9rem;
padding-right:9rem;
padding-bottom:9rem;
padding-left:9rem;
}
.services-two:not(.ct-section):not(.oxy-easy-posts),
.services-two.oxy-easy-posts .oxy-posts,
.services-two.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
@media (max-width: 1120px) {
.services-two {
}
}
@media (max-width: 991px) {
.services-two {
min-height:49rem;
}
}
@media (max-width: 767px) {
.services-two {
padding-left:4rem;
padding-right:4rem;
padding-top:4rem;
padding-bottom:4rem;
min-height:40rem;
}
}
@media (max-width: 479px) {
.services-two {
padding-left:2rem;
padding-top:4rem;
padding-right:2rem;
padding-bottom:4rem;
min-height:40rem;
}
.services-two:not(.ct-section):not(.oxy-easy-posts),
.services-two.oxy-easy-posts .oxy-posts,
.services-two.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
}
.estate__heading {
font-family:Lato;
font-size:var(--text-xl) ;
font-weight:700;
text-transform:uppercase;
letter-spacing:0px;
margin-bottom:3rem;
}
.dot {
}
.posts__heading {
font-family:Libre Bodoni;
text-transform:capitalize;
font-size:var(--text-xxxl) ;
letter-spacing:1px;
}
.posts__category {
text-transform:uppercase;
font-size:var(--text-s) ;
margin-top:1rem;
}
.posts__preview {
}
.oxy-stock-content-styles {
}
.career__category {
text-transform:uppercase;
font-size:var(--text-xxl) ;
position:absolute;
bottom:40px;
left:40px;
}
.careers__heading {
font-family:Libre Bodoni;
text-transform:uppercase;
font-size:var(--h5) ;
}
.careers__category {
font-size:var(--text-xxl) ;
text-transform:uppercase;
margin-top:-2rem;
}
.careers__preview {
}
.post__category {
text-transform:uppercase;
margin-top:-6rem;
font-size:var(--text-xxl) ;
position:absolute;
bottom:30px;
left:40px;
color:#ffffff;
margin-bottom:3rem;
}
.contact__heading {
font-family:Lato;
font-size:var(--text-xl) ;
font-weight:700;
text-transform:uppercase;
letter-spacing:0px;
}
.contact__text {
}
@media (max-width: 767px) {
.contact__text {
margin-bottom:0rem;
}
}
@media (max-width: 479px) {
.contact__text {
padding-left:20px;
padding-right:20px;
}
}
.form {
}
.box-shadow {
}
.box-shadow--soft {
}
.box-shadow--softer {
}
.grid-box-soft {
width:100%;
background-color:#dbdbdb;
height:100%;
padding-left:6rem;
padding-top:6rem;
padding-right:6rem;
padding-bottom:6rem;
border-radius:2px;
border-top-width:0px;
border-right-width:0px;
border-bottom-width:0px;
border-left-width:0px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:#9c6b4d;
border-right-color:#9c6b4d;
border-bottom-color:#9c6b4d;
border-left-color:#9c6b4d;
xbox-shadow: var(--box-shadow-softer);
}
.grid-box-soft:not(.ct-section):not(.oxy-easy-posts),
.grid-box-soft.oxy-easy-posts .oxy-posts,
.grid-box-soft.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: start;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 0px;}
.application__heading {
font-family:Lato;
font-size:var(--text-xl) ;
font-weight:700;
text-transform:uppercase;
letter-spacing:0px;
align-self:flex-start;
}
.swiper-guide-prev {
right:0px;
z-index:2;
left:auto;
}
@media (max-width: 1120px) {
.swiper-guide-prev {
top:auto;
}
}
.swiper-guide-next {
right:0px;
z-index:2;
left:auto;
}
.guide__quote {
font-family:Lato;
color:#ffffff;
width:100%;
font-size:var(--text-m) ;
}
@media (max-width: 1120px) {
.guide__quote {
max-width:600px;
}
}
@media (max-width: 991px) {
.guide__quote {
}
}
@media (max-width: 767px) {
.guide__quote {
}
}
@media (max-width: 479px) {
.guide__quote {
}
}
.guide-side-text {
margin-bottom:0rem;
}
@media (max-width: 767px) {
.guide-side-text {
margin-bottom:0rem;
}
}
@media (max-width: 479px) {
.guide-side-text {
padding-left:20px;
padding-right:20px;
}
}
.hero-bg {
position:absolute;
top:0px;
left:0px;
width:100%;
height:calc( 100%) ;
z-index:0;
object-fit:cover;
object-position:center top;
}
.blog-heading {
color:#ffffff;
useCustomTag:false;
position:absolute;
bottom:0px;
left:40px;
max-width:25ch ;
margin-bottom:6rem;
width:100%;
z-index:1;
}
@media (max-width: 1120px) {
.blog-heading {
max-width:91%;
}
}
@media (max-width: 991px) {
.blog-heading {
max-width:90%;
margin-bottom:4rem;
}
}
@media (max-width: 767px) {
.blog-heading {
max-width:88%;
}
}
@media (max-width: 479px) {
.blog-heading {
margin-bottom:3rem;
max-width:86%;
}
}
.hero-gradient {
background-image: linear-gradient(#00374f 15%, transparent 100%); z-index:1;
position:absolute;
width:100%;
height:22%;
left:0px;
top:0px;
opacity:0.85;
}
.hero-gradient:not(.ct-section):not(.oxy-easy-posts),
.hero-gradient.oxy-easy-posts .oxy-posts,
.hero-gradient.ct-section .ct-section-inner-wrap{
display:none;
}
@media (max-width: 991px) {
.hero-gradient {
height:15%;
opacity:1;
}
.hero-gradient:not(.ct-section):not(.oxy-easy-posts),
.hero-gradient.oxy-easy-posts .oxy-posts,
.hero-gradient.ct-section .ct-section-inner-wrap{
display:none;
}
}
@media (max-width: 479px) {
.hero-gradient {
background-image: linear-gradient(#00374f 25%, transparent 100%);}
}
.events__text {
}
.faq-answer {
font-family:Lato;
margin-bottom:0rem;
font-size:var(--text-l) ;
margin-top:0rem;
font-weight:200;
}
@media (max-width: 767px) {
.faq-answer {
margin-bottom:0rem;
}
}
@media (max-width: 479px) {
.faq-answer {
padding-left:20px;
padding-right:20px;
}
}
.faq-question {
font-family:Libre Bodoni;
font-size:var(--h5) ;
text-align:left;
margin-bottom:0px;
}
/* debug */
* { outline: 0px solid rgba(200,0,0,0.2) }
:root {
--space-xxs : 4px;
--space-xs : 8px;
--space-s : 12px;
--space-m : 16px;
--space-l : 24px;
--space-xl : 32px;
--space-xxl : 48px;
--space-xxxl : 64px;
--space-4l : 96px;
--owl-xxs : 10px;
--owl-xs : 20px;
--owl-s : 40px;
--owl-m : 60px;
--owl-l : 80px;
--owl-xl : 100px;
--owl-xxl : 120px;
--owl-xxxl : 140px;
--grid-min : 230px;
--transition : 0.3s all ease-in-out;
--page-width : 1440px;
--box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
--box-shadow-soft : 10px 10px 10px rgba( 0, 0, 0, 0.1 ),
20px 00px 20px rgba( 0, 0, 0, 0.1 ),
40px 40px 80px rgba( 0, 0, 0, 0.1 );
--box-shadow-left : -20px 20px 10px rgba( 0, 0, 0, 0.1 ),
-20px 00px 20px rgba( 0, 0, 0, 0.1 ),
-20px 20px 80px rgba( 0, 0, 0, 0.1 );
--box-shadow-softer: 0px 2px 15px 0px rgba( 0, 0, 0, 0.1 );
--box-shadow-center: 0px 0px 10px 0px rgba( 0, 0, 0, 0.5 );
--text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
/* 320 / 1366 / 62.5% */
--text-xxs : clamp(0.9rem, 0.191vw + 0.839rem, 1.1rem);
--text-xs : clamp(1.0rem, 0.191vw + 0.939rem, 1.2rem);
--text-s : clamp(1.2rem, 0.191vw + 1.139rem, 1.4rem);
--text-m : clamp(1.4rem, 0.191vw + 1.339rem, 1.6rem);
--text-l : clamp(1.6rem, 0.191vw + 1.539rem, 1.8rem);
--text-xl : clamp(1.8rem, 0.191vw + 1.739rem, 2.0rem);
--text-xxl : clamp(2.0rem, 0.191vw + 1.939rem, 2.2rem);
--text-xxxl: clamp(2.2rem, 0.191vw + 2.139rem, 2.4rem);
--text-4l : clamp(2.4rem, 0.191vw + 2.339rem, 2.6rem);
--text-5l : clamp(2.4rem, 0.382vw + 2.278rem, 2.8rem);
--text-6l : clamp(2.4rem, 0.574vw + 2.216rem, 3.0rem);
--text-7l : clamp(2.4rem, 0.765vw + 2.155rem, 3.2rem);
--text-8l : clamp(2.6rem, 0.765vw + 2.355rem, 3.4rem);
--text-9l : clamp(3.2rem, 0.765vw + 2.555rem, 3.6rem);
--figcaption : clamp(1.9rem, 0.765vw + 1.655rem, 2.7rem);
--text-large : clamp(2.4rem, 0.765vw + 2.155rem, 3.2rem);
--text-medium: clamp(1.6rem, 0.765vw + 1.355rem, 2.4rem);
--text-small : clamp(1.0rem, 0.574vw + 0.816rem, 1.6rem);
--line-xxs : 1.1;
--line-xs : 1.2;
--line-s : 1.4;
--line-m : 1.6;
--line-l : 1.8;
--line-xl : 2.0;
--line-xxl : 2.2;
--line-xxxl: 2.4;
--weight-100 : 100;
--weight-200 : 200;
--weight-300 : 300;
--weight-400 : 400;
--weight-500 : 500;
--weight-600 : 600;
--weight-700 : 700;
}
* {
margin: 0;
padding: 0;
}
*, *:before, *:after {
box-sizing: border-box;
}
body, html {
margin: 0;
padding: 0;
}
html {
/* font-size: 62.5%; */
/* -webkit-text-size-adjust: 62.5%; */
/* -ms-text-size-adjust: 62.5%; */
font-size: 10px;
font-feature-settings: normal;
font-kerning: auto;
font-optical-sizing: auto;
font-size-adjust: none;
font-stretch: 100%;
font-variant-ligatures: normal;
font-variant-position: normal;
font-variation-settings: normal;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
height: 100%;
/* overflow-x: hidden; */
scroll-behavior: smooth;
/* overflow-x: clip; */
}
body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-display: optional;
font-style: normal;
font-size: 2.2rem;
font-size: var(--text-xl);
min-height: 100vh;
-webkit-min-height: 0vw; /* safari fix */
margin: 0 auto;
position: relative;
zoom: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
body.oxygen-aos-enabled { /* oxygen hack */
/* overflow: hidden; */
}
body, p, ul, ol {
line-height: 1.5;
}
p {
margin-block-start: 1em;
margin-block-end: 1em;
}
ul, ol {
padding-left: 0rem;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}
li:not(.menu-item) {
margin-bottom: 1rem;
}
li:last-of-type {
margin-bottom: 0;
}
.bullet li {
list-style-type: disc!important;
margin-inline-start: 20px; /* old margin */
padding-inline-start: 0; /* old padding */
}
a {
cursor: pointer;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
a.nohover {
color: inherit;
}
a.nodecoration {
text-decoration: none!important;
}
b, strong {
font-weight: 600 !important;
}
section, h1, h2, h3, h4, h5, h6, li, img, svg, figcaption {
-webkit-transition: var(--transition);
-o-transition: var(--transition);
transition: var(--transition);
}
figcaption {
font-size: var(--figcaption);
font-weight: var(--font-weight);
}
footer {
flex-shrink: 0;
}
footer ul {
list-style-type: none; padding-left: 0;
}
blockquote {
padding-left: 2rem;
margin-top: 3rem;
margin-bottom: 6rem;
}
/* sections */
.ct-section-inner-wrap {
max-width: var(--page-width);
min-height: inherit;
}
.ct-section-inner-wrap, .responsive-padding {
padding: var(--owl-xl) var(--owl-l); /* 100 80 */
}
@media screen and (max-width: 1120px) {
.ct-section-inner-wrap, .responsive-padding {
padding: var(--owl-l) var(--owl-m);
}
}
@media screen and (max-width: 992px) {
.ct-section-inner-wrap, .responsive-padding {
padding: var(--owl-l) var(--owl-m);
}
}
@media screen and (max-width: 768px) {
.ct-section-inner-wrap, .responsive-padding {
padding: var(--owl-m) var(--owl-s);
}
}
@media screen and (max-width: 480px) {
.ct-section-inner-wrap, .responsive-padding {
padding: var(--owl-m) var(--owl-s);
}
}
/* last section bigger bottom padding */
.last-section .ct-section-inner-wrap,
.ct-inner-content > section:last-of-type .ct-section-inner-wrap {
padding-bottom: var(--owl-xxxl);
}
@media screen and (max-width:1120px) {
.last-section .ct-section-inner-wrap,
.ct-inner-content > section:last-of-type .ct-section-inner-wrap { padding-bottom: var(--owl-xxl); }
}
@media screen and (max-width:992px) {
.last-section .ct-section-inner-wrap,
.ct-inner-content > section:last-of-type .ct-section-inner-wrap { padding-bottom: var(--owl-xl); }
}
@media screen and (max-width: 768px) {
.last-section .ct-section-inner-wrap,
.ct-inner-content > section:last-of-type .ct-section-inner-wrap { padding-bottom: var(--owl-l); }
}
/* effects */
.transition {
transition: var(--transition);
}
.scale, .scale-hover:hover {
transform: scale(1.1) !important;
}
.no-scale, .no-scale-hover:hover {
transform: scale(1.0) !important;
}
/* shadows */
.box-shadow {
box-shadow: var(--box-shadow);
}
.box-shadow--left {
box-shadow: var(--box-shadow-left);
}
.box-shadow--center {
box-shadow: var(--box-shadow-center);
}
.box-shadow--soft {
box-shadow: var(--box-shadow-soft);
}
.box-shadow--softer {
box-shadow: var(--box-shadow-softer);
}
.text-shadow {
text-shadow: 1px 1px 0px rgba( 0, 0, 0, 0.25);
}
/* grid */
.grid:not(.ct-section), .grid > .ct-section-inner-wrap {
align-items: center;
display: grid;
grid-template-columns: repeat( auto-fit, minmax( var(--grid-min), 1fr) );
justify-items: center;
grid-column-gap: var(--space-xl) !important; /* 32 */
grid-row-gap: var(--space-xl) !important;
width: 100%;
}
@media screen and (max-width: 768px) {
.gap:not(.ct-section), .gap > .ct-section-inner-wrap, gap.ct-div-block {
grid-column-gap: var(--space-l) !important; /* 24 */
grid-row-gap: var(--space-l) !important;
}
}
.gap:not(.ct-section), .gap > .ct-section-inner-wrap, gap.ct-div-block {
gap: var(--space-xl) !important; /* 32 */
grid-column-gap: var(--space-xl) !important; /* 32 */
grid-row-gap: var(--space-xl) !important;
}
@media screen and (max-width: 768px) {
.gap:not(.ct-section), .gap > .ct-section-inner-wrap, gap.ct-div-block {
gap: var(--space-xl) !important; /* 24 */
grid-column-gap: var(--space-l) !important; /* 24 */
grid-row-gap: var(--space-l) !important;
}
}
/* font sizes */
.text-xxs { font-size: var(--text-xxs); }
.text-xs { font-size: var(--text-xs); }
.text-s { font-size: var(--text-s); }
.text-m { font-size: var(--text-m); }
.text-l { font-size: var(--text-l); }
.text-xl { font-size: var(--text-xl); }
.text-xxl { font-size: var(--text-xxl); }
.text-xxxl { font-size: var(--text-xxxl); }
.text-xxs, .text-xxs p, .text-xxs li { line-height: var(--line-xxs); }
.text-xs, .text-xs p, .text-xs li { line-height: var(--line-xs); }
.text-s, .text-s p, .text-s li { line-height: var(--line-s); }
.text-m, .text-m p, .text-m li { line-height: var(--line-m); }
.text-l, .text-l p, .text-l li { line-height: var(--line-l); }
.text-xl, .text-xl p, .text-xl li { line-height: var(--line-xl); }
.text-xxl, .text-xxl p, .text-xxl li { line-height: var(--line-xxl); }
.text-xxxl,.text-xxxl p, .text-xxxl li { line-height: var(--line-xxxl); }
.large { font-size: var(--text-large); }
.medium { font-size: var(--text-medium); }
.small { font-size: var(--text-small); }
.text-l li { line-height: 1.4; }
/* Font weights */
.weight-100, .weight-100 > * { font-weight: 100 !important; }
.weight-200, .weight-200 > * { font-weight: 200 !important; }
.weight-300, .weight-300 > * { font-weight: 300 !important; }
.weight-400, .weight-400 > * { font-weight: 400 !important; }
.weight-500, .weight-500 > * { font-weight: 500 !important; }
.weight-600, .weight-600 > * { font-weight: 600 !important; }
.weight-700, .weight-700 > * { font-weight: 700 !important; }
.weight-800, .weight-800 > * { font-weight: 900 !important; }
.weight-900, .weight-900 > * { font-weight: 900 !important; }
/* text styles */
.italic { font-style: italic; }
.nowrap { white-space: nowrap; }
.overline { text-decoration: overline; }
.underline { text-decoration: underline; }
.underline-none { text-decoration: none; }
.underline-hover:hover { text-decoration: underline; }
.uppercase { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }
.balance {
text-wrap: balance;
overflow-wrap: break-word;
word-break: keep-all;
}
.noselect {
-webkit-user-select: none; /* safari */
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-decoration: none;
}
.noselect:hover {
text-decoration: none;
}
.nopointer > * {
pointer-events: none;
}
.nostyle {
list-style-type: none;
}
.invisible { /* hack to hide h2 in footer */
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect( 0,0,0,0 );
border: 0;
}
/* aspect ratio */
.ratio--16-9 { aspect-ratio: 16/9; }
.ratio--16-12 { aspect-ratio: 16/12; }
.ratio--16-16 { aspect-ratio: 16/16; }
.ratio--64-40 { aspect-ratio: auto 64/40; } /* 1024/640 */
/* rounded */
.rounded-xxs { border-radius: var(--space-xxs); } /* 4 */
.rounded-xs { border-radius: var(--space-xs); } /* 8 */
.rounded-s { border-radius: var(--space-s); } /* 12 */
.rounded-m { border-radius: var(--space-m); } /* 16 */
.rounded-l { border-radius: var(--space-l); } /* 24 */
.rounded-xl { border-radius: var(--space-xl); } /* 32 */
.rounded-xxl { border-radius: var(--space-xxl); } /* 48 */
.rounded-xxxl { border-radius: var(--space-xxl); } /* 64 */
.rounded-10 { border-radius: 10px; }
.rounded-20 { border-radius: 20px; }
.circle { border-radius: 100%; }
/* gaps */
.gap-xxs { gap: var(--space-xxs) !important; grid-gap: var(--space-xxs) !important; } /* 4 */
.gap-xs { gap: var(--space-xs) !important; grid-gap: var(--space-xs) !important; } /* 8 */
.gap-s { gap: var(--space-s) !important; grid-gap: var(--space-s) !important; } /* 12 */
.gap-m { gap: var(--space-m) !important; grid-gap: var(--space-m) !important; } /* 16 */
.gap-l { gap: var(--space-l) !important; grid-gap: var(--space-l) !important; } /* 24 */
.gap-xl { gap: var(--space-xl) !important; grid-gap: var(--space-xl) !important; } /* 32 */
.gap-xxl { gap: var(--space-xxl) !important; grid-gap: var(--space-xxl) !important; } /* 48 */
.gap-xxxl { gap: var(--space-xxxl) !important;grid-gap: var(--space-xxxl) !important;} /* 64 */
.gap-none { gap: 0; grid-gap: 0; }
section.gap-none .ct-section-inner-wrap { gap: 0 !important; grid-column-gap:0 !important; grid-row-gap: 0 !important; }
.gap-xxs .ct-section-inner-wrap { gap: var(--space-xxs) !important; }
.gap-xs .ct-section-inner-wrap { gap: var(--space-xs) !important; }
.gap-s .ct-section-inner-wrap { gap: var(--space-s) !important; }
.gap-m .ct-section-inner-wrap { gap: var(--space-m) !important; }
.gap-l .ct-section-inner-wrap { gap: var(--space-l) !important; }
.gap-xl .ct-section-inner-wrap { gap: var(--space-xl) !important; }
.gap-xxl .ct-section-inner-wrap { gap: var(--space-xxl) !important; }
.gap-xxxl .ct-section-inner-wrap { gap: var(--space-xxxl) !important; }
.gap-none .ct-section-inner-wrap { gap: 0; grid-gap: 0; }
/* padding and spacings */
.padded-xxs { padding: var(--space-xxs); }
.padded-xs { padding: var(--space-xs); }
.padded-s { padding: var(--space-s); }
.padded-m { padding: var(--space-m); }
.padded-l { padding: var(--space-l); }
.padded-xl { padding: var(--space-xl); }
.padded-xxl { padding: var(--space-xxl); }
.padded-xxxl { padding: var(--space-xxxl); }
.spacing-xxs { margin-bottom: var(--space-xxs); } /* 4 */
.spacing-xs { margin-bottom: var(--space-xs); } /* 8 */
.spacing-s { margin-bottom: var(--space-s); } /* 12 */
.spacing-m { margin-bottom: var(--space-m); } /* 16 */
.spacing-l { margin-bottom: var(--space-l); } /* 24 */
.spacing-xl { margin-bottom: var(--space-xl); } /* 32 */
.spacing-xxl { margin-bottom: var(--space-xxl); } /* 48 */
.spacing-xxxl { margin-bottom: var(--space-xxxl); } /* 64 */
.margin-bottom-none { margin-bottom: 0; }
.margin-left-none { margin-left: 0; }
.margin-right-none { margin-right: 0; }
.margin-top-none { margin-top: 0; }
.margin-none { margin: 0; }
.padding-bottom-none { padding-bottom: 0; }
.padding-left-none { padding-left: 0; }
.padding-right-none { padding-right: 0; }
.padding-top-none { padding-top: 0; }
.padding-none { padding: 0 !important; }
.responsive-spacing {
margin-bottom: var(--space-xxl);
}
@media screen and (max-width: 992px) {
.responsive-spacing {
margin-bottom: var(--space-xl);
}
}
@media screen and (max-width: 480px) {
.responsive-spacing {
margin-bottom: var(--space-l);
}
}
/* clickable parent for cards */
.clickable-parent {
position: relative;
transition: translate 0.3s ease-in-out;
}
a.clickable-parent:hover {
text-underline-offset: 0;
text-decoration: none;
text-decoration-color: unset;
text-decoration-thickness: 0;
}
.clickable-parent a:before{
position: absolute;
content: '';
inset: 0;
z-index: 100;
}
.clickable-parent:focus-within {
outline: var(--focus-width) solid var(--focus-color);
outline-offset: 4px;
}
.clickable-parent:focus-within :focus {
box-shadow: none;
outline: none;
}
.clickable-parent-transition:hover, .cliclable-parent:focus-within {
translate: 0 -0.25rem;
}
/* OXYGEN HACKS */
.ng-scope .editorfix-bg:hover { /* fix editor to hover on editor when element is a bg image */
pointer-events: none;
z-index: initial !important;
}
.oxy-pro-menu.oxy-pro-menu-open > .oxy-pro-menu-container { /* fix mobile menu overflow bug */
overflow-x: hidden;
}
.ct-inner-content, .ct-section, .page-width {
margin: 0 auto;
}
.ct-inner-content {
flex: 1 0 auto; /* just in case */
}
.ct-code-block {
/* height: 0; */
}
.ct-shortcode {
width: 100%;
}
.oxy-modal-backdrop.live {
z-index: 200200;
}
/* oxygen header */
.oxy-header-container {
min-height: inherit;
max-width: 100%;
padding-inline: 0;
}
@media screen and (max-width: 992px) {
.oxy-header-container {
padding:0 0;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.oxy-header-container {
padding:0 0;
margin: 0 auto;
}
}
/* repeater */
.no-pagination div.oxy-repeater-pages-wrap {
display: none;
}
/* oxytoolbox back to top */
.cd-top {
bottom: 100px;
right: 35px;
}
/* youtube - hide pause overlay */
.ytp-pause-overlay {
display: none!important;
}/* GLOBAL THEME */
:root {
/* GLOBAL COLORS */
--black : #000000; /* black */
--white : #ffffff; /* white */
--white-80 : #ffffffcc; /* white 80% */
--white-50 : #ffffff80; /* white 50% */
--gainsboro : #c7c7c7; /* gainsboro */
--grey-dark : #3a3a3a; /* grey dark */
--grey : #4b4b4b; /* grey */
--grey-medium : #616161; /* grey medium */
--grey-light : #757575; /* grey light */
--grey-lighter : #afafaf; /* grey lighter */
--grey-super-light : #dbdbdb; /* grey super light */
--whatsapp : #32b432; /* green whatsapp */
/* THEME COLORS */
--offblack : #191919; /* off black */
--offwhite : #f9f9f9; /* off white */
--green-dark : #104a59; /* dark green */
--tertiary-slight : #f3faff; /* blue super light */
--primary : #9c6b4d; /* dark gold */
--secondary : #00374f; /* dark green */
--tertiary : #6f91aa; /* medium blue */
--accent : var(--primary);
--footer : var(--white);
--border : var(--grey-dark);
--selected : #002855; /* dark blue */
--heading : var(--secondary);
--text : var(--secondary);
--search : var(--grey-dark);
--background : var(--offwhite);
--background-sticky : #F4F9FE; /* light pink */
/* THEME GENERAL */
--rounded : 12px;
--link : var(--secondary);
--link-hover : var(--primary);
--link-weight : 700;
--focus-width : 1px;
--focus-color : var(--accent);
--heading-weight : 400;
--font-weight : 400;
--font-display : "Libre Bodoni", Georgia, "Times New Roman";
--font-text : "Lato", Helvetica, Arial, sans-serif;
--font-button : "Lato", Helvetica, Arial, sans-serif;
--button-radius : 0px;
--button-weight : 700;
--button-border : 1px;
--button-padding : 18px 24px;
--button-transform : uppercase;
--text-button : var(--text-s);
--text-accent : var(--text-s);
/* 320 / 1366 / 62.5% */
--h1 : clamp(5.6rem, 1.530vw + 5.111rem, 7.2rem);
--h2 : clamp(4.8rem, 0.765vw + 4.555rem, 5.6rem);
--h3 : clamp(4.0rem, 0.765vw + 3.755rem, 4.8rem);
--h4 : clamp(3.6rem, 0.382vw + 3.478rem, 4.0rem);
--h5 : clamp(2.4rem, 0.765vw + 2.155rem, 3.2rem);
--h6 : clamp(2.4rem, 0.765vw + 2.155rem, 3.2rem);
--h1-hero : clamp(5.6rem, 1.530vw + 5.111rem, 7.2rem);
--line-h1 : 1.4;
--line-h2 : 1.4;
--line-h3 : 1.4;
--line-h4 : 1.6;
--line-h5 : 1.6;
--line-h6 : 1.6;
}
@media screen and (max-width:480px) {
:root {
--h1 : 4.0rem;
--h2 : 3.6rem;
--h3 : 3.2rem;
--h4 : 2.8rem;
--h5 : 2.4rem;
--h6 : 2.4rem;
--h1-hero : 4.0rem;
}
}
@media screen and (max-width:360px) {
:root {
--button-padding : 8px 16px;
--text-button : var(--text-m);
--text-accent : var(--text-m);
}
}
body, .ct-section {
background-color: var(--white);
}
::selection {
color: var(--offwhite);
background-color: var(--selected);
}
body {
color: var(--text);
font-family: var(--font-text);
font-weight: var(--font-weight);
font-size: var(--text-l);
}
blockquote {
border-left: 2px solid var(--grey-lighter);
}
/* different line height */
body, p, ul, ol {
line-height: 1.5;
}
/* headings */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
margin-bottom: 2rem;
}
.base-plain h1 + div {
margin-bottom: 2rem!important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
color: var(--heading);
font-weight: var(--heading-weight);
min-height: 0vw; /* SAFARI FIX */
letter-spacing: 1px;
}
h1, .h1 { font-size: var(--h1); line-height: var(--line-h1); }
h2, .h2 { font-size: var(--h2); line-height: var(--line-h2); }
h3, .h3 { font-size: var(--h3); line-height: var(--line-h3); letter-spacing: 0px; }
h4, .h4 { font-size: var(--h4); line-height: var(--line-h4); margin-bottom: 1.5rem; letter-spacing: 1px; }
h5, .h5 { font-size: var(--h5); line-height: var(--line-h5); margin-bottom: 1.5rem; letter-spacing: 1px; }
h6, .h6 { font-size: var(--h6); line-height: var(--line-h6); margin-bottom: 1.5rem; letter-spacing: 1px; }
.hero h1, .hero .h1 { font-size: var(--h1-hero); line-height: 1.2; }
/* h1.smaller, .h1.smaller { font-size: var(--h1-smaller); line-height: 1.2; letter-spacing: -3px; } */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: var(--heading);
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
color: var(--heading);
}
/* links */
a, p a, blockquote a {
text-decoration: underline;
text-underline-offset: 0.2rem;
transition: var(--transition);
}
a {
color: var(--link);
font-weight: var(--link-weight);
}
a:hover {
color: var(--link-hover);
text-underline-offset: 0.2rem;
text-decoration: underline;
text-decoration-color: var(--link-hover);
text-decoration-thickness: 0.2rem;
}
a.selected {
color: var(--selected);
}
a:active {
border-bottom: 1px solid var(--link-hover);
}
.oxy-rich-text p a, .oxy-rich-text blockquote a {
display: inline;
}
a.tertiary:hover {
color: var(--accent);
}
a:focus-within {
outline: var(--focus-width) solid var(--focus-color);
outline-offset: 1px;
}
.no-outline {
outline: none;
}
a.hover--offwhite:hover { color: var(--offwhite); }
a.hover--primary:hover { color: var(--primary); }
a.hover--secondary:hover { color: var(--secondary); }
a.hover--tertiary:hover { color: var(--tertiary); }
hr {
width: 100%;
border-top: 1px solid var(--border);
margin: 6rem 0;
height: 1px;
}
/* pro menu */
.menu-item a {
position: relative;
text-decoration: none;
}
.menu-item a span:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 0.1rem;
background-color: var(--link);
transition: width 0.3s linear;
/* text-underline-offset: 0.5rem !important; */
/* text-decoration: underline !important; */
/* text-decoration-color: var(--link) !important; */
/* text-decoration-thickness: 0.2rem !important; */
}
.menu-item a:hover span:before {
width: 100%;
}
body:has( .oxy-pro-menu.oxy-pro-menu-off-canvas ) {
background-color: rgba(0, 0, 0, 0.2);
transition: none;
}
/* paragraphs */
:is( h1, h2, h3, h4, h5, h6 ) + p, :-webkit-any( h1, h2, h3, h4, h5, h6 ) + p,
:is( h1, h2, h3, h4, h5, h6 ) + .oxy-rich-text, :-webkit-any( h1, h2, h3, h4, h5, h6 ) + .oxy-rich-text {
margin-top: 0;
}
p + :is( h1, h2, h3, h4, h5, h6 ), p + :-webkit-any( h1, h2, h3, h4, h5, h6 ),
.ct-text-block + :is( h1, h2, h3, h4, h5, h6 ) .ct-text-block {
width: 100%;
}
p + :is( h1, h2, h3, h4, h5, h6 ), p + :-webkit-any( h1, h2, h3, h4, h5, h6 ),
ul + :is( h1, h2, h3, h4, h5, h6 ), ul + :-webkit-any( h1, h2, h3, h4, h5, h6 ),
.oxy-rich-text + :is( h1, h2, h3, h4, h5, h6 ), .oxy-rich-text + :-webkit-any( h1, h2, h3, h4, h5, h6 ),
.ct-link-button + :is( h1, h2, h3, h4, h5, h6 ), .ct-link-button + :-webkit-any( h1, h2, h3, h4, h5, h6 ) {
margin-top: 6rem;
}
p:first-of-type {
margin-top: 0;
}
img, .ct-image {
max-width: 100%;
}
.ct-text-block + .ct-link-button,
.oxy-rich-text + .ct-link-button {
margin-top: 2rem;
}
/* footer */
footer {
background: var(--footer);
margin-top: auto;
}
footer h3 {
color: var(--offwhite);
}
footer a {
color: var(--offwhite);
padding: 0.5rem;
text-decoration: none;
}
footer a:active, footer a:hover {
color: var(--offwhite);
outline: none;
}
.footer_copy a {
color: var(--offwhite);
}
/* fonts and colors */
.font-display { font-family: var(--font-display); }
.font-text { font-family: var(--font-text); }
.offblack, .offblack > * { color: var(--offblack) !important; }
.offwhite, .offwhite > * { color: var(--offwhite) !important; }
.grey, .grey > * { color: var(--grey) !important; }
.primary, .primary > * , .primary-hover:hover { color: var(--primary) !important; }
.secondary, .secondary > *, .secondary-hover:hover { color: var(--secondary) !important; }
.tertiary, .tertiary > * , .tertiary-hover:hover { color: var(--tertiary) !important; }
.tertiary-light, .tertiary-light > * , .tertiary-light-hover:hover { color: var(--tertiary-light) !important; }
.accent, .accent > * , .accent-hover:hover { color: var(--accent) !important; }
/* util */
.rounded { border-radius: var(--rounded); }
.outline, .outline-hover:hover {
outline: var(--focus-width) solid var(--focus-color);
outline-offset: 1px;
-webkit-transition: all .0s ease;
-o-transition: all .0s ease;
transition: all .0s ease;
}
.marker {
background-color: var(--primary);
color: var(--offwhite);
}
.hollow {
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 1px;
}
.hollow.primary {
-webkit-text-stroke-color: var(--primary);
}
.hollow.secondary {
-webkit-text-stroke-color: var(--secondary);
}
/* hack to use when oxygen scroll offset will not work for anchor elements */
/* .scroll-offset {
scroll-margin-top: 250px;
} */
.anchor-offset {
position: relative;
height: 160px;
margin-top: -160px;
pointer-events: none;
visibility: hidden;
}
@media screen and ( max-width:768px ) {
.anchor-offset {
position: relative;
height: 60px;
margin-top: -60px;
pointer-events: none;
visibility: hidden;
}
}
/* buttons */
.button, .outline-button, .accent-button, .secondary-button, .tertiary-button, .white-button {
border-radius: var(--button-radius);
border: var(--button-border) solid transparent;
color: var(--white);
cursor: pointer;
font-size: var(--text-button);
font-weight: var(--button-weight);
font-family: var(--font-button);
letter-spacing: 1px;
padding: var(--button-padding);
text-decoration: none !important;
text-transform: var(--button-transform);
text-shadow: var(--text-shadow);
margin-top: 3rem;
z-index: 1;
-webkit-user-select: none; /* safari */
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.button { background-color: var(--secondary); }
.accent-button { background-color: var(--accent); }
.secondary-button { background-color: var(--secondary); }
.tertiary-button { background-color: var(--tertiary); }
.button.smaller, .outline-button.smaller, .accent-button.smaller {
padding: 8px 14px;
font-size: var(--text-m);
margin-top: 1rem;
}
.button:hover {
background-color: var(--offwhite);
border-color: var(--primary);
color: var(--primary);
}
.white-button {
background-color: var(--offwhite);
color: var(--secondary);
border: var(--offwhite);
}
.white-button:hover {
color: var(--offwhite);
background-color: var(--secondary);
border: var(--secondary);
text-decoration: none !important;
}
.outline-button {
color: var(--grey-dark);
background-color: transparent;
border-color: var(--grey-dark);
text-shadow: unset;
}
.outline-button:hover {
background-color: var(--grey-dark);
color: var(--offwhite);
border-color: var(--grey-dark);
}
.accent-button:hover {
background-color: var(--grey-dark);
color: var(--offwhite);
border-color: var(--grey-dark);
}
.secondary-button:hover {
background-color: var(--grey-dark);
color: var(--white);
border-color: var(--grey-dark);
text-decoration: none !important;
}
.tertiary-button:hover {
background-color: var(--grey-dark);
color: var(--white);
border-color: var(--grey-dark);
text-decoration: none !important;
}
/* repeater pagination */
.oxy-repeater-pages-wrap {
border-top: 0.5px solid rgba(18,18,18,0.2);
margin-top: 3rem;
padding-top: 3rem;
width: 100%;
justify-content: end;
}
.oxy-repeater-pages-wrap .oxy-repeater-pages {
display: flex;
gap: 1rem;
}
.oxy-repeater-pages-wrap .page-numbers {
width: 4.5rem;
height: 4.5rem;
display: block;
text-align: center;
background-color: var(--border);
border-radius: 100px;
font-size: var(--text-m);
padding-top: 1.1rem;
color: var(--white);
text-decoration: none;
}
.oxy-repeater-pages-wrap .page-numbers:hover {
background-color: var(--secondary);
}
.oxy-repeater-pages-wrap .page-numbers.current {
background-color: var(--secondary);
}
.oxy-repeater-pages-wrap .page-numbers.prev,
.oxy-repeater-pages-wrap .page-numbers.next {
background-color: transparent;
color: var(--border);
white-space: nowrap;
width: auto;
}
.oxy-repeater-pages-wrap .page-numbers.prev:hover,
.oxy-repeater-pages-wrap .page-numbers.next:hover {
ackground-color: var(--secondary);
}
/* LISTS */
ul.yes,
ul.no,
ul.dot {
list-style-type: none;
}
ul.yes li::before {
content: "✔";
color: var(--primary);
font-weight: bold;
margin-right: 1rem;
}
ul.no li::before {
content: "✖";
color: var(--offblack);
font-weight: bold;
margin-right: 1rem;
}
ul.dot li {
position: relative;
padding-left: 2rem;
}
ul.dot li::before {
content: '';
color: var(--grey);
font-weight: bold;
margin-right: 1rem;
position: absolute;
left: 0;
top: 1.5rem;
transform: translateY(-50%);
width: 6px;
height: 6px;
background-color: black;
border-radius: 50%;
}
.faq ul.no li::before {
color: var(--primary);
}
/* fix swiper not showing the slides from dynamic slider */
.swiper-wrapper {
flex-direction: row;
cursor: grab;
}
/* VIDEO OVERLAY */
.video-overlay {
position: relative;
top: -400px;
right: 0;
width: 100%;
height: 100%;
max-width: 550px;
max-height: 550px;
z-index: 10; /* overlay above the video */
margin-bottom: -400px;
cursor: pointer;
}
/* VIDEO PLAYER */
#video-container iframe,
.play-video--container iframe {
position: relative;
top: 0;
left: 0;
width: 100%;
border-radius: 8px;
}
#video-container iframe, #video-container .play-video--poster,
.play-video--container iframe, .play-video--container .play-video--poster {
aspect-ratio: 16/9;
}
#video-container.aspect--16-12 iframe, #video-container.aspect--16-12 .play-video--poster,
.play-video--container.aspect--16-12 iframe, .play-video--container.aspect--16-12 .play-video--poster {
aspect-ratio: 16/12;
}
#video-container.aspect--16-16 iframe, #video-container.aspect--16-16 .play-video--poster,
.play-video--container.aspect--16-16 iframe, .play-video--container.aspect--16-16 .play-video--poster {
aspect-ratio: 16/16;
}
@media screen and (max-width: 992px) {
#video-container.aspect--16-12 iframe, #video-container.aspect--16-12 .play-video--poster,
.play-video--container.aspect--16-12 iframe, .play-video--container.aspect--16-12 .play-video--poster {
aspect-ratio: 16/9;
}
#video-container.aspect--16-16 iframe, #video-container.aspect--16-16 .play-video--poster,
.play-video--container.aspect--16-16 iframe, .play-video--container.aspect--16-16 .play-video--poster {
aspect-ratio: 16/9;
}
}
/* change toggle icon to arrow */
.toggle-arrow .oxy-expand-collapse-icon {
display: flex;
width: auto;
height: auto;
background: transparent;
}
.toggle-arrow .oxy-expand-collapse-icon::before,
.toggle-arrow .oxy-expand-collapse-icon::after {
background-color: transparent;
position: static;
width: auto;
height: auto;
border-radius: 0;
}
.toggle-arrow .oxy-expand-collapse-icon::before {
content: '';
background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='%230751D8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 2a1 1 0 0 1 .707.293l10 10a1 1 0 0 1 0 1.414l-10 10A1 1 0 0 1 10 22V2z'/%3E%3C/svg%3E") center no-repeat;
transform: rotate(0deg);
position: static;
top: auto;
width: 32px;
height: 32px;
}
/* hide expand-collapse-icon */
.no-expand-collapse-icon .oxy-expand-collapse-icon {
display: none;
}
/* faq toggle closed */
.faq__toggle {
flex-direction: row-reverse;
}
.faq__toggle .oxy-expand-collapse-icon {
margin-right: 0.5rem;
}
.faq__toggle.toggle-9324-expanded .faq__heading {
color: var(--offwhite);
}
.faq__toggle .oxy-expand-collapse-icon.oxy-eci-collapsed {
border-radius: calc( var(--rounded) / 2);
background-color: var(--offblack);
width: 5rem;
height: 5rem;
}
.faq__toggle .oxy-expand-collapse-icon.oxy-eci-collapsed::before {
background-color: var(--offwhite);
top: 1.3em;
left: 0.9em;
height: 0.12em;
}
.faq__toggle .oxy-expand-collapse-icon.oxy-eci-collapsed::after {
background-color: var(--offwhite);
top: 1.3em;
left: 0.9em;
height: 0.12em;
}
/* toggle opened */
.faq__toggle.toggle-9324-expanded {
background-color: var(--primary);
}
.faq__heading {
color: var(--offblack);
}
.faq__toggle .oxy-expand-collapse-icon {
border-radius: calc( var(--rounded) / 2);
background-color: var(--white);
width: 5rem;
height: 5rem;
}
.faq__toggle .oxy-expand-collapse-icon::before {
background-color: var(--offblack);
top: 1.3em;
left: 0.9em;
height: 0.12em;
}
.faq__toggle .oxy-expand-collapse-icon::after {
background-color: var(--offwhite);
top: 1.3em;
left: 0.9em;
height: 0.12em;
}
/* search */
.oxy-search-form label {
display: inline-block;
width: 100%;
}
.oxy-search-form .search-field {
width: 100%;
border: 0;
background-color: var(--search);
border-radius: var(--rounded) 0 0 var(--rounded);
color: var(--secondary);
font-weight: 500;
font-size: 2rem;
padding-left: 3rem;
}
.oxy-search-form .search-field::placeholder {
color: var(--primary);
}
.oxy-search-form input[type="submit"] {
max-height: 4.8rem;
padding: 0 3rem;
cursor: pointer;
text-indent: -9999px;
background: url('data:image/svg+xml;utf8,') no-repeat center;
background-size: 24px;
text-indent: -9999em;
}
/* limit description height */
.app-card__description {
max-height: 6.3rem;
overflow: hidden;
}
.app-card__description.expanded {
max-height: fit-content;
}
.app-card__description.expanded + .app-card__read-more {
transform: rotate(180deg);
transform-origin: center;
}
/* ANIMATIONS */
.no-animation,
.no-animation:before,
.no-animation:after {
transition: none !important;
}
@keyframes popIn {
from {
opacity: 0;
transform: scale(2);
}
to {
opacity: 1;
transform: scale(1);
}
}
.pop-in {
animation: popIn 2.5s forwards; /* forwards keeps the final state */
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fade-in {
animation: fadeIn 0.75s ease-in forwards; /* forwards keeps the final state */
}
/* old theme animations */
.animation.fadeInUp {
opacity: 0;
transform: translateY(80px);
will-change: opacity, transform;
}
.animate.fadeInUp {
opacity: 1;
transform: translateY(0);
}
.animate.fadeInUp,
.animate.fadeInUp2col {
transition: opacity .5s cubic-bezier(.165,.84,.44,1), transform 1.25s cubic-bezier(.165,.84,.44,1);
}
.animate.fadeInUp2x {
transition: opacity .5s cubic-bezier(.165,.84,.44,1) .3s, transform 1.25s cubic-bezier(.165,.84,.44,1) .3s, padding .3s ease;
}
.swiper-slide-active .animate.fadeInUp {
transition: opacity .5s cubic-bezier(.165,.84,.44,1) .2s, transform 1.25s cubic-bezier(.165,.84,.44,1) .2s, padding .3s ease;
}
.swiper-slide-active .animate.fadeInUp2x {
transition: opacity .5s cubic-bezier(.165,.84,.44,1) .5s, transform 1.25s cubic-bezier(.165,.84,.44,1) .5s, padding .3s ease;
}
.clickable-parent .bottomUp {
bottom: 0rem;
transition: bottom .3s ease;
/* will-change: bottom; */
}
.clickable-parent:hover .bottomUp {
bottom: 2rem;
}
/* Navigation Menu Base Styles */
.oxy-pro-menu-list .menu-item a {
white-space: nowrap;
}
.oxy-pro-menu-list .menu-item.current-menu-item a,
.oxy-pro-menu-list .menu-item a:hover {
border-color: var(--primary);
}
/* Submenu Styles */
.sub-menu {
width: auto;
}
.oxy-pro-menu .menu-item .sub-menu {
margin-top: 0;
padding: 1rem 3rem 3rem;
background: rgba(0, 55, 79, 0.8);
}
.oxy-pro-menu .menu-item .sub-menu li {
white-space: normal;
margin-bottom: 0;
}
.oxy-pro-menu .menu-item .sub-menu a {
min-width: 26rem;
line-height: 2;
justify-content: flex-end;
}
/* Specific Menu Item Modifications */
.oxy-pro-menu .menu-item-has-children:nth-child(3) ul li:nth-child(1) a,
.oxy-pro-menu .menu-item-has-children:nth-child(3) ul li:nth-child(8) a {
font-weight: 900 !important;
font-size: 20px !important;
}
.oxy-pro-menu .menu-item-has-children:nth-child(3) ul li:nth-child(8) {
margin-top: 2rem;
}
/* Remove Active Borders */
#navigation .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul {
border-top-width: 0;
border-bottom-width: 0;
}
@media screen and (max-width: 992px) {
/* Mobile Menu Close Icon */
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon {
left: auto;
right: 30px;
top: 30px;
}
/* Mobile Submenu */
.oxy-pro-menu .menu-item .sub-menu {
background: unset;
border-top: 0;
}
/* Mobile Menu Container */
.menu-header-menu-container {
padding-top: 120px;
padding-bottom: 20px;
}
/* Mobile Dropdown Icon */
#navigation .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children .oxy-pro-menu-dropdown-icon-click-area {
margin-left: auto;
}
/* Hide Empty Submenu Links */
.menu #menu-item-3932 > a,
.menu #menu-item-257 > a {
display: none !important;
}
/* Mobile Menu Hover/Focus Effects */
#menu-primary-menu a:hover::after,
#menu-primary-menu a:focus::after {
width: 0%;
}
/* Mobile Submenu Links */
.oxy-pro-menu .menu-item a {
line-height: 1.2;
padding-right: 40px;
}
#navigation .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item > a:nth-of-type(1),
#navigation .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item > a:nth-of-type(5),
#navigation .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item > a:nth-of-type(6),
#navigation .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item > a:nth-of-type(7),
#navigation .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item > a:nth-of-type(8),
#navigation .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item > a:nth-of-type(9),
#navigation .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item > a:nth-of-type(10) {
padding-left: 35px; /* fix left space of parent links */
line-height: 3;
}
.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list a:focus-within { /* fix global a focus outline borders */
outline: unset;
outline-offset: 0px;
background-color: none;
}
.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a {
background-color: none;
}
.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children:hover > a {
background-color: var(--primary);
}
}
@media screen and (max-width: 480px) {
.oxy-pro-menu .menu-item-has-children:nth-child(3) ul li:nth-child(1) a,
.oxy-pro-menu .menu-item-has-children:nth-child(3) ul li:nth-child(8) a {
font-size: 15px !important;
}
.oxy-pro-menu .menu-item a {
line-height: 1.2;
padding-right: 20px;
}
#navigation .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item > a:nth-of-type(1) {
padding-left: 10px;
}
}
@media screen and (max-width: 320px) {
.oxy-pro-menu .menu-item-has-children:nth-child(3) ul li:nth-child(1) a,
.oxy-pro-menu .menu-item-has-children:nth-child(3) ul li:nth-child(8) a {
font-size: 14px !important;
}
.oxy-pro-menu .menu-item a {
line-height: 1.2;
padding-right: 10px;
}
}
:root {
--danger: #d50000;
}
/* dropdown */
#form .ff-el-form-control {
min-height: 47px;
border-radius: 0px;
}
#form .ff-el-form-control:focus {
border-color: var(--border);
}
#form .ff-el-input--label label {
font-weight: 500 !important;
font-family: var(--font-display);
font-size: var(--text-l);
}
/* old theme */
#form .ff-el-input--content select {
font-family: var(--font-display);
border-left: 0;
border-top: 0;
border-right: 0;
border-color: var(--black);
color: var(--secondary);
padding-left: 0;
}
#form .ff-el-input--content input {
font-family: var(--font-display);
border-left: 0;
border-top: 0;
border-right: 0;
border-color: var(--black);
color: var(--secondary);
padding-left: 0;
}
#form .ff-el-input--content textarea {
font-family: var(--font-display);
border-color: var(--black);
color: var(--secondary);
}
#form .ff-el-input--label label[for=ff_1_message] {
font-size: var(--text-xxl);
}
#form .fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after {
display: none;
#form .text-danger {
color: var(--danger);
}
#form .ff-el-input--label {
color: var(--grey-dark);
}
#form .xff-btn {
border: 0;
border-radius: 4px;
background-color: var(--primary);
color: var(--white);
padding: 12px 24px;
cursor: pointer;
text-shadow: var(--text-shadow);
}
/* contact */
#fluentform_1_success,
#fluentform_2_success,
#fluentform_4_success {
border: 0;
box-shadow: none;
color: var(--grey-dark);
font-size: var(--text-m);
padding: 0;
margin-top: 2rem;
margin-bottom: 2rem;
}
/* subscribe */
#fluentform_2 .ff-el-form-control:focus {
border-color: var(--border);
}
#fluentform_2 .ff_columns_total_2 {
gap: 1rem;
}
#fluentform_2 input[type="email"] {
border-radius: 4px;
border: 0;
height: 48px;
font-size: var(--text-s);
}
#fluentform_2 .xff-btn {
border: 0;
border-radius: 4px;
height: 48px;
background-color: var(--primary);
color: var(--white);
padding: 0 20px;
cursor: pointer;
max-width: 110px;
}
#fluentform_2 .ff-btn.icon {
position: relative;
color: transparent;
font-size: 0;
padding: 24px 24px;
cursor: pointer;
}
#fluentform_2 .ff-btn.icon:before {
content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJiIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMC43MSAyMC43MiI+PGcgaWQ9ImMiPjxnIGlkPSJkIj48cGF0aCBkPSJtMjAuMTUuMjNjLjQxLjI4LjYyLjc3LjU1LDEuMjZsLTIuNTksMTYuODNjLS4wNi4zOS0uMy43NC0uNjUuOTNzLS43Ni4yMi0xLjEzLjA2bC00Ljg0LTIuMDEtMi43NywzYy0uMzYuMzktLjkzLjUyLTEuNDIuMzNzLS44Mi0uNjgtLjgyLTEuMjF2LTMuMzhjMC0uMTYuMDYtLjMyLjE3LS40NGw2Ljc4LTcuMzljLjIzLS4yNS4yMy0uNjUtLjAyLS44OXMtLjY0LS4yNi0uODktLjAzbC04LjIzLDcuMzEtMy41Ny0xLjc5Qy4yOSwxMi41OS4wMSwxMi4xNiwwLDExLjY5cy4yNC0uOTIuNjUtMS4xNkwxOC43Ny4xN2MuNDMtLjI1Ljk3LS4yMiwxLjM4LjA2aDBaIiBzdHlsZT0iZmlsbDojZGRkOyIvPjwvZz48L2c+PC9zdmc+');
position: absolute;
top: 50%;
left: 50%;
transform: translate( -50%,-50% );
width: 24px;
height: 24px;
font-size: initial;
}
#fluentform_2 .ff_submit_btn_wrapper {
margin: unset;
}
#fluentform_2_success {
border: 0;
box-shadow: none;
color: var(--secondary);
font-size: var(--text-s);
padding: 0;
margin-top: 0;
margin-bottom: 1rem;
}
#fluentform_2 .ff-t-cell.ff-t-column-1 {
flex-basis: 80% !important;
}
#fluentform_2 .ff-t-cell.ff-t-column-2 {
flex-basis: 20% !important;
}
@media screen and (max-width:768px) {
#fluentform_2 .ff-btn,
#fluentform_2 #ff_2_email {
xborder-radius: 100px;
}
}
/* search */
.oxy-search-form .search-field {
border: 1px solid var(--offblack);
spellcheck: false;
-webkit-appearance: none; /* For WebKit browsers */
-moz-appearance: none; /* For Firefox browsers */
}
input::spelling-error, input::grammar-error {
text-decoration-color: var(--selected);
}
.oxy-search-form .search-submit {
margin-left: -62px;
margin-top: 2px;
height: 70px;
background: url('data:image/svg+xml;utf8,') no-repeat center !important;
}
.oxy-search-form .search-submit:hover {
background: url('data:image/svg+xml;utf8,') no-repeat center !important;
}
.post__article-single h1,
.post__article-single h2,
.post__article-single h3,
.post__article-single h4,
.post__article-single h5,
.post__article-single h6 {
color: var(--grey);
font-weight: 400;
margin-bottom: 2rem;
}
.post__article-single h1 {
font-size: var(--h3);
}
.post__article-single h2 {
font-size: var(--h4);
}
.post__article-single h3 {
font-size: var(--h5);
}
.post__article-single h4,
.post__article-single h5 {
font-size: var(--h6);
}
.post__article-single p {
line-height: 1.1;
}
.post__article-single a {
font-weight: 400;
}
.latest-category a, .post__category a {
text-decoration: none!important;
}
.latest-category a:hover, .post__category a:hover {
color: var(--accent);
}
}/* OLD THEME */
.dash {
text-align: center;
padding-bottom: 6rem;
display: block;
position: relative!important;
}
.dash:after {
box-sizing: border-box;
width: 80px;
height: 5px;
content: "";
position: absolute;
bottom: 3rem;
left: 50%;
transform: translate(-50%, -50%);
background: var(--secondary);
}
.heading-dash {
position: relative;
text-align: center;
padding-bottom: 6rem;
letter-spacing: -1px;
}
.heading-dash:after {
box-sizing: border-box;
width: 80px;
height: 5px;
content: "";
position: absolute;
bottom: 3rem;
left: 50%;
transform: translate(-50%, -50%);
background: var(--secondary);
}
.longarrow-link {
font-size: var(--text-s);
text-transform: uppercase;
font-weight: 600;
color: var(--primary);
padding-left: 138px;
position: relative;
margin: 3rem 0;
text-decoration: none;
}
.longarrow-link:hover {
outline: unset;
padding-left: 158px;
text-decoration: none;
}
.longarrow-link:before { /* button long arrow effect */
width: 118px;
height: 1px;
content: '';
position: absolute;
left: 0;
top: 50%;
z-index: 2;
background: var(--primary);
transform: translateY(-50%);
transition: background .3s ease, width .3s ease;
will-change: background, width;
}
.longarrow-link:hover:before {
width: 138px;
}
.longarrow-link:after {
left: 118px;
height: 0;
border-top: 2px solid transparent;
border-bottom: 2px solid transparent;
border-left: 6px solid var(--primary);
content: '';
position: absolute;
top: 32%;
transform: translateY(50%);
transition: border .3s ease, left .3s ease;
will-change: border, left;
}
.longarrow-link:hover:after {
left: 138px;
}
@media screen and (max-width:768px) {
.longarrow-link {
padding-left: 78px;
padding-right: 0;
}
.longarrow-link:hover {
padding-left: 108px;
}
.longarrow-link:before {
width: 60px;
}
.longarrow-link:hover:before {
width: 90px;
}
.longarrow-link:after {
left: 58px;
}
.longarrow-link:hover:after {
left: 88px;
}
}
.longarrow-link__white:before {
background: var(--offwhite);
}
.longarrow-link__white:after {
border-left: 6px solid var(--offwhite);
}
a.longarrow-link__white {
color: var(--offwhite);
}
.longarrow-link-two {
color: var(--primary);
font-size: var(--text-s);
font-weight: 700;
text-transform: uppercase;
padding-right: 138px;
padding: 0 110px 0 0;
letter-spacing: 1px;
margin-top: 3rem;
position: relative;
transition: padding .3s, color .3s ease, padding .3s ease;
will-change: padding, color, padding-right;
text-decoration: none;
}
.longarrow-link-two:hover {
text-decoration: none;
outline: unset;
padding-right: 128px;
border: 0;
}
.longarrow-link-two:before {
width: 60px;
height: 1px;
content: '';
position: absolute;
right: 25px;
top: 50%;
z-index: 2;
background: var(--primary);
transform: translateY(-50%);
transition: background .3s ease, width .3s ease;
will-change: background, width, right;
}
.longarrow-link-two:after {
width: 0;
height: 0;
border-top: 2px solid transparent;
border-bottom: 2px solid transparent;
border-left: 6px solid var(--primary);
content: '';
position: absolute;
top: 50%;
right: 25px;
transform: translateY(-50%);
transition: border .3s ease, right .3s ease;
will-change: border, right;
}
.longarrow-link-two:hover:before {
width: 80px;
background: var(--primary);
}
.longarrow-link-two:hover:after {
right: 19px;
border-left: 6px solid var(--primary);
}
@media screen and (max-width:768px) {
.longarrow-link-two {
padding-right: 78px;
}
.longarrow-link-two:hover {
padding-right: 88px;
}
.longarrow-link-two:before {
width: 40px;
}
.longarrow-link-two:hover:before {
width: 55px;
}
.longarrow-link-two:hover:after {
right: 20px;
}
}
.longarrow-button {
background: transparent !important;
border: 1px solid var(--primary) !important;
border-radius: 0 !important;
color: var(--primary) !important;
font-size: var(--text-s) !important;
font-weight: 700 !important;
text-transform: uppercase !important;
padding-right: 138px !important;
letter-spacing: 1px !important;
padding: 18px 110px 18px 25px !important;
margin-top: 6rem !important;
position: relative !important;
transition: background .3s ease, color .3s ease, padding .3s ease !important;
will-change: background, color, padding !important;
}
.longarrow-button:hover {
text-decoration: none;
outline: none;
padding: 18px 158px 18px 25px !important;
color: var(--offwhite) !important;
background: var(--primary) !important;
}
.longarrow-button:before {
width: 60px;
height: 1px;
content: '';
position: absolute;
right: 25px;
top: 50%;
z-index: 2;
background: var(--primary) !important;
transform: translateY(-50%);
transition: background .3s ease, width .3s ease;
will-change: background, width, right;
}
.longarrow-button:after {
width: 0;
height: 0;
border-top: 2px solid transparent !important;
border-bottom: 2px solid transparent !important;
border-left: 6px solid var(--primary) !important;
content: '';
position: absolute;
top: 50%;
right: 25px;
transform: translateY(-50%);
transition: border .3s ease, right .3s ease;
will-change: border, right;
}
.longarrow-button:hover:before {
width: 120px !important;
background: var(--offwhite) !important;
}
.longarrow-button:hover:after {
right: 19px !important;
border-left: 6px solid var(--offwhite) !important;
}
@media screen and (max-width:768px) {
.longarrow-button {
margin-top: 3rem;
padding-right: 68px;
}
.longarrow-button:hover {
padding: 18px 68px 18px 25px;
}
.longarrow-button:before {
width: 30px;
}
.longarrow-button:hover:before {
width: 40px;
background: var(--offwhite);
}
}
.ff-btn-submit.longarrow-button {
margin-top: 3rem !important;
}
.longarrow-button.white {
background: white !important;
}
.longarrow-button.white:hover {
color: var(--primary) !important;
}
.longarrow-button.white:hover:before {
background: var(--primary) !important;
}
.longarrow-button.white:hover:after {
border-left: 6px solid var(--primary) !important;
}
.longarrow-button-next {
right: 0px;
width: 140px;
height: 30px;
position: absolute;
top: 30%;
cursor: pointer;
transform: translateY(-50%);
transition: width .3s ease, left .3s ease, right .3s ease;
}
.longarrow-button-next:before {
width: 100%;
height: 1px;
content: '';
left: 0;
top: 70%;
z-index: 1;
position: absolute;
background: var(--offwhite);
transform: translateY(-50%);
transition: background .3s ease, width .3s ease, right .3s ease;
will-change: background, width, right;
}
.longarrow-button-next:after {
right: 0;
border-left: 6px solid var(--offwhite);
width: 0;
height: 0;
border-top: 2px solid transparent;
border-bottom: 2px solid transparent;
content: '';
position: absolute;
top: 70%;
transform: translateY(-50%);
transition: border .3s ease, right .3s ease;
will-change: border, right;
}
@media screen and (max-width:480px) {
.longarrow-button-next {
width: 70px;
}
}
.longarrow-button-prev {
left: 0px;
width: 140px;
height: 30px;
position: absolute;
top: 30%;
cursor: pointer;
transform: translateY(-50%);
transition: width .3s ease, left .3s ease, right .3s ease;
}
.longarrow-button-prev:before {
width: 100%;
height: 1px;
content: '';
left: 0;
top: 70%;
z-index: 1;
position: absolute;
background: var(--offwhite);
transform: translateY(-50%);
transition: background .3s ease, width .3s ease, right .3s ease;
will-change: background, width, right;
}
.longarrow-button-prev:after {
left: 0;
border-right: 6px solid var(--offwhite);
width: 0;
height: 0;
border-top: 2px solid transparent;
border-bottom: 2px solid transparent;
content: '';
position: absolute;
top: 70%;
transform: translateY(-50%);
transition: border .3s ease, right .3s ease;
will-change: border, right;
}
@media screen and (max-width:480px) {
.longarrow-button-prev {
width: 70px;
}
}
.longeye {
position: relative;
padding-bottom: 105px;
color: var(--primary);
font-size: 24px;
font-family: var(--font-text);
line-height: 150%;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1;
width: 100%;
text-align: center;
margin-bottom: 6rem;
}
.longeye:before {
width: 2px;
height: 80px;
content: '';
position: absolute;
left: 50%;
bottom: 5px;
background: var(--primary);
transform: translateX(-50%);
}
.longeye:after {
width: 8px;
height: 8px;
content: '';
border: 2px solid var(--primary);
position: absolute;
left: 50%;
bottom: 0;
background: none;
border-radius: 50%;
transform: translateX(-50%);
z-index: 1;
}
.overlap-number:before {
font-family: 'Libre Bodoni', serif;
color: var(--offwhite);
font-size: 5.2rem;
line-height: 1;
font-weight: 400;
letter-spacing: 0;
position: absolute;
top: 6rem;
left: 6rem;
width: 200px;
height: 200px;
}
.overlap-number:nth-of-type(1):before {
content: '0';
}
.overlap-number:nth-of-type(2):before, .overlap-number.one:before {
content: '1';
}
.overlap-number:nth-of-type(3):before, .overlap-number.two:before {
content: '2';
}
.overlap-number:nth-of-type(4):before, .overlap-number.three:before {
content: '3';
}
.overlap-number:nth-of-type(5):before, .overlap-number.four:before {
content: '4';
}
.overlap-number:after {
width: 172px;
height: 1px;
content: '';
position: absolute;
top: 120px;
left: 25px;
background: var(--offwhite);
transform: rotate(-52deg);
}
@media screen and (max-width: 992px) {
.overlap-number:before {
font-size: 4.4rem;
}
.overlap-number:after {
width: 100px;
top: 100px;
left: 50px;
}
}
@media screen and (max-width: 768px) {
.overlap-number:before {
font-size: 3.0rem;
left: 4rem;
top: 4rem;
}
.overlap-number:after {
width: 100px;
top: 70px;
left: 20px;
}
}