.banner { position: relative; overflow: hidden; z-index: 0; }

@media screen and (max-width: 767px) { .banner { margin-left: -20px; margin-right: -20px; }
  .slider .banner { margin-left: 0; margin-right: 20px; }
  .pattern-preview__markup .banner { margin: 0; } }

.banner:hover .banner__image { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); }

.layout-builder__section .banner:hover .banner__image { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }

.banner__content { position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); right: unset; top: 50%; left: 50%; width: 65%; text-align: center; background-color: white; padding: 40px; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }

@media screen and (max-width: 767px) { .banner__content { width: 80%; padding: 25px; } }

.banner__content .button { z-index: 1; position: relative; }

.layout-builder__section .banner__content .button:after, .contextual-region .banner__content .button:after { display: none; }

.banner__image { position: relative; height: 690px; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }

@media screen and (max-width: 767px) { .banner__image { padding-top: 115%; height: auto !important; } }

.banner__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-filter: saturate(120%); filter: saturate(120%); }

.layout-builder__section .banner__image img { position: static; }

.banner__image:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: -webkit-gradient(linear, left bottom, left top, from(#00000052), to(transparent)); background: linear-gradient(0deg, #00000052, transparent); pointer-events: none; }

.layout-builder__section .banner__image:after { display: none; }

.banner__subtitle { font-size: 1.8rem; text-transform: uppercase; margin-bottom: 10px; color: #d7002c; line-height: 1.2; }

@media screen and (min-width: 1024px) { .banner__subtitle { font-size: 2.2rem; } }

.banner__title { font-size: 2.5rem; line-height: 1.2; font-weight: 700; color: #020202; }

.banner__title a { color: #020202; border: 0; }

@media screen and (min-width: 1024px) { .banner__title { font-size: 3rem; } }

@media screen and (min-width: 1280px) { .banner__title { font-size: 3.2rem; } }

@media screen and (min-width: 1024px) { .banner--classic:hover .banner__content { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } }

.banner--classic .banner__content { position: absolute; top: auto; left: 0; bottom: 0; padding: 0 20px 45px; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; -webkit-transform: none; transform: none; background: transparent; width: 100%; }

.banner--classic .banner__content .button { z-index: 3; position: relative; }

.layout-builder__section .banner--classic .banner__content .button:after { display: none; }

.banner--classic .banner__subtitle { font-size: 2.2rem; margin-bottom: 5px; color: #fefefe; text-transform: none; }

@media screen and (min-width: 1024px) { .banner--classic .banner__subtitle { font-size: 2.5rem; } }

@media screen and (min-width: 1280px) { .banner--classic .banner__subtitle { font-size: 3rem; } }

.banner--classic .banner__title { font-style: italic; color: #fefefe; text-transform: none; }

.banner--classic .banner__title a { color: #fefefe; border: 0; position: relative; z-index: 1; }

.banner--classic .banner__title a:after { content: ''; position: absolute; left: -999999px; right: -999999px; bottom: -999999px; top: -999999px; }

@media screen and (min-width: 1024px) { .banner--classic .banner__title { font-size: 3.2rem; } }

@media screen and (min-width: 1280px) { .banner--classic .banner__title { font-size: 3.7rem; } }

/*# sourceMappingURL=banner.css.map */
