@keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-200px * 10)); } } .modern-banner-2023 { background: linear-gradient(to right, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 70%, rgb(30, 30, 30) 100%); bottom: 0; width: 100%; opacity: 0; pointer-events: none; transition: opacity 0.2s ease-in; position: relative; height: 0; overflow: hidden; } .modern-banner-2023.active { height: 310px; opacity: 1; pointer-events: all; } .modern-banner-2023__alert { background-color: #c92325; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 700px; padding: 12px 30px !important; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; color: white !important; font-size: 15px; text-align: center; font-family: system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; } .modern-banner-2023__alert-info { display: inline-block; padding: 0 0 0 26px; margin: 0; color: white !important; background-repeat: no-repeat; background-size: 1.1rem; background-position: left top; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NJREFUeNrMmF1IFFEUx911IdkoBdPUCvs2yagw+iYjoqgs6OMhCkGqh6CXKKQIil4ifCuE6KEvgp6CyECkoBIyo6BCiUzISLdNLSztQ0vT7X/hDJxOd2bvHcfowA/uzOw5579zP+bcG0okEin/s0UCiDEZFIICkAfCoAu8Bk2gHST+tcA5YDOhxE1w+V0PeANqiMfWmVQXW1ACbiX820Ow3San6Q+ngeokyXtAjOg2ELokKIE7wYAmSRycAVtBPhjLfNLAJLAenAbNLkIrRirwmCboK1AOUi2HRymo18S76FfgEU2wU5aidOzXxL1qK3CDCDBMXZkSEMWgw6S7dc6ZGnHFAYrjeeIi1yITgXXCaZVhwjLwADwyGfyEmkiDLFdHMoFrhLijhon2acZVlaHvJuF3yEvgC/bDFsMEEdDrsozkGMaoYT59IKwTWCyCrzMMng6GXAQWGcbIE35lzrMw++rtYu0OcMfwa/kLfHd59tMwxntwl13vdhpc4EbWvmTxOe/3EPLDIs5l1l4LolxgNlUojt22CDwMYpr7A1TNmFotGKR2KljIBc5mP1Td9cSyKGrV3IuDrxYxPlFp5tgyLnAuexCzGDuOdWnuNfmoM9tZO4cLzGUPvvkI/FZzL+YjTpy1/xiDETGmbO1ZQAIHWDvMBfLBnOYjcJuh6GSWLZcoR2ALezDRR+DuJOPJZgPmWC8X2CwEFlgG7tEs1r0+BM5k7UY+9tooYDpdl4i3amJqWcikMay654Ol/3KQwa4b5K7uOvsW3h+F+i8ZVSz/S+c+n703wA5qr6YBa/MW9tLGPUGz8azleloutPy1L1aboH72L65ZvgFZcmVY+B4WvlPd6sET4ocLLJJ0+hQ4XlTVN/nzkDg8itBkidJ1p/jKeNkVMA8M0Ywu9SjDuNWDFex6CnjndfSxRbyJe6M4Mc6LXMdNt50XhGMtCAUs7pzI0WC7cW8UAdTULwxAWJbYgyj7DKK2AsdoRCo76RbMgAPgi4inDpqmj+TwSHfc9hFUgqUG/kV0xtOqiaNeQK6Xf8jwCLgCVIKQS1GgTlOfU1WsPnXjwHyq1Ge5xFQL+cEgDzDzNZPHj6lzxsWmeU3fILcZYA/YJjZaXqaK12paK5/aJPMjkJsqy1ZSV2ZR1yrroxpRbQXqfO5PAhE46vZbgAEAu/2171Qx8MoAAAAASUVORK5CYII="); } .modern-banner-2023__close { position: absolute; right: 10px; top: 10px; width: 30px; height: 30px; color: white; cursor: pointer; z-index: 4; background-repeat: no-repeat; background-size: 1rem; background-position: center center; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAsxJREFUeNrcm89LG0EcxTdLLZtzROu911pKBfXWS8/twX9Qei7BUCym/jxptZLk2EsxaIuHWsVD8SBs39hZCHFmdjczs28nX3gg7mSct28myXc/GKVpugDtQn+gj1ADiqZI69AVdAK9iOQPo3UEJVNitj3m7UykmUaPawC9glTXQqku9Hb8lzH0STH4JfQVagZqtqMyi/omYn8CHafqOg3wTO9ovAyhuWzQU6inGShuRjMQsx2Nhwto/uH0jgyOZaK6pOOam93UrP0Mms3Gjb+oadjePbkT6mh2q4hZleFIntlTw/aOA0n2HGqNj9dNEkrSpmQXVK8xTSaS7huSniGb3TCYbelelzdpIr95qWpA/MjaK3pmyxrOS/qIkLQu2Z+mZMsYrlPSXwzJPisyR5k/1pDmdEknFTcChc6sjeFIbl9d0n2PSR9MemZtDTOSbtucWReGs6SPK0i6a0h2bpI5bRbju+HouDizLg1nDYeP1tLU4rVs1uxi27lOOrfFYxt22Vpuuno39m3YRcOx5dusa8M2rWWpFq9OhidJunSLVzfDRVpLqxbPRg31Y2knlUD70LLi2i50C71XXBtCS9BvH4vyafhhfqgnn3MXqV/QInTla0Gx5wfi4m6uyIf6eSWSfe3TbBWGRd1J013DmEPoOXTpezFxhfjjb861+yoW4fsMZ9XWvEGNltj2b+SOCNpwVwO2Iga19L2l9RTv/0dT9dSSRPGyMZVTSxrFY1FLGsVjUUsaxWOxLBrFY1FLGsVjJU2jeCxqSaN4LJZFo3gsakmjeKykaRSPxbJoFI9FLWkUj5U0jeKxqCWN4rFYFo3isagljeKxkqZRPBa1pFE8FsuiUTwWtaRRPFbSNIpHopaJGPQhsDNr03Bs6/6NxzvF801UdNRSPIj/waB4JGp5Iwy/k3fjBjqQZi+j8EswqlXoM3QNfYfW/gkwAK4hlyvzLJpVAAAAAElFTkSuQmCC"); } .modern-banner-2023__container { padding-top: 70px !important; width: 100%; } .modern-banner-2023__left { float: left; width: 50%; position: relative; z-index: 2; } .modern-banner-2023__left > * { margin-left: 10vw; } .modern-banner-2023__left h2 { font-family: system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif !important; font-weight: bold !important; text-align: left; color: white !important; margin: 1em 0 0 10vw !important; padding: 0 0 16px 0 !important; font-size: 2em !important; border-left: none; line-height: initial !important; background-color: transparent; text-transform: none; letter-spacing: initial; border: none; } .modern-banner-2023__right { position: absolute; overflow: hidden; left: 35%; height: 200px; width: 60%; z-index: 1; } .modern-banner-2023__right:before { background: linear-gradient(to right, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); content: ""; left: 0; height: 100%; position: absolute; width: 300px; z-index: 2; } .modern-banner-2023__right:after { background: linear-gradient(to left, rgb(24, 24, 24) 0%, rgba(0, 0, 0, 0) 100%); content: ""; right: 0; top: 0; height: 100%; position: absolute; width: 100px; z-index: 2; } .modern-banner-2023__images { width: calc(200px * 20); animation: scroll 300s linear infinite; will-change: transform; pointer-events: none; height: 180px; display: flex; } .modern-banner-2023__image { margin: 10px 20px !important; opacity: 0; width: calc(200px - 15); height: 180px; overflow: hidden; position: relative; animation: fadeIn 1s; animation-fill-mode: forwards; } .modern-banner-2023__image:after { content: ""; position: absolute; bottom: 0; left: 0; height: 100px; width: 100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); } .modern-banner-2023__image img { border-radius: 7px; width: 140px; height: 100%; object-fit: cover; } .modern-banner-2023__image img--1 { filter: brightness(0.6); } .modern-banner-2023__image img--2 { filter: brightness(0.7); } .modern-banner-2023__image img--3 { filter: brightness(0.8); } .modern-banner-2023__image img--4 { filter: brightness(0.9); } .modern-banner-2023__image img--5 { filter: brightness(1); } .modern-banner-2023__image img--6 { filter: brightness(1.1); } .modern-banner-2023__image img--7 { filter: brightness(1.2); } .modern-banner-2023__image img--8 { filter: brightness(1.3); } .modern-banner-2023__image img--9 { filter: brightness(1.4); } .modern-banner-2023__image img--10 { filter: brightness(1.5); } .modern-banner-2023__image span { color: white; position: absolute; bottom: 0; left: 0; width: calc(100% - 20px); padding: 10px; text-align: left; text-transform: uppercase; z-index: 2; line-height: 1.1em; font-family: system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; opacity: 0.75; font-weight: bold; font-size: 0.9em; } .modern-banner-2023__button { font-family: system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; font-weight: bold; display: inline-block; background: white; margin: 0 15px 15px 10vw; padding: 13px 15px 10px 30px; text-transform: uppercase; color: black !important; font-size: 0.9em; border-radius: 5px; float: left; position: relative; cursor: pointer; text-decoration: none; } .modern-banner-2023__button:visited { color: black; } .modern-banner-2023__button:link { color: black; } .modern-banner-2023__button:before { content: ""; position: absolute; left: 10px; top: 0; background-repeat: no-repeat; background-size: 1rem; width: 1rem; height: 43px; background-position: center center; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABCpJREFUeNrMWFtIG2kUPo5RNN4vAeMdLwTFKiqoEJWKSNR9WZYqpS2KS92ubdM1Sx/6Wh91QXbd3Va0taW7RhOLsFYthVJBBR+CCIppqqmL13gtUeLduOcMVVg3dptkMtMD/0Nm8g/ffP93vnPOuB0fH8PZSEhIeCCXy+8rFArTzMwMzM7OwsbGBoSEhEBcXBxsb2/D+vo60D36LZPJYHp6Gvb29mB1dRWSkpIgNDQU5ubmYGlpCQ4PDyEjI4Pdt7u7CwsLC3B0dMRes1gs7O+DgwNoa2v7DxYR2Aij0fg9PviKp6fn9ezsbK3ZbIa1tTUQIphzrq/j2/q3trZqmpubn+3s7ASHhYUBwzBgi3EhAJ5e1+l011paWt6Oj49fDgwMhKCgILBarYID/FegtiSDg4Pqnp6eP1BjksjISN7YZOz588TExNW6urp3AwMDVyQSCfj6+rqcTcbeDfv7+4FqtfrP9vb256hTCWnTw8PDZUAZRzfq9fpv+vr6DKOjo98Sk2RBrgDJOLMZAQV1d3c/amho0KJPRoeHh4O7uzunQBkuHjI2NnapqalJPzIyUuXn58dmOgUXScRw9abImri/v/9xb2/vCzT2CKlUyok2Ga41gxXoq/r6+nddXV01VO6c9U3GFZmHvinWaDS/o8H3Ys2OdybTGVd6mMFgKO3s7JzETL9J2iTvJJD2aNOlAD+G5/Dw8G+NjY0vsbtJiIiIsItNEV81dXJyUoHrbWlp6Y/x8fG/YKf0WUwywG+4o7n/rNVq32xubiZGRUUBAf0Um3wDZMNkMl1EkHrM9Ls+Pj6n2rQZRPPZhbFBt/hY2L2/rqiouKBSqWxjERrgyUpPT6+zhUWQIz4b/v7+y5mZme8FzeLzAoH9VF5efg/t5+iLAhgQEGDIz8+/hUf7mnxxcXERvhiAOTk5vyYmJv4QHBxspTFVJBKBWCwW3mZQa+9ra2uLq6urlTgHW09GWTc3N+ErSWpq6oPi4uI7eKSHU1NT7ABP9VnwUufl5TVXUFBwPS0t7RVNgqQ1so9PscYbwKKiooeYpXdRZxb6VEI6o6oheLuFWvsbreNrpVJZgwOVZXl52S7WXMpgcnLyE2SuBn1tF2su0HcdGqQcDc4Aent7m3Jzc29gMvz1sfUnJh1ijXOAWVlZj8vKylTz8/Ob5GukNepSuAiRs6yVlJTcxiN9Tmar0+nY/s5Z1jgBiG3Ss8LCQmV0dLSZWEM7cUprnAFEc13Ny8u7ExMT04EMslqj8ZJL1hwGmJKS0lFVVXUTwXwYGhpigRFzrozPAoi6MisUiu+QOQ2VJxwnHfY1rgCeDgixsbEdcrlcJZPJTFQNWHdn+OsxzgMYgke3V1lZeUMqlT41Go2wsrJCWcsLa/9b6rBXU2NblIzH+nRrawtwROQd2En8I8AA2y8v328MJ6gAAAAASUVORK5CYII="); } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /*# sourceMappingURL=modern-banner.css.map */