html.sr .section-banner-block .box {
visibility: hidden;
}
.section-banner-block {
margin: 0;
width: 100%;
position: relative;
background-repeat: no-repeat;
background-size: cover;
max-width: 1500px;
margin: auto;
}
.section-banner-block #show-banner-video,
.section-banner-block .nonmobile,
.section-banner-content-block .nonmobile {
display: block;
}
.section-banner-block #show-mobile-banner {
display: none;
}
.section-banner-block .mobile,
.section-banner-content-block .mobile {
display: none;
text-align: center;
}
.section-banner-block.part-screen {
height: calc(85vh - 175px);
}
.sticky-header-overlay .section-banner-block.part-screen,
.standard-header.header_overlay_banner .section-banner-block.part-screen {
height: 85vh;
min-height: 500px;
}
.section-banner-block.small-screen {
height: 10vh;
min-height: 175px;
}
.section-banner-block.full-screen {
height: calc(100vh - 175px);
}
.sticky-header-overlay .section-banner-block.full-screen,
.standard-header.header_overlay_banner .section-banner-block.full-screen {
height: 100vh;
}
.sticky-header-overlay.single-work .section-banner-block.full-screen {
height: calc(100vh - 175px);
}
.section-banner-block .banner-position {
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
z-index: 1;
}
.section-banner-block .video-background {
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
z-index: 1;
background-position: center;
background-size: cover;
}
.section-banner-block .container {
position: relative;
z-index: 3;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.section-banner-block.textalign-left.part-screen .container,
.section-banner-block.textalign-left.small-screen .container {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.section-banner-block .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.section-banner-block.center-columns .column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.section-banner-content-block {
background-color: #f9f8f6;
border-bottom: 1px solid #e8e8e8;
}
.section-banner-content-block.no-banner-image {
padding: 120px 0;
}
.section-banner-content-block.yes-banner-image {
padding: 120px 0;
}
.section-banner-content-block .box p:last-of-type {
margin-bottom: 0;
} .section-banner-block .box {
width: 60%;
margin-right: auto;
}
.section-banner-block.textalign-center .box {
padding: 1em 0;
margin-left: auto !important;
margin-right: auto !important;
width: 70%;
text-align: center;
}
.section-banner-block.textalign-right .box,
.section-banner-content-block.textalign-right .box {
margin-left: auto;
margin-right: 0;
padding: 0;
width: 50%;
}
.section-banner-block.textalign-left .box,
.section-banner-content-block.textalign-left .box {
padding: 0;
margin-left: 0;
margin-right: auto;
}
.section-banner-block.small-screen .box {
padding: 1em 0;
margin-left: 0;
width: 50%;
margin-right: auto;
}
.header_overlay_banner .section-banner-block .box {
padding: 120px 0 60px 36px;
}
.section-banner-content-block .box {
width: 100%;
}
.section-banner-content-block.textalign-center .box {
width: 75%;
text-align: center !important;
margin: auto;
} .section-banner-block.full-screen .arrow-container {
position: absolute;
bottom: 60px;
width: 100%;
left: 0;
text-align: center;
cursor: pointer;
}
.section-banner-block.full-screen .next-section {
display: none;
-webkit-transition: background 0.2s, border 0.2s, color 0.2s, -webkit-box-shadow 0.2s;
transition: background 0.2s, border 0.2s, color 0.2s, -webkit-box-shadow 0.2s;
transition: background 0.2s, border 0.2s, box-shadow 0.2s, color 0.2s;
transition: background 0.2s, border 0.2s, box-shadow 0.2s, color 0.2s, -webkit-box-shadow 0.2s;
}
.section-banner-block.full-screen .next-section,
.section-banner-block.full-screen .next-section.btn:hover {
border: none;
background: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.section-banner-block.full-screen .next-section .icon-arrow-down {
vertical-align: -15%;
font-size: 1.5rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
font-style: normal;
height: 1em;
position: relative;
text-indent: -9999px;
width: 1em;
}
.section-banner-block.full-screen .next-section .icon-arrow-down::after,
.section-banner-block.full-screen .next-section .icon-arrow-down::before {
content: "";
display: block;
left: 50%;
position: absolute;
top: 50%;
}
.section-banner-block.full-screen .next-section .icon-arrow-down:before {
border: 0.1rem solid #fff;
height: 0.65em;
width: 0.65em;
border-bottom: 0;
border-right: 0;
-webkit-transform: translate(-50%, -75%) rotate(225deg);
transform: translate(-50%, -75%) rotate(225deg);
-webkit-transition: width, height, color, 100ms ease-in-out;
transition: width, height, color, 100ms ease-in-out;
-webkit-animation-name: pulseBorder;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease;
-webkit-animation-direction: alternate;
-webkit-animation-duration: 0.6s;
}
.section-banner-block.full-screen .next-section .icon-arrow-down::after {
content: "";
display: block;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.section-banner-block.full-screen.dark .next-section .icon-arrow-down:before {
border: 0.1rem solid #000;
border-bottom: 0;
border-right: 0;
}
.section-banner-block.full-screen .next-section:hover .icon-arrow-down:before {
border: 0.2rem solid #bfbfbf;
border-bottom: 0;
border-right: 0;
}
@-webkit-keyframes pulseBorder {
from {
height: 0.65em;
width: 0.65em;
}
to {
height: 0.85em;
width: 0.85em;
}
}
.section-banner-block .wplightbox {
height: 60px;
display: block;
margin: 0 0 0 2.2em;
}
.section-banner-block.background-video.full-screen .cta-container {
position: absolute;
bottom: 25%;
width: 100%;
left: 0;
text-align: center;
cursor: pointer;
} .home.sticky-header-overlay .header {
background-color: transparent;
}
.section-banner-block #show-mobile-banner,
.section-banner-content-block #show-mobile-banner {
display: none;
}
.section-banner-block.no-banner-image {
height: 0 !important;
padding: 0 !important;
}
.section-banner-block.background-slider {
background-color: #f9f8f6;
overflow: hidden;
}
.section-banner-block.background-slider .container-fluid {
margin: auto;
}
.section-banner-block .slick-next:before,
.section-banner-block .slick-prev:before {
content: " ";
}
.section-banner-block .slick-arrow {
width: 30px;
}
.section-banner-block .slick-prev.slick-arrow {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.section-banner-block .slick-dots {
text-align: center;
position: absolute;
bottom: 60px;
left: 0;
right: 0;
list-style: none;
padding: 0;
margin: 0 !important;
font-size: 0;
}
.section-banner-block .slick-dots li:not(:last-child) {
margin-right: 18px;
}
.section-banner-block .slick-dots button {
border-style: none;
border-radius: 50%;
font-size: 0;
line-height: 0;
display: block;
width: 18px;
height: 18px;
padding: 5px;
cursor: pointer;
color: #fff;
border: 2px solid #fff;
outline: none;
background: transparent;
-webkit-transition: color 0.3s, border 0.3s;
transition: color 0.3s, border 0.3s;
}
.section-banner-block .slick-dots .slick-active button {
background-color: #fff !important;
}
.section-banner-block .slick-slider {
height: 100%;
}
.section-banner-block .slick-slider .image-column {
background-size: cover;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
height: 100%;
}
.section-banner-block .slider div {
height: 100% !important;
}
.section-banner-block .slide-image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
}
.section-banner-block .slide-image img {
-o-object-fit: contain;
object-fit: contain;
max-width: unset;
width: auto;
height: 100%;
}
.section-banner-block.background-slider .container-fluid {
max-width: 1500px !important;
}
.section-banner-block.part-screen.background-slider {
height: calc(85vh - 175px);
min-height: 500px;
}
.section-banner-block.part-screen.background-slider .slick-slider .image-column {
height: calc(85vh - 175px);
min-height: 500px;
}
.section-banner-block.part-screen.background-slider .slick-slider .image-column .slide-image {
height: calc(85vh - 175px);
min-height: 500px;
}
.section-banner-block.part-screen.background-slider .slick-slider .image-column .slide-image img {
height: calc(85vh - 175px);
min-height: 500px;
}
.section-banner-block.full-screen.background-slider {
height: calc(100vh - 175px);
}
.section-banner-block.full-screen.background-slider .slick-slider .image-column {
min-height: calc(100vh - 175px);
}
.section-banner-block.full-screen.background-slider .slick-slider .image-column .slide-image {
min-height: calc(100vh - 175px);
}
.section-banner-block.full-screen.background-slider .slick-slider .image-column .slide-image img {
min-height: calc(100vh - 175px);
} .section-banner-block h1,
.section-banner-block h2,
.section-banner-block h3,
.section-banner-block h4,
.section-banner-block h5,
.section-banner-block p {
margin-top: 0;
}
.section-banner-block p {
font-size: 1.1em;
}
.section-banner-block h1 {
display: inline-block;
}
.section-banner-block.small-screen h1 {
margin: 0.2em 0;
}
.section-banner-block.light h1,
.section-banner-block.light h2,
.section-banner-block.light h3,
.section-banner-block.light h4,
.section-banner-block.light h5,
.section-banner-block.light p {
color: #fff !important;
}
.section-banner-block.light .cta.btn {
margin-top: 0.5em;
}
@media screen and (max-width: 1366px) {
.section-banner-block.textalign-center .box .wplightbox {
text-align: center;
display: block;
margin: 2em 0;
}
.section-banner-block.textalign-left .wplightbox {
text-align: left;
display: block;
margin: 2em 0;
}
.sticky-header-overlay .section-banner-block.part-screen {
height: 80vh;
}
.header_overlay_banner .section-banner-block .box {
padding: 90px 0 45px 45px;
}
}
@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) {
.sticky-header-overlay .section-banner-block.full-screen {
height: 90vh !important;
}
.section-banner-block.textalign-left.part-screen {
height: 50vh !important;
}
}
@media screen and (min-width: 768px) {
.section-banner-block.small-screen.row-block {
padding: 75px 0 20px;
}
.section-banner-block .box {
width: 90%;
margin: auto;
}
.section-banner-block .wplightbox {
margin: 0.5em;
}
}
@media screen and (min-width: 1024px) {
.section-banner-block.small-screen.row-block {
padding: 120px 0 20px;
}
.standard-header .section-banner-block.small-screen.row-block,
.sticky-header .section-banner-block.small-screen.row-block {
padding: 0 0 20px;
}
}
@media screen and (max-width: 1024px) {
html.sr .section-banner-block .box {
visibility: visible;
}
.section-banner-block #show-banner-video {
display: none;
}
.section-banner-block.small-screen.textalign-left .box {
padding: 3em 0;
}
.section-banner-block.full-screen .arrow-container {
bottom: 10%;
}
.sticky-header-overlay .section-banner-block.full-screen {
height: calc(100vh - 63px) !important;
}
.section-banner-block.full-screen .next-section .icon {
height: 0.9em !important;
width: 0.9em !important;
font-size: 2rem !important;
}
@-webkit-keyframes pulseBorder {
from {
height: 0.55em;
width: 0.55em;
}
to {
height: 0.75em;
width: 0.75em;
}
}
.section-banner-content-block.textalign-center .box {
width: 86%;
}
.section-banner-content-block.yes-banner-image,
.section-banner-content-block.no-banner-image {
padding: 81px 0;
}
}
@media screen and (max-width: 960px) {
.section-banner-block,
.sticky-header-overlay .section-banner-block.full-screen {
height: calc(100vh - 126px) !important;
}
.section-banner-block.small-screen {
height: 35vh !important;
padding: 0 !important;
}
.section-banner-block.part-screen.background-slider {
height: calc(85vh - 175px) !important;
min-height: 500px;
}
.section-banner-block.part-screen.background-slider .slick-slider .image-column {
height: calc(85vh - 175px) !important;
min-height: 500px;
}
.section-banner-block.part-screen.background-slider .slick-slider .image-column .slide-image {
height: calc(85vh - 175px) !important;
min-height: 500px;
}
.section-banner-block.part-screen.background-slider .slick-slider .image-column .slide-image img {
height: calc(85vh - 175px);
min-height: 500px;
}
.section-banner-block.full-screen.background-slider {
height: calc(100vh - 175px) !important;
}
.section-banner-block.full-screen.background-slider .slick-slider .image-column {
min-height: calc(100vh - 175px) !important;
}
.section-banner-block.full-screen.background-slider .slick-slider .image-column .slide-image {
min-height: calc(100vh - 175px) !important;
}
.section-banner-block.full-screen.background-slider .slick-slider .image-column .slide-image img {
min-height: calc(100vh - 175px) !important;
}
}
@media (max-width: 768px) {
.section-banner-content-block.yes-banner-image,
.section-banner-content-block.no-banner-image {
padding: 60px 0;
}
.section-banner-block .container,
.section-banner-content-block .container {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.section-banner-block .box,
.section-banner-content-block .box {
text-align: center !important;
width: 100%;
margin: auto;
}
.section-banner-block .wplightbox {
text-align: center !important;
}
.section-banner-block.textalign-center .box .wplightbox {
margin: 0;
}
.section-banner-block.small-screen {
height: 35vh !important;
}
.section-banner-block.small-screen .overlay {
background: rgba(0, 0, 0, 0.2);
}
.section-banner-block.part-screen,
.section-banner-block.full-screen,
.sticky-header-overlay .section-banner-block.full-screen {
height: 50vh !important;
}
.section-banner-block.part-screen .overlay,
.section-banner-block.full-screen .overlay,
.sticky-header-overlay .section-banner-block.full-screen .overlay {
background: rgba(0, 0, 0, 0);
}
.section-banner-block.part-screen .cta,
.section-banner-block.part-screen .arrow-container,
.section-banner-block.full-screen .cta,
.section-banner-block.full-screen .arrow-container,
.sticky-header-overlay .section-banner-block.full-screen .cta,
.sticky-header-overlay .section-banner-block.full-screen .arrow-container {
display: none;
}
.section-banner-block.part-screen.background-slider {
height: 50vh;
min-height: 500px;
}
.section-banner-block.part-screen.background-slider .slick-slider .image-column {
height: 50vh;
min-height: 500px;
}
.section-banner-block.part-screen.background-slider .slick-slider .image-column .slide-image {
height: 50vh;
min-height: 500px;
}
.section-banner-block.part-screen.background-slider .slick-slider .image-column .slide-image img {
height: 50vh;
min-height: 500px;
}
.section-banner-block .box {
padding: 90px 45px 45px !important;
}
.section-banner-block.no-banner-image,
.section-banner-block.part-screen.no-banner-image,
.section-banner-block.full-screen.no-banner-image {
height: 0px !important;
min-height: unset !important;
padding: 0px !important;
}
}
@media (max-width: 600px) {
.section-banner-block .wplightbox {
text-align: center !important;
margin: 0em !important;
}
.section-banner-block .nonmobile,
.section-banner-content-block .nonmobile {
display: none;
}
.section-banner-block #show-mobile-banner,
.section-banner-block .mobile,
.section-banner-content-block #show-mobile-banner,
.section-banner-content-block .mobile {
display: block;
}
.section-banner-block .box,
.section-banner-content-block .box {
padding: 3em 0;
width: 100%;
text-align: center;
}
.section-banner-content-block .box {
padding: 0;
}
.section-banner-block.mobile-color-dark .box > * {
color: #000 !important;
}
.section-banner-block.mobile-color-light .box > * {
color: #fff !important;
}
.section-banner-block.textalign-center .box {
width: 100%;
}
.section-banner-block.part-screen,
.section-banner-block.full-screen,
.page .section-banner-block.small-screen,
.sticky-header-overlay .section-banner-block.full-screen {
min-height: 500px !important;
background-position: 50% 50% !important;
}
.section-banner-block:not(.no-banner-image).part-screen .section-banner-block .container,
.section-banner-content-block .container {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
@media (max-width: 414px) {
.section-banner-content-block.yes-banner-image,
.section-banner-content-block.no-banner-image {
padding: 35px 0;
}
}