::-moz-selection{background:#FA5059;color:#000}::selection{background:#FA5059;color:#000}.wp-block-image img{object-fit:cover;object-position:center center}#section-8-15 > .ct-section-inner-wrap{padding-bottom:var(--space-xl) }#div_block-2-15{position:absolute;width:100%;z-index:100}#div_block-38-15{background-image:linear-gradient(#ffffff 50%,#ff0000 50%);width:100%;height:100%;position:absolute;top:0px;bottom:0px;left:0px;right:0px}#div_block-24-15{z-index:10}#div_block-5-15{width:100%;flex-direction:row;display:flex;justify-content:space-between;text-align:justify;align-items:center}#div_block-16-15{display:none;z-index:110}@media (max-width:767px){#div_block-24-15{display:flex;flex-direction:column;align-items:flex-end;text-align:right}}@media (max-width:767px){#div_block-16-15{align-items:center;text-align:center;display:flex;z-index:10}}#link-7-15{z-index:100000}#image-4-15{width:200px;z-index:10000}@media (max-width:991px){#image-4-15{width:175px}}@media (max-width:767px){#image-4-15{width:150px}}@media (max-width:479px){#image-4-15{width:100px}}@media (max-width:767px){#fancy_icon-13-15{margin-bottom:-10px}}#code_block-39-15{display:none}@media (max-width:767px){#_nav_menu-6-15 .oxy-nav-menu-list{display:none}#_nav_menu-6-15 .oxy-menu-toggle{display:initial}#_nav_menu-6-15.oxy-nav-menu.oxy-nav-menu-open .oxy-nav-menu-list{display:initial}}#_nav_menu-6-15.oxy-nav-menu.oxy-nav-menu-open{margin-top:0 !important;margin-right:0 !important;margin-left:0 !important;margin-bottom:0 !important}#_nav_menu-6-15.oxy-nav-menu.oxy-nav-menu-open .menu-item a{padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px}#_nav_menu-6-15 .oxy-nav-menu-hamburger-wrap{width:40px;height:40px;margin-top:10px;margin-bottom:10px}#_nav_menu-6-15 .oxy-nav-menu-hamburger{width:40px;height:32px}#_nav_menu-6-15 .oxy-nav-menu-hamburger-line{height:6px}#_nav_menu-6-15.oxy-nav-menu-open .oxy-nav-menu-hamburger .oxy-nav-menu-hamburger-line:first-child{top:13px}#_nav_menu-6-15.oxy-nav-menu-open .oxy-nav-menu-hamburger .oxy-nav-menu-hamburger-line:last-child{top:-13px}#_nav_menu-6-15 .oxy-nav-menu-list{flex-direction:column}#_nav_menu-6-15 .menu-item a{padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px;font-size:var(--text-m) }#_nav_menu-6-15 .current-menu-item a{color:#e70512}#_nav_menu-6-15.oxy-nav-menu:not(.oxy-nav-menu-open) .sub-menu .menu-item a{border:0;padding-left:0px;padding-right:0px}#_nav_menu-6-15 .menu-item:focus-within a,#_nav_menu-6-15 .menu-item:hover a{color:#e70512}#_nav_menu-6-15.oxy-nav-menu:not(.oxy-nav-menu-open) .sub-menu .menu-item a:hover{border:0;padding-left:0px;padding-right:0px}#_nav_menu-40-15.oxy-nav-menu.oxy-nav-menu-open{margin-top:0 !important;margin-right:0 !important;margin-left:0 !important;margin-bottom:0 !important}#_nav_menu-40-15.oxy-nav-menu.oxy-nav-menu-open .menu-item a{padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px}#_nav_menu-40-15 .oxy-nav-menu-hamburger-wrap{width:40px;height:40px;margin-top:10px;margin-bottom:10px}#_nav_menu-40-15 .oxy-nav-menu-hamburger{width:40px;height:32px}#_nav_menu-40-15 .oxy-nav-menu-hamburger-line{height:6px}#_nav_menu-40-15.oxy-nav-menu-open .oxy-nav-menu-hamburger .oxy-nav-menu-hamburger-line:first-child{top:13px}#_nav_menu-40-15.oxy-nav-menu-open .oxy-nav-menu-hamburger .oxy-nav-menu-hamburger-line:last-child{top:-13px}#_nav_menu-40-15 .oxy-nav-menu-list{flex-direction:column}#_nav_menu-40-15 .menu-item a{padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px;font-size:var(--text-m) }#_nav_menu-40-15 .current-menu-item a{color:#e70512}#_nav_menu-40-15.oxy-nav-menu:not(.oxy-nav-menu-open) .sub-menu .menu-item a{border:0;padding-left:0px;padding-right:0px}#_nav_menu-40-15 .menu-item:focus-within a,#_nav_menu-40-15 .menu-item:hover a{color:#e70512}#_nav_menu-40-15.oxy-nav-menu:not(.oxy-nav-menu-open) .sub-menu .menu-item a:hover{border:0;padding-left:0px;padding-right:0px}@media (max-width:767px){#_nav_menu-6-15{display:none}#_nav_menu-6-15.oxy-nav-menu:not(.oxy-nav-menu-open) .sub-menu .menu-item a{border:0}}#-off-canvas-18-15 .offcanvas-inner{background-color:#ffffff;width:100%}#-off-canvas-18-15{display:none}#-off-canvas-18-15 .offcanvas-inner{left:auto;right:0;height:100vh;min-height:-webkit-fill-available}#-off-canvas-18-15 .oxy-offcanvas_backdrop{will-change:opacity,visibility}#-off-canvas-18-15 .offcanvas-inner{will-change:transform}#-off-canvas-18-15 .oxy-offcanvas_backdrop{opacity:0;visibility:hidden}body:not(.oxygen-builder-body) #-off-canvas-18-15{display:block}body:not(.oxygen-builder-body) .editor-styles-wrapper #-off-canvas-18-15{visibility:hidden}body.oxygen-builder-body #-off-canvas-18-15 .offcanvas-inner{-webkit-transform:none;-ms-transform:none;transform:none;z-index:2147483640}.oxy-off-canvas{visibility:visible;pointer-events:none}.offcanvas-inner{background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:fixed;height:100vh;max-width:100%;width:280px;overflow-x:hidden;top:0;left:0;padding:30px;z-index:1000;-webkit-transition:-webkit-transform .5s cubic-bezier(0.77,0,0.175,1),box-shadow .5s cubic-bezier(0.77,0,0.175,1);transition:transform .5s cubic-bezier(0.77,0,0.175,1),box-shadow .5s cubic-bezier(0.77,0,0.175,1);-o-transition:-o-transform .5s cubic-bezier(0.77,0,0.175,1),box-shadow .5s cubic-bezier(0.77,0,0.175,1);pointer-events:auto}.offcanvas-inner:focus{outline:none}.oxy-offcanvas_backdrop{background:rgba(0,0,0,.5);position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;visibility:hidden;-webkit-transition:all .5s cubic-bezier(0.77,0,0.175,1);-o-transition:all .5s cubic-bezier(0.77,0,0.175,1);transition:all .5s cubic-bezier(0.77,0,0.175,1);pointer-events:auto;z-index:10}.oxy-off-canvas-toggled .oxy-offcanvas_backdrop{opacity:1;visibility:visible}body.oxygen-builder-body .oxy-slide-menu-dropdown-icon-click-area{position:relative;z-index:2147483641}body.oxygen-builder-body .oxy-offcanvas_backdrop{opacity:1;visibility:visible}.oxy-off-canvas .aos-animate-disabled[data-aos^='fade'][data-aos^='fade']{opacity:0}.oxy-off-canvas .aos-animate-disabled[data-aos='fade-up'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='fade-up']{transform:translate3d(0,100px,0)}.oxy-off-canvas .aos-animate-disabled[data-aos='fade-down'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='fade-down']{transform:translate3d(0,-100px,0)}.oxy-off-canvas .aos-animate-disabled[data-aos='fade-right'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='fade-right']{transform:translate3d(-100px,0,0)}.oxy-off-canvas .aos-animate-disabled[data-aos='fade-left'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='fade-left']{transform:translate3d(100px,0,0)}.oxy-off-canvas .aos-animate-disabled[data-aos='fade-up-right'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='fade-up-right']{transform:translate3d(-100px,100px,0)}.oxy-off-canvas .aos-animate-disabled[data-aos='fade-up-left'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='fade-up-left']{transform:translate3d(100px,100px,0)}.oxy-off-canvas .aos-animate-disabled[data-aos='fade-down-right'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='fade-down-right']{transform:translate3d(-100px,-100px,0)}.oxy-off-canvas .aos-animate-disabled[data-aos='fade-down-left'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='fade-down-left']{transform:translate3d(100px,-100px,0)}.oxy-off-canvas .aos-animate-disabled[data-aos^='zoom'][data-aos^='zoom'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos^='zoom'][data-aos^='zoom']{opacity:0;transition-property:opacity,transform}.oxy-off-canvas .aos-animate-disabled[data-aos^='zoom'][data-aos^='zoom'].aos-animate,.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos^='zoom'][data-aos^='zoom'].aos-animate{opacity:1;transform:translateZ(0) scale(1)}.oxy-off-canvas .aos-animate-disabled[data-aos='zoom-in'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='zoom-in']{transform:scale(0.6)}.oxy-off-canvas .aos-animate-disabled[data-aos='zoom-in-up'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='zoom-in-up']{transform:translate3d(0,100px,0) scale(0.6)}.oxy-off-canvas .aos-animate-disabled[data-aos='zoom-in-down'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='zoom-in-down']{transform:translate3d(0,-100px,0) scale(0.6)}.oxy-off-canvas .aos-animate-disabled[data-aos='zoom-in-right'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='zoom-in-right']{transform:translate3d(-100px,0,0) scale(0.6)}.oxy-off-canvas .aos-animate-disabled[data-aos='zoom-in-left'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='zoom-in-left']{transform:translate3d(100px,0,0) scale(0.6)}.oxy-off-canvas .aos-animate-disabled[data-aos='zoom-out'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='zoom-out']{transform:scale(1.2)}.oxy-off-canvas .aos-animate-disabled[data-aos='zoom-out-up'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='zoom-out-up']{transform:translate3d(0,100px,0) scale(1.2)}.oxy-off-canvas .aos-animate-disabled[data-aos='zoom-out-down'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='zoom-out-down']{transform:translate3d(0,-100px,0) scale(1.2)}.oxy-off-canvas .aos-animate-disabled[data-aos='zoom-out-right'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='zoom-out-right']{transform:translate3d(-100px,0,0) scale(1.2)}.oxy-off-canvas .aos-animate-disabled[data-aos='zoom-out-left'],.oxy-off-canvas .aos-animate-disabled[data-aos='zoom-out-left']{transform:translate3d(100px,0,0) scale(1.2)}.oxy-off-canvas .aos-animate-disabled[data-aos^='slide'][data-aos^='slide'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos^='slide'][data-aos^='slide']{transition-property:transform}.oxy-off-canvas .aos-animate-disabled[data-aos='slide-up'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='slide-up']{transform:translate3d(0,100%,0)}.oxy-off-canvas .aos-animate-disabled[data-aos='slide-down'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='slide-down']{transform:translate3d(0,-100%,0)}.oxy-off-canvas .aos-animate-disabled[data-aos='slide-right'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='slide-right']{transform:translate3d(-100%,0,0)}.oxy-off-canvas .aos-animate-disabled[data-aos='slide-left'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='slide-left']{transform:translate3d(100%,0,0)}.oxy-off-canvas .aos-animate-disabled[data-aos^='flip'][data-aos^='flip'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos^='flip'][data-aos^='flip']{backface-visibility:hidden;transition-property:transform}.oxy-off-canvas .aos-animate-disabled[data-aos='flip-left'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='flip-left']{transform:perspective(2500px) rotateY(-100deg)}.oxy-off-canvas .aos-animate-disabled[data-aos='flip-right'],.oxy-off-canvas .aos-animate-disabled[data-aos='flip-right']{transform:perspective(2500px) rotateY(100deg)}.oxy-off-canvas .aos-animate-disabled[data-aos='flip-up'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='flip-up']{transform:perspective(2500px) rotateX(-100deg)}.oxy-off-canvas .aos-animate-disabled[data-aos='flip-up'].aos-animate{transform:perspective(2500px) rotateX(0)}.oxy-off-canvas .aos-animate-disabled[data-aos='flip-down'],.oxy-off-canvas .aos-animate.aos-animate-disabled[data-aos='flip-down']{transform:perspective(2500px) rotateX(100deg)}.oxy-off-canvas .aos-animate-disabled[data-aos='flip-down'].aos-animate{transform:perspective(2500px) rotateX(0)}.oxy-off-canvas .screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.admin-bar .oxy-off-canvas .offcanvas-inner{margin-top:32px}@media screen and (max-width:782px){.admin-bar .oxy-off-canvas .offcanvas-inner{margin-top:46px}}body.oxygen-builder-body.admin-bar .oxy-off-canvas .offcanvas-inner{margin-top:0}html.toggled-off-canvas-18-15,body.toggled-off-canvas-18-15{overflow:hidden}.oxy-off-canvas .offcanvas-inner{-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0)}#-off-canvas-18-15.oxy-off-canvas-toggled.oxy-off-canvas .offcanvas-inner{-webkit-transform:none;-ms-transform:none;transform:none}[data-offcanvas-push='#-off-canvas-18-15'].oxy-off-canvas-toggled{-webkit-transform:translate(var(--offcanvas-push),0);-ms-transform:translate(var(--offcanvas-push),0);transform:translate(var(--offcanvas-push),0)}body:not(.oxygen-builder-body) #-off-canvas-18-15:not(.oxy-off-canvas-toggled) .offcanvas-inner{box-shadow:none}#-off-canvas-18-15 .offcanvas-inner{-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0)}#-off-canvas-18-15.oxy-off-canvas-toggled .offcanvas-inner{-webkit-transform:none;-ms-transform:none;transform:none}[data-offcanvas-push='#-off-canvas-18-15'].oxy-off-canvas-toggled{-webkit-transform:translate(calc(0px - (var(--offcanvas-push))),0);-ms-transform:translate(calc(0px - (var(--offcanvas-push))),0);transform:translate(calc(0px - (var(--offcanvas-push))),0)}#-off-canvas-18-15{position:relative}@media (max-width:767px){#-off-canvas-18-15 .offcanvas-inner{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}body:not(.oxygen-builder-body) #-off-canvas-18-15{display:block}body:not(.oxygen-builder-body) .editor-styles-wrapper #-off-canvas-18-15{visibility:hidden}body.oxygen-builder-body #-off-canvas-18-15 .offcanvas-inner{-webkit-transform:none;-ms-transform:none;transform:none;z-index:2147483640}.oxy-off-canvas .offcanvas-inner{-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0)}#-off-canvas-18-15.oxy-off-canvas-toggled.oxy-off-canvas .offcanvas-inner{-webkit-transform:none;-ms-transform:none;transform:none}[data-offcanvas-push='#-off-canvas-18-15'].oxy-off-canvas-toggled{-webkit-transform:translate(var(--offcanvas-push),0);-ms-transform:translate(var(--offcanvas-push),0);transform:translate(var(--offcanvas-push),0)}body:not(.oxygen-builder-body) #-off-canvas-18-15:not(.oxy-off-canvas-toggled) .offcanvas-inner{box-shadow:none}#-off-canvas-18-15{background-image:linear-gradient(#e70512,#e70512)}}#section-2-28 > .ct-section-inner-wrap{display:flex;flex-direction:column;align-items:flex-start}#section-2-28{max-height:1200px;position:relative;text-align:left}#section-7-28 > .ct-section-inner-wrap{padding-top:0;padding-bottom:0}#section-9-28 > .ct-section-inner-wrap{padding-bottom:0;align-items:center}#section-9-28{text-align:center}#section-12-28 > .ct-section-inner-wrap{padding-top:var(--space-xxl) ;padding-bottom:var(--space-xxl) ;align-items:center}#section-12-28{text-align:center}#section-46-28 > .ct-section-inner-wrap{padding-top:0;padding-bottom:0;align-items:center}#section-46-28{text-align:center}#div_block-91-28{z-index:10;width:100%;flex-direction:column;display:flex;justify-content:space-between;text-align:left;max-width:100%}#div_block-13-28{align-items:flex-start;text-align:left}#div_block-24-28{margin-top:25%}#div_block-82-28{align-items:flex-start;text-align:left}#div_block-34-28{margin-top:20%}#div_block-47-28{align-items:flex-start;text-align:left}#div_block-48-28{margin-top:50%}#div_block-64-28{align-items:flex-start;text-align:left}@media (max-width:1600px){#div_block-91-28{flex-direction:column;display:flex}}@media (max-width:991px){#div_block-91-28{flex-direction:column;display:flex}}@media (max-width:991px){#div_block-15-28{margin-top:0px}}@media (max-width:991px){#div_block-24-28{margin-top:0px}}@media (max-width:991px){#div_block-34-28{margin-top:0px}}@media (max-width:991px){#div_block-87-28{margin-top:0px}}@media (max-width:991px){#div_block-47-28{margin-top:0px}}@media (max-width:991px){#div_block-48-28{margin-top:0px}}#headline-94-28{max-width:1200px;width:100%;display:inline-block;text-align:left}#-read-more-less-72-28 .oxy-read-more-inner{max-height:200px;--fadecolor-percent:0%;--fade-percent:100%}#-read-more-less-72-28 .oxy-read-more-link{text-align:left;color:#e70512}#-read-more-less-72-28 .oxy-read-more-inner::after{transition-duration:641ms}#-read-more-less-72-28 .oxy-read-more-link{align-self:flex-start}#-read-more-less-72-28 .oxy-read-more-inner{position:relative}#-read-more-less-72-28 .oxy-read-more-inner::after{background:linear-gradient(to top,var(--fade-color) var(--fadecolor-percent),var(--transparent-color) var(--fade-percent));content:'';visibility:visible;opacity:1}#-read-more-less-72-28 .oxy-read-more-less_expanded::after{visibility:hidden;opacity:0}#-read-more-less-72-28 .oxy-read-more-less_not-collapsable::after{content:none;visibility:hidden;opacity:0}.oxy-read-more-less{display:flex;flex-direction:column;width:100%}.oxy-read-more-inner{display:block;max-height:200px;overflow:hidden;width:100%;--fade-color:#fff;--transparent-color:rgba(255,255,255,0);--fade-percent:100%;--fadecolor-percent:0%}.oxy-read-more-inner::after{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;visibility:hidden;opacity:0;transition-property:all;transition-timing-function:ease;transition-duration:700ms}.oxy-read-more-inner:empty{min-height:80px}.oxy-read-more-link{cursor:pointer;position:relative;display:inline-flex;align-items:center;justify-content:center}.oxy-read-more-link_icon svg{height:1em;width:1em;fill:currentColor}.oxy-read-more-less_expanded + .oxy-read-more-link .oxy-read-more-link_icon svg{transform:rotate(180deg)}.oxy-read-more-link{-webkit-animation:oxy-read-more-link_fade 0ms;animation:oxy-read-more-link_fade 0ms;visibility:hidden}[data-readmore] + .oxy-read-more-link{visibility:visible}.oxygen-builder-body .oxy-read-more-link{visibility:visible}@keyframes oxy-read-more-link_fade{from{opacity:0}to{opacity:1}}@-webkit-keyframes oxy-read-more-link_fade{from{opacity:0}to{opacity:1}}.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;                            } .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;            } .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
justify-content: center;            } .oxy-pricing-box .oxy-pricing-box-title-title {
font-size: 48px;
}
.oxy-pricing-box .oxy-pricing-box-title-subtitle {
font-size: 24px;
} .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;            } .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
font-size: 16px;
color: rgba(0,0,0,0.5);
} .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-media-player .oxy-pro-media-player_play{
--extras-play-icon-size:60px;
}
.oxy-pro-media-player .oxy-pro-media-player_play button:hover{
--vm-play-scale:1;
}
.oxy-pro-media-player .oxy-pro-media-player_play button{
transition-duration:.3s;
}
.oxy-pro-media-player vime-player{
--vm-control-scale:.9;
--extras-slider-height:2px;
--vm-control-group-spacing:12px;
--vm-controls-padding:15px;
--vm-controls-spacing:15px;
--vm-time-font-size:13px;
--vm-control-border-radius:3px;
--extras-spinner-size:80px;
--vm-spinner-thickness:3px;
--vm-spinner-spin-duration:1s;
--vm-tooltip-spacing:3px;
--vm-tooltip-padding:3px;
}
.oxy-pro-media-player .oxy-pro-media-player_custom-image{
--extras-poster-left:50%;
--extras-poster-top:50%;
}
.oxy-pro-media-player vime-player.video{
height: 0;
overflow: hidden;
}
.oxy-pro-media-player .extras-in-builder vime-spinner{
opacity: 0;
}
.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;
}
.ct-section-inner-wrap, .oxy-header-container{
max-width: 1600px;
}
body {font-family: 'PFDINMono';}body {line-height: 1.8;font-size: px;font-weight: 400;color: #000000;}.oxy-nav-menu-hamburger-line {background-color: #000000;}h1, h2, h3, h4, h5, h6 {font-family: 'PFDINMono';font-weight: 400;line-height: 1.1;}a {color: inherit;text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap {
}.ct-new-columns > .ct-div-block {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}.oxy-header-container {
}@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;
}
}
.repeater-post-page {
}
.blog-grid-element {
position:relative;
width:100%;
height:50vh;
}
@media (max-width: 991px) {
.blog-grid-element {
min-height:40vh;
height:100%;
}
}
@media (max-width: 767px) {
.blog-grid-element {
min-height:30vh;
height:100%;
}
}
.blog-grid-link {
}
.blog-grid-img-wrap {
}
.c-padding-m {
padding-top:clamp(12px, 3.5vmin, 30px) ;
padding-left:clamp(12px, 3.5vmin, 30px) ;
padding-right:clamp(12px, 3.5vmin, 30px) ;
padding-bottom:clamp(12px, 3.5vmin, 30px) ;
}
.blog-grid-img {
width:100%;
height:100%;
}
.card-text-wrap {
height:100%;
z-index:10;
}
.card-text-wrap:not(.ct-section):not(.oxy-easy-posts),
.card-text-wrap.oxy-easy-posts .oxy-posts,
.card-text-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:space-between;
}
.card-text-cat {
font-family:PFDINMono;
text-transform:uppercase;
}
.text-underline-delete {
text-decoration: none!important;
}
.c-h2 {
font-family:PFDINMono;
font-size:max(26px, min(3vw, 38px)) ;
max-width:1000px;
font-weight:600;
line-height:1.3;
text-transform:uppercase;
text-align:left;
}
@media (max-width: 1600px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
}
@media (max-width: 479px) {
.c-h2 {
}
}
.heading-card {
font-size:max(35px, min(4vw, 45px)) ;
line-height:1;
bottom:0px;
}
.blog-grid-bg-black {
background-color:#000000;
}
.blog-grid-bg-red {
background-color:#ff0000;
}
.text--xs {
}
.text--s {
}
.text--m {
}
.text--l:locked{
}
.text--l {
}
.text--xl {
}
.text--xxl {
}
.text--primary {
}
.text--primary-ultra-light {
}
.text--primary-light {
}
.text--primary-medium {
}
.text--primary-dark {
}
.text--primary-ultra-dark {
}
.text--primary-comp {
}
.text--secondary {
}
.text--secondary-ultra-light {
}
.text--secondary-light {
}
.text--secondary-medium {
}
.text--secondary-dark {
}
.text--secondary-ultra-dark {
}
.text--secondary-comp {
}
.text--accent {
}
.text--accent-ultra-light {
}
.text--accent-light {
}
.text--accent-medium {
}
.text--accent-dark {
}
.text--accent-ultra-dark {
}
.text--accent-comp {
}
.text--base {
}
.text--base-ultra-light {
}
.text--base-light {
}
.text--base-medium {
}
.text--base-dark {
}
.text--base-ultra-dark {
}
.text--base-comp {
}
.text--white {
}
.text--black {
}
.pad--xs {
}
.pad--s {
}
.pad--m {
}
.pad--l:locked{
}
.pad--l {
}
.pad--xl {
}
.pad--xxl {
}
.pad--none {
}
.pad-section--xs {
}
.pad-section--s {
}
.pad-section--l {
}
.pad-section--xl {
}
.pad-section--xxl {
}
.pad-section--none {
}
.margin-top--xs {
}
.margin-top--s {
}
.margin-top--m {
}
.margin-top--l {
}
.margin-top--xl {
}
.margin-top--xxl:locked{
}
.margin-top--xxl {
}
.margin-bottom--xs {
}
.margin-bottom--s {
}
.margin-bottom--m {
}
.margin-bottom--l {
}
.margin-bottom--xl {
}
.margin-bottom--xxl {
}
.margin-left--xs {
}
.margin-left--s {
}
.margin-left--m {
}
.margin-left--l {
}
.margin-left--xl {
}
.margin-left--xxl {
}
.margin-right--xs {
}
.margin-right--s {
}
.margin-right--m {
}
.margin-right--l {
}
.margin-right--xl {
}
.margin-right--xxl {
}
.owl--xs {
}
.owl--s:locked{
}
.owl--s {
}
.owl--m:locked{
}
.owl--m {
}
.owl--l {
}
.owl--xl {
}
.owl--xxl {
}
.card--xs {
}
.card--s {
}
.card--m {
}
.card--l {
}
.card--xl {
}
.card--xxl {
}
.owl-card--xs {
}
.owl-card--s {
}
.owl-card--m {
}
.owl-card--l {
}
.width--xs {
}
.width--s {
}
.width--m {
}
.width--l {
}
.width--xl {
}
.width--xxl {
}
.width--full {
}
.bg--primary {
}
.bg--primary-hover {
}
.bg--primary-ultra-light {
}
.bg--primary-light {
}
.bg--primary-medium {
}
.bg--primary-dark {
}
.bg--primary-ultra-dark {
}
.bg--primary-trans-90 {
}
.bg--primary-trans-80 {
}
.bg--primary-trans-60 {
}
.bg--primary-trans-40 {
}
.bg--primary-trans-20 {
}
.bg--primary-trans-10 {
}
.bg--primary-comp {
}
.bg--secondary {
}
.bg--secondary-hover {
}
.bg--secondary-ultra-light {
}
.bg--secondary-light {
}
.bg--secondary-medium {
}
.bg--secondary-dark {
}
.bg--secondary-ultra-dark {
}
.bg--secondary-trans-90 {
}
.bg--secondary-trans-80 {
}
.bg--secondary-trans-60 {
}
.bg--secondary-trans-40 {
}
.bg--secondary-trans-20 {
}
.bg--secondary-trans-10 {
}
.bg--secondary-comp {
}
.bg--accent {
}
.bg--accent-hover {
}
.bg--accent-ultra-light {
}
.bg--accent-light {
}
.bg--accent-medium {
}
.bg--accent-dark {
}
.bg--accent-ultra-dark {
}
.bg--accent-trans-90 {
}
.bg--accent-trans-80 {
}
.bg--accent-trans-60 {
}
.bg--accent-trans-40 {
}
.bg--accent-trans-20 {
}
.bg--accent-trans-10 {
}
.bg--accent-comp {
}
.bg--base {
}
.bg--base-hover {
}
.bg--base-ultra-light {
}
.bg--base-light {
}
.bg--base-medium {
}
.bg--base-dark {
}
.bg--base-ultra-dark {
}
.bg--base-trans-90 {
}
.bg--base-trans-80 {
}
.bg--base-trans-60 {
}
.bg--base-trans-40 {
}
.bg--base-trans-20 {
}
.bg--base-trans-10 {
}
.bg--base-comp {
}
.bg--black {
}
.bg--white {
}
.bg--shade-ultra-light {
}
.bg--shade-light {
}
.bg--shade-medium {
}
.bg--shade-dark {
}
.bg--shade-ultra-dark {
}
.bg--black-trans-90 {
}
.bg--black-trans-80 {
}
.bg--black-trans-60 {
}
.bg--black-trans-40 {
}
.bg--black-trans-20 {
}
.bg--black-trans-10 {
}
.overlay--primary-trans-90 {
}
.overlay--primary-trans-80 {
}
.overlay--primary-trans-60 {
}
.overlay--primary-trans-40 {
}
.overlay--primary-trans-20 {
}
.overlay--primary-trans-10 {
}
.overlay--secondary-trans-90 {
}
.overlay--secondary-trans-80 {
}
.overlay--secondary-trans-60 {
}
.overlay--secondary-trans-40 {
}
.overlay--secondary-trans-20 {
}
.overlay--secondary-trans-10 {
}
.overlay--accent-trans-90 {
}
.overlay--accent-trans-80 {
}
.overlay--accent-trans-60 {
}
.overlay--accent-trans-40 {
}
.overlay--accent-trans-20 {
}
.overlay--accent-trans-10 {
}
.overlay--base-trans-90 {
}
.overlay--base-trans-80 {
}
.overlay--base-trans-60 {
}
.overlay--base-trans-40 {
}
.overlay--base-trans-20 {
}
.overlay--base-trans-10 {
}
.overlay--black-trans-90 {
}
.overlay--black-trans-80 {
}
.overlay--black-trans-60 {
}
.overlay--black-trans-40 {
}
.overlay--black-trans-20 {
}
.overlay--black-trans-10 {
}
.shadow--l {
}
.shadow--xl {
}
.breakout--s {
}
.breakout--m {
}
.breakout--l {
}
.breakout--xl {
}
.breakout--full {
}
.sticky-top--s {
}
.sticky-top--m {
}
.sticky-top--l {
}
.height--30 {
}
.height--40 {
}
.height--50 {
}
.height--60 {
}
.height--70 {
}
.height--80 {
}
.height--90 {
}
.height--full {
}
.object-fit--cover {
}
.object-fit--center-left {
}
.object-fit--center-right {
}
.object-fit--center-top {
}
.object-fit--center-bottom {
}
.object-fit--bottom-left {
}
.object-fit--bottom-right {
}
.object-fit--top-left {
}
.object-fit--top-right {
}
.object-fit--contain {
}
.btn--xs {
}
.btn--s {
}
.btn--l {
}
.btn--xl {
}
.btn--xxl {
}
.btn--secondary {
}
.btn--accent {
}
.btn--base {
}
.btn--white {
}
.btn--black {
}
.rounded--xs {
}
.rounded--s {
}
.rounded--m {
}
.rounded--l {
}
.rounded--xl {
}
.rounded--xxl {
}
.rounded--circle {
}
.center--all {
}
.center--all-s {
}
.center--all-m {
}
.center--all-l {
}
.center--all-xl {
}
.center--y {
}
.center--y-s {
}
.center--y-m {
}
.center--y-l {
}
.center--y-xl {
}
.center--x {
}
.center--x-s {
}
.center--x-m {
}
.center--x-l {
}
.center--x-xl {
}
.center--left {
}
.center--left-s {
}
.center--left-m {
}
.center--left-l {
}
.center--left-xl {
}
.center--right {
}
.center--right-s {
}
.center--right-m {
}
.center--right-l {
}
.center--right-xl {
}
.flex--row {
}
.flex--col {
}
.flex--col-s {
}
.flex--row-s {
}
.flex--col-m {
}
.flex--row-m {
}
.flex--col-l {
}
.flex--row-l {
}
.flex--col-xl {
}
.flex--row-xl {
}
.flex--row-reverse {
}
.flex--row-reverse-s {
}
.flex--row-reverse-m {
}
.flex--row-reverse-l {
}
.flex--row-reverse-xl {
}
.flex--col-reverse {
}
.flex--col-reverse-s {
}
.flex--col-reverse-m {
}
.flex--col-reverse-l {
}
.flex--col-reverse-xl {
}
.justify--start {
}
.justify--center {
}
.justify--end {
}
.justify--between {
}
.justify--around {
}
.align--start {
}
.align--center {
}
.align--end {
}
.align--baseline {
}
.flex--wrap {
}
.self--start {
}
.self--end {
}
.self--center {
}
.self--stretch {
}
.flip--x {
}
.flip--y {
}
.flip--xy {
}
.opacity--5 {
}
.opacity--10 {
}
.opacity--20 {
}
.opacity--30 {
}
.opacity--40 {
}
.opacity--50 {
}
.opacity--60 {
}
.opacity--70 {
}
.opacity--80 {
}
.opacity--90 {
}
.opacity--95 {
}
.grid--1 {
}
.grid--2 {
}
.grid--3 {
}
.grid--4 {
}
.grid--5 {
}
.grid--6 {
}
.grid--xl-1 {
}
.grid--xl-2 {
}
.grid--xl-3 {
}
.grid--xl-4 {
}
.grid--xl-5 {
}
.grid--l-1 {
}
.grid--l-2 {
}
.grid--l-3 {
}
.grid--l-4 {
}
.grid--l-5 {
}
.grid--m-1 {
}
.grid--m-2 {
}
.grid--m-3 {
}
.grid--m-4 {
}
.grid--s-1 {
}
.grid--s-2 {
}
.grid--s-3 {
}
.grid--s-4 {
}
.grid--auto-2:locked{
}
.grid--auto-2 {
}
.grid--auto-3 {
}
.grid--auto-4 {
}
.grid--auto-5 {
}
.grid--auto-6 {
}
.grid--1-2 {
}
.grid--1-3 {
}
.grid--3-2 {
}
.grid--2-3 {
}
.grid--2-1 {
}
.grid--3-1 {
}
. {
}
.entry-heading {
text-transform:uppercase;
font-size:max(3.5rem, min(10vw, 12rem)) ;
z-index:10;
line-height:1;
}
.lower-sat {
filter:grayscale(50%);
}
@media (max-width: 991px) {
.lower-sat {
}
}
.post-image {
width:100%;
max-height:1300px;
height:80vh;
object-fit: cover;
}
@media (max-width: 767px) {
.post-image {
height:35vh;
max-height:500px;
}
}
.first-element-padding {
}
.oxy-stock-content-styles {
}
.gap--xl {
}
.gap--xxl {
}
.text-correction {
}
.start-carousel {
height:70vh;
max-height:600px;
}
.start-carousel:not(.ct-section):not(.oxy-easy-posts),
.start-carousel.oxy-easy-posts .oxy-posts,
.start-carousel.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
.gap--l {
}
.start-carousel-image {
background-size: cover; height:65vh;
max-height:700px;
width:100%;
background-position:50% 50%;
}
.start-carousel-text {
}
.prev-icon {
color: #333333;}.prev-icon 
>svg {width: 55px;height: 55px;}.prev-icon {
position:absolute;
z-index:10;
left:var(--space-s) ;
}
@media (max-width: 991px) {
.prev-icon {
position:absolute;
bottom:50%;
}
}
.next-icon {
color: #333333;}.next-icon 
>svg {width: 55px;height: 55px;}.next-icon {
position:absolute;
bottom:0px;
right:var(--space-s) ;
z-index:10;
}
@media (max-width: 991px) {
.next-icon {
color: #ffffff;}.next-icon {
position:absolute;
bottom:50%;
}
}
.start-carousel-wrap {
}
.carousel-prev {
}
.carousel-next {
}
.text-block-width {
max-width:1000px;
text-align:left;
}
.contact-wrapper {
}
@media (max-width: 991px) {
.contact-wrapper {
width:100%;
}
}
.contact-img {
width:100%;
height:40vh;
max-height:450px;
min-height:400px;
object-fit: cover; object-position: 50% 0%;
}
@media (max-width: 991px) {
.contact-img {
max-height:400px;
}
}
@media (max-width: 479px) {
.contact-img {
max-height:250px;
height:250px;
}
}
.margin-bottom-xl {
}
.bricklayer {
}
.heading-history {
font-size:calc(var(--text-xxl)*6) ;
position:absolute;
z-index:-10;
text-transform:uppercase;
line-height: 0!important; top: 60%;
}
@media (max-width: 1600px) {
.heading-history {
text-align:left;
line-height:1;
position:absolute;
top:-40px;
line-height: 0.8!important; top: -40%;
}
}
@media (max-width: 767px) {
.heading-history {
position:absolute;
top:-50px;
font-size:calc(var(--text-xxl)*5) ;
}
}
@media (max-width: 479px) {
.heading-history {
font-size:calc(var(--text-xxl)*3.5) ;
}
}
.text-block-width-history {
text-align:left;
max-width:1200px;
}
.next-project {
height:70vh;
max-height:750px;
}
@media (max-width: 767px) {
.next-project {
height:50vh;
}
}
.next-post-image-wrap {
position:relative;
transition-duration:0.5s;
}
.next-post-image {
transition-duration:0.5s;
}
.referenz-inner {
}
.button:hover{
background-color :#ffffff;
border: 1px solid #ffffff;
}.button:hover{
border-top-color:#e70512;
border-right-color:#e70512;
border-bottom-color:#e70512;
border-left-color:#e70512;
color:#ff0000;
border-top-width:2px;
border-right-width:2px;
border-bottom-width:2px;
border-left-width:2px;
}
.button {
background-color :#e70512;
border: 1px solid #e70512;
color: #ffffff;
}.button {
button-hover_color:#ffffff;
border-radius:0px;
border-top-width:2px;
border-right-width:2px;
border-bottom-width:2px;
border-left-width:2px;
border-top-color:#e70512;
border-right-color:#e70512;
border-bottom-color:#e70512;
border-left-color:#e70512;
}
.c-h1 {
font-size:max(3.5rem, min(5vw, 8rem)) ;
text-transform:uppercase;
}
.heading-bigger {
}
.max-width-50 {
width:45%;
text-align:left;
}
.max-width-50:not(.ct-section):not(.oxy-easy-posts),
.max-width-50.oxy-easy-posts .oxy-posts,
.max-width-50.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
@media (max-width: 1600px) {
.max-width-50 {
width:45%;
}
}
@media (max-width: 991px) {
.max-width-50 {
width:100%;
}
.max-width-50:not(.ct-section):not(.oxy-easy-posts),
.max-width-50.oxy-easy-posts .oxy-posts,
.max-width-50.ct-section .ct-section-inner-wrap{
display:flex;
}
}
.oxy-burger-trigger {
}
.menu-trigger {
}
.mobile-menu-text {
}
@media (max-width: 767px) {
.mobile-menu-text {
font-size:3.5rem;
}
}
.rellax {
}
.rellax-hor {
}
.aos-fade-up {
}
.breakout--xxl {
}
.h1-blocker {
font-size:var(--text-l) ;
}
.history-block {
padding-top: var(--space-l)!important; padding-bottom: var(--space-l)!important;
}
.history-block .ct-section-inner-wrap {
padding-bottom: var(--space-l) ;
}
.align-content--baseline {
}
.align-content--center {
}
.align-content--end {
}
.align-content--start {
}
.align-items--baseline {
}
.align-items--center {
}
.align-items--end {
}
.align-items--start {
}
.aspect--1-1 {
}
.aspect--1-2 {
}
.aspect--16-9 {
}
.aspect--2-1 {
}
.aspect--2-3 {
}
.aspect--3-2 {
}
.aspect--3-4 {
}
.aspect--4-3 {
}
.aspect--9-16 {
}
.aspect--l-1-1 {
}
.aspect--l-1-2 {
}
.aspect--l-16-9 {
}
.aspect--l-2-1 {
}
.aspect--l-2-3 {
}
.aspect--l-3-2 {
}
.aspect--l-3-4 {
}
.aspect--l-4-3 {
}
.aspect--l-9-16 {
}
.aspect--m-1-1 {
}
.aspect--m-1-2 {
}
.aspect--m-16-9 {
}
.aspect--m-2-1 {
}
.aspect--m-2-3 {
}
.aspect--m-3-2 {
}
.aspect--m-3-4 {
}
.aspect--m-4-3 {
}
.aspect--m-9-16 {
}
.aspect--s-1-1 {
}
.aspect--s-1-2 {
}
.aspect--s-16-9 {
}
.aspect--s-2-1 {
}
.aspect--s-2-3 {
}
.aspect--s-3-2 {
}
.aspect--s-3-4 {
}
.aspect--s-4-3 {
}
.aspect--s-9-16 {
}
.aspect--xl-1-1 {
}
.aspect--xl-1-2 {
}
.aspect--xl-16-9 {
}
.aspect--xl-2-1 {
}
.aspect--xl-2-3 {
}
.aspect--xl-3-2 {
}
.aspect--xl-3-4 {
}
.aspect--xl-4-3 {
}
.aspect--xl-9-16 {
}
.bg--accent-light-trans-10 {
}
.bg--accent-light-trans-20 {
}
.bg--accent-light-trans-40 {
}
.bg--accent-light-trans-60 {
}
.bg--accent-light-trans-80 {
}
.bg--accent-light-trans-90 {
}
.bg--accent-ultra-dark-trans-10 {
}
.bg--accent-ultra-dark-trans-20 {
}
.bg--accent-ultra-dark-trans-40 {
}
.bg--accent-ultra-dark-trans-60 {
}
.bg--accent-ultra-dark-trans-80 {
}
.bg--accent-ultra-dark-trans-90 {
}
.bg--base-light-trans-10 {
}
.bg--base-light-trans-20 {
}
.bg--base-light-trans-40 {
}
.bg--base-light-trans-60 {
}
.bg--base-light-trans-80 {
}
.bg--base-light-trans-90 {
}
.bg--base-ultra-dark-trans-10 {
}
.bg--base-ultra-dark-trans-20 {
}
.bg--base-ultra-dark-trans-40 {
}
.bg--base-ultra-dark-trans-60 {
}
.bg--base-ultra-dark-trans-80 {
}
.bg--base-ultra-dark-trans-90 {
}
.bg--primary-light-trans-10 {
}
.bg--primary-light-trans-20 {
}
.bg--primary-light-trans-40 {
}
.bg--primary-light-trans-60 {
}
.bg--primary-light-trans-80 {
}
.bg--primary-light-trans-90 {
}
.bg--primary-ultra-dark-trans-10 {
}
.bg--primary-ultra-dark-trans-20 {
}
.bg--primary-ultra-dark-trans-40 {
}
.bg--primary-ultra-dark-trans-60 {
}
.bg--primary-ultra-dark-trans-80 {
}
.bg--primary-ultra-dark-trans-90 {
}
.bg--secondary-light-trans-10 {
}
.bg--secondary-light-trans-20 {
}
.bg--secondary-light-trans-40 {
}
.bg--secondary-light-trans-60 {
}
.bg--secondary-light-trans-80 {
}
.bg--secondary-light-trans-90 {
}
.bg--secondary-ultra-dark-trans-10 {
}
.bg--secondary-ultra-dark-trans-20 {
}
.bg--secondary-ultra-dark-trans-40 {
}
.bg--secondary-ultra-dark-trans-60 {
}
.bg--secondary-ultra-dark-trans-80 {
}
.bg--secondary-ultra-dark-trans-90 {
}
.bg--shade-light-trans-10 {
}
.bg--shade-light-trans-20 {
}
.bg--shade-light-trans-40 {
}
.bg--shade-light-trans-60 {
}
.bg--shade-light-trans-80 {
}
.bg--shade-light-trans-90 {
}
.bg--shade-trans-10 {
}
.bg--shade-trans-20 {
}
.bg--shade-trans-40 {
}
.bg--shade-trans-60 {
}
.bg--shade-trans-80 {
}
.bg--shade-trans-90 {
}
.bg--shade-ultra-dark-trans-10 {
}
.bg--shade-ultra-dark-trans-20 {
}
.bg--shade-ultra-dark-trans-40 {
}
.bg--shade-ultra-dark-trans-60 {
}
.bg--shade-ultra-dark-trans-80 {
}
.bg--shade-ultra-dark-trans-90 {
}
.bg--white-trans-10 {
}
.bg--white-trans-20 {
}
.bg--white-trans-40 {
}
.bg--white-trans-60 {
}
.bg--white-trans-80 {
}
.bg--white-trans-90 {
}
.box-shadow--l {
}
.box-shadow--m {
}
.box-shadow--xl {
}
.btn--m {
}
.btn--outline {
}
.btn--primary {
}
.center--bottom {
}
.center--bottom-l {
}
.center--bottom-m {
}
.center--bottom-s {
}
.center--bottom-xl {
}
.center--self {
}
.center--top {
}
.center--top-l {
}
.center--top-m {
}
.center--top-s {
}
.center--top-xl {
}
.col-count--1 {
}
.col-count--2 {
}
.col-count--3 {
}
.col-count--4 {
}
.col-count--5 {
}
.col-count--l-1 {
}
.col-count--l-2 {
}
.col-count--l-3 {
}
.col-count--l-4 {
}
.col-count--l-5 {
}
.col-count--m-1 {
}
.col-count--m-2 {
}
.col-count--m-3 {
}
.col-count--m-4 {
}
.col-count--m-5 {
}
.col-count--s-1 {
}
.col-count--s-2 {
}
.col-count--s-3 {
}
.col-count--s-4 {
}
.col-count--s-5 {
}
.col-count--xl-1 {
}
.col-count--xl-2 {
}
.col-count--xl-3 {
}
.col-count--xl-4 {
}
.col-count--xl-5 {
}
.col-end--1 {
}
.col-end--2 {
}
.col-end--3 {
}
.col-end--4 {
}
.col-end--5 {
}
.col-end--6 {
}
.col-end--l-1 {
}
.col-end--l-2 {
}
.col-end--l-3 {
}
.col-end--l-4 {
}
.col-end--l-5 {
}
.col-end--l-6 {
}
.col-end--l-last {
}
.col-end--last {
}
.col-end--m-1 {
}
.col-end--m-2 {
}
.col-end--m-3 {
}
.col-end--m-4 {
}
.col-end--m-5 {
}
.col-end--m-6 {
}
.col-end--m-last {
}
.col-end--s-1 {
}
.col-end--s-2 {
}
.col-end--s-3 {
}
.col-end--s-4 {
}
.col-end--s-5 {
}
.col-end--s-6 {
}
.col-end--s-last {
}
.col-end--xl-1 {
}
.col-end--xl-2 {
}
.col-end--xl-3 {
}
.col-end--xl-4 {
}
.col-end--xl-5 {
}
.col-end--xl-6 {
}
.col-end--xl-last {
}
.col-gap--l {
}
.col-gap--m {
}
.col-gap--s {
}
.col-gap--xl {
}
.col-gap--xs {
}
.col-gap--xxl {
}
.col-rule--accent {
}
.col-rule--accent-dark {
}
.col-rule--accent-light {
}
.col-rule--accent-medium {
}
.col-rule--accent-ultra-dark {
}
.col-rule--accent-ultra-light {
}
.col-rule--base {
}
.col-rule--base-dark {
}
.col-rule--base-light {
}
.col-rule--base-medium {
}
.col-rule--base-ultra-dark {
}
.col-rule--base-ultra-light {
}
.col-rule--black {
}
.col-rule--dashed {
}
.col-rule--dotted {
}
.col-rule--double {
}
.col-rule--groove {
}
.col-rule--inset {
}
.col-rule--l {
}
.col-rule--m {
}
.col-rule--outset {
}
.col-rule--primary {
}
.col-rule--primary-dark {
}
.col-rule--primary-light {
}
.col-rule--primary-medium {
}
.col-rule--primary-ultra-dark {
}
.col-rule--primary-ultra-light {
}
.col-rule--ridge {
}
.col-rule--s {
}
.col-rule--secondary {
}
.col-rule--secondary-dark {
}
.col-rule--secondary-light {
}
.col-rule--secondary-medium {
}
.col-rule--secondary-ultra-dark {
}
.col-rule--secondary-ultra-light {
}
.col-rule--shade-dark {
}
.col-rule--shade-light {
}
.col-rule--shade-medium {
}
.col-rule--shade-ultra-dark {
}
.col-rule--shade-ultra-light {
}
.col-rule--solid {
}
.col-span--2 {
}
.col-span--3 {
}
.col-span--4 {
}
.col-span--5 {
}
.col-span--6 {
}
.col-span--all {
}
.col-span--l-1 {
}
.col-span--l-2 {
}
.col-span--l-3 {
}
.col-span--l-4 {
}
.col-span--l-5 {
}
.col-span--l-6 {
}
.col-span--m-1 {
}
.col-span--m-2 {
}
.col-span--m-3 {
}
.col-span--m-4 {
}
.col-span--m-5 {
}
.col-span--m-6 {
}
.col-span--s-1 {
}
.col-span--s-2 {
}
.col-span--s-3 {
}
.col-span--s-4 {
}
.col-span--s-5 {
}
.col-span--s-6 {
}
.col-span--xl-1 {
}
.col-span--xl-2 {
}
.col-span--xl-3 {
}
.col-span--xl-4 {
}
.col-span--xl-5 {
}
.col-span--xl-6 {
}
.col-start--1 {
}
.col-start--2 {
}
.col-start--3 {
}
.col-start--4 {
}
.col-start--5 {
}
.col-start--6 {
}
.col-start--l-1 {
}
.col-start--l-2 {
}
.col-start--l-3 {
}
.col-start--l-4 {
}
.col-start--l-5 {
}
.col-start--l-6 {
}
.col-start--m-1 {
}
.col-start--m-2 {
}
.col-start--m-3 {
}
.col-start--m-4 {
}
.col-start--m-5 {
}
.col-start--m-6 {
}
.col-start--s-1 {
}
.col-start--s-2 {
}
.col-start--s-3 {
}
.col-start--s-4 {
}
.col-start--s-5 {
}
.col-start--s-6 {
}
.col-start--xl-1 {
}
.col-start--xl-2 {
}
.col-start--xl-3 {
}
.col-start--xl-4 {
}
.col-start--xl-5 {
}
.col-start--xl-6 {
}
.col-width--l {
}
.col-width--m {
}
.col-width--s {
}
.display--block {
}
.display--contents {
}
.display--inline {
}
.display--inline-block {
}
.display--inline-flex {
}
.display--l-block {
}
.display--l-none {
}
.display--list-item {
}
.display--m-block {
}
.display--m-none {
}
.display--none {
}
.display--s-block {
}
.display--s-none {
}
.display--xl-block {
}
.display--xl-none {
}
.focus--accent {
}
.focus--base {
}
.focus--black {
}
.focus--primary {
}
.focus--secondary {
}
.focus--shade {
}
.focus--white {
}
.gap--l-l {
}
.gap--l-m {
}
.gap--l-s {
}
.gap--l-xl {
}
.gap--l-xs {
}
.gap--l-xxl {
}
.gap--m {
}
.gap--m-l {
}
.gap--m-m {
}
.gap--m-s {
}
.gap--m-xl {
}
.gap--m-xs {
}
.gap--m-xxl {
}
.gap--s {
}
.gap--s-l {
}
.gap--s-m {
}
.gap--s-s {
}
.gap--s-xl {
}
.gap--s-xs {
}
.gap--s-xxl {
}
.gap--xl-l {
}
.gap--xl-m {
}
.gap--xl-s {
}
.gap--xl-xl {
}
.gap--xl-xs {
}
.gap--xl-xxl {
}
.gap--xs {
}
.grid--auto-1-2 {
}
.grid--auto-1-3 {
}
.grid--auto-2-1 {
}
.grid--auto-2-3 {
}
.grid--auto-3-1 {
}
.grid--auto-3-2 {
}
.h--1 {
}
.h--2 {
}
.h--3 {
}
.h--4 {
}
.h--5 {
}
.h--6 {
}
.height--l-30 {
}
.height--l-40 {
}
.height--l-50 {
}
.height--l-60 {
}
.height--l-70 {
}
.height--l-80 {
}
.height--l-90 {
}
.height--m-30 {
}
.height--m-40 {
}
.height--m-50 {
}
.height--m-60 {
}
.height--m-70 {
}
.height--m-80 {
}
.height--m-90 {
}
.height--s-30 {
}
.height--s-40 {
}
.height--s-50 {
}
.height--s-60 {
}
.height--s-70 {
}
.height--s-80 {
}
.height--s-90 {
}
.height--xl-30 {
}
.height--xl-40 {
}
.height--xl-50 {
}
.height--xl-60 {
}
.height--xl-70 {
}
.height--xl-80 {
}
.height--xl-90 {
}
.hidden-accessible {
}
.justify-content--around {
}
.justify-content--between {
}
.justify-content--center {
}
.justify-content--end {
}
.justify-content--start {
}
.justify-items--center {
}
.justify-items--end {
}
.justify-items--start {
}
.link--accent {
}
.link--accent-dark {
}
.link--accent-light {
}
.link--accent-medium {
}
.link--accent-ultra-dark {
}
.link--accent-ultra-light {
}
.link--base {
}
.link--base-dark {
}
.link--base-light {
}
.link--base-medium {
}
.link--base-ultra-dark {
}
.link--base-ultra-light {
}
.link--black {
}
.link--primary {
}
.link--primary-dark {
}
.link--primary-light {
}
.link--primary-medium {
}
.link--primary-ultra-dark {
}
.link--primary-ultra-light {
}
.link--secondary {
}
.link--secondary-dark {
}
.link--secondary-light {
}
.link--secondary-medium {
}
.link--secondary-ultra-dark {
}
.link--secondary-ultra-light {
}
.link--shade-dark {
}
.link--shade-light {
}
.link--shade-medium {
}
.link--shade-ultra-dark {
}
.link--shade-ultra-light {
}
.link--skip {
}
.link--white {
}
.list--none {
}
.marker--accent {
}
.marker--accent-comp {
}
.marker--accent-dark {
}
.marker--accent-light {
}
.marker--accent-medium {
}
.marker--accent-ultra-dark {
}
.marker--accent-ultra-light {
}
.marker--base {
}
.marker--base-comp {
}
.marker--base-dark {
}
.marker--base-light {
}
.marker--base-medium {
}
.marker--base-ultra-dark {
}
.marker--base-ultra-light {
}
.marker--primary {
}
.marker--primary-comp {
}
.marker--primary-dark {
}
.marker--primary-light {
}
.marker--primary-medium {
}
.marker--primary-ultra-dark {
}
.marker--primary-ultra-light {
}
.marker--secondary {
}
.marker--secondary-comp {
}
.marker--secondary-dark {
}
.marker--secondary-light {
}
.marker--secondary-medium {
}
.marker--secondary-ultra-dark {
}
.marker--secondary-ultra-light {
}
.marker--shade {
}
.marker--shade-comp {
}
.marker--shade-dark {
}
.marker--shade-light {
}
.marker--shade-medium {
}
.marker--shade-ultra-dark {
}
.marker--shade-ultra-light {
}
.max-height--30 {
}
.max-height--40 {
}
.max-height--50 {
}
.max-height--60 {
}
.max-height--70 {
}
.max-height--80 {
}
.max-height--90 {
}
.max-height--l-30 {
}
.max-height--l-40 {
}
.max-height--l-50 {
}
.max-height--l-60 {
}
.max-height--l-70 {
}
.max-height--l-80 {
}
.max-height--l-90 {
}
.max-height--m-30 {
}
.max-height--m-40 {
}
.max-height--m-50 {
}
.max-height--m-60 {
}
.max-height--m-70 {
}
.max-height--m-80 {
}
.max-height--m-90 {
}
.max-height--s-30 {
}
.max-height--s-40 {
}
.max-height--s-50 {
}
.max-height--s-60 {
}
.max-height--s-70 {
}
.max-height--s-80 {
}
.max-height--s-90 {
}
.max-height--xl-30 {
}
.max-height--xl-40 {
}
.max-height--xl-50 {
}
.max-height--xl-60 {
}
.max-height--xl-70 {
}
.max-height--xl-80 {
}
.max-height--xl-90 {
}
.object-fit--bottom-center {
}
.object-fit--top-center {
}
.order--first {
}
.order--first-l {
}
.order--first-m {
}
.order--first-s {
}
.order--first-xl {
}
.order--last {
}
.order--last-l {
}
.order--last-m {
}
.order--last-s {
}
.order--last-xl {
}
.overlay--accent-light-trans-10 {
}
.overlay--accent-light-trans-20 {
}
.overlay--accent-light-trans-40 {
}
.overlay--accent-light-trans-60 {
}
.overlay--accent-light-trans-80 {
}
.overlay--accent-light-trans-90 {
}
.overlay--accent-ultra-dark-trans-10 {
}
.overlay--accent-ultra-dark-trans-20 {
}
.overlay--accent-ultra-dark-trans-40 {
}
.overlay--accent-ultra-dark-trans-60 {
}
.overlay--accent-ultra-dark-trans-80 {
}
.overlay--accent-ultra-dark-trans-90 {
}
.overlay--base-light-trans-10 {
}
.overlay--base-light-trans-20 {
}
.overlay--base-light-trans-40 {
}
.overlay--base-light-trans-60 {
}
.overlay--base-light-trans-80 {
}
.overlay--base-light-trans-90 {
}
.overlay--base-ultra-dark-trans-10 {
}
.overlay--base-ultra-dark-trans-20 {
}
.overlay--base-ultra-dark-trans-40 {
}
.overlay--base-ultra-dark-trans-60 {
}
.overlay--base-ultra-dark-trans-80 {
}
.overlay--base-ultra-dark-trans-90 {
}
.overlay--primary-light-trans-10 {
}
.overlay--primary-light-trans-20 {
}
.overlay--primary-light-trans-40 {
}
.overlay--primary-light-trans-60 {
}
.overlay--primary-light-trans-80 {
}
.overlay--primary-light-trans-90 {
}
.overlay--primary-ultra-dark-trans-10 {
}
.overlay--primary-ultra-dark-trans-20 {
}
.overlay--primary-ultra-dark-trans-40 {
}
.overlay--primary-ultra-dark-trans-60 {
}
.overlay--primary-ultra-dark-trans-80 {
}
.overlay--primary-ultra-dark-trans-90 {
}
.overlay--secondary-light-trans-10 {
}
.overlay--secondary-light-trans-20 {
}
.overlay--secondary-light-trans-40 {
}
.overlay--secondary-light-trans-60 {
}
.overlay--secondary-light-trans-80 {
}
.overlay--secondary-light-trans-90 {
}
.overlay--secondary-ultra-dark-trans-10 {
}
.overlay--secondary-ultra-dark-trans-20 {
}
.overlay--secondary-ultra-dark-trans-40 {
}
.overlay--secondary-ultra-dark-trans-60 {
}
.overlay--secondary-ultra-dark-trans-80 {
}
.overlay--secondary-ultra-dark-trans-90 {
}
.pad-header--l {
}
.pad-header--m {
}
.pad-header--s {
}
.pad-header--xl {
}
.pad-header--xs {
}
.pad-header--xxl {
}
.pad-section--l-l {
}
.pad-section--l-none {
}
.pad-section--l-s {
}
.pad-section--l-xl {
}
.pad-section--l-xs {
}
.pad-section--l-xxl {
}
.pad-section--m {
}
.pad-section--m-l {
}
.pad-section--m-none {
}
.pad-section--m-s {
}
.pad-section--m-xl {
}
.pad-section--m-xs {
}
.pad-section--m-xxl {
}
.pad-section--s-l {
}
.pad-section--s-none {
}
.pad-section--s-s {
}
.pad-section--s-xl {
}
.pad-section--s-xs {
}
.pad-section--s-xxl {
}
.pad-section--xl-l {
}
.pad-section--xl-none {
}
.pad-section--xl-s {
}
.pad-section--xl-xl {
}
.pad-section--xl-xs {
}
.pad-section--xl-xxl {
}
.relative {
}
.rounded--50 {
}
.row-span--2 {
}
.row-span--3 {
}
.row-span--4 {
}
.row-span--5 {
}
.row-span--6 {
}
.row-span--l-1 {
}
.row-span--l-2 {
}
.row-span--l-3 {
}
.row-span--l-4 {
}
.row-span--l-5 {
}
.row-span--l-6 {
}
.row-span--m-1 {
}
.row-span--m-2 {
}
.row-span--m-3 {
}
.row-span--m-4 {
}
.row-span--m-5 {
}
.row-span--m-6 {
}
.row-span--s-1 {
}
.row-span--s-2 {
}
.row-span--s-3 {
}
.row-span--s-4 {
}
.row-span--s-5 {
}
.row-span--s-6 {
}
.row-span--xl-1 {
}
.row-span--xl-2 {
}
.row-span--xl-3 {
}
.row-span--xl-4 {
}
.row-span--xl-5 {
}
.row-span--xl-6 {
}
.row-start--1 {
}
.row-start--2 {
}
.row-start--3 {
}
.row-start--4 {
}
.row-start--5 {
}
.row-start--6 {
}
.row-start--l-1 {
}
.row-start--l-2 {
}
.row-start--l-3 {
}
.row-start--l-4 {
}
.row-start--l-5 {
}
.row-start--l-6 {
}
.row-start--m-1 {
}
.row-start--m-2 {
}
.row-start--m-3 {
}
.row-start--m-4 {
}
.row-start--m-5 {
}
.row-start--m-6 {
}
.row-start--s-1 {
}
.row-start--s-2 {
}
.row-start--s-3 {
}
.row-start--s-4 {
}
.row-start--s-5 {
}
.row-start--s-6 {
}
.row-start--xl-1 {
}
.row-start--xl-2 {
}
.row-start--xl-3 {
}
.row-start--xl-4 {
}
.row-start--xl-5 {
}
.row-start--xl-6 {
}
.sticky {
}
.stretch {
}
.text--100 {
}
.text--200 {
}
.text--300 {
}
.text--400 {
}
.text--500 {
}
.text--600 {
}
.text--700 {
}
.text--800 {
}
.text--900 {
}
.text--bold {
}
.text--capitalize {
}
.text--center {
}
.text--decoration-none {
}
.text--italic {
}
.text--justify {
}
.text--larger {
}
.text--left {
}
.text--line-through {
}
.text--lowercase {
}
.text--oblique {
}
.text--overline {
}
.text--right {
}
.text--shade-dark {
}
.text--shade-light {
}
.text--shade-medium {
}
.text--shade-ultra-dark {
}
.text--shade-ultra-light {
}
.text--transform-none {
}
.text--underline {
}
.text--underline-dashed {
}
.text--underline-dotted {
}
.text--underline-double {
}
.text--underline-wavy {
}
.text--uppercase {
}
.visibility--hidden {
}
.visibility--l-hidden {
}
.visibility--l-visible {
}
.visibility--m-hidden {
}
.visibility--m-visible {
}
.visibility--s-hidden {
}
.visibility--s-visible {
}
.visibility--visible {
}
.visibility--xl-hidden {
}
.visibility--xl-visible {
}
.width--50 {
}
.width--auto {
}
.width--vp-max {
}
.z--0 {
}
.z--10 {
}
.z--20 {
}
.z--30 {
}
.z--40 {
}
.z--50 {
}
.z--60 {
}
.z--70 {
}
.z--80 {
}
.z--90 {
}
.z--bottom {
}
.z--l-0 {
}
.z--l-10 {
}
.z--l-20 {
}
.z--l-30 {
}
.z--l-40 {
}
.z--l-50 {
}
.z--l-60 {
}
.z--l-70 {
}
.z--l-80 {
}
.z--l-90 {
}
.z--l-bottom {
}
.z--l-top {
}
.z--m-0 {
}
.z--m-10 {
}
.z--m-20 {
}
.z--m-30 {
}
.z--m-40 {
}
.z--m-50 {
}
.z--m-60 {
}
.z--m-70 {
}
.z--m-80 {
}
.z--m-90 {
}
.z--m-bottom {
}
.z--m-top {
}
.z--s-0 {
}
.z--s-10 {
}
.z--s-20 {
}
.z--s-30 {
}
.z--s-40 {
}
.z--s-50 {
}
.z--s-60 {
}
.z--s-70 {
}
.z--s-80 {
}
.z--s-90 {
}
.z--s-bottom {
}
.z--s-top {
}
.z--top {
}
.z--xl-0 {
}
.z--xl-10 {
}
.z--xl-20 {
}
.z--xl-30 {
}
.z--xl-40 {
}
.z--xl-50 {
}
.z--xl-60 {
}
.z--xl-70 {
}
.z--xl-80 {
}
.z--xl-90 {
}
.z--xl-bottom {
}
.z--xl-top {
}
.clickable-parent {
}
.bg--action {
}
.bg--action-comp {
}
.bg--action-dark {
}
.bg--action-hover {
}
.bg--action-light {
}
.bg--action-light-trans-10 {
}
.bg--action-light-trans-20 {
}
.bg--action-light-trans-40 {
}
.bg--action-light-trans-60 {
}
.bg--action-light-trans-80 {
}
.bg--action-light-trans-90 {
}
.bg--action-medium {
}
.bg--action-trans-10 {
}
.bg--action-trans-20 {
}
.bg--action-trans-40 {
}
.bg--action-trans-60 {
}
.bg--action-trans-80 {
}
.bg--action-trans-90 {
}
.bg--action-ultra-dark {
}
.bg--action-ultra-dark-trans-10 {
}
.bg--action-ultra-dark-trans-20 {
}
.bg--action-ultra-dark-trans-40 {
}
.bg--action-ultra-dark-trans-60 {
}
.bg--action-ultra-dark-trans-80 {
}
.bg--action-ultra-dark-trans-90 {
}
.bg--action-ultra-light {
}
.btn--action {
}
.col-rule--action {
}
.col-rule--action-dark {
}
.col-rule--action-light {
}
.col-rule--action-medium {
}
.col-rule--action-ultra-dark {
}
.col-rule--action-ultra-light {
}
.focus--action {
}
.grid--alternate-xl {
}
.grid--alternate-l {
}
.grid--alternate-m {
}
.grid--alternate-s {
}
.isolation--isolate {
}
.link--action {
}
.link--action-dark {
}
.link--action-light {
}
.link--action-medium {
}
.link--action-ultra-dark {
}
.link--action-ultra-light {
}
.marker--action {
}
.marker--action-comp {
}
.marker--action-dark {
}
.marker--action-light {
}
.marker--action-medium {
}
.marker--action-ultra-dark {
}
.marker--action-ultra-light {
}
.overlay--action-light-trans-10 {
}
.overlay--action-light-trans-20 {
}
.overlay--action-light-trans-40 {
}
.overlay--action-light-trans-60 {
}
.overlay--action-light-trans-80 {
}
.overlay--action-light-trans-90 {
}
.overlay--action-trans-10 {
}
.overlay--action-trans-20 {
}
.overlay--action-trans-40 {
}
.overlay--action-trans-60 {
}
.overlay--action-trans-80 {
}
.overlay--action-trans-90 {
}
.overlay--action-ultra-dark-trans-10 {
}
.overlay--action-ultra-dark-trans-20 {
}
.overlay--action-ultra-dark-trans-40 {
}
.overlay--action-ultra-dark-trans-60 {
}
.overlay--action-ultra-dark-trans-80 {
}
.overlay--action-ultra-dark-trans-90 {
}
.text--action {
}
.text--action-comp {
}
.text--action-dark {
}
.text--action-light {
}
.text--action-medium {
}
.text--action-ultra-dark {
}
.text--action-ultra-light {
} @media (max-width: 768px) { 
.rellax { transform: translate3d(0,0,0) !important; } 
}
body {
overflow-x: hidden!important;
position: relative;
}
.first-element-padding{
padding-top: calc( var(--space-l) + 200px)!important;
}
@media screen and (max-width: 992px) {
.first-element-padding {
padding-top: calc( var(--space-l) + 60px)!important;
}
}
.text-correction p:first-child{
margin-top: 0;
}
.text-correction p:last-child{
margin-bottom: 0;
}
@media screen and (min-width: 992px){
[overlay-footer="true"] {
position: absolute;
bottom: 0;
}
} .center-middle .gutentor-dynamic-single-column {
align-self: center;
}
.ct-inner-content .wp-block-image img,
.gutentor-module img
{
object-fit: cover;
width: 100%;
max-height: 1200px;
}
.grid-container {
margin: 0!important;
padding: 0!important
}
@media (min-width: 768px) {
.grid-container {
max-width: 1600px;
}
}
.grid-row {
width: 100%!important;
margin-right: 0;
margin-left: 0;
}
.grid-row .gutentor-dynamic-single-column:first-child {
margin-left: 0;
padding-left: 0!important;
}
.grid-row .gutentor-dynamic-single-column:last-child {
margin-right: 0;
padding-right: 0!important;
}
@media screen and (max-width: 768px) {
.gutentor-dynamic-single-column {
padding-left: 0;
padding-right: 0;
}
.ct-inner-content .wp-block-image img,
.gutentor-module img{
object-fit: cover;
width: 100%;
max-height: 450px!important;
}
.gutenberg-spacer {
display: none!important;
}
}
@media screen and (min-width: 768px) {
.gutenberg-spacer {
height: var(--space-xl)!important;
}
}
#_dynamic_list-251-45 .oxy-repeater-pages-wrap {
display: none;
}
.next-post-image-wrap {
overflow: hidden;
}
.next-post-image-wrap:hover .next-post-image{
transform: scale(1.08);
}
.referenz-inner .ct-section-inner-wrap {
padding-left: 0!important;
padding-right: 0!important;
} .oxy-pro-accordion_toggle-icon {
transform: rotate(45deg);
}
.wpgb-button:focus {outline:0!important;}
.wpgb-facet .wpgb-button[aria-pressed="true"] {
outline: 0!important;
}  .text-correction ul {
list-style-type: "— ";
padding-left:1em;
}
.text-correction h2:not(:first-child) {
margin-top: var(--space-l);
}
.text-correction h2 + h3 {
margin-top: var(--space-m);
}
.text-correction h3 + h4 {
margin-top: var(--space-s);
}body, body.acss-boxed-layout {
font-size: var(--text-m);
line-height: var(--text-m-lh);
color: var(--body-color, var(--black));
}
.ct-section-inner-wrap {
padding-block: var(--section-space-m);
padding-inline: var(--section-padding-x);
}
.oxy-header-container {
padding-inline: var(--section-padding-x);
}
:where(section:not(section section)) {
padding: 0 !important;
}
:focus {
outline: none;
box-shadow: none;
}
:focus-visible {
outline-style: solid;
outline-color: var(--focus-color);
outline-width: var(--focus-width);
outline-offset: var(--focus-offset);
}
@supports not selector(:focus-visible) {
:focus {
outline-style: solid;
outline-color: var(--focus-color);
outline-width: var(--focus-width);
outline-offset: var(--focus-offset);
}
}
*:focus.focus--neutral {
--focus-color: var(--neutral);
}
.focus--neutral *:focus, .focus--neutral:focus-within {
--focus-color: var(--neutral);
}
*:focus.focus--neutral-hover {
--focus-color: var(--neutral-hover);
}
.focus--neutral-hover *:focus, .focus--neutral-hover:focus-within {
--focus-color: var(--neutral-hover);
}
*:focus.focus--neutral-ultra-light {
--focus-color: var(--neutral-ultra-light);
}
.focus--neutral-ultra-light *:focus, .focus--neutral-ultra-light:focus-within {
--focus-color: var(--neutral-ultra-light);
}
*:focus.focus--neutral-light {
--focus-color: var(--neutral-light);
}
.focus--neutral-light *:focus, .focus--neutral-light:focus-within {
--focus-color: var(--neutral-light);
}
*:focus.focus--neutral-semi-light {
--focus-color: var(--neutral-semi-light);
}
.focus--neutral-semi-light *:focus, .focus--neutral-semi-light:focus-within {
--focus-color: var(--neutral-semi-light);
}
*:focus.focus--neutral-semi-dark {
--focus-color: var(--neutral-semi-dark);
}
.focus--neutral-semi-dark *:focus, .focus--neutral-semi-dark:focus-within {
--focus-color: var(--neutral-semi-dark);
}
*:focus.focus--neutral-dark {
--focus-color: var(--neutral-dark);
}
.focus--neutral-dark *:focus, .focus--neutral-dark:focus-within {
--focus-color: var(--neutral-dark);
}
*:focus.focus--neutral-ultra-dark {
--focus-color: var(--neutral-ultra-dark);
}
.focus--neutral-ultra-dark *:focus, .focus--neutral-ultra-dark:focus-within {
--focus-color: var(--neutral-ultra-dark);
}
*:focus.focus--neutral-comp {
--focus-color: var(--neutral-comp);
}
.focus--neutral-comp *:focus, .focus--neutral-comp:focus-within {
--focus-color: var(--neutral-comp);
}
*:focus.focus--neutral-medium {
--focus-color: var(--neutral-medium);
}
.focus--neutral-medium *:focus, .focus--neutral-medium:focus-within {
--focus-color: var(--neutral-medium);
}
*:focus.focus--white {
--focus-color: var(--white);
}
.focus--white *:focus, .focus--white:focus-within {
--focus-color: var(--white);
}
*:focus.focus--black {
--focus-color: var(--black);
}
.focus--black *:focus, .focus--black:focus-within {
--focus-color: var(--black);
}
body.ct_inner div#ct-builder div.ct-component.ct-inner-content-workarea .hidden-accessible {
position: relative !important;
inline-size: 20px !important;
block-size: auto !important;
margin: 0;
line-height: 1;
visibility: hidden;
}
body.ct_inner div#ct-builder div.ct-component.ct-inner-content-workarea .hidden-accessible::before {
content: "A";
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
position: absolute;
background: #111;
color: #f5f5f5;
font-size: max(60%, 13px);
padding: 0.5em;
inset-block-start: 0;
inset-inline-start: 0;
inline-size: 20px;
block-size: 20px;
visibility: visible;
border-radius: 50%;
}
.link--skip, .ct-link-text.link--skip {
position: absolute;
inset-block-start: 1rem;
inset-inline-start: 1rem;
transform: translateY(-250%);
--btn-min-width: fit-content;
background: var(--btn-background);
color: var(--btn-text-color);
padding-block: var(--btn-padding-block);
padding-inline: var(--btn-padding-inline);
min-inline-size: var(--btn-min-width);
line-height: var(--btn-line-height);
font-size: var(--btn-font-size, var(--text-m));
font-weight: var(--btn-font-weight);
font-style: var(--btn-font-style);
text-transform: var(--btn-text-transform);
letter-spacing: var(--btn-letter-spacing);
text-decoration: var(--btn-text-decoration);
border-width: var(--btn-border-width);
border-style: var(--btn-border-style);
border-radius: var(--btn-radius);
border-color: var(--btn-border-color);
transition: var(--btn-transition, var(--transition));
justify-content: var(--btn-justify-content, center);
text-align: var(--btn-text-align, center);
--btn-background: var(--primary);
--btn-background-hover: var(--primary-hover);
--btn-text-color: var(--primary-ultra-light);
--btn-text-color-hover: var(--primary-ultra-light);
--btn-border-color: var(--primary);
--btn-border-color-hover: var(--primary-hover);
--focus-color: var(--primary-light);
}
@media (hover: hover) and (pointer: fine) {
.link--skip:hover, .ct-link-text.link--skip:hover {
background: var(--btn-background-hover);
color: var(--btn-text-color-hover);
border-color: var(--btn-border-color-hover);
text-decoration: var(--btn-text-decoration-hover);
}
}
.link--skip:focus, .ct-link-text.link--skip:focus {
outline-style: solid;
outline-color: var(--focus-color);
outline-width: var(--focus-width);
outline-offset: var(--focus-offset);
}
.link--skip:focus, .ct-link-text.link--skip:focus {
transform: translateY(0);
}
.clickable-parent:not(a) {
position: static;
}
.clickable-parent:not(a) a {
position: static;
}
.clickable-parent:not(a) > a::after {
content: "";
position: absolute;
inset: 0;
cursor: pointer !important;
display: flex;
z-index: 1;
}
button.clickable-parent, a.clickable-parent {
position: static !important;
}
button.clickable-parent::after, a.clickable-parent::after {
content: "";
position: absolute;
inset: 0;
cursor: pointer !important;
display: flex;
z-index: 1;
}
#ct-builder a.clickable-parent::after, #ct-builder .clickable-parent > a::after {
content: "";
position: relative;
}
body {
color: var(--body-color, var(--black));
background-color: var(--body-bg-color, var(--white));
}
html:has(body.boxed-layout) {
background-color: var(--device-bg-color, var(--white));
}
body {
font-size: var(--default-font-size, var(--text-m));
color: var(--text-color);
line-height: var(--text-line-height);
font-weight: var(--text-font-weight);
text-wrap: var(--text-text-wrap);
}
p, li {
line-height: var(--text-line-height, calc(6px + 2ex));
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .h--1, .h--2, .h--3, .h--4, .h--5, .h--6 {
line-height: var(--heading-line-height);
font-weight: var(--heading-font-weight);
max-width: var(--heading-max-width);
text-wrap: var(--heading-text-wrap);
}
h1 {
font-size: var(--h1);
line-height: var(--h1-line-height);
max-width: var(--h1-max-width);
}
h2 {
font-size: var(--h2);
line-height: var(--h2-line-height);
max-width: var(--h2-max-width);
}
h3 {
font-size: var(--h3);
line-height: var(--h3-line-height);
max-width: var(--h3-max-width);
}
h4 {
font-size: var(--h4);
line-height: var(--h4-line-height);
max-width: var(--h4-max-width);
}
h5 {
font-size: var(--h5);
line-height: var(--h5-line-height);
max-width: var(--h5-max-width);
}
h6 {
font-size: var(--h6);
line-height: var(--h6-line-height);
max-width: var(--h6-max-width);
}
body a:where(:not([class*= btn--])) {
color: var(--link-color, var(--primary));
font-weight: var(--link-weight, 400);
-webkit-text-decoration: var(--link-decoration, none);
text-decoration: var(--link-decoration, none);
text-underline-offset: var(--link-underline-offset, auto);
transition: var(--link-transition, var(--transition));
}
@media (hover: hover) and (pointer: fine) {
body a:where(:not([class*= btn--])):hover {
color: var(--link-color-hover, var(--primary-hover));
}
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit;
text-decoration: inherit;
color: currentcolor;
text-underline-offset: var(--link-underline-offset, auto);
}
@media (hover: hover) and (pointer: fine) {
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
color: currentcolor;
}
}
[class*="center--"]:where(:not([class*="self"], .ct-section))[class*="center--"]:where(:not([class*="self"], .ct-section)), .ct-section[class*="center--"]:where(:not([class*="self"])) > .ct-section-inner-wrap[class*="center--"]:where(:not([class*="self"], .ct-section)), [class*="center--"]:where(:not([class*="self"], .ct-section)).ct-section[class*="center--"]:where(:not([class*="self"])) > .ct-section-inner-wrap, .ct-section[class*="center--"]:where(:not([class*="self"])) > .ct-section-inner-wrap.ct-section[class*="center--"]:where(:not([class*="self"])) > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
align-items: var(--align-items, initial);
align-content: var(--align-content, initial);
justify-items: var(--justify-items, initial);
justify-content: var(--justify-content, initial);
text-align: var(--text-align, inherit);
}
.center--all:not(.ct-section).center--all:not(.ct-section), .ct-section.center--all > .ct-section-inner-wrap.center--all:not(.ct-section), .center--all:not(.ct-section).ct-section.center--all > .ct-section-inner-wrap, .ct-section.center--all > .ct-section-inner-wrap.ct-section.center--all > .ct-section-inner-wrap {
--align-items: center;
--align-content: center;
--justify-items: center;
--justify-content: center;
--text-align: center;
}
.center--y:not(.ct-section).center--y:not(.ct-section), .ct-section.center--y > .ct-section-inner-wrap.center--y:not(.ct-section), .center--y:not(.ct-section).ct-section.center--y > .ct-section-inner-wrap, .ct-section.center--y > .ct-section-inner-wrap.ct-section.center--y > .ct-section-inner-wrap {
--align-items: flex-start;
--justify-items: center;
--justify-content: center;
}
.center--x:not(.ct-section).center--x:not(.ct-section), .ct-section.center--x > .ct-section-inner-wrap.center--x:not(.ct-section), .center--x:not(.ct-section).ct-section.center--x > .ct-section-inner-wrap, .ct-section.center--x > .ct-section-inner-wrap.ct-section.center--x > .ct-section-inner-wrap {
--align-items: center;
--justify-items: flex-start;
--justify-content: flex-start;
}
.center--left:not(.ct-section).center--left:not(.ct-section), .ct-section.center--left > .ct-section-inner-wrap.center--left:not(.ct-section), .center--left:not(.ct-section).ct-section.center--left > .ct-section-inner-wrap, .ct-section.center--left > .ct-section-inner-wrap.ct-section.center--left > .ct-section-inner-wrap {
--align-items: flex-start;
--align-content: flex-start;
--justify-items: center;
--justify-content: center;
--text-align: left;
}
.center--right:not(.ct-section).center--right:not(.ct-section), .ct-section.center--right > .ct-section-inner-wrap.center--right:not(.ct-section), .center--right:not(.ct-section).ct-section.center--right > .ct-section-inner-wrap, .ct-section.center--right > .ct-section-inner-wrap.ct-section.center--right > .ct-section-inner-wrap {
--align-items: flex-end;
--align-content: flex-end;
--justify-items: center;
--justify-content: center;
--text-align: right;
}
.center--top:not(.ct-section).center--top:not(.ct-section), .ct-section.center--top > .ct-section-inner-wrap.center--top:not(.ct-section), .center--top:not(.ct-section).ct-section.center--top > .ct-section-inner-wrap, .ct-section.center--top > .ct-section-inner-wrap.ct-section.center--top > .ct-section-inner-wrap {
--align-items: center;
--align-content: center;
--justify-items: flex-start;
--justify-content: flex-start;
}
.center--bottom:not(.ct-section).center--bottom:not(.ct-section), .ct-section.center--bottom > .ct-section-inner-wrap.center--bottom:not(.ct-section), .center--bottom:not(.ct-section).ct-section.center--bottom > .ct-section-inner-wrap, .ct-section.center--bottom > .ct-section-inner-wrap.ct-section.center--bottom > .ct-section-inner-wrap {
--align-items: center;
--justify-items: flex-end;
--justify-content: flex-end;
}
@media (max-width: 1600px) {
.center--all-xl:not(.ct-section).center--all-xl:not(.ct-section), .ct-section.center--all-xl > .ct-section-inner-wrap.center--all-xl:not(.ct-section), .center--all-xl:not(.ct-section).ct-section.center--all-xl > .ct-section-inner-wrap, .ct-section.center--all-xl > .ct-section-inner-wrap.ct-section.center--all-xl > .ct-section-inner-wrap {
--align-items: center;
--align-content: center;
--justify-items: center;
--justify-content: center;
--text-align: center;
}
.center--y-xl:not(.ct-section).center--y-xl:not(.ct-section), .ct-section.center--y-xl > .ct-section-inner-wrap.center--y-xl:not(.ct-section), .center--y-xl:not(.ct-section).ct-section.center--y-xl > .ct-section-inner-wrap, .ct-section.center--y-xl > .ct-section-inner-wrap.ct-section.center--y-xl > .ct-section-inner-wrap {
--align-items: flex-start;
--justify-items: center;
--justify-content: center;
}
.center--x-xl:not(.ct-section).center--x-xl:not(.ct-section), .ct-section.center--x-xl > .ct-section-inner-wrap.center--x-xl:not(.ct-section), .center--x-xl:not(.ct-section).ct-section.center--x-xl > .ct-section-inner-wrap, .ct-section.center--x-xl > .ct-section-inner-wrap.ct-section.center--x-xl > .ct-section-inner-wrap {
--align-items: center;
--justify-items: flex-start;
--justify-content: flex-start;
}
.center--left-xl:not(.ct-section).center--left-xl:not(.ct-section), .ct-section.center--left-xl > .ct-section-inner-wrap.center--left-xl:not(.ct-section), .center--left-xl:not(.ct-section).ct-section.center--left-xl > .ct-section-inner-wrap, .ct-section.center--left-xl > .ct-section-inner-wrap.ct-section.center--left-xl > .ct-section-inner-wrap {
--align-items: flex-start;
--align-content: flex-start;
--justify-items: center;
--justify-content: center;
--text-align: left;
}
.center--right-xl:not(.ct-section).center--right-xl:not(.ct-section), .ct-section.center--right-xl > .ct-section-inner-wrap.center--right-xl:not(.ct-section), .center--right-xl:not(.ct-section).ct-section.center--right-xl > .ct-section-inner-wrap, .ct-section.center--right-xl > .ct-section-inner-wrap.ct-section.center--right-xl > .ct-section-inner-wrap {
--align-items: flex-end;
--align-content: flex-end;
--justify-items: center;
--justify-content: center;
--text-align: right;
}
.center--top-xl:not(.ct-section).center--top-xl:not(.ct-section), .ct-section.center--top-xl > .ct-section-inner-wrap.center--top-xl:not(.ct-section), .center--top-xl:not(.ct-section).ct-section.center--top-xl > .ct-section-inner-wrap, .ct-section.center--top-xl > .ct-section-inner-wrap.ct-section.center--top-xl > .ct-section-inner-wrap {
--align-items: center;
--align-content: center;
--justify-items: flex-start;
--justify-content: flex-start;
}
.center--bottom-xl:not(.ct-section).center--bottom-xl:not(.ct-section), .ct-section.center--bottom-xl > .ct-section-inner-wrap.center--bottom-xl:not(.ct-section), .center--bottom-xl:not(.ct-section).ct-section.center--bottom-xl > .ct-section-inner-wrap, .ct-section.center--bottom-xl > .ct-section-inner-wrap.ct-section.center--bottom-xl > .ct-section-inner-wrap {
--align-items: center;
--justify-items: flex-end;
--justify-content: flex-end;
}
}
@media (max-width: 992px) {
.center--all-l:not(.ct-section).center--all-l:not(.ct-section), .ct-section.center--all-l > .ct-section-inner-wrap.center--all-l:not(.ct-section), .center--all-l:not(.ct-section).ct-section.center--all-l > .ct-section-inner-wrap, .ct-section.center--all-l > .ct-section-inner-wrap.ct-section.center--all-l > .ct-section-inner-wrap {
--align-items: center;
--align-content: center;
--justify-items: center;
--justify-content: center;
--text-align: center;
}
.center--y-l:not(.ct-section).center--y-l:not(.ct-section), .ct-section.center--y-l > .ct-section-inner-wrap.center--y-l:not(.ct-section), .center--y-l:not(.ct-section).ct-section.center--y-l > .ct-section-inner-wrap, .ct-section.center--y-l > .ct-section-inner-wrap.ct-section.center--y-l > .ct-section-inner-wrap {
--align-items: flex-start;
--justify-items: center;
--justify-content: center;
}
.center--x-l:not(.ct-section).center--x-l:not(.ct-section), .ct-section.center--x-l > .ct-section-inner-wrap.center--x-l:not(.ct-section), .center--x-l:not(.ct-section).ct-section.center--x-l > .ct-section-inner-wrap, .ct-section.center--x-l > .ct-section-inner-wrap.ct-section.center--x-l > .ct-section-inner-wrap {
--align-items: center;
--justify-items: flex-start;
--justify-content: flex-start;
}
.center--left-l:not(.ct-section).center--left-l:not(.ct-section), .ct-section.center--left-l > .ct-section-inner-wrap.center--left-l:not(.ct-section), .center--left-l:not(.ct-section).ct-section.center--left-l > .ct-section-inner-wrap, .ct-section.center--left-l > .ct-section-inner-wrap.ct-section.center--left-l > .ct-section-inner-wrap {
--align-items: flex-start;
--align-content: flex-start;
--justify-items: center;
--justify-content: center;
--text-align: left;
}
.center--right-l:not(.ct-section).center--right-l:not(.ct-section), .ct-section.center--right-l > .ct-section-inner-wrap.center--right-l:not(.ct-section), .center--right-l:not(.ct-section).ct-section.center--right-l > .ct-section-inner-wrap, .ct-section.center--right-l > .ct-section-inner-wrap.ct-section.center--right-l > .ct-section-inner-wrap {
--align-items: flex-end;
--align-content: flex-end;
--justify-items: center;
--justify-content: center;
--text-align: right;
}
.center--top-l:not(.ct-section).center--top-l:not(.ct-section), .ct-section.center--top-l > .ct-section-inner-wrap.center--top-l:not(.ct-section), .center--top-l:not(.ct-section).ct-section.center--top-l > .ct-section-inner-wrap, .ct-section.center--top-l > .ct-section-inner-wrap.ct-section.center--top-l > .ct-section-inner-wrap {
--align-items: center;
--align-content: center;
--justify-items: flex-start;
--justify-content: flex-start;
}
.center--bottom-l:not(.ct-section).center--bottom-l:not(.ct-section), .ct-section.center--bottom-l > .ct-section-inner-wrap.center--bottom-l:not(.ct-section), .center--bottom-l:not(.ct-section).ct-section.center--bottom-l > .ct-section-inner-wrap, .ct-section.center--bottom-l > .ct-section-inner-wrap.ct-section.center--bottom-l > .ct-section-inner-wrap {
--align-items: center;
--justify-items: flex-end;
--justify-content: flex-end;
}
}
@media (max-width: 768px) {
.center--all-m:not(.ct-section).center--all-m:not(.ct-section), .ct-section.center--all-m > .ct-section-inner-wrap.center--all-m:not(.ct-section), .center--all-m:not(.ct-section).ct-section.center--all-m > .ct-section-inner-wrap, .ct-section.center--all-m > .ct-section-inner-wrap.ct-section.center--all-m > .ct-section-inner-wrap {
--align-items: center;
--align-content: center;
--justify-items: center;
--justify-content: center;
--text-align: center;
}
.center--y-m:not(.ct-section).center--y-m:not(.ct-section), .ct-section.center--y-m > .ct-section-inner-wrap.center--y-m:not(.ct-section), .center--y-m:not(.ct-section).ct-section.center--y-m > .ct-section-inner-wrap, .ct-section.center--y-m > .ct-section-inner-wrap.ct-section.center--y-m > .ct-section-inner-wrap {
--align-items: flex-start;
--justify-items: center;
--justify-content: center;
}
.center--x-m:not(.ct-section).center--x-m:not(.ct-section), .ct-section.center--x-m > .ct-section-inner-wrap.center--x-m:not(.ct-section), .center--x-m:not(.ct-section).ct-section.center--x-m > .ct-section-inner-wrap, .ct-section.center--x-m > .ct-section-inner-wrap.ct-section.center--x-m > .ct-section-inner-wrap {
--align-items: center;
--justify-items: flex-start;
--justify-content: flex-start;
}
.center--left-m:not(.ct-section).center--left-m:not(.ct-section), .ct-section.center--left-m > .ct-section-inner-wrap.center--left-m:not(.ct-section), .center--left-m:not(.ct-section).ct-section.center--left-m > .ct-section-inner-wrap, .ct-section.center--left-m > .ct-section-inner-wrap.ct-section.center--left-m > .ct-section-inner-wrap {
--align-items: flex-start;
--align-content: flex-start;
--justify-items: center;
--justify-content: center;
--text-align: left;
}
.center--right-m:not(.ct-section).center--right-m:not(.ct-section), .ct-section.center--right-m > .ct-section-inner-wrap.center--right-m:not(.ct-section), .center--right-m:not(.ct-section).ct-section.center--right-m > .ct-section-inner-wrap, .ct-section.center--right-m > .ct-section-inner-wrap.ct-section.center--right-m > .ct-section-inner-wrap {
--align-items: flex-end;
--align-content: flex-end;
--justify-items: center;
--justify-content: center;
--text-align: right;
}
.center--top-m:not(.ct-section).center--top-m:not(.ct-section), .ct-section.center--top-m > .ct-section-inner-wrap.center--top-m:not(.ct-section), .center--top-m:not(.ct-section).ct-section.center--top-m > .ct-section-inner-wrap, .ct-section.center--top-m > .ct-section-inner-wrap.ct-section.center--top-m > .ct-section-inner-wrap {
--align-items: center;
--align-content: center;
--justify-items: flex-start;
--justify-content: flex-start;
}
.center--bottom-m:not(.ct-section).center--bottom-m:not(.ct-section), .ct-section.center--bottom-m > .ct-section-inner-wrap.center--bottom-m:not(.ct-section), .center--bottom-m:not(.ct-section).ct-section.center--bottom-m > .ct-section-inner-wrap, .ct-section.center--bottom-m > .ct-section-inner-wrap.ct-section.center--bottom-m > .ct-section-inner-wrap {
--align-items: center;
--justify-items: flex-end;
--justify-content: flex-end;
}
}
@media (max-width: 480px) {
.center--all-s:not(.ct-section).center--all-s:not(.ct-section), .ct-section.center--all-s > .ct-section-inner-wrap.center--all-s:not(.ct-section), .center--all-s:not(.ct-section).ct-section.center--all-s > .ct-section-inner-wrap, .ct-section.center--all-s > .ct-section-inner-wrap.ct-section.center--all-s > .ct-section-inner-wrap {
--align-items: center;
--align-content: center;
--justify-items: center;
--justify-content: center;
--text-align: center;
}
.center--y-s:not(.ct-section).center--y-s:not(.ct-section), .ct-section.center--y-s > .ct-section-inner-wrap.center--y-s:not(.ct-section), .center--y-s:not(.ct-section).ct-section.center--y-s > .ct-section-inner-wrap, .ct-section.center--y-s > .ct-section-inner-wrap.ct-section.center--y-s > .ct-section-inner-wrap {
--align-items: flex-start;
--justify-items: center;
--justify-content: center;
}
.center--x-s:not(.ct-section).center--x-s:not(.ct-section), .ct-section.center--x-s > .ct-section-inner-wrap.center--x-s:not(.ct-section), .center--x-s:not(.ct-section).ct-section.center--x-s > .ct-section-inner-wrap, .ct-section.center--x-s > .ct-section-inner-wrap.ct-section.center--x-s > .ct-section-inner-wrap {
--align-items: center;
--justify-items: flex-start;
--justify-content: flex-start;
}
.center--left-s:not(.ct-section).center--left-s:not(.ct-section), .ct-section.center--left-s > .ct-section-inner-wrap.center--left-s:not(.ct-section), .center--left-s:not(.ct-section).ct-section.center--left-s > .ct-section-inner-wrap, .ct-section.center--left-s > .ct-section-inner-wrap.ct-section.center--left-s > .ct-section-inner-wrap {
--align-items: flex-start;
--align-content: flex-start;
--justify-items: center;
--justify-content: center;
--text-align: left;
}
.center--right-s:not(.ct-section).center--right-s:not(.ct-section), .ct-section.center--right-s > .ct-section-inner-wrap.center--right-s:not(.ct-section), .center--right-s:not(.ct-section).ct-section.center--right-s > .ct-section-inner-wrap, .ct-section.center--right-s > .ct-section-inner-wrap.ct-section.center--right-s > .ct-section-inner-wrap {
--align-items: flex-end;
--align-content: flex-end;
--justify-items: center;
--justify-content: center;
--text-align: right;
}
.center--top-s:not(.ct-section).center--top-s:not(.ct-section), .ct-section.center--top-s > .ct-section-inner-wrap.center--top-s:not(.ct-section), .center--top-s:not(.ct-section).ct-section.center--top-s > .ct-section-inner-wrap, .ct-section.center--top-s > .ct-section-inner-wrap.ct-section.center--top-s > .ct-section-inner-wrap {
--align-items: center;
--align-content: center;
--justify-items: flex-start;
--justify-content: flex-start;
}
.center--bottom-s:not(.ct-section).center--bottom-s:not(.ct-section), .ct-section.center--bottom-s > .ct-section-inner-wrap.center--bottom-s:not(.ct-section), .center--bottom-s:not(.ct-section).ct-section.center--bottom-s > .ct-section-inner-wrap, .ct-section.center--bottom-s > .ct-section-inner-wrap.ct-section.center--bottom-s > .ct-section-inner-wrap {
--align-items: center;
--justify-items: flex-end;
--justify-content: flex-end;
}
}
.btn--primary {
--btn-background: var(--primary);
--btn-background-hover: var(--primary-hover);
--btn-text-color: var(--primary-ultra-light);
--btn-text-color-hover: var(--primary-ultra-light);
--btn-border-color: var(--primary);
--btn-border-color-hover: var(--primary-hover);
--focus-color: var(--primary-light);
}
.btn--primary-dark {
--btn-background: var(--primary-dark);
--btn-background-hover: var(--primary-ultra-dark);
--btn-text-color: var(--primary-ultra-light);
--btn-text-color-hover: var(--primary-ultra-light);
--btn-border-color: var(--primary-dark);
--btn-border-color-hover: var(--primary-ultra-dark);
--focus-color: var(--primary-semi-dark);
}
.btn--primary-light {
--btn-background: var(--primary-ultra-light);
--btn-background-hover: var(--primary-light);
--btn-text-color: var(--primary);
--btn-text-color-hover: var(--primary-ultra-dark);
--btn-border-color: var(--primary-ultra-light);
--btn-border-color-hover: var(--primary-light);
--focus-color: var(--primary-light);
}
.btn--primary.btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--primary-hover);
--btn-text-color: var(--primary);
--btn-text-color-hover: var(--primary-ultra-light);
--btn-border-width: 0.25rem;
--btn-border-color: var(--primary);
--btn-border-color-hover: var(--primary-hover);
--focus-color: var(--primary-light);
}
.btn--primary-dark.btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--primary-dark);
--btn-text-color: var(--primary-dark);
--btn-text-color-hover: var(--primary-ultra-light);
--btn-border-width: 0.25rem;
--btn-border-color: var(--primary-dark);
--btn-border-color-hover: var(--primary-dark);
--focus-color: var(--primary-light);
}
.btn--primary-light.btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--primary-light);
--btn-text-color: var(--primary-light);
--btn-text-color-hover: var(--primary-dark);
--btn-border-width: 0.25rem;
--btn-border-color: var(--primary-light);
--btn-border-color-hover: var(--primary-light);
--focus-color: var(--primary-light);
}
.btn--secondary {
--btn-background: var(--secondary);
--btn-background-hover: var(--secondary-hover);
--btn-text-color: var(--secondary-ultra-light);
--btn-text-color-hover: var(--secondary-ultra-light);
--btn-border-color: var(--secondary);
--btn-border-color-hover: var(--secondary-hover);
--focus-color: var(--secondary-light);
}
.btn--secondary-dark {
--btn-background: var(--secondary-dark);
--btn-background-hover: var(--secondary-ultra-dark);
--btn-text-color: var(--secondary-ultra-light);
--btn-text-color-hover: var(--secondary-ultra-light);
--btn-border-color: var(--secondary-dark);
--btn-border-color-hover: var(--secondary-ultra-dark);
--focus-color: var(--secondary-semi-dark);
}
.btn--secondary-light {
--btn-background: var(--secondary-ultra-light);
--btn-background-hover: var(--secondary-light);
--btn-text-color: var(--secondary);
--btn-text-color-hover: var(--secondary-ultra-dark);
--btn-border-color: var(--secondary-ultra-light);
--btn-border-color-hover: var(--secondary-light);
--focus-color: var(--secondary-light);
}
.btn--secondary.btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--secondary-hover);
--btn-text-color: var(--secondary);
--btn-text-color-hover: var(--secondary-ultra-light);
--btn-border-width: 0.25rem;
--btn-border-color: var(--secondary);
--btn-border-color-hover: var(--secondary-hover);
--focus-color: var(--secondary-light);
}
.btn--secondary-dark.btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--secondary-dark);
--btn-text-color: var(--secondary-dark);
--btn-text-color-hover: var(--secondary-ultra-light);
--btn-border-width: 0.25rem;
--btn-border-color: var(--secondary-dark);
--btn-border-color-hover: var(--secondary-dark);
--focus-color: var(--secondary-light);
}
.btn--secondary-light.btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--secondary-light);
--btn-text-color: var(--secondary-light);
--btn-text-color-hover: var(--secondary-dark);
--btn-border-width: 0.25rem;
--btn-border-color: var(--secondary-light);
--btn-border-color-hover: var(--secondary-light);
--focus-color: var(--secondary-light);
}
.btn--accent {
--btn-background: var(--accent);
--btn-background-hover: var(--accent-hover);
--btn-text-color: var(--accent-ultra-light);
--btn-text-color-hover: var(--accent-ultra-light);
--btn-border-color: var(--accent);
--btn-border-color-hover: var(--accent-hover);
--focus-color: var(--accent-light);
}
.btn--base {
--btn-background: var(--base);
--btn-background-hover: var(--base-hover);
--btn-text-color: var(--base-ultra-light);
--btn-text-color-hover: var(--base-ultra-light);
--btn-border-color: var(--base);
--btn-border-color-hover: var(--base-hover);
--focus-color: var(--base-light);
}
.btn--black {
--btn-background: var(--shade-black);
--btn-background-hover: var(--primary-hover);
--btn-text-color: var(--shade-white);
--btn-text-color-hover: var(--shade-white);
--btn-border-color: var(--shade-black);
--btn-border-color-hover: var(--shade-white);
--focus-color: var(--primary);
}
.btn--black.btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--black);
--btn-text-color: var(--shade-black);
--btn-text-color-hover: var(--primary-ultra-light);
--btn-border-width: 0.25rem;
--btn-border-color: var(--black);
--btn-border-color-hover: var(--black);
--focus-color: var(--primary);
}
.btn--white {
--btn-background: var(--shade-white);
--btn-background-hover: var(--primary-hover);
--btn-text-color: var(--shade-black);
--btn-text-color-hover: var(--shade-white);
--btn-border-color: var(--shade-white);
--btn-border-color-hover: var(--shade-black);
--focus-color: var(--primary);
}
.btn--white.btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--white);
--btn-text-color: var(--shade-white);
--btn-text-color-hover: var(--primary-ultra-light);
--btn-border-width: 0.25rem;
--btn-border-color: var(--white);
--btn-border-color-hover: var(--white);
--focus-color: var(--primary);
}
[class*="btn--"]:where(:not(.btn--none, .wp-block-button)) {
background: var(--btn-background);
color: var(--btn-text-color);
padding-block: var(--btn-padding-block);
padding-inline: var(--btn-padding-inline);
min-inline-size: var(--btn-min-width);
line-height: var(--btn-line-height);
font-size: var(--btn-font-size, var(--text-m));
font-weight: var(--btn-font-weight);
font-style: var(--btn-font-style);
text-transform: var(--btn-text-transform);
letter-spacing: var(--btn-letter-spacing);
text-decoration: var(--btn-text-decoration);
border-width: var(--btn-border-width);
border-style: var(--btn-border-style);
border-radius: var(--btn-radius);
border-color: var(--btn-border-color);
transition: var(--btn-transition, var(--transition));
justify-content: var(--btn-justify-content, center);
text-align: var(--btn-text-align, center);
}
@media (hover: hover) and (pointer: fine) {
[class*="btn--"]:where(:not(.btn--none, .wp-block-button)):hover {
background: var(--btn-background-hover);
color: var(--btn-text-color-hover);
border-color: var(--btn-border-color-hover);
text-decoration: var(--btn-text-decoration-hover);
}
}
[class*="btn--"]:where(:not(.btn--none, .wp-block-button)):focus {
outline-style: solid;
outline-color: var(--focus-color);
outline-width: var(--focus-width);
outline-offset: var(--focus-offset);
}
.btn--xs {
font-size: var(--text-xs);
}
.btn--s {
font-size: var(--text-s);
}
.btn--m {
font-size: var(--text-m);
}
.btn--l {
font-size: var(--text-l);
}
.btn--xl {
font-size: var(--text-xl);
}
.btn--xxl {
font-size: var(--text-xxl);
}
.btn--clear.btn--clear, .btn--none.btn--none {
background: none;
border: none;
}
.ct-video.aspect--1-1 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.ct-video.aspect--1-1 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.ct-video.aspect--1-2 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.ct-video.aspect--1-2 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.ct-video.aspect--2-1 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.ct-video.aspect--2-1 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.ct-video.aspect--2-3 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.ct-video.aspect--2-3 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.ct-video.aspect--3-2 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.ct-video.aspect--3-2 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.ct-video.aspect--3-4 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.ct-video.aspect--3-4 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.ct-video.aspect--4-3 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.ct-video.aspect--4-3 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.ct-video.aspect--16-9 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.ct-video.aspect--16-9 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.ct-video.aspect--9-16 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.ct-video.aspect--9-16 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
@media (max-width: 1600px) {
.aspect--xl-1-1 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--xl-1-1 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--xl-1-2 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--xl-1-2 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--xl-2-1 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--xl-2-1 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--xl-2-3 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--xl-2-3 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--xl-3-2 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--xl-3-2 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--xl-3-4 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--xl-3-4 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--xl-4-3 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--xl-4-3 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--xl-16-9 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--xl-16-9 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--xl-9-16 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--xl-9-16 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
}
@media (max-width: 992px) {
.aspect--l-1-1 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--l-1-1 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--l-1-2 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--l-1-2 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--l-2-1 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--l-2-1 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--l-2-3 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--l-2-3 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--l-3-2 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--l-3-2 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--l-3-4 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--l-3-4 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--l-4-3 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--l-4-3 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--l-16-9 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--l-16-9 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--l-9-16 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--l-9-16 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
}
@media (max-width: 768px) {
.aspect--m-1-1 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--m-1-1 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--m-1-2 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--m-1-2 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--m-2-1 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--m-2-1 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--m-2-3 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--m-2-3 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--m-3-2 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--m-3-2 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--m-3-4 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--m-3-4 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--m-4-3 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--m-4-3 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--m-16-9 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--m-16-9 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--m-9-16 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--m-9-16 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
}
@media (max-width: 480px) {
.aspect--s-1-1 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--s-1-1 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--s-1-2 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--s-1-2 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--s-2-1 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--s-2-1 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--s-2-3 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--s-2-3 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--s-3-2 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--s-3-2 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--s-3-4 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--s-3-4 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--s-4-3 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--s-4-3 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--s-16-9 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--s-16-9 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--s-9-16 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--s-9-16 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
}
@media (min-width: 1601px) {
.breakout--s {
inline-size: 60vw;
max-inline-size: 60vw !important;
margin-inline: calc(-30vw + 50%);
}
.ct-image.breakout--s {
inline-size: 60vw;
max-inline-size: 60vw !important;
margin-inline: calc(-30vw + 50%);
}
.breakout--m {
inline-size: 70vw;
max-inline-size: 70vw !important;
margin-inline: calc(-35vw + 50%);
}
.ct-image.breakout--m {
inline-size: 70vw;
max-inline-size: 70vw !important;
margin-inline: calc(-35vw + 50%);
}
.breakout--l {
inline-size: 80vw;
max-inline-size: 80vw !important;
margin-inline: calc(-40vw + 50%);
}
.ct-image.breakout--l {
inline-size: 80vw;
max-inline-size: 80vw !important;
margin-inline: calc(-40vw + 50%);
}
.breakout--xl {
inline-size: 90vw;
max-inline-size: 90vw !important;
margin-inline: calc(-45vw + 50%);
}
.ct-image.breakout--xl {
inline-size: 90vw;
max-inline-size: 90vw !important;
margin-inline: calc(-45vw + 50%);
}
}
.breakout--full {
inline-size: 100vw !important;
max-inline-size: 100vw !important;
margin-inline: calc(-50vw + 50%) !important;
align-self: flex-start;
}
.ct-image.breakout--full {
inline-size: 100vw !important;
max-inline-size: 100vw !important;
margin-inline: calc(-50vw + 50%) !important;
align-self: flex-start;
}
@media (max-width: 1600px) {
[class*="breakout--"]:not(.breakout--full) {
inline-size: 100% !important;
max-inline-size: 100% !important;
margin-inline: 0;
}
}
.flex-grid--1:not(section), section.flex-grid--1 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--1:not(section) > *, section.flex-grid--1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--2:not(section), section.flex-grid--2 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--2:not(section).gap--xs, section.flex-grid--2 > .ct-section-inner-wrap.gap--xs {
--gap: var(--space-xs);
}
.flex-grid--2:not(section).gap--s, section.flex-grid--2 > .ct-section-inner-wrap.gap--s {
--gap: var(--space-s);
}
.flex-grid--2:not(section).gap--m, section.flex-grid--2 > .ct-section-inner-wrap.gap--m {
--gap: var(--space-m);
}
.flex-grid--2:not(section).gap--l, section.flex-grid--2 > .ct-section-inner-wrap.gap--l {
--gap: var(--space-l);
}
.flex-grid--2:not(section).gap--xl, section.flex-grid--2 > .ct-section-inner-wrap.gap--xl {
--gap: var(--space-xl);
}
.flex-grid--2:not(section).gap--xxl, section.flex-grid--2 > .ct-section-inner-wrap.gap--xxl {
--gap: var(--space-xxl);
}
.flex-grid--2:not(section) > *, section.flex-grid--2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
@media (max-width: 1600px) {
.flex-grid--xl-1:not(section), section.flex-grid--xl-1 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--xl-1:not(section) > *, section.flex-grid--xl-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--xl-2:not(section), section.flex-grid--xl-2 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--xl-2:not(section).gap--xl-xs, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-xs {
--gap: var(--space-xs);
}
.flex-grid--xl-2:not(section).gap--xl-s, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-s {
--gap: var(--space-s);
}
.flex-grid--xl-2:not(section).gap--xl-m, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-m {
--gap: var(--space-m);
}
.flex-grid--xl-2:not(section).gap--xl-l, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-l {
--gap: var(--space-l);
}
.flex-grid--xl-2:not(section).gap--xl-xl, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-xl {
--gap: var(--space-xl);
}
.flex-grid--xl-2:not(section).gap--xl-xxl, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-2:not(section) > *, section.flex-grid--xl-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--xl-3:not(section), section.flex-grid--xl-3 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--xl-3:not(section).gap--xl-xs, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-xs {
--gap: var(--space-xs);
}
.flex-grid--xl-3:not(section).gap--xl-s, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-s {
--gap: var(--space-s);
}
.flex-grid--xl-3:not(section).gap--xl-m, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-m {
--gap: var(--space-m);
}
.flex-grid--xl-3:not(section).gap--xl-l, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-l {
--gap: var(--space-l);
}
.flex-grid--xl-3:not(section).gap--xl-xl, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-xl {
--gap: var(--space-xl);
}
.flex-grid--xl-3:not(section).gap--xl-xxl, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-3:not(section) > *, section.flex-grid--xl-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--xl-4:not(section), section.flex-grid--xl-4 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--xl-4:not(section).gap--xl-xs, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-xs {
--gap: var(--space-xs);
}
.flex-grid--xl-4:not(section).gap--xl-s, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-s {
--gap: var(--space-s);
}
.flex-grid--xl-4:not(section).gap--xl-m, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-m {
--gap: var(--space-m);
}
.flex-grid--xl-4:not(section).gap--xl-l, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-l {
--gap: var(--space-l);
}
.flex-grid--xl-4:not(section).gap--xl-xl, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-xl {
--gap: var(--space-xl);
}
.flex-grid--xl-4:not(section).gap--xl-xxl, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-4:not(section) > *, section.flex-grid--xl-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--xl-5:not(section), section.flex-grid--xl-5 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--xl-5:not(section).gap--xl-xs, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-xs {
--gap: var(--space-xs);
}
.flex-grid--xl-5:not(section).gap--xl-s, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-s {
--gap: var(--space-s);
}
.flex-grid--xl-5:not(section).gap--xl-m, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-m {
--gap: var(--space-m);
}
.flex-grid--xl-5:not(section).gap--xl-l, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-l {
--gap: var(--space-l);
}
.flex-grid--xl-5:not(section).gap--xl-xl, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-xl {
--gap: var(--space-xl);
}
.flex-grid--xl-5:not(section).gap--xl-xxl, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-5:not(section) > *, section.flex-grid--xl-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--xl-6:not(section), section.flex-grid--xl-6 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--xl-6:not(section).gap--xl-xs, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-xs {
--gap: var(--space-xs);
}
.flex-grid--xl-6:not(section).gap--xl-s, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-s {
--gap: var(--space-s);
}
.flex-grid--xl-6:not(section).gap--xl-m, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-m {
--gap: var(--space-m);
}
.flex-grid--xl-6:not(section).gap--xl-l, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-l {
--gap: var(--space-l);
}
.flex-grid--xl-6:not(section).gap--xl-xl, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-xl {
--gap: var(--space-xl);
}
.flex-grid--xl-6:not(section).gap--xl-xxl, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-6:not(section) > *, section.flex-grid--xl-6 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 5)) / 6);
}
}
@media (max-width: 992px) {
.flex-grid--l-1:not(section), section.flex-grid--l-1 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--l-1:not(section) > *, section.flex-grid--l-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--l-2:not(section), section.flex-grid--l-2 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--l-2:not(section).gap--l-xs, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-xs {
--gap: var(--space-xs);
}
.flex-grid--l-2:not(section).gap--l-s, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-s {
--gap: var(--space-s);
}
.flex-grid--l-2:not(section).gap--l-m, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-m {
--gap: var(--space-m);
}
.flex-grid--l-2:not(section).gap--l-l, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-l {
--gap: var(--space-l);
}
.flex-grid--l-2:not(section).gap--l-xl, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-xl {
--gap: var(--space-xl);
}
.flex-grid--l-2:not(section).gap--l-xxl, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-2:not(section) > *, section.flex-grid--l-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--l-3:not(section), section.flex-grid--l-3 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--l-3:not(section).gap--l-xs, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-xs {
--gap: var(--space-xs);
}
.flex-grid--l-3:not(section).gap--l-s, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-s {
--gap: var(--space-s);
}
.flex-grid--l-3:not(section).gap--l-m, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-m {
--gap: var(--space-m);
}
.flex-grid--l-3:not(section).gap--l-l, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-l {
--gap: var(--space-l);
}
.flex-grid--l-3:not(section).gap--l-xl, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-xl {
--gap: var(--space-xl);
}
.flex-grid--l-3:not(section).gap--l-xxl, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-3:not(section) > *, section.flex-grid--l-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--l-4:not(section), section.flex-grid--l-4 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--l-4:not(section).gap--l-xs, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-xs {
--gap: var(--space-xs);
}
.flex-grid--l-4:not(section).gap--l-s, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-s {
--gap: var(--space-s);
}
.flex-grid--l-4:not(section).gap--l-m, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-m {
--gap: var(--space-m);
}
.flex-grid--l-4:not(section).gap--l-l, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-l {
--gap: var(--space-l);
}
.flex-grid--l-4:not(section).gap--l-xl, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-xl {
--gap: var(--space-xl);
}
.flex-grid--l-4:not(section).gap--l-xxl, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-4:not(section) > *, section.flex-grid--l-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--l-5:not(section), section.flex-grid--l-5 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--l-5:not(section).gap--l-xs, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-xs {
--gap: var(--space-xs);
}
.flex-grid--l-5:not(section).gap--l-s, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-s {
--gap: var(--space-s);
}
.flex-grid--l-5:not(section).gap--l-m, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-m {
--gap: var(--space-m);
}
.flex-grid--l-5:not(section).gap--l-l, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-l {
--gap: var(--space-l);
}
.flex-grid--l-5:not(section).gap--l-xl, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-xl {
--gap: var(--space-xl);
}
.flex-grid--l-5:not(section).gap--l-xxl, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-5:not(section) > *, section.flex-grid--l-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--l-6:not(section), section.flex-grid--l-6 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--l-6:not(section).gap--l-xs, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-xs {
--gap: var(--space-xs);
}
.flex-grid--l-6:not(section).gap--l-s, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-s {
--gap: var(--space-s);
}
.flex-grid--l-6:not(section).gap--l-m, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-m {
--gap: var(--space-m);
}
.flex-grid--l-6:not(section).gap--l-l, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-l {
--gap: var(--space-l);
}
.flex-grid--l-6:not(section).gap--l-xl, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-xl {
--gap: var(--space-xl);
}
.flex-grid--l-6:not(section).gap--l-xxl, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-6:not(section) > *, section.flex-grid--l-6 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 5)) / 6);
}
}
@media (max-width: 768px) {
.flex-grid--m-1:not(section), section.flex-grid--m-1 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--m-1:not(section) > *, section.flex-grid--m-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--m-2:not(section), section.flex-grid--m-2 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--m-2:not(section).gap--m-xs, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-xs {
--gap: var(--space-xs);
}
.flex-grid--m-2:not(section).gap--m-s, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-s {
--gap: var(--space-s);
}
.flex-grid--m-2:not(section).gap--m-m, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-m {
--gap: var(--space-m);
}
.flex-grid--m-2:not(section).gap--m-l, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-l {
--gap: var(--space-l);
}
.flex-grid--m-2:not(section).gap--m-xl, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-xl {
--gap: var(--space-xl);
}
.flex-grid--m-2:not(section).gap--m-xxl, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-2:not(section) > *, section.flex-grid--m-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--m-3:not(section), section.flex-grid--m-3 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--m-3:not(section).gap--m-xs, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-xs {
--gap: var(--space-xs);
}
.flex-grid--m-3:not(section).gap--m-s, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-s {
--gap: var(--space-s);
}
.flex-grid--m-3:not(section).gap--m-m, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-m {
--gap: var(--space-m);
}
.flex-grid--m-3:not(section).gap--m-l, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-l {
--gap: var(--space-l);
}
.flex-grid--m-3:not(section).gap--m-xl, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-xl {
--gap: var(--space-xl);
}
.flex-grid--m-3:not(section).gap--m-xxl, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-3:not(section) > *, section.flex-grid--m-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--m-4:not(section), section.flex-grid--m-4 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--m-4:not(section).gap--m-xs, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-xs {
--gap: var(--space-xs);
}
.flex-grid--m-4:not(section).gap--m-s, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-s {
--gap: var(--space-s);
}
.flex-grid--m-4:not(section).gap--m-m, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-m {
--gap: var(--space-m);
}
.flex-grid--m-4:not(section).gap--m-l, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-l {
--gap: var(--space-l);
}
.flex-grid--m-4:not(section).gap--m-xl, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-xl {
--gap: var(--space-xl);
}
.flex-grid--m-4:not(section).gap--m-xxl, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-4:not(section) > *, section.flex-grid--m-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--m-5:not(section), section.flex-grid--m-5 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--m-5:not(section).gap--m-xs, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-xs {
--gap: var(--space-xs);
}
.flex-grid--m-5:not(section).gap--m-s, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-s {
--gap: var(--space-s);
}
.flex-grid--m-5:not(section).gap--m-m, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-m {
--gap: var(--space-m);
}
.flex-grid--m-5:not(section).gap--m-l, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-l {
--gap: var(--space-l);
}
.flex-grid--m-5:not(section).gap--m-xl, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-xl {
--gap: var(--space-xl);
}
.flex-grid--m-5:not(section).gap--m-xxl, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-5:not(section) > *, section.flex-grid--m-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--m-6:not(section), section.flex-grid--m-6 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--m-6:not(section).gap--m-xs, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-xs {
--gap: var(--space-xs);
}
.flex-grid--m-6:not(section).gap--m-s, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-s {
--gap: var(--space-s);
}
.flex-grid--m-6:not(section).gap--m-m, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-m {
--gap: var(--space-m);
}
.flex-grid--m-6:not(section).gap--m-l, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-l {
--gap: var(--space-l);
}
.flex-grid--m-6:not(section).gap--m-xl, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-xl {
--gap: var(--space-xl);
}
.flex-grid--m-6:not(section).gap--m-xxl, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-6:not(section) > *, section.flex-grid--m-6 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 5)) / 6);
}
}
@media (max-width: 480px) {
.flex-grid--s-1:not(section), section.flex-grid--s-1 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--s-1:not(section) > *, section.flex-grid--s-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--s-2:not(section), section.flex-grid--s-2 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--s-2:not(section).gap--s-xs, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-xs {
--gap: var(--space-xs);
}
.flex-grid--s-2:not(section).gap--s-s, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-s {
--gap: var(--space-s);
}
.flex-grid--s-2:not(section).gap--s-m, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-m {
--gap: var(--space-m);
}
.flex-grid--s-2:not(section).gap--s-l, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-l {
--gap: var(--space-l);
}
.flex-grid--s-2:not(section).gap--s-xl, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-xl {
--gap: var(--space-xl);
}
.flex-grid--s-2:not(section).gap--s-xxl, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-2:not(section) > *, section.flex-grid--s-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--s-3:not(section), section.flex-grid--s-3 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--s-3:not(section).gap--s-xs, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-xs {
--gap: var(--space-xs);
}
.flex-grid--s-3:not(section).gap--s-s, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-s {
--gap: var(--space-s);
}
.flex-grid--s-3:not(section).gap--s-m, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-m {
--gap: var(--space-m);
}
.flex-grid--s-3:not(section).gap--s-l, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-l {
--gap: var(--space-l);
}
.flex-grid--s-3:not(section).gap--s-xl, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-xl {
--gap: var(--space-xl);
}
.flex-grid--s-3:not(section).gap--s-xxl, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-3:not(section) > *, section.flex-grid--s-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--s-4:not(section), section.flex-grid--s-4 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--s-4:not(section).gap--s-xs, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-xs {
--gap: var(--space-xs);
}
.flex-grid--s-4:not(section).gap--s-s, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-s {
--gap: var(--space-s);
}
.flex-grid--s-4:not(section).gap--s-m, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-m {
--gap: var(--space-m);
}
.flex-grid--s-4:not(section).gap--s-l, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-l {
--gap: var(--space-l);
}
.flex-grid--s-4:not(section).gap--s-xl, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-xl {
--gap: var(--space-xl);
}
.flex-grid--s-4:not(section).gap--s-xxl, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-4:not(section) > *, section.flex-grid--s-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--s-5:not(section), section.flex-grid--s-5 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--s-5:not(section).gap--s-xs, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-xs {
--gap: var(--space-xs);
}
.flex-grid--s-5:not(section).gap--s-s, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-s {
--gap: var(--space-s);
}
.flex-grid--s-5:not(section).gap--s-m, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-m {
--gap: var(--space-m);
}
.flex-grid--s-5:not(section).gap--s-l, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-l {
--gap: var(--space-l);
}
.flex-grid--s-5:not(section).gap--s-xl, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-xl {
--gap: var(--space-xl);
}
.flex-grid--s-5:not(section).gap--s-xxl, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-5:not(section) > *, section.flex-grid--s-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--s-6:not(section), section.flex-grid--s-6 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--s-6:not(section).gap--s-xs, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-xs {
--gap: var(--space-xs);
}
.flex-grid--s-6:not(section).gap--s-s, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-s {
--gap: var(--space-s);
}
.flex-grid--s-6:not(section).gap--s-m, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-m {
--gap: var(--space-m);
}
.flex-grid--s-6:not(section).gap--s-l, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-l {
--gap: var(--space-l);
}
.flex-grid--s-6:not(section).gap--s-xl, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-xl {
--gap: var(--space-xl);
}
.flex-grid--s-6:not(section).gap--s-xxl, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-6:not(section) > *, section.flex-grid--s-6 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 5)) / 6);
}
}
.flex-grid--3:not(section), section.flex-grid--3 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--3:not(section).gap--xs, section.flex-grid--3 > .ct-section-inner-wrap.gap--xs {
--gap: var(--space-xs);
}
.flex-grid--3:not(section).gap--s, section.flex-grid--3 > .ct-section-inner-wrap.gap--s {
--gap: var(--space-s);
}
.flex-grid--3:not(section).gap--m, section.flex-grid--3 > .ct-section-inner-wrap.gap--m {
--gap: var(--space-m);
}
.flex-grid--3:not(section).gap--l, section.flex-grid--3 > .ct-section-inner-wrap.gap--l {
--gap: var(--space-l);
}
.flex-grid--3:not(section).gap--xl, section.flex-grid--3 > .ct-section-inner-wrap.gap--xl {
--gap: var(--space-xl);
}
.flex-grid--3:not(section).gap--xxl, section.flex-grid--3 > .ct-section-inner-wrap.gap--xxl {
--gap: var(--space-xxl);
}
.flex-grid--3:not(section) > *, section.flex-grid--3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
@media (max-width: 1600px) {
.flex-grid--xl-1:not(section), section.flex-grid--xl-1 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--xl-1:not(section) > *, section.flex-grid--xl-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--xl-2:not(section), section.flex-grid--xl-2 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--xl-2:not(section).gap--xl-xs, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-xs {
--gap: var(--space-xs);
}
.flex-grid--xl-2:not(section).gap--xl-s, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-s {
--gap: var(--space-s);
}
.flex-grid--xl-2:not(section).gap--xl-m, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-m {
--gap: var(--space-m);
}
.flex-grid--xl-2:not(section).gap--xl-l, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-l {
--gap: var(--space-l);
}
.flex-grid--xl-2:not(section).gap--xl-xl, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-xl {
--gap: var(--space-xl);
}
.flex-grid--xl-2:not(section).gap--xl-xxl, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-2:not(section) > *, section.flex-grid--xl-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--xl-3:not(section), section.flex-grid--xl-3 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--xl-3:not(section).gap--xl-xs, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-xs {
--gap: var(--space-xs);
}
.flex-grid--xl-3:not(section).gap--xl-s, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-s {
--gap: var(--space-s);
}
.flex-grid--xl-3:not(section).gap--xl-m, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-m {
--gap: var(--space-m);
}
.flex-grid--xl-3:not(section).gap--xl-l, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-l {
--gap: var(--space-l);
}
.flex-grid--xl-3:not(section).gap--xl-xl, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-xl {
--gap: var(--space-xl);
}
.flex-grid--xl-3:not(section).gap--xl-xxl, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-3:not(section) > *, section.flex-grid--xl-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--xl-4:not(section), section.flex-grid--xl-4 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--xl-4:not(section).gap--xl-xs, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-xs {
--gap: var(--space-xs);
}
.flex-grid--xl-4:not(section).gap--xl-s, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-s {
--gap: var(--space-s);
}
.flex-grid--xl-4:not(section).gap--xl-m, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-m {
--gap: var(--space-m);
}
.flex-grid--xl-4:not(section).gap--xl-l, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-l {
--gap: var(--space-l);
}
.flex-grid--xl-4:not(section).gap--xl-xl, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-xl {
--gap: var(--space-xl);
}
.flex-grid--xl-4:not(section).gap--xl-xxl, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-4:not(section) > *, section.flex-grid--xl-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--xl-5:not(section), section.flex-grid--xl-5 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--xl-5:not(section).gap--xl-xs, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-xs {
--gap: var(--space-xs);
}
.flex-grid--xl-5:not(section).gap--xl-s, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-s {
--gap: var(--space-s);
}
.flex-grid--xl-5:not(section).gap--xl-m, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-m {
--gap: var(--space-m);
}
.flex-grid--xl-5:not(section).gap--xl-l, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-l {
--gap: var(--space-l);
}
.flex-grid--xl-5:not(section).gap--xl-xl, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-xl {
--gap: var(--space-xl);
}
.flex-grid--xl-5:not(section).gap--xl-xxl, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-5:not(section) > *, section.flex-grid--xl-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--xl-6:not(section), section.flex-grid--xl-6 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--xl-6:not(section).gap--xl-xs, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-xs {
--gap: var(--space-xs);
}
.flex-grid--xl-6:not(section).gap--xl-s, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-s {
--gap: var(--space-s);
}
.flex-grid--xl-6:not(section).gap--xl-m, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-m {
--gap: var(--space-m);
}
.flex-grid--xl-6:not(section).gap--xl-l, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-l {
--gap: var(--space-l);
}
.flex-grid--xl-6:not(section).gap--xl-xl, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-xl {
--gap: var(--space-xl);
}
.flex-grid--xl-6:not(section).gap--xl-xxl, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-6:not(section) > *, section.flex-grid--xl-6 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 5)) / 6);
}
}
@media (max-width: 992px) {
.flex-grid--l-1:not(section), section.flex-grid--l-1 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--l-1:not(section) > *, section.flex-grid--l-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--l-2:not(section), section.flex-grid--l-2 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--l-2:not(section).gap--l-xs, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-xs {
--gap: var(--space-xs);
}
.flex-grid--l-2:not(section).gap--l-s, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-s {
--gap: var(--space-s);
}
.flex-grid--l-2:not(section).gap--l-m, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-m {
--gap: var(--space-m);
}
.flex-grid--l-2:not(section).gap--l-l, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-l {
--gap: var(--space-l);
}
.flex-grid--l-2:not(section).gap--l-xl, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-xl {
--gap: var(--space-xl);
}
.flex-grid--l-2:not(section).gap--l-xxl, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-2:not(section) > *, section.flex-grid--l-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--l-3:not(section), section.flex-grid--l-3 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--l-3:not(section).gap--l-xs, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-xs {
--gap: var(--space-xs);
}
.flex-grid--l-3:not(section).gap--l-s, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-s {
--gap: var(--space-s);
}
.flex-grid--l-3:not(section).gap--l-m, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-m {
--gap: var(--space-m);
}
.flex-grid--l-3:not(section).gap--l-l, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-l {
--gap: var(--space-l);
}
.flex-grid--l-3:not(section).gap--l-xl, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-xl {
--gap: var(--space-xl);
}
.flex-grid--l-3:not(section).gap--l-xxl, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-3:not(section) > *, section.flex-grid--l-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--l-4:not(section), section.flex-grid--l-4 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--l-4:not(section).gap--l-xs, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-xs {
--gap: var(--space-xs);
}
.flex-grid--l-4:not(section).gap--l-s, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-s {
--gap: var(--space-s);
}
.flex-grid--l-4:not(section).gap--l-m, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-m {
--gap: var(--space-m);
}
.flex-grid--l-4:not(section).gap--l-l, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-l {
--gap: var(--space-l);
}
.flex-grid--l-4:not(section).gap--l-xl, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-xl {
--gap: var(--space-xl);
}
.flex-grid--l-4:not(section).gap--l-xxl, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-4:not(section) > *, section.flex-grid--l-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--l-5:not(section), section.flex-grid--l-5 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--l-5:not(section).gap--l-xs, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-xs {
--gap: var(--space-xs);
}
.flex-grid--l-5:not(section).gap--l-s, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-s {
--gap: var(--space-s);
}
.flex-grid--l-5:not(section).gap--l-m, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-m {
--gap: var(--space-m);
}
.flex-grid--l-5:not(section).gap--l-l, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-l {
--gap: var(--space-l);
}
.flex-grid--l-5:not(section).gap--l-xl, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-xl {
--gap: var(--space-xl);
}
.flex-grid--l-5:not(section).gap--l-xxl, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-5:not(section) > *, section.flex-grid--l-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--l-6:not(section), section.flex-grid--l-6 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--l-6:not(section).gap--l-xs, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-xs {
--gap: var(--space-xs);
}
.flex-grid--l-6:not(section).gap--l-s, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-s {
--gap: var(--space-s);
}
.flex-grid--l-6:not(section).gap--l-m, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-m {
--gap: var(--space-m);
}
.flex-grid--l-6:not(section).gap--l-l, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-l {
--gap: var(--space-l);
}
.flex-grid--l-6:not(section).gap--l-xl, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-xl {
--gap: var(--space-xl);
}
.flex-grid--l-6:not(section).gap--l-xxl, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-6:not(section) > *, section.flex-grid--l-6 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 5)) / 6);
}
}
@media (max-width: 768px) {
.flex-grid--m-1:not(section), section.flex-grid--m-1 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--m-1:not(section) > *, section.flex-grid--m-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--m-2:not(section), section.flex-grid--m-2 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--m-2:not(section).gap--m-xs, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-xs {
--gap: var(--space-xs);
}
.flex-grid--m-2:not(section).gap--m-s, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-s {
--gap: var(--space-s);
}
.flex-grid--m-2:not(section).gap--m-m, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-m {
--gap: var(--space-m);
}
.flex-grid--m-2:not(section).gap--m-l, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-l {
--gap: var(--space-l);
}
.flex-grid--m-2:not(section).gap--m-xl, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-xl {
--gap: var(--space-xl);
}
.flex-grid--m-2:not(section).gap--m-xxl, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-2:not(section) > *, section.flex-grid--m-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--m-3:not(section), section.flex-grid--m-3 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--m-3:not(section).gap--m-xs, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-xs {
--gap: var(--space-xs);
}
.flex-grid--m-3:not(section).gap--m-s, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-s {
--gap: var(--space-s);
}
.flex-grid--m-3:not(section).gap--m-m, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-m {
--gap: var(--space-m);
}
.flex-grid--m-3:not(section).gap--m-l, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-l {
--gap: var(--space-l);
}
.flex-grid--m-3:not(section).gap--m-xl, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-xl {
--gap: var(--space-xl);
}
.flex-grid--m-3:not(section).gap--m-xxl, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-3:not(section) > *, section.flex-grid--m-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--m-4:not(section), section.flex-grid--m-4 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--m-4:not(section).gap--m-xs, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-xs {
--gap: var(--space-xs);
}
.flex-grid--m-4:not(section).gap--m-s, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-s {
--gap: var(--space-s);
}
.flex-grid--m-4:not(section).gap--m-m, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-m {
--gap: var(--space-m);
}
.flex-grid--m-4:not(section).gap--m-l, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-l {
--gap: var(--space-l);
}
.flex-grid--m-4:not(section).gap--m-xl, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-xl {
--gap: var(--space-xl);
}
.flex-grid--m-4:not(section).gap--m-xxl, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-4:not(section) > *, section.flex-grid--m-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--m-5:not(section), section.flex-grid--m-5 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--m-5:not(section).gap--m-xs, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-xs {
--gap: var(--space-xs);
}
.flex-grid--m-5:not(section).gap--m-s, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-s {
--gap: var(--space-s);
}
.flex-grid--m-5:not(section).gap--m-m, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-m {
--gap: var(--space-m);
}
.flex-grid--m-5:not(section).gap--m-l, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-l {
--gap: var(--space-l);
}
.flex-grid--m-5:not(section).gap--m-xl, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-xl {
--gap: var(--space-xl);
}
.flex-grid--m-5:not(section).gap--m-xxl, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-5:not(section) > *, section.flex-grid--m-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--m-6:not(section), section.flex-grid--m-6 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--m-6:not(section).gap--m-xs, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-xs {
--gap: var(--space-xs);
}
.flex-grid--m-6:not(section).gap--m-s, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-s {
--gap: var(--space-s);
}
.flex-grid--m-6:not(section).gap--m-m, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-m {
--gap: var(--space-m);
}
.flex-grid--m-6:not(section).gap--m-l, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-l {
--gap: var(--space-l);
}
.flex-grid--m-6:not(section).gap--m-xl, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-xl {
--gap: var(--space-xl);
}
.flex-grid--m-6:not(section).gap--m-xxl, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-6:not(section) > *, section.flex-grid--m-6 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 5)) / 6);
}
}
@media (max-width: 480px) {
.flex-grid--s-1:not(section), section.flex-grid--s-1 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--s-1:not(section) > *, section.flex-grid--s-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--s-2:not(section), section.flex-grid--s-2 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--s-2:not(section).gap--s-xs, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-xs {
--gap: var(--space-xs);
}
.flex-grid--s-2:not(section).gap--s-s, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-s {
--gap: var(--space-s);
}
.flex-grid--s-2:not(section).gap--s-m, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-m {
--gap: var(--space-m);
}
.flex-grid--s-2:not(section).gap--s-l, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-l {
--gap: var(--space-l);
}
.flex-grid--s-2:not(section).gap--s-xl, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-xl {
--gap: var(--space-xl);
}
.flex-grid--s-2:not(section).gap--s-xxl, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-2:not(section) > *, section.flex-grid--s-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--s-3:not(section), section.flex-grid--s-3 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--s-3:not(section).gap--s-xs, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-xs {
--gap: var(--space-xs);
}
.flex-grid--s-3:not(section).gap--s-s, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-s {
--gap: var(--space-s);
}
.flex-grid--s-3:not(section).gap--s-m, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-m {
--gap: var(--space-m);
}
.flex-grid--s-3:not(section).gap--s-l, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-l {
--gap: var(--space-l);
}
.flex-grid--s-3:not(section).gap--s-xl, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-xl {
--gap: var(--space-xl);
}
.flex-grid--s-3:not(section).gap--s-xxl, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-3:not(section) > *, section.flex-grid--s-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--s-4:not(section), section.flex-grid--s-4 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--s-4:not(section).gap--s-xs, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-xs {
--gap: var(--space-xs);
}
.flex-grid--s-4:not(section).gap--s-s, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-s {
--gap: var(--space-s);
}
.flex-grid--s-4:not(section).gap--s-m, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-m {
--gap: var(--space-m);
}
.flex-grid--s-4:not(section).gap--s-l, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-l {
--gap: var(--space-l);
}
.flex-grid--s-4:not(section).gap--s-xl, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-xl {
--gap: var(--space-xl);
}
.flex-grid--s-4:not(section).gap--s-xxl, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-4:not(section) > *, section.flex-grid--s-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--s-5:not(section), section.flex-grid--s-5 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--s-5:not(section).gap--s-xs, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-xs {
--gap: var(--space-xs);
}
.flex-grid--s-5:not(section).gap--s-s, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-s {
--gap: var(--space-s);
}
.flex-grid--s-5:not(section).gap--s-m, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-m {
--gap: var(--space-m);
}
.flex-grid--s-5:not(section).gap--s-l, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-l {
--gap: var(--space-l);
}
.flex-grid--s-5:not(section).gap--s-xl, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-xl {
--gap: var(--space-xl);
}
.flex-grid--s-5:not(section).gap--s-xxl, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-5:not(section) > *, section.flex-grid--s-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--s-6:not(section), section.flex-grid--s-6 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--s-6:not(section).gap--s-xs, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-xs {
--gap: var(--space-xs);
}
.flex-grid--s-6:not(section).gap--s-s, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-s {
--gap: var(--space-s);
}
.flex-grid--s-6:not(section).gap--s-m, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-m {
--gap: var(--space-m);
}
.flex-grid--s-6:not(section).gap--s-l, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-l {
--gap: var(--space-l);
}
.flex-grid--s-6:not(section).gap--s-xl, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-xl {
--gap: var(--space-xl);
}
.flex-grid--s-6:not(section).gap--s-xxl, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-6:not(section) > *, section.flex-grid--s-6 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 5)) / 6);
}
}
.flex-grid--4:not(section), section.flex-grid--4 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--4:not(section).gap--xs, section.flex-grid--4 > .ct-section-inner-wrap.gap--xs {
--gap: var(--space-xs);
}
.flex-grid--4:not(section).gap--s, section.flex-grid--4 > .ct-section-inner-wrap.gap--s {
--gap: var(--space-s);
}
.flex-grid--4:not(section).gap--m, section.flex-grid--4 > .ct-section-inner-wrap.gap--m {
--gap: var(--space-m);
}
.flex-grid--4:not(section).gap--l, section.flex-grid--4 > .ct-section-inner-wrap.gap--l {
--gap: var(--space-l);
}
.flex-grid--4:not(section).gap--xl, section.flex-grid--4 > .ct-section-inner-wrap.gap--xl {
--gap: var(--space-xl);
}
.flex-grid--4:not(section).gap--xxl, section.flex-grid--4 > .ct-section-inner-wrap.gap--xxl {
--gap: var(--space-xxl);
}
.flex-grid--4:not(section) > *, section.flex-grid--4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
@media (max-width: 1600px) {
.flex-grid--xl-1:not(section), section.flex-grid--xl-1 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--xl-1:not(section) > *, section.flex-grid--xl-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--xl-2:not(section), section.flex-grid--xl-2 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--xl-2:not(section).gap--xl-xs, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-xs {
--gap: var(--space-xs);
}
.flex-grid--xl-2:not(section).gap--xl-s, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-s {
--gap: var(--space-s);
}
.flex-grid--xl-2:not(section).gap--xl-m, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-m {
--gap: var(--space-m);
}
.flex-grid--xl-2:not(section).gap--xl-l, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-l {
--gap: var(--space-l);
}
.flex-grid--xl-2:not(section).gap--xl-xl, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-xl {
--gap: var(--space-xl);
}
.flex-grid--xl-2:not(section).gap--xl-xxl, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-2:not(section) > *, section.flex-grid--xl-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--xl-3:not(section), section.flex-grid--xl-3 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--xl-3:not(section).gap--xl-xs, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-xs {
--gap: var(--space-xs);
}
.flex-grid--xl-3:not(section).gap--xl-s, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-s {
--gap: var(--space-s);
}
.flex-grid--xl-3:not(section).gap--xl-m, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-m {
--gap: var(--space-m);
}
.flex-grid--xl-3:not(section).gap--xl-l, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-l {
--gap: var(--space-l);
}
.flex-grid--xl-3:not(section).gap--xl-xl, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-xl {
--gap: var(--space-xl);
}
.flex-grid--xl-3:not(section).gap--xl-xxl, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-3:not(section) > *, section.flex-grid--xl-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--xl-4:not(section), section.flex-grid--xl-4 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--xl-4:not(section).gap--xl-xs, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-xs {
--gap: var(--space-xs);
}
.flex-grid--xl-4:not(section).gap--xl-s, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-s {
--gap: var(--space-s);
}
.flex-grid--xl-4:not(section).gap--xl-m, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-m {
--gap: var(--space-m);
}
.flex-grid--xl-4:not(section).gap--xl-l, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-l {
--gap: var(--space-l);
}
.flex-grid--xl-4:not(section).gap--xl-xl, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-xl {
--gap: var(--space-xl);
}
.flex-grid--xl-4:not(section).gap--xl-xxl, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-4:not(section) > *, section.flex-grid--xl-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--xl-5:not(section), section.flex-grid--xl-5 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--xl-5:not(section).gap--xl-xs, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-xs {
--gap: var(--space-xs);
}
.flex-grid--xl-5:not(section).gap--xl-s, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-s {
--gap: var(--space-s);
}
.flex-grid--xl-5:not(section).gap--xl-m, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-m {
--gap: var(--space-m);
}
.flex-grid--xl-5:not(section).gap--xl-l, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-l {
--gap: var(--space-l);
}
.flex-grid--xl-5:not(section).gap--xl-xl, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-xl {
--gap: var(--space-xl);
}
.flex-grid--xl-5:not(section).gap--xl-xxl, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-5:not(section) > *, section.flex-grid--xl-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--xl-6:not(section), section.flex-grid--xl-6 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--xl-6:not(section).gap--xl-xs, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-xs {
--gap: var(--space-xs);
}
.flex-grid--xl-6:not(section).gap--xl-s, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-s {
--gap: var(--space-s);
}
.flex-grid--xl-6:not(section).gap--xl-m, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-m {
--gap: var(--space-m);
}
.flex-grid--xl-6:not(section).gap--xl-l, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-l {
--gap: var(--space-l);
}
.flex-grid--xl-6:not(section).gap--xl-xl, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-xl {
--gap: var(--space-xl);
}
.flex-grid--xl-6:not(section).gap--xl-xxl, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-6:not(section) > *, section.flex-grid--xl-6 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 5)) / 6);
}
}
@media (max-width: 992px) {
.flex-grid--l-1:not(section), section.flex-grid--l-1 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--l-1:not(section) > *, section.flex-grid--l-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--l-2:not(section), section.flex-grid--l-2 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--l-2:not(section).gap--l-xs, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-xs {
--gap: var(--space-xs);
}
.flex-grid--l-2:not(section).gap--l-s, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-s {
--gap: var(--space-s);
}
.flex-grid--l-2:not(section).gap--l-m, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-m {
--gap: var(--space-m);
}
.flex-grid--l-2:not(section).gap--l-l, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-l {
--gap: var(--space-l);
}
.flex-grid--l-2:not(section).gap--l-xl, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-xl {
--gap: var(--space-xl);
}
.flex-grid--l-2:not(section).gap--l-xxl, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-2:not(section) > *, section.flex-grid--l-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--l-3:not(section), section.flex-grid--l-3 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--l-3:not(section).gap--l-xs, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-xs {
--gap: var(--space-xs);
}
.flex-grid--l-3:not(section).gap--l-s, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-s {
--gap: var(--space-s);
}
.flex-grid--l-3:not(section).gap--l-m, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-m {
--gap: var(--space-m);
}
.flex-grid--l-3:not(section).gap--l-l, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-l {
--gap: var(--space-l);
}
.flex-grid--l-3:not(section).gap--l-xl, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-xl {
--gap: var(--space-xl);
}
.flex-grid--l-3:not(section).gap--l-xxl, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-3:not(section) > *, section.flex-grid--l-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--l-4:not(section), section.flex-grid--l-4 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--l-4:not(section).gap--l-xs, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-xs {
--gap: var(--space-xs);
}
.flex-grid--l-4:not(section).gap--l-s, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-s {
--gap: var(--space-s);
}
.flex-grid--l-4:not(section).gap--l-m, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-m {
--gap: var(--space-m);
}
.flex-grid--l-4:not(section).gap--l-l, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-l {
--gap: var(--space-l);
}
.flex-grid--l-4:not(section).gap--l-xl, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-xl {
--gap: var(--space-xl);
}
.flex-grid--l-4:not(section).gap--l-xxl, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-4:not(section) > *, section.flex-grid--l-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--l-5:not(section), section.flex-grid--l-5 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--l-5:not(section).gap--l-xs, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-xs {
--gap: var(--space-xs);
}
.flex-grid--l-5:not(section).gap--l-s, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-s {
--gap: var(--space-s);
}
.flex-grid--l-5:not(section).gap--l-m, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-m {
--gap: var(--space-m);
}
.flex-grid--l-5:not(section).gap--l-l, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-l {
--gap: var(--space-l);
}
.flex-grid--l-5:not(section).gap--l-xl, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-xl {
--gap: var(--space-xl);
}
.flex-grid--l-5:not(section).gap--l-xxl, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-5:not(section) > *, section.flex-grid--l-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--l-6:not(section), section.flex-grid--l-6 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--l-6:not(section).gap--l-xs, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-xs {
--gap: var(--space-xs);
}
.flex-grid--l-6:not(section).gap--l-s, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-s {
--gap: var(--space-s);
}
.flex-grid--l-6:not(section).gap--l-m, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-m {
--gap: var(--space-m);
}
.flex-grid--l-6:not(section).gap--l-l, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-l {
--gap: var(--space-l);
}
.flex-grid--l-6:not(section).gap--l-xl, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-xl {
--gap: var(--space-xl);
}
.flex-grid--l-6:not(section).gap--l-xxl, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-6:not(section) > *, section.flex-grid--l-6 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 5)) / 6);
}
}
@media (max-width: 768px) {
.flex-grid--m-1:not(section), section.flex-grid--m-1 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--m-1:not(section) > *, section.flex-grid--m-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--m-2:not(section), section.flex-grid--m-2 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--m-2:not(section).gap--m-xs, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-xs {
--gap: var(--space-xs);
}
.flex-grid--m-2:not(section).gap--m-s, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-s {
--gap: var(--space-s);
}
.flex-grid--m-2:not(section).gap--m-m, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-m {
--gap: var(--space-m);
}
.flex-grid--m-2:not(section).gap--m-l, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-l {
--gap: var(--space-l);
}
.flex-grid--m-2:not(section).gap--m-xl, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-xl {
--gap: var(--space-xl);
}
.flex-grid--m-2:not(section).gap--m-xxl, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-2:not(section) > *, section.flex-grid--m-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--m-3:not(section), section.flex-grid--m-3 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--m-3:not(section).gap--m-xs, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-xs {
--gap: var(--space-xs);
}
.flex-grid--m-3:not(section).gap--m-s, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-s {
--gap: var(--space-s);
}
.flex-grid--m-3:not(section).gap--m-m, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-m {
--gap: var(--space-m);
}
.flex-grid--m-3:not(section).gap--m-l, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-l {
--gap: var(--space-l);
}
.flex-grid--m-3:not(section).gap--m-xl, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-xl {
--gap: var(--space-xl);
}
.flex-grid--m-3:not(section).gap--m-xxl, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-3:not(section) > *, section.flex-grid--m-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--m-4:not(section), section.flex-grid--m-4 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--m-4:not(section).gap--m-xs, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-xs {
--gap: var(--space-xs);
}
.flex-grid--m-4:not(section).gap--m-s, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-s {
--gap: var(--space-s);
}
.flex-grid--m-4:not(section).gap--m-m, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-m {
--gap: var(--space-m);
}
.flex-grid--m-4:not(section).gap--m-l, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-l {
--gap: var(--space-l);
}
.flex-grid--m-4:not(section).gap--m-xl, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-xl {
--gap: var(--space-xl);
}
.flex-grid--m-4:not(section).gap--m-xxl, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-4:not(section) > *, section.flex-grid--m-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--m-5:not(section), section.flex-grid--m-5 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--m-5:not(section).gap--m-xs, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-xs {
--gap: var(--space-xs);
}
.flex-grid--m-5:not(section).gap--m-s, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-s {
--gap: var(--space-s);
}
.flex-grid--m-5:not(section).gap--m-m, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-m {
--gap: var(--space-m);
}
.flex-grid--m-5:not(section).gap--m-l, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-l {
--gap: var(--space-l);
}
.flex-grid--m-5:not(section).gap--m-xl, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-xl {
--gap: var(--space-xl);
}
.flex-grid--m-5:not(section).gap--m-xxl, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-5:not(section) > *, section.flex-grid--m-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--m-6:not(section), section.flex-grid--m-6 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--m-6:not(section).gap--m-xs, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-xs {
--gap: var(--space-xs);
}
.flex-grid--m-6:not(section).gap--m-s, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-s {
--gap: var(--space-s);
}
.flex-grid--m-6:not(section).gap--m-m, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-m {
--gap: var(--space-m);
}
.flex-grid--m-6:not(section).gap--m-l, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-l {
--gap: var(--space-l);
}
.flex-grid--m-6:not(section).gap--m-xl, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-xl {
--gap: var(--space-xl);
}
.flex-grid--m-6:not(section).gap--m-xxl, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-6:not(section) > *, section.flex-grid--m-6 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 5)) / 6);
}
}
@media (max-width: 480px) {
.flex-grid--s-1:not(section), section.flex-grid--s-1 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--s-1:not(section) > *, section.flex-grid--s-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--s-2:not(section), section.flex-grid--s-2 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--s-2:not(section).gap--s-xs, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-xs {
--gap: var(--space-xs);
}
.flex-grid--s-2:not(section).gap--s-s, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-s {
--gap: var(--space-s);
}
.flex-grid--s-2:not(section).gap--s-m, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-m {
--gap: var(--space-m);
}
.flex-grid--s-2:not(section).gap--s-l, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-l {
--gap: var(--space-l);
}
.flex-grid--s-2:not(section).gap--s-xl, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-xl {
--gap: var(--space-xl);
}
.flex-grid--s-2:not(section).gap--s-xxl, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-2:not(section) > *, section.flex-grid--s-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--s-3:not(section), section.flex-grid--s-3 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--s-3:not(section).gap--s-xs, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-xs {
--gap: var(--space-xs);
}
.flex-grid--s-3:not(section).gap--s-s, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-s {
--gap: var(--space-s);
}
.flex-grid--s-3:not(section).gap--s-m, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-m {
--gap: var(--space-m);
}
.flex-grid--s-3:not(section).gap--s-l, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-l {
--gap: var(--space-l);
}
.flex-grid--s-3:not(section).gap--s-xl, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-xl {
--gap: var(--space-xl);
}
.flex-grid--s-3:not(section).gap--s-xxl, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-3:not(section) > *, section.flex-grid--s-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--s-4:not(section), section.flex-grid--s-4 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--s-4:not(section).gap--s-xs, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-xs {
--gap: var(--space-xs);
}
.flex-grid--s-4:not(section).gap--s-s, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-s {
--gap: var(--space-s);
}
.flex-grid--s-4:not(section).gap--s-m, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-m {
--gap: var(--space-m);
}
.flex-grid--s-4:not(section).gap--s-l, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-l {
--gap: var(--space-l);
}
.flex-grid--s-4:not(section).gap--s-xl, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-xl {
--gap: var(--space-xl);
}
.flex-grid--s-4:not(section).gap--s-xxl, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-4:not(section) > *, section.flex-grid--s-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--s-5:not(section), section.flex-grid--s-5 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--s-5:not(section).gap--s-xs, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-xs {
--gap: var(--space-xs);
}
.flex-grid--s-5:not(section).gap--s-s, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-s {
--gap: var(--space-s);
}
.flex-grid--s-5:not(section).gap--s-m, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-m {
--gap: var(--space-m);
}
.flex-grid--s-5:not(section).gap--s-l, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-l {
--gap: var(--space-l);
}
.flex-grid--s-5:not(section).gap--s-xl, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-xl {
--gap: var(--space-xl);
}
.flex-grid--s-5:not(section).gap--s-xxl, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-5:not(section) > *, section.flex-grid--s-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--s-6:not(section), section.flex-grid--s-6 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--s-6:not(section).gap--s-xs, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-xs {
--gap: var(--space-xs);
}
.flex-grid--s-6:not(section).gap--s-s, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-s {
--gap: var(--space-s);
}
.flex-grid--s-6:not(section).gap--s-m, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-m {
--gap: var(--space-m);
}
.flex-grid--s-6:not(section).gap--s-l, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-l {
--gap: var(--space-l);
}
.flex-grid--s-6:not(section).gap--s-xl, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-xl {
--gap: var(--space-xl);
}
.flex-grid--s-6:not(section).gap--s-xxl, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-6:not(section) > *, section.flex-grid--s-6 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 5)) / 6);
}
}
.flex-grid--5:not(section), section.flex-grid--5 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--5:not(section).gap--xs, section.flex-grid--5 > .ct-section-inner-wrap.gap--xs {
--gap: var(--space-xs);
}
.flex-grid--5:not(section).gap--s, section.flex-grid--5 > .ct-section-inner-wrap.gap--s {
--gap: var(--space-s);
}
.flex-grid--5:not(section).gap--m, section.flex-grid--5 > .ct-section-inner-wrap.gap--m {
--gap: var(--space-m);
}
.flex-grid--5:not(section).gap--l, section.flex-grid--5 > .ct-section-inner-wrap.gap--l {
--gap: var(--space-l);
}
.flex-grid--5:not(section).gap--xl, section.flex-grid--5 > .ct-section-inner-wrap.gap--xl {
--gap: var(--space-xl);
}
.flex-grid--5:not(section).gap--xxl, section.flex-grid--5 > .ct-section-inner-wrap.gap--xxl {
--gap: var(--space-xxl);
}
.flex-grid--5:not(section) > *, section.flex-grid--5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
@media (max-width: 1600px) {
.flex-grid--xl-1:not(section), section.flex-grid--xl-1 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--xl-1:not(section) > *, section.flex-grid--xl-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--xl-2:not(section), section.flex-grid--xl-2 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--xl-2:not(section).gap--xl-xs, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-xs {
--gap: var(--space-xs);
}
.flex-grid--xl-2:not(section).gap--xl-s, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-s {
--gap: var(--space-s);
}
.flex-grid--xl-2:not(section).gap--xl-m, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-m {
--gap: var(--space-m);
}
.flex-grid--xl-2:not(section).gap--xl-l, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-l {
--gap: var(--space-l);
}
.flex-grid--xl-2:not(section).gap--xl-xl, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-xl {
--gap: var(--space-xl);
}
.flex-grid--xl-2:not(section).gap--xl-xxl, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-2:not(section) > *, section.flex-grid--xl-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--xl-3:not(section), section.flex-grid--xl-3 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--xl-3:not(section).gap--xl-xs, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-xs {
--gap: var(--space-xs);
}
.flex-grid--xl-3:not(section).gap--xl-s, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-s {
--gap: var(--space-s);
}
.flex-grid--xl-3:not(section).gap--xl-m, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-m {
--gap: var(--space-m);
}
.flex-grid--xl-3:not(section).gap--xl-l, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-l {
--gap: var(--space-l);
}
.flex-grid--xl-3:not(section).gap--xl-xl, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-xl {
--gap: var(--space-xl);
}
.flex-grid--xl-3:not(section).gap--xl-xxl, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-3:not(section) > *, section.flex-grid--xl-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--xl-4:not(section), section.flex-grid--xl-4 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--xl-4:not(section).gap--xl-xs, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-xs {
--gap: var(--space-xs);
}
.flex-grid--xl-4:not(section).gap--xl-s, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-s {
--gap: var(--space-s);
}
.flex-grid--xl-4:not(section).gap--xl-m, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-m {
--gap: var(--space-m);
}
.flex-grid--xl-4:not(section).gap--xl-l, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-l {
--gap: var(--space-l);
}
.flex-grid--xl-4:not(section).gap--xl-xl, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-xl {
--gap: var(--space-xl);
}
.flex-grid--xl-4:not(section).gap--xl-xxl, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-4:not(section) > *, section.flex-grid--xl-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--xl-5:not(section), section.flex-grid--xl-5 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--xl-5:not(section).gap--xl-xs, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-xs {
--gap: var(--space-xs);
}
.flex-grid--xl-5:not(section).gap--xl-s, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-s {
--gap: var(--space-s);
}
.flex-grid--xl-5:not(section).gap--xl-m, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-m {
--gap: var(--space-m);
}
.flex-grid--xl-5:not(section).gap--xl-l, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-l {
--gap: var(--space-l);
}
.flex-grid--xl-5:not(section).gap--xl-xl, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-xl {
--gap: var(--space-xl);
}
.flex-grid--xl-5:not(section).gap--xl-xxl, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-5:not(section) > *, section.flex-grid--xl-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--xl-6:not(section), section.flex-grid--xl-6 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--xl-6:not(section).gap--xl-xs, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-xs {
--gap: var(--space-xs);
}
.flex-grid--xl-6:not(section).gap--xl-s, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-s {
--gap: var(--space-s);
}
.flex-grid--xl-6:not(section).gap--xl-m, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-m {
--gap: var(--space-m);
}
.flex-grid--xl-6:not(section).gap--xl-l, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-l {
--gap: var(--space-l);
}
.flex-grid--xl-6:not(section).gap--xl-xl, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-xl {
--gap: var(--space-xl);
}
.flex-grid--xl-6:not(section).gap--xl-xxl, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-6:not(section) > *, section.flex-grid--xl-6 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 5)) / 6);
}
}
@media (max-width: 992px) {
.flex-grid--l-1:not(section), section.flex-grid--l-1 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--l-1:not(section) > *, section.flex-grid--l-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--l-2:not(section), section.flex-grid--l-2 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--l-2:not(section).gap--l-xs, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-xs {
--gap: var(--space-xs);
}
.flex-grid--l-2:not(section).gap--l-s, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-s {
--gap: var(--space-s);
}
.flex-grid--l-2:not(section).gap--l-m, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-m {
--gap: var(--space-m);
}
.flex-grid--l-2:not(section).gap--l-l, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-l {
--gap: var(--space-l);
}
.flex-grid--l-2:not(section).gap--l-xl, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-xl {
--gap: var(--space-xl);
}
.flex-grid--l-2:not(section).gap--l-xxl, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-2:not(section) > *, section.flex-grid--l-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--l-3:not(section), section.flex-grid--l-3 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--l-3:not(section).gap--l-xs, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-xs {
--gap: var(--space-xs);
}
.flex-grid--l-3:not(section).gap--l-s, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-s {
--gap: var(--space-s);
}
.flex-grid--l-3:not(section).gap--l-m, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-m {
--gap: var(--space-m);
}
.flex-grid--l-3:not(section).gap--l-l, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-l {
--gap: var(--space-l);
}
.flex-grid--l-3:not(section).gap--l-xl, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-xl {
--gap: var(--space-xl);
}
.flex-grid--l-3:not(section).gap--l-xxl, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-3:not(section) > *, section.flex-grid--l-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--l-4:not(section), section.flex-grid--l-4 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--l-4:not(section).gap--l-xs, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-xs {
--gap: var(--space-xs);
}
.flex-grid--l-4:not(section).gap--l-s, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-s {
--gap: var(--space-s);
}
.flex-grid--l-4:not(section).gap--l-m, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-m {
--gap: var(--space-m);
}
.flex-grid--l-4:not(section).gap--l-l, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-l {
--gap: var(--space-l);
}
.flex-grid--l-4:not(section).gap--l-xl, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-xl {
--gap: var(--space-xl);
}
.flex-grid--l-4:not(section).gap--l-xxl, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-4:not(section) > *, section.flex-grid--l-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--l-5:not(section), section.flex-grid--l-5 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--l-5:not(section).gap--l-xs, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-xs {
--gap: var(--space-xs);
}
.flex-grid--l-5:not(section).gap--l-s, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-s {
--gap: var(--space-s);
}
.flex-grid--l-5:not(section).gap--l-m, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-m {
--gap: var(--space-m);
}
.flex-grid--l-5:not(section).gap--l-l, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-l {
--gap: var(--space-l);
}
.flex-grid--l-5:not(section).gap--l-xl, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-xl {
--gap: var(--space-xl);
}
.flex-grid--l-5:not(section).gap--l-xxl, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-5:not(section) > *, section.flex-grid--l-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--l-6:not(section), section.flex-grid--l-6 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--l-6:not(section).gap--l-xs, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-xs {
--gap: var(--space-xs);
}
.flex-grid--l-6:not(section).gap--l-s, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-s {
--gap: var(--space-s);
}
.flex-grid--l-6:not(section).gap--l-m, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-m {
--gap: var(--space-m);
}
.flex-grid--l-6:not(section).gap--l-l, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-l {
--gap: var(--space-l);
}
.flex-grid--l-6:not(section).gap--l-xl, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-xl {
--gap: var(--space-xl);
}
.flex-grid--l-6:not(section).gap--l-xxl, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-6:not(section) > *, section.flex-grid--l-6 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 5)) / 6);
}
}
@media (max-width: 768px) {
.flex-grid--m-1:not(section), section.flex-grid--m-1 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--m-1:not(section) > *, section.flex-grid--m-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--m-2:not(section), section.flex-grid--m-2 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--m-2:not(section).gap--m-xs, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-xs {
--gap: var(--space-xs);
}
.flex-grid--m-2:not(section).gap--m-s, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-s {
--gap: var(--space-s);
}
.flex-grid--m-2:not(section).gap--m-m, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-m {
--gap: var(--space-m);
}
.flex-grid--m-2:not(section).gap--m-l, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-l {
--gap: var(--space-l);
}
.flex-grid--m-2:not(section).gap--m-xl, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-xl {
--gap: var(--space-xl);
}
.flex-grid--m-2:not(section).gap--m-xxl, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-2:not(section) > *, section.flex-grid--m-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--m-3:not(section), section.flex-grid--m-3 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--m-3:not(section).gap--m-xs, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-xs {
--gap: var(--space-xs);
}
.flex-grid--m-3:not(section).gap--m-s, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-s {
--gap: var(--space-s);
}
.flex-grid--m-3:not(section).gap--m-m, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-m {
--gap: var(--space-m);
}
.flex-grid--m-3:not(section).gap--m-l, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-l {
--gap: var(--space-l);
}
.flex-grid--m-3:not(section).gap--m-xl, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-xl {
--gap: var(--space-xl);
}
.flex-grid--m-3:not(section).gap--m-xxl, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-3:not(section) > *, section.flex-grid--m-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--m-4:not(section), section.flex-grid--m-4 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--m-4:not(section).gap--m-xs, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-xs {
--gap: var(--space-xs);
}
.flex-grid--m-4:not(section).gap--m-s, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-s {
--gap: var(--space-s);
}
.flex-grid--m-4:not(section).gap--m-m, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-m {
--gap: var(--space-m);
}
.flex-grid--m-4:not(section).gap--m-l, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-l {
--gap: var(--space-l);
}
.flex-grid--m-4:not(section).gap--m-xl, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-xl {
--gap: var(--space-xl);
}
.flex-grid--m-4:not(section).gap--m-xxl, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-4:not(section) > *, section.flex-grid--m-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--m-5:not(section), section.flex-grid--m-5 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--m-5:not(section).gap--m-xs, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-xs {
--gap: var(--space-xs);
}
.flex-grid--m-5:not(section).gap--m-s, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-s {
--gap: var(--space-s);
}
.flex-grid--m-5:not(section).gap--m-m, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-m {
--gap: var(--space-m);
}
.flex-grid--m-5:not(section).gap--m-l, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-l {
--gap: var(--space-l);
}
.flex-grid--m-5:not(section).gap--m-xl, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-xl {
--gap: var(--space-xl);
}
.flex-grid--m-5:not(section).gap--m-xxl, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-5:not(section) > *, section.flex-grid--m-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--m-6:not(section), section.flex-grid--m-6 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--m-6:not(section).gap--m-xs, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-xs {
--gap: var(--space-xs);
}
.flex-grid--m-6:not(section).gap--m-s, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-s {
--gap: var(--space-s);
}
.flex-grid--m-6:not(section).gap--m-m, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-m {
--gap: var(--space-m);
}
.flex-grid--m-6:not(section).gap--m-l, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-l {
--gap: var(--space-l);
}
.flex-grid--m-6:not(section).gap--m-xl, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-xl {
--gap: var(--space-xl);
}
.flex-grid--m-6:not(section).gap--m-xxl, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-6:not(section) > *, section.flex-grid--m-6 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 5)) / 6);
}
}
@media (max-width: 480px) {
.flex-grid--s-1:not(section), section.flex-grid--s-1 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--s-1:not(section) > *, section.flex-grid--s-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--s-2:not(section), section.flex-grid--s-2 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--s-2:not(section).gap--s-xs, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-xs {
--gap: var(--space-xs);
}
.flex-grid--s-2:not(section).gap--s-s, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-s {
--gap: var(--space-s);
}
.flex-grid--s-2:not(section).gap--s-m, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-m {
--gap: var(--space-m);
}
.flex-grid--s-2:not(section).gap--s-l, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-l {
--gap: var(--space-l);
}
.flex-grid--s-2:not(section).gap--s-xl, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-xl {
--gap: var(--space-xl);
}
.flex-grid--s-2:not(section).gap--s-xxl, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-2:not(section) > *, section.flex-grid--s-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--s-3:not(section), section.flex-grid--s-3 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--s-3:not(section).gap--s-xs, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-xs {
--gap: var(--space-xs);
}
.flex-grid--s-3:not(section).gap--s-s, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-s {
--gap: var(--space-s);
}
.flex-grid--s-3:not(section).gap--s-m, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-m {
--gap: var(--space-m);
}
.flex-grid--s-3:not(section).gap--s-l, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-l {
--gap: var(--space-l);
}
.flex-grid--s-3:not(section).gap--s-xl, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-xl {
--gap: var(--space-xl);
}
.flex-grid--s-3:not(section).gap--s-xxl, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-3:not(section) > *, section.flex-grid--s-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--s-4:not(section), section.flex-grid--s-4 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--s-4:not(section).gap--s-xs, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-xs {
--gap: var(--space-xs);
}
.flex-grid--s-4:not(section).gap--s-s, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-s {
--gap: var(--space-s);
}
.flex-grid--s-4:not(section).gap--s-m, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-m {
--gap: var(--space-m);
}
.flex-grid--s-4:not(section).gap--s-l, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-l {
--gap: var(--space-l);
}
.flex-grid--s-4:not(section).gap--s-xl, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-xl {
--gap: var(--space-xl);
}
.flex-grid--s-4:not(section).gap--s-xxl, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-4:not(section) > *, section.flex-grid--s-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--s-5:not(section), section.flex-grid--s-5 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--s-5:not(section).gap--s-xs, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-xs {
--gap: var(--space-xs);
}
.flex-grid--s-5:not(section).gap--s-s, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-s {
--gap: var(--space-s);
}
.flex-grid--s-5:not(section).gap--s-m, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-m {
--gap: var(--space-m);
}
.flex-grid--s-5:not(section).gap--s-l, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-l {
--gap: var(--space-l);
}
.flex-grid--s-5:not(section).gap--s-xl, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-xl {
--gap: var(--space-xl);
}
.flex-grid--s-5:not(section).gap--s-xxl, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-5:not(section) > *, section.flex-grid--s-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--s-6:not(section), section.flex-grid--s-6 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--s-6:not(section).gap--s-xs, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-xs {
--gap: var(--space-xs);
}
.flex-grid--s-6:not(section).gap--s-s, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-s {
--gap: var(--space-s);
}
.flex-grid--s-6:not(section).gap--s-m, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-m {
--gap: var(--space-m);
}
.flex-grid--s-6:not(section).gap--s-l, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-l {
--gap: var(--space-l);
}
.flex-grid--s-6:not(section).gap--s-xl, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-xl {
--gap: var(--space-xl);
}
.flex-grid--s-6:not(section).gap--s-xxl, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-6:not(section) > *, section.flex-grid--s-6 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 5)) / 6);
}
}
.flex-grid--6:not(section), section.flex-grid--6 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--6:not(section).gap--xs, section.flex-grid--6 > .ct-section-inner-wrap.gap--xs {
--gap: var(--space-xs);
}
.flex-grid--6:not(section).gap--s, section.flex-grid--6 > .ct-section-inner-wrap.gap--s {
--gap: var(--space-s);
}
.flex-grid--6:not(section).gap--m, section.flex-grid--6 > .ct-section-inner-wrap.gap--m {
--gap: var(--space-m);
}
.flex-grid--6:not(section).gap--l, section.flex-grid--6 > .ct-section-inner-wrap.gap--l {
--gap: var(--space-l);
}
.flex-grid--6:not(section).gap--xl, section.flex-grid--6 > .ct-section-inner-wrap.gap--xl {
--gap: var(--space-xl);
}
.flex-grid--6:not(section).gap--xxl, section.flex-grid--6 > .ct-section-inner-wrap.gap--xxl {
--gap: var(--space-xxl);
}
.flex-grid--6:not(section) > *, section.flex-grid--6 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 5)) / 6);
}
@media (max-width: 1600px) {
.flex-grid--xl-1:not(section), section.flex-grid--xl-1 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--xl-1:not(section) > *, section.flex-grid--xl-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--xl-2:not(section), section.flex-grid--xl-2 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--xl-2:not(section).gap--xl-xs, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-xs {
--gap: var(--space-xs);
}
.flex-grid--xl-2:not(section).gap--xl-s, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-s {
--gap: var(--space-s);
}
.flex-grid--xl-2:not(section).gap--xl-m, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-m {
--gap: var(--space-m);
}
.flex-grid--xl-2:not(section).gap--xl-l, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-l {
--gap: var(--space-l);
}
.flex-grid--xl-2:not(section).gap--xl-xl, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-xl {
--gap: var(--space-xl);
}
.flex-grid--xl-2:not(section).gap--xl-xxl, section.flex-grid--xl-2 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-2:not(section) > *, section.flex-grid--xl-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--xl-3:not(section), section.flex-grid--xl-3 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--xl-3:not(section).gap--xl-xs, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-xs {
--gap: var(--space-xs);
}
.flex-grid--xl-3:not(section).gap--xl-s, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-s {
--gap: var(--space-s);
}
.flex-grid--xl-3:not(section).gap--xl-m, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-m {
--gap: var(--space-m);
}
.flex-grid--xl-3:not(section).gap--xl-l, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-l {
--gap: var(--space-l);
}
.flex-grid--xl-3:not(section).gap--xl-xl, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-xl {
--gap: var(--space-xl);
}
.flex-grid--xl-3:not(section).gap--xl-xxl, section.flex-grid--xl-3 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-3:not(section) > *, section.flex-grid--xl-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--xl-4:not(section), section.flex-grid--xl-4 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--xl-4:not(section).gap--xl-xs, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-xs {
--gap: var(--space-xs);
}
.flex-grid--xl-4:not(section).gap--xl-s, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-s {
--gap: var(--space-s);
}
.flex-grid--xl-4:not(section).gap--xl-m, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-m {
--gap: var(--space-m);
}
.flex-grid--xl-4:not(section).gap--xl-l, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-l {
--gap: var(--space-l);
}
.flex-grid--xl-4:not(section).gap--xl-xl, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-xl {
--gap: var(--space-xl);
}
.flex-grid--xl-4:not(section).gap--xl-xxl, section.flex-grid--xl-4 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-4:not(section) > *, section.flex-grid--xl-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--xl-5:not(section), section.flex-grid--xl-5 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--xl-5:not(section).gap--xl-xs, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-xs {
--gap: var(--space-xs);
}
.flex-grid--xl-5:not(section).gap--xl-s, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-s {
--gap: var(--space-s);
}
.flex-grid--xl-5:not(section).gap--xl-m, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-m {
--gap: var(--space-m);
}
.flex-grid--xl-5:not(section).gap--xl-l, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-l {
--gap: var(--space-l);
}
.flex-grid--xl-5:not(section).gap--xl-xl, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-xl {
--gap: var(--space-xl);
}
.flex-grid--xl-5:not(section).gap--xl-xxl, section.flex-grid--xl-5 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-5:not(section) > *, section.flex-grid--xl-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--xl-6:not(section), section.flex-grid--xl-6 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--xl-6:not(section).gap--xl-xs, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-xs {
--gap: var(--space-xs);
}
.flex-grid--xl-6:not(section).gap--xl-s, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-s {
--gap: var(--space-s);
}
.flex-grid--xl-6:not(section).gap--xl-m, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-m {
--gap: var(--space-m);
}
.flex-grid--xl-6:not(section).gap--xl-l, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-l {
--gap: var(--space-l);
}
.flex-grid--xl-6:not(section).gap--xl-xl, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-xl {
--gap: var(--space-xl);
}
.flex-grid--xl-6:not(section).gap--xl-xxl, section.flex-grid--xl-6 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-6:not(section) > *, section.flex-grid--xl-6 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 5)) / 6);
}
}
@media (max-width: 992px) {
.flex-grid--l-1:not(section), section.flex-grid--l-1 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--l-1:not(section) > *, section.flex-grid--l-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--l-2:not(section), section.flex-grid--l-2 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--l-2:not(section).gap--l-xs, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-xs {
--gap: var(--space-xs);
}
.flex-grid--l-2:not(section).gap--l-s, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-s {
--gap: var(--space-s);
}
.flex-grid--l-2:not(section).gap--l-m, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-m {
--gap: var(--space-m);
}
.flex-grid--l-2:not(section).gap--l-l, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-l {
--gap: var(--space-l);
}
.flex-grid--l-2:not(section).gap--l-xl, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-xl {
--gap: var(--space-xl);
}
.flex-grid--l-2:not(section).gap--l-xxl, section.flex-grid--l-2 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-2:not(section) > *, section.flex-grid--l-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--l-3:not(section), section.flex-grid--l-3 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--l-3:not(section).gap--l-xs, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-xs {
--gap: var(--space-xs);
}
.flex-grid--l-3:not(section).gap--l-s, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-s {
--gap: var(--space-s);
}
.flex-grid--l-3:not(section).gap--l-m, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-m {
--gap: var(--space-m);
}
.flex-grid--l-3:not(section).gap--l-l, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-l {
--gap: var(--space-l);
}
.flex-grid--l-3:not(section).gap--l-xl, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-xl {
--gap: var(--space-xl);
}
.flex-grid--l-3:not(section).gap--l-xxl, section.flex-grid--l-3 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-3:not(section) > *, section.flex-grid--l-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--l-4:not(section), section.flex-grid--l-4 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--l-4:not(section).gap--l-xs, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-xs {
--gap: var(--space-xs);
}
.flex-grid--l-4:not(section).gap--l-s, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-s {
--gap: var(--space-s);
}
.flex-grid--l-4:not(section).gap--l-m, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-m {
--gap: var(--space-m);
}
.flex-grid--l-4:not(section).gap--l-l, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-l {
--gap: var(--space-l);
}
.flex-grid--l-4:not(section).gap--l-xl, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-xl {
--gap: var(--space-xl);
}
.flex-grid--l-4:not(section).gap--l-xxl, section.flex-grid--l-4 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-4:not(section) > *, section.flex-grid--l-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--l-5:not(section), section.flex-grid--l-5 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--l-5:not(section).gap--l-xs, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-xs {
--gap: var(--space-xs);
}
.flex-grid--l-5:not(section).gap--l-s, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-s {
--gap: var(--space-s);
}
.flex-grid--l-5:not(section).gap--l-m, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-m {
--gap: var(--space-m);
}
.flex-grid--l-5:not(section).gap--l-l, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-l {
--gap: var(--space-l);
}
.flex-grid--l-5:not(section).gap--l-xl, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-xl {
--gap: var(--space-xl);
}
.flex-grid--l-5:not(section).gap--l-xxl, section.flex-grid--l-5 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-5:not(section) > *, section.flex-grid--l-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--l-6:not(section), section.flex-grid--l-6 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--l-6:not(section).gap--l-xs, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-xs {
--gap: var(--space-xs);
}
.flex-grid--l-6:not(section).gap--l-s, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-s {
--gap: var(--space-s);
}
.flex-grid--l-6:not(section).gap--l-m, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-m {
--gap: var(--space-m);
}
.flex-grid--l-6:not(section).gap--l-l, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-l {
--gap: var(--space-l);
}
.flex-grid--l-6:not(section).gap--l-xl, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-xl {
--gap: var(--space-xl);
}
.flex-grid--l-6:not(section).gap--l-xxl, section.flex-grid--l-6 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-6:not(section) > *, section.flex-grid--l-6 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 5)) / 6);
}
}
@media (max-width: 768px) {
.flex-grid--m-1:not(section), section.flex-grid--m-1 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--m-1:not(section) > *, section.flex-grid--m-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--m-2:not(section), section.flex-grid--m-2 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--m-2:not(section).gap--m-xs, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-xs {
--gap: var(--space-xs);
}
.flex-grid--m-2:not(section).gap--m-s, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-s {
--gap: var(--space-s);
}
.flex-grid--m-2:not(section).gap--m-m, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-m {
--gap: var(--space-m);
}
.flex-grid--m-2:not(section).gap--m-l, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-l {
--gap: var(--space-l);
}
.flex-grid--m-2:not(section).gap--m-xl, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-xl {
--gap: var(--space-xl);
}
.flex-grid--m-2:not(section).gap--m-xxl, section.flex-grid--m-2 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-2:not(section) > *, section.flex-grid--m-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--m-3:not(section), section.flex-grid--m-3 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--m-3:not(section).gap--m-xs, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-xs {
--gap: var(--space-xs);
}
.flex-grid--m-3:not(section).gap--m-s, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-s {
--gap: var(--space-s);
}
.flex-grid--m-3:not(section).gap--m-m, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-m {
--gap: var(--space-m);
}
.flex-grid--m-3:not(section).gap--m-l, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-l {
--gap: var(--space-l);
}
.flex-grid--m-3:not(section).gap--m-xl, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-xl {
--gap: var(--space-xl);
}
.flex-grid--m-3:not(section).gap--m-xxl, section.flex-grid--m-3 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-3:not(section) > *, section.flex-grid--m-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--m-4:not(section), section.flex-grid--m-4 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--m-4:not(section).gap--m-xs, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-xs {
--gap: var(--space-xs);
}
.flex-grid--m-4:not(section).gap--m-s, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-s {
--gap: var(--space-s);
}
.flex-grid--m-4:not(section).gap--m-m, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-m {
--gap: var(--space-m);
}
.flex-grid--m-4:not(section).gap--m-l, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-l {
--gap: var(--space-l);
}
.flex-grid--m-4:not(section).gap--m-xl, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-xl {
--gap: var(--space-xl);
}
.flex-grid--m-4:not(section).gap--m-xxl, section.flex-grid--m-4 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-4:not(section) > *, section.flex-grid--m-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--m-5:not(section), section.flex-grid--m-5 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--m-5:not(section).gap--m-xs, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-xs {
--gap: var(--space-xs);
}
.flex-grid--m-5:not(section).gap--m-s, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-s {
--gap: var(--space-s);
}
.flex-grid--m-5:not(section).gap--m-m, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-m {
--gap: var(--space-m);
}
.flex-grid--m-5:not(section).gap--m-l, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-l {
--gap: var(--space-l);
}
.flex-grid--m-5:not(section).gap--m-xl, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-xl {
--gap: var(--space-xl);
}
.flex-grid--m-5:not(section).gap--m-xxl, section.flex-grid--m-5 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-5:not(section) > *, section.flex-grid--m-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--m-6:not(section), section.flex-grid--m-6 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--m-6:not(section).gap--m-xs, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-xs {
--gap: var(--space-xs);
}
.flex-grid--m-6:not(section).gap--m-s, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-s {
--gap: var(--space-s);
}
.flex-grid--m-6:not(section).gap--m-m, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-m {
--gap: var(--space-m);
}
.flex-grid--m-6:not(section).gap--m-l, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-l {
--gap: var(--space-l);
}
.flex-grid--m-6:not(section).gap--m-xl, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-xl {
--gap: var(--space-xl);
}
.flex-grid--m-6:not(section).gap--m-xxl, section.flex-grid--m-6 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-6:not(section) > *, section.flex-grid--m-6 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 5)) / 6);
}
}
@media (max-width: 480px) {
.flex-grid--s-1:not(section), section.flex-grid--s-1 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--s-1:not(section) > *, section.flex-grid--s-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--s-2:not(section), section.flex-grid--s-2 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--s-2:not(section).gap--s-xs, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-xs {
--gap: var(--space-xs);
}
.flex-grid--s-2:not(section).gap--s-s, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-s {
--gap: var(--space-s);
}
.flex-grid--s-2:not(section).gap--s-m, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-m {
--gap: var(--space-m);
}
.flex-grid--s-2:not(section).gap--s-l, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-l {
--gap: var(--space-l);
}
.flex-grid--s-2:not(section).gap--s-xl, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-xl {
--gap: var(--space-xl);
}
.flex-grid--s-2:not(section).gap--s-xxl, section.flex-grid--s-2 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-2:not(section) > *, section.flex-grid--s-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--s-3:not(section), section.flex-grid--s-3 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--s-3:not(section).gap--s-xs, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-xs {
--gap: var(--space-xs);
}
.flex-grid--s-3:not(section).gap--s-s, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-s {
--gap: var(--space-s);
}
.flex-grid--s-3:not(section).gap--s-m, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-m {
--gap: var(--space-m);
}
.flex-grid--s-3:not(section).gap--s-l, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-l {
--gap: var(--space-l);
}
.flex-grid--s-3:not(section).gap--s-xl, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-xl {
--gap: var(--space-xl);
}
.flex-grid--s-3:not(section).gap--s-xxl, section.flex-grid--s-3 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-3:not(section) > *, section.flex-grid--s-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--s-4:not(section), section.flex-grid--s-4 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--s-4:not(section).gap--s-xs, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-xs {
--gap: var(--space-xs);
}
.flex-grid--s-4:not(section).gap--s-s, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-s {
--gap: var(--space-s);
}
.flex-grid--s-4:not(section).gap--s-m, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-m {
--gap: var(--space-m);
}
.flex-grid--s-4:not(section).gap--s-l, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-l {
--gap: var(--space-l);
}
.flex-grid--s-4:not(section).gap--s-xl, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-xl {
--gap: var(--space-xl);
}
.flex-grid--s-4:not(section).gap--s-xxl, section.flex-grid--s-4 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-4:not(section) > *, section.flex-grid--s-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--s-5:not(section), section.flex-grid--s-5 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--s-5:not(section).gap--s-xs, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-xs {
--gap: var(--space-xs);
}
.flex-grid--s-5:not(section).gap--s-s, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-s {
--gap: var(--space-s);
}
.flex-grid--s-5:not(section).gap--s-m, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-m {
--gap: var(--space-m);
}
.flex-grid--s-5:not(section).gap--s-l, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-l {
--gap: var(--space-l);
}
.flex-grid--s-5:not(section).gap--s-xl, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-xl {
--gap: var(--space-xl);
}
.flex-grid--s-5:not(section).gap--s-xxl, section.flex-grid--s-5 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-5:not(section) > *, section.flex-grid--s-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--s-6:not(section), section.flex-grid--s-6 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--s-6:not(section).gap--s-xs, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-xs {
--gap: var(--space-xs);
}
.flex-grid--s-6:not(section).gap--s-s, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-s {
--gap: var(--space-s);
}
.flex-grid--s-6:not(section).gap--s-m, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-m {
--gap: var(--space-m);
}
.flex-grid--s-6:not(section).gap--s-l, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-l {
--gap: var(--space-l);
}
.flex-grid--s-6:not(section).gap--s-xl, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-xl {
--gap: var(--space-xl);
}
.flex-grid--s-6:not(section).gap--s-xxl, section.flex-grid--s-6 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-6:not(section) > *, section.flex-grid--s-6 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 5)) / 6);
}
}
.flex--col:not(.ct-section), .ct-section.flex--col > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
}
.flex--row:not(.ct-section), .ct-section.flex--row > .ct-section-inner-wrap {
display: flex;
flex-direction: row;
}
.flex--col-reverse:not(.ct-section), .ct-section.flex--col-reverse > .ct-section-inner-wrap {
display: flex;
flex-direction: column-reverse;
}
.flex--row-reverse:not(.ct-section), .ct-section.flex--row-reverse > .ct-section-inner-wrap {
display: flex;
flex-direction: row-reverse;
}
@media (max-width: 1600px) {
.flex--col-xl:not(.ct-section), .ct-section.flex--col-xl > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
}
.flex--row-xl:not(.ct-section), .ct-section.flex--row-xl > .ct-section-inner-wrap {
display: flex;
flex-direction: row;
}
.flex--col-reverse-xl:not(.ct-section), .ct-section.flex--col-reverse-xl > .ct-section-inner-wrap {
display: flex;
flex-direction: column-reverse;
}
.flex--row-reverse-xl:not(.ct-section), .ct-section.flex--row-reverse-xl > .ct-section-inner-wrap {
display: flex;
flex-direction: row-reverse;
}
}
@media (max-width: 992px) {
.flex--col-l:not(.ct-section), .ct-section.flex--col-l > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
}
.flex--row-l:not(.ct-section), .ct-section.flex--row-l > .ct-section-inner-wrap {
display: flex;
flex-direction: row;
}
.flex--col-reverse-l:not(.ct-section), .ct-section.flex--col-reverse-l > .ct-section-inner-wrap {
display: flex;
flex-direction: column-reverse;
}
.flex--row-reverse-l:not(.ct-section), .ct-section.flex--row-reverse-l > .ct-section-inner-wrap {
display: flex;
flex-direction: row-reverse;
}
}
@media (max-width: 768px) {
.flex--col-m:not(.ct-section), .ct-section.flex--col-m > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
}
.flex--row-m:not(.ct-section), .ct-section.flex--row-m > .ct-section-inner-wrap {
display: flex;
flex-direction: row;
}
.flex--col-reverse-m:not(.ct-section), .ct-section.flex--col-reverse-m > .ct-section-inner-wrap {
display: flex;
flex-direction: column-reverse;
}
.flex--row-reverse-m:not(.ct-section), .ct-section.flex--row-reverse-m > .ct-section-inner-wrap {
display: flex;
flex-direction: row-reverse;
}
}
@media (max-width: 480px) {
.flex--col-s:not(.ct-section), .ct-section.flex--col-s > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
}
.flex--row-s:not(.ct-section), .ct-section.flex--row-s > .ct-section-inner-wrap {
display: flex;
flex-direction: row;
}
.flex--col-reverse-s:not(.ct-section), .ct-section.flex--col-reverse-s > .ct-section-inner-wrap {
display: flex;
flex-direction: column-reverse;
}
.flex--row-reverse-s:not(.ct-section), .ct-section.flex--row-reverse-s > .ct-section-inner-wrap {
display: flex;
flex-direction: row-reverse;
}
}
.justify-content--start:not(.ct-section), .ct-section.justify-content--start > .ct-section-inner-wrap {
display: flex;
justify-content: flex-start;
}
.justify-content--end:not(.ct-section), .ct-section.justify-content--end > .ct-section-inner-wrap {
display: flex;
justify-content: flex-end;
}
.justify-content--center:not(.ct-section), .ct-section.justify-content--center > .ct-section-inner-wrap {
display: flex;
justify-content: center;
}
.justify-content--between:not(.ct-section), .ct-section.justify-content--between > .ct-section-inner-wrap {
display: flex;
justify-content: space-between;
}
.justify-content--around:not(.ct-section), .ct-section.justify-content--around > .ct-section-inner-wrap {
display: flex;
justify-content: space-around;
}
.justify-content--stretch:not(.ct-section), .ct-section.justify-content--stretch > .ct-section-inner-wrap {
display: flex;
justify-content: stretch;
}
.align-content--start:not(.ct-section), .ct-section.align-content--start > .ct-section-inner-wrap {
display: flex;
align-content: flex-start;
}
.align-content--end:not(.ct-section), .ct-section.align-content--end > .ct-section-inner-wrap {
display: flex;
align-content: flex-end;
}
.align-content--center:not(.ct-section), .ct-section.align-content--center > .ct-section-inner-wrap {
display: flex;
align-content: center;
}
.align-content--baseline:not(.ct-section), .ct-section.align-content--baseline > .ct-section-inner-wrap {
display: flex;
align-content: baseline;
}
.align-content--stretch:not(.ct-section), .ct-section.align-content--stretch > .ct-section-inner-wrap {
display: flex;
align-content: stretch;
}
.justify-items--start:not(.ct-section), .ct-section.justify-items--start > .ct-section-inner-wrap {
display: flex;
justify-items: flex-start;
}
.justify-items--center:not(.ct-section), .ct-section.justify-items--center > .ct-section-inner-wrap {
display: flex;
justify-items: center;
}
.justify-items--end:not(.ct-section), .ct-section.justify-items--end > .ct-section-inner-wrap {
display: flex;
justify-items: flex-end;
}
.justify-items--stretch:not(.ct-section), .ct-section.justify-items--stretch > .ct-section-inner-wrap {
display: flex;
justify-items: stretch;
}
.align-items--start:not(.ct-section), .ct-section.align-items--start > .ct-section-inner-wrap {
display: flex;
align-items: flex-start;
}
.align-items--end:not(.ct-section), .ct-section.align-items--end > .ct-section-inner-wrap {
display: flex;
align-items: flex-end;
}
.align-items--center:not(.ct-section), .ct-section.align-items--center > .ct-section-inner-wrap {
display: flex;
align-items: center;
}
.align-items--baseline:not(.ct-section), .ct-section.align-items--baseline > .ct-section-inner-wrap {
display: flex;
align-items: baseline;
}
.align-items--stretch:not(.ct-section), .ct-section.align-items--stretch > .ct-section-inner-wrap {
display: flex;
align-items: stretch;
}
.self--start:not(.ct-section), .ct-section.self--start > .ct-section-inner-wrap {
display: flex;
align-self: flex-start;
}
.self--end:not(.ct-section), .ct-section.self--end > .ct-section-inner-wrap {
display: flex;
align-self: flex-end;
}
.self--stretch:not(.ct-section), .ct-section.self--stretch > .ct-section-inner-wrap {
display: flex;
align-self: stretch;
}
.self--center:not(.ct-section), .ct-section.self--center > .ct-section-inner-wrap {
display: flex;
align-self: center;
}
.flex--wrap:not(.ct-section), .ct-section.flex--wrap > .ct-section-inner-wrap {
flex-wrap: wrap;
}
.stretch:not(.ct-section), .ct-section.stretch > .ct-section-inner-wrap {
display: flex;
align-content: stretch;
align-items: stretch;
justify-content: stretch;
justify-items: stretch;
}
.flex--grow:not(.ct-section) > *, .ct-section.flex--grow > .ct-section-inner-wrap > * {
flex-grow: 1;
}
.grid--1:not(.ct-section), .ct-section.grid--1 > .ct-section-inner-wrap {
display: grid !important;
grid-template-columns: repeat(1, minmax(0, 1fr));
inline-size: 100%;
}
.grid--1:not(.ct-section) > *, .ct-section.grid--1 > .ct-section-inner-wrap > * {
grid-column: 1 !important;
}
.grid--2:not(.ct-section), .ct-section.grid--2 > .ct-section-inner-wrap {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
inline-size: 100%;
}
.grid--3:not(.ct-section), .ct-section.grid--3 > .ct-section-inner-wrap {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
inline-size: 100%;
}
.grid--4:not(.ct-section), .ct-section.grid--4 > .ct-section-inner-wrap {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr));
inline-size: 100%;
}
.grid--5:not(.ct-section), .ct-section.grid--5 > .ct-section-inner-wrap {
display: grid !important;
grid-template-columns: repeat(5, minmax(0, 1fr));
inline-size: 100%;
}
.grid--6:not(.ct-section), .ct-section.grid--6 > .ct-section-inner-wrap {
display: grid !important;
grid-template-columns: repeat(6, minmax(0, 1fr));
inline-size: 100%;
}
.grid--7:not(.ct-section), .ct-section.grid--7 > .ct-section-inner-wrap {
display: grid !important;
grid-template-columns: repeat(7, minmax(0, 1fr));
inline-size: 100%;
}
.grid--8:not(.ct-section), .ct-section.grid--8 > .ct-section-inner-wrap {
display: grid !important;
grid-template-columns: repeat(8, minmax(0, 1fr));
inline-size: 100%;
}
.grid--9:not(.ct-section), .ct-section.grid--9 > .ct-section-inner-wrap {
display: grid !important;
grid-template-columns: repeat(9, minmax(0, 1fr));
inline-size: 100%;
}
.grid--10:not(.ct-section), .ct-section.grid--10 > .ct-section-inner-wrap {
display: grid !important;
grid-template-columns: repeat(10, minmax(0, 1fr));
inline-size: 100%;
}
.grid--11:not(.ct-section), .ct-section.grid--11 > .ct-section-inner-wrap {
display: grid !important;
grid-template-columns: repeat(11, minmax(0, 1fr));
inline-size: 100%;
}
.grid--12:not(.ct-section), .ct-section.grid--12 > .ct-section-inner-wrap {
display: grid !important;
grid-template-columns: repeat(12, minmax(0, 1fr));
inline-size: 100%;
}
.grid--1-2:not(.ct-section), .ct-section.grid--1-2 > .ct-section-inner-wrap {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
inline-size: 100%;
}
.grid--1-3:not(.ct-section), .ct-section.grid--1-3 > .ct-section-inner-wrap {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
inline-size: 100%;
}
.grid--2-1:not(.ct-section), .ct-section.grid--2-1 > .ct-section-inner-wrap {
display: grid !important;
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
inline-size: 100%;
}
.grid--2-3:not(.ct-section), .ct-section.grid--2-3 > .ct-section-inner-wrap {
display: grid !important;
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
inline-size: 100%;
}
.grid--3-1:not(.ct-section), .ct-section.grid--3-1 > .ct-section-inner-wrap {
display: grid !important;
grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
inline-size: 100%;
}
.grid--3-2:not(.ct-section), .ct-section.grid--3-2 > .ct-section-inner-wrap {
display: grid !important;
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
inline-size: 100%;
}
@media (max-width: 1600px) {
.grid--xl-1:not(.ct-section), .ct-section.grid--xl-1 > .ct-section-inner-wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid--xl-1:not(.ct-section) > .ct-section, .ct-section.grid--xl-1 > .ct-section-inner-wrap > .ct-section {
grid-column: 1 !important;
}
.grid--xl-2:not(.ct-section), .ct-section.grid--xl-2 > .ct-section-inner-wrap {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid--xl-3:not(.ct-section), .ct-section.grid--xl-3 > .ct-section-inner-wrap {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid--xl-4:not(.ct-section), .ct-section.grid--xl-4 > .ct-section-inner-wrap {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid--xl-5:not(.ct-section), .ct-section.grid--xl-5 > .ct-section-inner-wrap {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid--xl-6:not(.ct-section), .ct-section.grid--xl-6 > .ct-section-inner-wrap {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid--xl-7:not(.ct-section), .ct-section.grid--xl-7 > .ct-section-inner-wrap {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid--xl-8:not(.ct-section), .ct-section.grid--xl-8 > .ct-section-inner-wrap {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid--xl-9:not(.ct-section), .ct-section.grid--xl-9 > .ct-section-inner-wrap {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid--xl-10:not(.ct-section), .ct-section.grid--xl-10 > .ct-section-inner-wrap {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid--xl-11:not(.ct-section), .ct-section.grid--xl-11 > .ct-section-inner-wrap {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid--xl-12:not(.ct-section), .ct-section.grid--xl-12 > .ct-section-inner-wrap {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
}
@media (max-width: 992px) {
.grid--l-1:not(.ct-section), .ct-section.grid--l-1 > .ct-section-inner-wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid--l-1:not(.ct-section) > .ct-section, .ct-section.grid--l-1 > .ct-section-inner-wrap > .ct-section {
grid-column: 1 !important;
}
.grid--l-2:not(.ct-section), .ct-section.grid--l-2 > .ct-section-inner-wrap {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid--l-3:not(.ct-section), .ct-section.grid--l-3 > .ct-section-inner-wrap {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid--l-4:not(.ct-section), .ct-section.grid--l-4 > .ct-section-inner-wrap {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid--l-5:not(.ct-section), .ct-section.grid--l-5 > .ct-section-inner-wrap {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid--l-6:not(.ct-section), .ct-section.grid--l-6 > .ct-section-inner-wrap {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid--l-7:not(.ct-section), .ct-section.grid--l-7 > .ct-section-inner-wrap {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid--l-8:not(.ct-section), .ct-section.grid--l-8 > .ct-section-inner-wrap {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid--l-9:not(.ct-section), .ct-section.grid--l-9 > .ct-section-inner-wrap {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid--l-10:not(.ct-section), .ct-section.grid--l-10 > .ct-section-inner-wrap {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid--l-11:not(.ct-section), .ct-section.grid--l-11 > .ct-section-inner-wrap {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid--l-12:not(.ct-section), .ct-section.grid--l-12 > .ct-section-inner-wrap {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.grid--m-1:not(.ct-section), .ct-section.grid--m-1 > .ct-section-inner-wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid--m-1:not(.ct-section) > .ct-section, .ct-section.grid--m-1 > .ct-section-inner-wrap > .ct-section {
grid-column: 1 !important;
}
.grid--m-2:not(.ct-section), .ct-section.grid--m-2 > .ct-section-inner-wrap {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid--m-3:not(.ct-section), .ct-section.grid--m-3 > .ct-section-inner-wrap {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid--m-4:not(.ct-section), .ct-section.grid--m-4 > .ct-section-inner-wrap {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid--m-5:not(.ct-section), .ct-section.grid--m-5 > .ct-section-inner-wrap {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid--m-6:not(.ct-section), .ct-section.grid--m-6 > .ct-section-inner-wrap {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid--m-7:not(.ct-section), .ct-section.grid--m-7 > .ct-section-inner-wrap {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid--m-8:not(.ct-section), .ct-section.grid--m-8 > .ct-section-inner-wrap {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid--m-9:not(.ct-section), .ct-section.grid--m-9 > .ct-section-inner-wrap {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid--m-10:not(.ct-section), .ct-section.grid--m-10 > .ct-section-inner-wrap {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid--m-11:not(.ct-section), .ct-section.grid--m-11 > .ct-section-inner-wrap {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid--m-12:not(.ct-section), .ct-section.grid--m-12 > .ct-section-inner-wrap {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
}
@media (max-width: 480px) {
.grid--s-1:not(.ct-section), .ct-section.grid--s-1 > .ct-section-inner-wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid--s-1:not(.ct-section) > .ct-section, .ct-section.grid--s-1 > .ct-section-inner-wrap > .ct-section {
grid-column: 1 !important;
}
.grid--s-2:not(.ct-section), .ct-section.grid--s-2 > .ct-section-inner-wrap {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid--s-3:not(.ct-section), .ct-section.grid--s-3 > .ct-section-inner-wrap {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid--s-4:not(.ct-section), .ct-section.grid--s-4 > .ct-section-inner-wrap {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid--s-5:not(.ct-section), .ct-section.grid--s-5 > .ct-section-inner-wrap {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid--s-6:not(.ct-section), .ct-section.grid--s-6 > .ct-section-inner-wrap {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid--s-7:not(.ct-section), .ct-section.grid--s-7 > .ct-section-inner-wrap {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid--s-8:not(.ct-section), .ct-section.grid--s-8 > .ct-section-inner-wrap {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid--s-9:not(.ct-section), .ct-section.grid--s-9 > .ct-section-inner-wrap {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid--s-10:not(.ct-section), .ct-section.grid--s-10 > .ct-section-inner-wrap {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid--s-11:not(.ct-section), .ct-section.grid--s-11 > .ct-section-inner-wrap {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid--s-12:not(.ct-section), .ct-section.grid--s-12 > .ct-section-inner-wrap {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
}
@media (min-width: 1601px) {
.grid--alternate-xl:not(.ct-section) > .grid--1-2:nth-of-type(even), .grid--alternate-xl > .ct-section-inner-wrap > .grid--1-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
.grid--alternate-xl:not(.ct-section) > .grid--1-2:nth-of-type(even) > .ct-section:last-child, .grid--alternate-xl > .ct-section-inner-wrap > .grid--1-2:nth-of-type(even) > .ct-section:last-child {
order: -1;
}
.grid--alternate-xl:not(.ct-section) > .grid--1-3:nth-of-type(even), .grid--alternate-xl > .ct-section-inner-wrap > .grid--1-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
}
.grid--alternate-xl:not(.ct-section) > .grid--1-3:nth-of-type(even) > .ct-section:last-child, .grid--alternate-xl > .ct-section-inner-wrap > .grid--1-3:nth-of-type(even) > .ct-section:last-child {
order: -1;
}
.grid--alternate-xl:not(.ct-section) > .grid--2-1:nth-of-type(even), .grid--alternate-xl > .ct-section-inner-wrap > .grid--2-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}
.grid--alternate-xl:not(.ct-section) > .grid--2-1:nth-of-type(even) > .ct-section:last-child, .grid--alternate-xl > .ct-section-inner-wrap > .grid--2-1:nth-of-type(even) > .ct-section:last-child {
order: -1;
}
.grid--alternate-xl:not(.ct-section) > .grid--2-3:nth-of-type(even), .grid--alternate-xl > .ct-section-inner-wrap > .grid--2-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}
.grid--alternate-xl:not(.ct-section) > .grid--2-3:nth-of-type(even) > .ct-section:last-child, .grid--alternate-xl > .ct-section-inner-wrap > .grid--2-3:nth-of-type(even) > .ct-section:last-child {
order: -1;
}
.grid--alternate-xl:not(.ct-section) > .grid--3-1:nth-of-type(even), .grid--alternate-xl > .ct-section-inner-wrap > .grid--3-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
}
.grid--alternate-xl:not(.ct-section) > .grid--3-1:nth-of-type(even) > .ct-section:last-child, .grid--alternate-xl > .ct-section-inner-wrap > .grid--3-1:nth-of-type(even) > .ct-section:last-child {
order: -1;
}
.grid--alternate-xl:not(.ct-section) > .grid--3-2:nth-of-type(even), .grid--alternate-xl > .ct-section-inner-wrap > .grid--3-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}
.grid--alternate-xl:not(.ct-section) > .grid--3-2:nth-of-type(even) > .ct-section:last-child, .grid--alternate-xl > .ct-section-inner-wrap > .grid--3-2:nth-of-type(even) > .ct-section:last-child {
order: -1;
}
}
@media (min-width: 993px) {
.grid--alternate-l:not(.ct-section) > .grid--1-2:nth-of-type(even), .grid--alternate-l > .ct-section-inner-wrap > .grid--1-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
.grid--alternate-l:not(.ct-section) > .grid--1-2:nth-of-type(even) > .ct-section:last-child, .grid--alternate-l > .ct-section-inner-wrap > .grid--1-2:nth-of-type(even) > .ct-section:last-child {
order: -1;
}
.grid--alternate-l:not(.ct-section) > .grid--1-3:nth-of-type(even), .grid--alternate-l > .ct-section-inner-wrap > .grid--1-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
}
.grid--alternate-l:not(.ct-section) > .grid--1-3:nth-of-type(even) > .ct-section:last-child, .grid--alternate-l > .ct-section-inner-wrap > .grid--1-3:nth-of-type(even) > .ct-section:last-child {
order: -1;
}
.grid--alternate-l:not(.ct-section) > .grid--2-1:nth-of-type(even), .grid--alternate-l > .ct-section-inner-wrap > .grid--2-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}
.grid--alternate-l:not(.ct-section) > .grid--2-1:nth-of-type(even) > .ct-section:last-child, .grid--alternate-l > .ct-section-inner-wrap > .grid--2-1:nth-of-type(even) > .ct-section:last-child {
order: -1;
}
.grid--alternate-l:not(.ct-section) > .grid--2-3:nth-of-type(even), .grid--alternate-l > .ct-section-inner-wrap > .grid--2-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}
.grid--alternate-l:not(.ct-section) > .grid--2-3:nth-of-type(even) > .ct-section:last-child, .grid--alternate-l > .ct-section-inner-wrap > .grid--2-3:nth-of-type(even) > .ct-section:last-child {
order: -1;
}
.grid--alternate-l:not(.ct-section) > .grid--3-1:nth-of-type(even), .grid--alternate-l > .ct-section-inner-wrap > .grid--3-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
}
.grid--alternate-l:not(.ct-section) > .grid--3-1:nth-of-type(even) > .ct-section:last-child, .grid--alternate-l > .ct-section-inner-wrap > .grid--3-1:nth-of-type(even) > .ct-section:last-child {
order: -1;
}
.grid--alternate-l:not(.ct-section) > .grid--3-2:nth-of-type(even), .grid--alternate-l > .ct-section-inner-wrap > .grid--3-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}
.grid--alternate-l:not(.ct-section) > .grid--3-2:nth-of-type(even) > .ct-section:last-child, .grid--alternate-l > .ct-section-inner-wrap > .grid--3-2:nth-of-type(even) > .ct-section:last-child {
order: -1;
}
}
@media (min-width: 769px) {
.grid--alternate-m:not(.ct-section) > .grid--1-2:nth-of-type(even), .grid--alternate-m > .ct-section-inner-wrap > .grid--1-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
.grid--alternate-m:not(.ct-section) > .grid--1-2:nth-of-type(even) > .ct-section:last-child, .grid--alternate-m > .ct-section-inner-wrap > .grid--1-2:nth-of-type(even) > .ct-section:last-child {
order: -1;
}
.grid--alternate-m:not(.ct-section) > .grid--1-3:nth-of-type(even), .grid--alternate-m > .ct-section-inner-wrap > .grid--1-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
}
.grid--alternate-m:not(.ct-section) > .grid--1-3:nth-of-type(even) > .ct-section:last-child, .grid--alternate-m > .ct-section-inner-wrap > .grid--1-3:nth-of-type(even) > .ct-section:last-child {
order: -1;
}
.grid--alternate-m:not(.ct-section) > .grid--2-1:nth-of-type(even), .grid--alternate-m > .ct-section-inner-wrap > .grid--2-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}
.grid--alternate-m:not(.ct-section) > .grid--2-1:nth-of-type(even) > .ct-section:last-child, .grid--alternate-m > .ct-section-inner-wrap > .grid--2-1:nth-of-type(even) > .ct-section:last-child {
order: -1;
}
.grid--alternate-m:not(.ct-section) > .grid--2-3:nth-of-type(even), .grid--alternate-m > .ct-section-inner-wrap > .grid--2-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}
.grid--alternate-m:not(.ct-section) > .grid--2-3:nth-of-type(even) > .ct-section:last-child, .grid--alternate-m > .ct-section-inner-wrap > .grid--2-3:nth-of-type(even) > .ct-section:last-child {
order: -1;
}
.grid--alternate-m:not(.ct-section) > .grid--3-1:nth-of-type(even), .grid--alternate-m > .ct-section-inner-wrap > .grid--3-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
}
.grid--alternate-m:not(.ct-section) > .grid--3-1:nth-of-type(even) > .ct-section:last-child, .grid--alternate-m > .ct-section-inner-wrap > .grid--3-1:nth-of-type(even) > .ct-section:last-child {
order: -1;
}
.grid--alternate-m:not(.ct-section) > .grid--3-2:nth-of-type(even), .grid--alternate-m > .ct-section-inner-wrap > .grid--3-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}
.grid--alternate-m:not(.ct-section) > .grid--3-2:nth-of-type(even) > .ct-section:last-child, .grid--alternate-m > .ct-section-inner-wrap > .grid--3-2:nth-of-type(even) > .ct-section:last-child {
order: -1;
}
}
@media (min-width: 481px) {
.grid--alternate-s:not(.ct-section) > .grid--1-2:nth-of-type(even), .grid--alternate-s > .ct-section-inner-wrap > .grid--1-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
.grid--alternate-s:not(.ct-section) > .grid--1-2:nth-of-type(even) > .ct-section:last-child, .grid--alternate-s > .ct-section-inner-wrap > .grid--1-2:nth-of-type(even) > .ct-section:last-child {
order: -1;
}
.grid--alternate-s:not(.ct-section) > .grid--1-3:nth-of-type(even), .grid--alternate-s > .ct-section-inner-wrap > .grid--1-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
}
.grid--alternate-s:not(.ct-section) > .grid--1-3:nth-of-type(even) > .ct-section:last-child, .grid--alternate-s > .ct-section-inner-wrap > .grid--1-3:nth-of-type(even) > .ct-section:last-child {
order: -1;
}
.grid--alternate-s:not(.ct-section) > .grid--2-1:nth-of-type(even), .grid--alternate-s > .ct-section-inner-wrap > .grid--2-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}
.grid--alternate-s:not(.ct-section) > .grid--2-1:nth-of-type(even) > .ct-section:last-child, .grid--alternate-s > .ct-section-inner-wrap > .grid--2-1:nth-of-type(even) > .ct-section:last-child {
order: -1;
}
.grid--alternate-s:not(.ct-section) > .grid--2-3:nth-of-type(even), .grid--alternate-s > .ct-section-inner-wrap > .grid--2-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}
.grid--alternate-s:not(.ct-section) > .grid--2-3:nth-of-type(even) > .ct-section:last-child, .grid--alternate-s > .ct-section-inner-wrap > .grid--2-3:nth-of-type(even) > .ct-section:last-child {
order: -1;
}
.grid--alternate-s:not(.ct-section) > .grid--3-1:nth-of-type(even), .grid--alternate-s > .ct-section-inner-wrap > .grid--3-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
}
.grid--alternate-s:not(.ct-section) > .grid--3-1:nth-of-type(even) > .ct-section:last-child, .grid--alternate-s > .ct-section-inner-wrap > .grid--3-1:nth-of-type(even) > .ct-section:last-child {
order: -1;
}
.grid--alternate-s:not(.ct-section) > .grid--3-2:nth-of-type(even), .grid--alternate-s > .ct-section-inner-wrap > .grid--3-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}
.grid--alternate-s:not(.ct-section) > .grid--3-2:nth-of-type(even) > .ct-section:last-child, .grid--alternate-s > .ct-section-inner-wrap > .grid--3-2:nth-of-type(even) > .ct-section:last-child {
order: -1;
}
}
.grid--auto-2:not(.ct-section), .ct-section.grid--auto-2 > .ct-section-inner-wrap {
--column-count: 2;
}
.grid--auto-3:not(.ct-section), .ct-section.grid--auto-3 > .ct-section-inner-wrap {
--column-count: 3;
}
.grid--auto-4:not(.ct-section), .ct-section.grid--auto-4 > .ct-section-inner-wrap {
--column-count: 4;
}
.grid--auto-5:not(.ct-section), .ct-section.grid--auto-5 > .ct-section-inner-wrap {
--column-count: 5;
}
.grid--auto-6:not(.ct-section), .ct-section.grid--auto-6 > .ct-section-inner-wrap {
--column-count: 6;
}
.grid--auto-7:not(.ct-section), .ct-section.grid--auto-7 > .ct-section-inner-wrap {
--column-count: 7;
}
.grid--auto-8:not(.ct-section), .ct-section.grid--auto-8 > .ct-section-inner-wrap {
--column-count: 8;
}
.grid--auto-9:not(.ct-section), .ct-section.grid--auto-9 > .ct-section-inner-wrap {
--column-count: 9;
}
.grid--auto-10:not(.ct-section), .ct-section.grid--auto-10 > .ct-section-inner-wrap {
--column-count: 10;
}
.grid--auto-11:not(.ct-section), .ct-section.grid--auto-11 > .ct-section-inner-wrap {
--column-count: 11;
}
.grid--auto-12:not(.ct-section), .ct-section.grid--auto-12 > .ct-section-inner-wrap {
--column-count: 12;
}
.grid--auto-1-2:not(.ct-section), .ct-section.grid--auto-1-2 > .ct-section-inner-wrap {
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}
.grid--auto-1-3:not(.ct-section), .ct-section.grid--auto-1-3 > .ct-section-inner-wrap {
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
}
.grid--auto-2-1:not(.ct-section), .ct-section.grid--auto-2-1 > .ct-section-inner-wrap {
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
.grid--auto-2-3:not(.ct-section), .ct-section.grid--auto-2-3 > .ct-section-inner-wrap {
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}
.grid--auto-3-1:not(.ct-section), .ct-section.grid--auto-3-1 > .ct-section-inner-wrap {
grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
}
.grid--auto-3-2:not(.ct-section), .ct-section.grid--auto-3-2 > .ct-section-inner-wrap {
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}
@media (max-width: 992px) {
.grid--auto-1-2:not(.ct-section), .ct-section.grid--auto-1-2 > .ct-section-inner-wrap {
grid-template-columns: var(--grid-template-columns);
--column-count: 1;
}
.grid--auto-1-3:not(.ct-section), .ct-section.grid--auto-1-3 > .ct-section-inner-wrap {
grid-template-columns: var(--grid-template-columns);
--column-count: 1;
}
.grid--auto-2-1:not(.ct-section), .ct-section.grid--auto-2-1 > .ct-section-inner-wrap {
grid-template-columns: var(--grid-template-columns);
--column-count: 1;
}
.grid--auto-2-3:not(.ct-section), .ct-section.grid--auto-2-3 > .ct-section-inner-wrap {
grid-template-columns: var(--grid-template-columns);
--column-count: 1;
}
.grid--auto-3-1:not(.ct-section), .ct-section.grid--auto-3-1 > .ct-section-inner-wrap {
grid-template-columns: var(--grid-template-columns);
--column-count: 1;
}
.grid--auto-3-2:not(.ct-section), .ct-section.grid--auto-3-2 > .ct-section-inner-wrap {
grid-template-columns: var(--grid-template-columns);
--column-count: 1;
}
}
.gap--xs:not(section), section.gap--xs > .ct-section-inner-wrap {
gap: var(--space-xs);
--row-gap: var(--space-xs);
--col-gap: var(--space-xs);
--grid-gap: var(--space-xs);
}
.gap--s:not(section), section.gap--s > .ct-section-inner-wrap {
gap: var(--space-s);
--row-gap: var(--space-s);
--col-gap: var(--space-s);
--grid-gap: var(--space-s);
}
.gap--m:not(section), section.gap--m > .ct-section-inner-wrap {
gap: var(--space-m);
--row-gap: var(--space-m);
--col-gap: var(--space-m);
--grid-gap: var(--space-m);
}
.gap--l:not(section), section.gap--l > .ct-section-inner-wrap {
gap: var(--space-l);
--row-gap: var(--space-l);
--col-gap: var(--space-l);
--grid-gap: var(--space-l);
}
.gap--xl:not(section), section.gap--xl > .ct-section-inner-wrap {
gap: var(--space-xl);
--row-gap: var(--space-xl);
--col-gap: var(--space-xl);
--grid-gap: var(--space-xl);
}
.gap--xxl:not(section), section.gap--xxl > .ct-section-inner-wrap {
gap: var(--space-xxl);
--row-gap: var(--space-xxl);
--col-gap: var(--space-xxl);
--grid-gap: var(--space-xxl);
}
@media (max-width: 1600px) {
.gap--xl-xs:not(section), section.gap--xl-xs > .ct-section-inner-wrap {
gap: var(--space-xs);
--row-gap: var(--space-xs);
--col-gap: var(--space-xs);
--grid-gap: var(--space-xs);
}
.gap--xl-s:not(section), section.gap--xl-s > .ct-section-inner-wrap {
gap: var(--space-s);
--row-gap: var(--space-s);
--col-gap: var(--space-s);
--grid-gap: var(--space-s);
}
.gap--xl-m:not(section), section.gap--xl-m > .ct-section-inner-wrap {
gap: var(--space-m);
--row-gap: var(--space-m);
--col-gap: var(--space-m);
--grid-gap: var(--space-m);
}
.gap--xl-l:not(section), section.gap--xl-l > .ct-section-inner-wrap {
gap: var(--space-l);
--row-gap: var(--space-l);
--col-gap: var(--space-l);
--grid-gap: var(--space-l);
}
.gap--xl-xl:not(section), section.gap--xl-xl > .ct-section-inner-wrap {
gap: var(--space-xl);
--row-gap: var(--space-xl);
--col-gap: var(--space-xl);
--grid-gap: var(--space-xl);
}
.gap--xl-xxl:not(section), section.gap--xl-xxl > .ct-section-inner-wrap {
gap: var(--space-xxl);
--row-gap: var(--space-xxl);
--col-gap: var(--space-xxl);
--grid-gap: var(--space-xxl);
}
}
@media (max-width: 992px) {
.gap--l-xs:not(section), section.gap--l-xs > .ct-section-inner-wrap {
gap: var(--space-xs);
--row-gap: var(--space-xs);
--col-gap: var(--space-xs);
--grid-gap: var(--space-xs);
}
.gap--l-s:not(section), section.gap--l-s > .ct-section-inner-wrap {
gap: var(--space-s);
--row-gap: var(--space-s);
--col-gap: var(--space-s);
--grid-gap: var(--space-s);
}
.gap--l-m:not(section), section.gap--l-m > .ct-section-inner-wrap {
gap: var(--space-m);
--row-gap: var(--space-m);
--col-gap: var(--space-m);
--grid-gap: var(--space-m);
}
.gap--l-l:not(section), section.gap--l-l > .ct-section-inner-wrap {
gap: var(--space-l);
--row-gap: var(--space-l);
--col-gap: var(--space-l);
--grid-gap: var(--space-l);
}
.gap--l-xl:not(section), section.gap--l-xl > .ct-section-inner-wrap {
gap: var(--space-xl);
--row-gap: var(--space-xl);
--col-gap: var(--space-xl);
--grid-gap: var(--space-xl);
}
.gap--l-xxl:not(section), section.gap--l-xxl > .ct-section-inner-wrap {
gap: var(--space-xxl);
--row-gap: var(--space-xxl);
--col-gap: var(--space-xxl);
--grid-gap: var(--space-xxl);
}
}
@media (max-width: 768px) {
.gap--m-xs:not(section), section.gap--m-xs > .ct-section-inner-wrap {
gap: var(--space-xs);
--row-gap: var(--space-xs);
--col-gap: var(--space-xs);
--grid-gap: var(--space-xs);
}
.gap--m-s:not(section), section.gap--m-s > .ct-section-inner-wrap {
gap: var(--space-s);
--row-gap: var(--space-s);
--col-gap: var(--space-s);
--grid-gap: var(--space-s);
}
.gap--m-m:not(section), section.gap--m-m > .ct-section-inner-wrap {
gap: var(--space-m);
--row-gap: var(--space-m);
--col-gap: var(--space-m);
--grid-gap: var(--space-m);
}
.gap--m-l:not(section), section.gap--m-l > .ct-section-inner-wrap {
gap: var(--space-l);
--row-gap: var(--space-l);
--col-gap: var(--space-l);
--grid-gap: var(--space-l);
}
.gap--m-xl:not(section), section.gap--m-xl > .ct-section-inner-wrap {
gap: var(--space-xl);
--row-gap: var(--space-xl);
--col-gap: var(--space-xl);
--grid-gap: var(--space-xl);
}
.gap--m-xxl:not(section), section.gap--m-xxl > .ct-section-inner-wrap {
gap: var(--space-xxl);
--row-gap: var(--space-xxl);
--col-gap: var(--space-xxl);
--grid-gap: var(--space-xxl);
}
}
@media (max-width: 480px) {
.gap--s-xs:not(section), section.gap--s-xs > .ct-section-inner-wrap {
gap: var(--space-xs);
--row-gap: var(--space-xs);
--col-gap: var(--space-xs);
--grid-gap: var(--space-xs);
}
.gap--s-s:not(section), section.gap--s-s > .ct-section-inner-wrap {
gap: var(--space-s);
--row-gap: var(--space-s);
--col-gap: var(--space-s);
--grid-gap: var(--space-s);
}
.gap--s-m:not(section), section.gap--s-m > .ct-section-inner-wrap {
gap: var(--space-m);
--row-gap: var(--space-m);
--col-gap: var(--space-m);
--grid-gap: var(--space-m);
}
.gap--s-l:not(section), section.gap--s-l > .ct-section-inner-wrap {
gap: var(--space-l);
--row-gap: var(--space-l);
--col-gap: var(--space-l);
--grid-gap: var(--space-l);
}
.gap--s-xl:not(section), section.gap--s-xl > .ct-section-inner-wrap {
gap: var(--space-xl);
--row-gap: var(--space-xl);
--col-gap: var(--space-xl);
--grid-gap: var(--space-xl);
}
.gap--s-xxl:not(section), section.gap--s-xxl > .ct-section-inner-wrap {
gap: var(--space-xxl);
--row-gap: var(--space-xxl);
--col-gap: var(--space-xxl);
--grid-gap: var(--space-xxl);
}
}
.grid-gap:not(section), section.grid-gap > .ct-section-inner-wrap {
gap: var(--grid-gap);
}
.container-gap:not(section), section.container-gap > .ct-section-inner-wrap {
gap: var(--container-gap);
}
.content-gap:not(section), section.content-gap > .ct-section-inner-wrap {
gap: var(--content-gap);
}
.height--20:not(.ct-section), .ct-section.height--20 > .ct-section-inner-wrap {
min-block-size: 20vh;
}
.height--30:not(.ct-section), .ct-section.height--30 > .ct-section-inner-wrap {
min-block-size: 30vh;
}
.height--40:not(.ct-section), .ct-section.height--40 > .ct-section-inner-wrap {
min-block-size: 40vh;
}
.height--50:not(.ct-section), .ct-section.height--50 > .ct-section-inner-wrap {
min-block-size: 50vh;
}
.height--60:not(.ct-section), .ct-section.height--60 > .ct-section-inner-wrap {
min-block-size: 60vh;
}
.height--70:not(.ct-section), .ct-section.height--70 > .ct-section-inner-wrap {
min-block-size: 70vh;
}
.height--80:not(.ct-section), .ct-section.height--80 > .ct-section-inner-wrap {
min-block-size: 80vh;
}
.height--90:not(.ct-section), .ct-section.height--90 > .ct-section-inner-wrap {
min-block-size: 90vh;
}
.height--100:not(.ct-section), .ct-section.height--100 > .ct-section-inner-wrap {
min-block-size: 100vh;
}
.height--full:not(.ct-section), .ct-section.height--full > .ct-section-inner-wrap {
min-block-size: 100vh;
}
@media (max-width: 1600px) {
.height--xl-20:not(.ct-section), .ct-section.height--xl-20 > .ct-section-inner-wrap {
min-block-size: 20vh;
}
.height--xl-30:not(.ct-section), .ct-section.height--xl-30 > .ct-section-inner-wrap {
min-block-size: 30vh;
}
.height--xl-40:not(.ct-section), .ct-section.height--xl-40 > .ct-section-inner-wrap {
min-block-size: 40vh;
}
.height--xl-50:not(.ct-section), .ct-section.height--xl-50 > .ct-section-inner-wrap {
min-block-size: 50vh;
}
.height--xl-60:not(.ct-section), .ct-section.height--xl-60 > .ct-section-inner-wrap {
min-block-size: 60vh;
}
.height--xl-70:not(.ct-section), .ct-section.height--xl-70 > .ct-section-inner-wrap {
min-block-size: 70vh;
}
.height--xl-80:not(.ct-section), .ct-section.height--xl-80 > .ct-section-inner-wrap {
min-block-size: 80vh;
}
.height--xl-90:not(.ct-section), .ct-section.height--xl-90 > .ct-section-inner-wrap {
min-block-size: 90vh;
}
.height--xl-100:not(.ct-section), .ct-section.height--xl-100 > .ct-section-inner-wrap {
min-block-size: 100vh;
}
.height--xl-full:not(.ct-section), .ct-section.height--xl-full > .ct-section-inner-wrap {
min-block-size: 100vh;
}
}
@media (max-width: 992px) {
.height--l-20:not(.ct-section), .ct-section.height--l-20 > .ct-section-inner-wrap {
min-block-size: 20vh;
}
.height--l-30:not(.ct-section), .ct-section.height--l-30 > .ct-section-inner-wrap {
min-block-size: 30vh;
}
.height--l-40:not(.ct-section), .ct-section.height--l-40 > .ct-section-inner-wrap {
min-block-size: 40vh;
}
.height--l-50:not(.ct-section), .ct-section.height--l-50 > .ct-section-inner-wrap {
min-block-size: 50vh;
}
.height--l-60:not(.ct-section), .ct-section.height--l-60 > .ct-section-inner-wrap {
min-block-size: 60vh;
}
.height--l-70:not(.ct-section), .ct-section.height--l-70 > .ct-section-inner-wrap {
min-block-size: 70vh;
}
.height--l-80:not(.ct-section), .ct-section.height--l-80 > .ct-section-inner-wrap {
min-block-size: 80vh;
}
.height--l-90:not(.ct-section), .ct-section.height--l-90 > .ct-section-inner-wrap {
min-block-size: 90vh;
}
.height--l-100:not(.ct-section), .ct-section.height--l-100 > .ct-section-inner-wrap {
min-block-size: 100vh;
}
.height--l-full:not(.ct-section), .ct-section.height--l-full > .ct-section-inner-wrap {
min-block-size: 100vh;
}
}
@media (max-width: 768px) {
.height--m-20:not(.ct-section), .ct-section.height--m-20 > .ct-section-inner-wrap {
min-block-size: 20vh;
}
.height--m-30:not(.ct-section), .ct-section.height--m-30 > .ct-section-inner-wrap {
min-block-size: 30vh;
}
.height--m-40:not(.ct-section), .ct-section.height--m-40 > .ct-section-inner-wrap {
min-block-size: 40vh;
}
.height--m-50:not(.ct-section), .ct-section.height--m-50 > .ct-section-inner-wrap {
min-block-size: 50vh;
}
.height--m-60:not(.ct-section), .ct-section.height--m-60 > .ct-section-inner-wrap {
min-block-size: 60vh;
}
.height--m-70:not(.ct-section), .ct-section.height--m-70 > .ct-section-inner-wrap {
min-block-size: 70vh;
}
.height--m-80:not(.ct-section), .ct-section.height--m-80 > .ct-section-inner-wrap {
min-block-size: 80vh;
}
.height--m-90:not(.ct-section), .ct-section.height--m-90 > .ct-section-inner-wrap {
min-block-size: 90vh;
}
.height--m-100:not(.ct-section), .ct-section.height--m-100 > .ct-section-inner-wrap {
min-block-size: 100vh;
}
.height--m-full:not(.ct-section), .ct-section.height--m-full > .ct-section-inner-wrap {
min-block-size: 100vh;
}
}
@media (max-width: 480px) {
.height--s-20:not(.ct-section), .ct-section.height--s-20 > .ct-section-inner-wrap {
min-block-size: 20vh;
}
.height--s-30:not(.ct-section), .ct-section.height--s-30 > .ct-section-inner-wrap {
min-block-size: 30vh;
}
.height--s-40:not(.ct-section), .ct-section.height--s-40 > .ct-section-inner-wrap {
min-block-size: 40vh;
}
.height--s-50:not(.ct-section), .ct-section.height--s-50 > .ct-section-inner-wrap {
min-block-size: 50vh;
}
.height--s-60:not(.ct-section), .ct-section.height--s-60 > .ct-section-inner-wrap {
min-block-size: 60vh;
}
.height--s-70:not(.ct-section), .ct-section.height--s-70 > .ct-section-inner-wrap {
min-block-size: 70vh;
}
.height--s-80:not(.ct-section), .ct-section.height--s-80 > .ct-section-inner-wrap {
min-block-size: 80vh;
}
.height--s-90:not(.ct-section), .ct-section.height--s-90 > .ct-section-inner-wrap {
min-block-size: 90vh;
}
.height--s-100:not(.ct-section), .ct-section.height--s-100 > .ct-section-inner-wrap {
min-block-size: 100vh;
}
.height--s-full:not(.ct-section), .ct-section.height--s-full > .ct-section-inner-wrap {
min-block-size: 100vh;
}
}
.max-height--20:not(.ct-section), .ct-section.max-height--20 > .ct-section-inner-wrap {
max-block-size: 20vh;
}
.max-height--30:not(.ct-section), .ct-section.max-height--30 > .ct-section-inner-wrap {
max-block-size: 30vh;
}
.max-height--40:not(.ct-section), .ct-section.max-height--40 > .ct-section-inner-wrap {
max-block-size: 40vh;
}
.max-height--50:not(.ct-section), .ct-section.max-height--50 > .ct-section-inner-wrap {
max-block-size: 50vh;
}
.max-height--60:not(.ct-section), .ct-section.max-height--60 > .ct-section-inner-wrap {
max-block-size: 60vh;
}
.max-height--70:not(.ct-section), .ct-section.max-height--70 > .ct-section-inner-wrap {
max-block-size: 70vh;
}
.max-height--80:not(.ct-section), .ct-section.max-height--80 > .ct-section-inner-wrap {
max-block-size: 80vh;
}
.max-height--90:not(.ct-section), .ct-section.max-height--90 > .ct-section-inner-wrap {
max-block-size: 90vh;
}
.max-height--100:not(.ct-section), .ct-section.max-height--100 > .ct-section-inner-wrap {
max-block-size: 100vh;
}
.max-height--full:not(.ct-section), .ct-section.max-height--full > .ct-section-inner-wrap {
max-block-size: 100vh;
}
@media (max-width: 1600px) {
.max-height--xl-20:not(.ct-section), .ct-section.max-height--xl-20 > .ct-section-inner-wrap {
max-block-size: 20vh;
}
.max-height--xl-30:not(.ct-section), .ct-section.max-height--xl-30 > .ct-section-inner-wrap {
max-block-size: 30vh;
}
.max-height--xl-40:not(.ct-section), .ct-section.max-height--xl-40 > .ct-section-inner-wrap {
max-block-size: 40vh;
}
.max-height--xl-50:not(.ct-section), .ct-section.max-height--xl-50 > .ct-section-inner-wrap {
max-block-size: 50vh;
}
.max-height--xl-60:not(.ct-section), .ct-section.max-height--xl-60 > .ct-section-inner-wrap {
max-block-size: 60vh;
}
.max-height--xl-70:not(.ct-section), .ct-section.max-height--xl-70 > .ct-section-inner-wrap {
max-block-size: 70vh;
}
.max-height--xl-80:not(.ct-section), .ct-section.max-height--xl-80 > .ct-section-inner-wrap {
max-block-size: 80vh;
}
.max-height--xl-90:not(.ct-section), .ct-section.max-height--xl-90 > .ct-section-inner-wrap {
max-block-size: 90vh;
}
.max-height--xl-100:not(.ct-section), .ct-section.max-height--xl-100 > .ct-section-inner-wrap {
max-block-size: 100vh;
}
.max-height--xl-full:not(.ct-section), .ct-section.max-height--xl-full > .ct-section-inner-wrap {
max-block-size: 100vh;
}
}
@media (max-width: 992px) {
.max-height--l-20:not(.ct-section), .ct-section.max-height--l-20 > .ct-section-inner-wrap {
max-block-size: 20vh;
}
.max-height--l-30:not(.ct-section), .ct-section.max-height--l-30 > .ct-section-inner-wrap {
max-block-size: 30vh;
}
.max-height--l-40:not(.ct-section), .ct-section.max-height--l-40 > .ct-section-inner-wrap {
max-block-size: 40vh;
}
.max-height--l-50:not(.ct-section), .ct-section.max-height--l-50 > .ct-section-inner-wrap {
max-block-size: 50vh;
}
.max-height--l-60:not(.ct-section), .ct-section.max-height--l-60 > .ct-section-inner-wrap {
max-block-size: 60vh;
}
.max-height--l-70:not(.ct-section), .ct-section.max-height--l-70 > .ct-section-inner-wrap {
max-block-size: 70vh;
}
.max-height--l-80:not(.ct-section), .ct-section.max-height--l-80 > .ct-section-inner-wrap {
max-block-size: 80vh;
}
.max-height--l-90:not(.ct-section), .ct-section.max-height--l-90 > .ct-section-inner-wrap {
max-block-size: 90vh;
}
.max-height--l-100:not(.ct-section), .ct-section.max-height--l-100 > .ct-section-inner-wrap {
max-block-size: 100vh;
}
.max-height--l-full:not(.ct-section), .ct-section.max-height--l-full > .ct-section-inner-wrap {
max-block-size: 100vh;
}
}
@media (max-width: 768px) {
.max-height--m-20:not(.ct-section), .ct-section.max-height--m-20 > .ct-section-inner-wrap {
max-block-size: 20vh;
}
.max-height--m-30:not(.ct-section), .ct-section.max-height--m-30 > .ct-section-inner-wrap {
max-block-size: 30vh;
}
.max-height--m-40:not(.ct-section), .ct-section.max-height--m-40 > .ct-section-inner-wrap {
max-block-size: 40vh;
}
.max-height--m-50:not(.ct-section), .ct-section.max-height--m-50 > .ct-section-inner-wrap {
max-block-size: 50vh;
}
.max-height--m-60:not(.ct-section), .ct-section.max-height--m-60 > .ct-section-inner-wrap {
max-block-size: 60vh;
}
.max-height--m-70:not(.ct-section), .ct-section.max-height--m-70 > .ct-section-inner-wrap {
max-block-size: 70vh;
}
.max-height--m-80:not(.ct-section), .ct-section.max-height--m-80 > .ct-section-inner-wrap {
max-block-size: 80vh;
}
.max-height--m-90:not(.ct-section), .ct-section.max-height--m-90 > .ct-section-inner-wrap {
max-block-size: 90vh;
}
.max-height--m-100:not(.ct-section), .ct-section.max-height--m-100 > .ct-section-inner-wrap {
max-block-size: 100vh;
}
.max-height--m-full:not(.ct-section), .ct-section.max-height--m-full > .ct-section-inner-wrap {
max-block-size: 100vh;
}
}
@media (max-width: 480px) {
.max-height--s-20:not(.ct-section), .ct-section.max-height--s-20 > .ct-section-inner-wrap {
max-block-size: 20vh;
}
.max-height--s-30:not(.ct-section), .ct-section.max-height--s-30 > .ct-section-inner-wrap {
max-block-size: 30vh;
}
.max-height--s-40:not(.ct-section), .ct-section.max-height--s-40 > .ct-section-inner-wrap {
max-block-size: 40vh;
}
.max-height--s-50:not(.ct-section), .ct-section.max-height--s-50 > .ct-section-inner-wrap {
max-block-size: 50vh;
}
.max-height--s-60:not(.ct-section), .ct-section.max-height--s-60 > .ct-section-inner-wrap {
max-block-size: 60vh;
}
.max-height--s-70:not(.ct-section), .ct-section.max-height--s-70 > .ct-section-inner-wrap {
max-block-size: 70vh;
}
.max-height--s-80:not(.ct-section), .ct-section.max-height--s-80 > .ct-section-inner-wrap {
max-block-size: 80vh;
}
.max-height--s-90:not(.ct-section), .ct-section.max-height--s-90 > .ct-section-inner-wrap {
max-block-size: 90vh;
}
.max-height--s-100:not(.ct-section), .ct-section.max-height--s-100 > .ct-section-inner-wrap {
max-block-size: 100vh;
}
.max-height--s-full:not(.ct-section), .ct-section.max-height--s-full > .ct-section-inner-wrap {
max-block-size: 100vh;
}
}
.pad-section--xs:not(.ct-section), .pad-section--xs .ct-section-inner-wrap {
padding-block: var(--section-space-xs);
padding-inline: var(--section-padding-x);
}
.pad-section--s:not(.ct-section), .pad-section--s .ct-section-inner-wrap {
padding-block: var(--section-space-s);
padding-inline: var(--section-padding-x);
}
.pad-section--m:not(.ct-section), .pad-section--m .ct-section-inner-wrap {
padding-block: var(--section-space-m);
padding-inline: var(--section-padding-x);
}
.pad-section--l:not(.ct-section), .pad-section--l .ct-section-inner-wrap {
padding-block: var(--section-space-l);
padding-inline: var(--section-padding-x);
}
.pad-section--xl:not(.ct-section), .pad-section--xl .ct-section-inner-wrap {
padding-block: var(--section-space-xl);
padding-inline: var(--section-padding-x);
}
.pad-section--xxl:not(.ct-section), .pad-section--xxl .ct-section-inner-wrap {
padding-block: var(--section-space-xxl);
padding-inline: var(--section-padding-x);
}
.pad-section--none:not(.ct-section), .pad-section--none .ct-section-inner-wrap {
padding: 0 var(--section-padding-x);
}
@media (max-width: 1600px) {
.pad-section--xl-xs:not(.ct-section), .pad-section--xl-xs .ct-section-inner-wrap {
padding-block: var(--section-space-xs);
padding-inline: var(--section-padding-x);
}
.pad-section--xl-s:not(.ct-section), .pad-section--xl-s .ct-section-inner-wrap {
padding-block: var(--section-space-s);
padding-inline: var(--section-padding-x);
}
.pad-section--xl-m:not(.ct-section), .pad-section--xl-m .ct-section-inner-wrap {
padding-block: var(--section-space-m);
padding-inline: var(--section-padding-x);
}
.pad-section--xl-l:not(.ct-section), .pad-section--xl-l .ct-section-inner-wrap {
padding-block: var(--section-space-l);
padding-inline: var(--section-padding-x);
}
.pad-section--xl-xl:not(.ct-section), .pad-section--xl-xl .ct-section-inner-wrap {
padding-block: var(--section-space-xl);
padding-inline: var(--section-padding-x);
}
.pad-section--xl-xxl:not(.ct-section), .pad-section--xl-xxl .ct-section-inner-wrap {
padding-block: var(--section-space-xxl);
padding-inline: var(--section-padding-x);
}
.pad-section--xl-none:not(.ct-section), .pad-section--xl-none .ct-section-inner-wrap {
padding: 0 var(--section-padding-x);
}
.pad--none--xl:not(.ct-section), .pad--none--xl .ct-section-inner-wrap {
padding: 0 !important;
}
}
@media (max-width: 992px) {
.pad-section--l-xs:not(.ct-section), .pad-section--l-xs .ct-section-inner-wrap {
padding-block: var(--section-space-xs);
padding-inline: var(--section-padding-x);
}
.pad-section--l-s:not(.ct-section), .pad-section--l-s .ct-section-inner-wrap {
padding-block: var(--section-space-s);
padding-inline: var(--section-padding-x);
}
.pad-section--l-m:not(.ct-section), .pad-section--l-m .ct-section-inner-wrap {
padding-block: var(--section-space-m);
padding-inline: var(--section-padding-x);
}
.pad-section--l-l:not(.ct-section), .pad-section--l-l .ct-section-inner-wrap {
padding-block: var(--section-space-l);
padding-inline: var(--section-padding-x);
}
.pad-section--l-xl:not(.ct-section), .pad-section--l-xl .ct-section-inner-wrap {
padding-block: var(--section-space-xl);
padding-inline: var(--section-padding-x);
}
.pad-section--l-xxl:not(.ct-section), .pad-section--l-xxl .ct-section-inner-wrap {
padding-block: var(--section-space-xxl);
padding-inline: var(--section-padding-x);
}
.pad-section--l-none:not(.ct-section), .pad-section--l-none .ct-section-inner-wrap {
padding: 0 var(--section-padding-x);
}
.pad--none--l:not(.ct-section), .pad--none--l .ct-section-inner-wrap {
padding: 0 !important;
}
}
@media (max-width: 768px) {
.pad-section--m-xs:not(.ct-section), .pad-section--m-xs .ct-section-inner-wrap {
padding-block: var(--section-space-xs);
padding-inline: var(--section-padding-x);
}
.pad-section--m-s:not(.ct-section), .pad-section--m-s .ct-section-inner-wrap {
padding-block: var(--section-space-s);
padding-inline: var(--section-padding-x);
}
.pad-section--m-m:not(.ct-section), .pad-section--m-m .ct-section-inner-wrap {
padding-block: var(--section-space-m);
padding-inline: var(--section-padding-x);
}
.pad-section--m-l:not(.ct-section), .pad-section--m-l .ct-section-inner-wrap {
padding-block: var(--section-space-l);
padding-inline: var(--section-padding-x);
}
.pad-section--m-xl:not(.ct-section), .pad-section--m-xl .ct-section-inner-wrap {
padding-block: var(--section-space-xl);
padding-inline: var(--section-padding-x);
}
.pad-section--m-xxl:not(.ct-section), .pad-section--m-xxl .ct-section-inner-wrap {
padding-block: var(--section-space-xxl);
padding-inline: var(--section-padding-x);
}
.pad-section--m-none:not(.ct-section), .pad-section--m-none .ct-section-inner-wrap {
padding: 0 var(--section-padding-x);
}
.pad--none--m:not(.ct-section), .pad--none--m .ct-section-inner-wrap {
padding: 0 !important;
}
}
@media (max-width: 480px) {
.pad-section--s-xs:not(.ct-section), .pad-section--s-xs .ct-section-inner-wrap {
padding-block: var(--section-space-xs);
padding-inline: var(--section-padding-x);
}
.pad-section--s-s:not(.ct-section), .pad-section--s-s .ct-section-inner-wrap {
padding-block: var(--section-space-s);
padding-inline: var(--section-padding-x);
}
.pad-section--s-m:not(.ct-section), .pad-section--s-m .ct-section-inner-wrap {
padding-block: var(--section-space-m);
padding-inline: var(--section-padding-x);
}
.pad-section--s-l:not(.ct-section), .pad-section--s-l .ct-section-inner-wrap {
padding-block: var(--section-space-l);
padding-inline: var(--section-padding-x);
}
.pad-section--s-xl:not(.ct-section), .pad-section--s-xl .ct-section-inner-wrap {
padding-block: var(--section-space-xl);
padding-inline: var(--section-padding-x);
}
.pad-section--s-xxl:not(.ct-section), .pad-section--s-xxl .ct-section-inner-wrap {
padding-block: var(--section-space-xxl);
padding-inline: var(--section-padding-x);
}
.pad-section--s-none:not(.ct-section), .pad-section--s-none .ct-section-inner-wrap {
padding: 0 var(--section-padding-x);
}
.pad--none--s:not(.ct-section), .pad--none--s .ct-section-inner-wrap {
padding: 0 !important;
}
}
.pad--none .ct-section-inner-wrap {
padding: 0 !important;
}
section.fr-hero-padding {
padding-block: var(--fr-hero-padding);
}
.pad-header--xs {
padding: var(--space-xs) 0;
}
.pad-header--s {
padding: var(--space-s) 0;
}
.pad-header--m {
padding: var(--space-m) 0;
}
.pad-header--l {
padding: var(--space-l) 0;
}
.pad-header--xl {
padding: var(--space-xl) 0;
}
.pad-header--xxl {
padding: var(--space-xxl) 0;
}
.display--inline {
display: inline;
}
.display--block {
display: block;
}
.display--contents {
display: contents;
}
.display--inline-block {
display: inline-block;
}
.display--inline-flex {
display: inline-flex;
}
.display--list-item {
display: list-item;
}
.display--none {
display: none;
}
@media (max-width: 1600px) {
.display--xl-block {
display: block;
}
.display--xl-none {
display: none;
}
}
@media (max-width: 992px) {
.display--l-block {
display: block;
}
.display--l-none {
display: none;
}
}
@media (max-width: 768px) {
.display--m-block {
display: block;
}
.display--m-none {
display: none;
}
}
@media (max-width: 480px) {
.display--s-block {
display: block;
}
.display--s-none {
display: none;
}
}