html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font-size: 100%; font: inherit; vertical-align: baseline; margin: 0; padding: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: none; } table { border-collapse: collapse; border-spacing: 0; } body { margin: 0; overflow-x: hidden; color: #000; } body * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body *:focus-visible { outline: 2px solid #000; outline-offset: 2px; -webkit-box-shadow: 0 0 0 2px #fff; box-shadow: 0 0 0 2px #fff; border-radius: 4px; scroll-margin-top: 120px; } @media all and (max-width: 1024px) { body *:focus-visible { scroll-margin-top: 80px; } } body.logged-in.admin-bar header { top: 32px; } @media all and (max-width: 782px) { body.logged-in.admin-bar header { top: 46px; } } img, svg { max-width: 100%; height: auto; vertical-align: bottom; color: transparent; } img:not([src]) { opacity: 0; } section { background-size: cover; background-position: center; } section, header, footer { position: relative; display: block; } section > .content, section > .section-inner > .content, header > .content, header > .section-inner > .content, footer > .content, footer > .section-inner > .content { position: relative; z-index: 10; width: 100%; margin-left: auto; margin-right: auto; max-width: 1408px; padding: 0 32px; } @media all and (max-width: 639px) { section > .content, section > .section-inner > .content, header > .content, header > .section-inner > .content, footer > .content, footer > .section-inner > .content { padding: 0 16px; } } section > .content.grid, section > .section-inner > .content.grid, header > .content.grid, header > .section-inner > .content.grid, footer > .content.grid, footer > .section-inner > .content.grid { padding: 0 20px; } @media all and (max-width: 639px) { section > .content.grid, section > .section-inner > .content.grid, header > .content.grid, header > .section-inner > .content.grid, footer > .content.grid, footer > .section-inner > .content.grid { padding: 0 10px; } } section > .content.full-width, section > .section-inner > .content.full-width, header > .content.full-width, header > .section-inner > .content.full-width, footer > .content.full-width, footer > .section-inner > .content.full-width { max-width: 100%; } section > .content.breakout-left, section > .section-inner > .content.breakout-left, header > .content.breakout-left, header > .section-inner > .content.breakout-left, footer > .content.breakout-left, footer > .section-inner > .content.breakout-left { margin-left: 0; max-width: -moz-calc( 100% - (100% - 1408px) / 2 ); max-width: calc( 100% - (100% - 1408px) / 2 ); } section > .content.breakout-right, section > .section-inner > .content.breakout-right, header > .content.breakout-right, header > .section-inner > .content.breakout-right, footer > .content.breakout-right, footer > .section-inner > .content.breakout-right { margin-right: 0; max-width: -moz-calc( 100% - (100% - 1408px) / 2 ); max-width: calc( 100% - (100% - 1408px) / 2 ); } section.custom-section .content.grid > .col:last-child { margin-left: auto; } main { overflow: hidden; } .grid { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin-left: auto; margin-right: auto; } .grid.no-padding .col { padding: 0; } .grid .col { position: relative; max-width: 100%; padding-left: 12px; padding-right: 12px; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .grid .col.col-single { margin-left: auto; margin-right: auto; } .grid .col.col-double { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 24px; -moz-column-gap: 24px; column-gap: 24px; } @media all and (max-width: 1024px) { .grid .col.col-double { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } .grid .col.no-padding { padding-left: 0; padding-right: 0; } .grid .col.c0 { display: none; } .grid .col.c1 { display: block; -webkit-flex-basis: 8.3333333333%; -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .grid .col.c2 { display: block; -webkit-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .grid .col.c3 { display: block; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .grid .col.c4 { display: block; -webkit-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .grid .col.c5 { display: block; -webkit-flex-basis: 41.6666666667%; -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .grid .col.c6 { display: block; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .grid .col.c7 { display: block; -webkit-flex-basis: 58.3333333333%; -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .grid .col.c8 { display: block; -webkit-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .grid .col.c9 { display: block; -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .grid .col.c10 { display: block; -webkit-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .grid .col.c11 { display: block; -webkit-flex-basis: 91.6666666667%; -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .grid .col.c12 { display: block; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } @media all and (max-width: 639px) { .grid .col.c1 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .grid .col.c2 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .grid .col.c3 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .grid .col.c4 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .grid .col.c5 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .grid .col.c6 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .grid .col.c7 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .grid .col.c8 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .grid .col.c9 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .grid .col.c10 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .grid .col.c11 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .grid .col.c12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media all and (max-width: 1440px) { .grid .col.ds0 { display: none; } .grid .col.ds1 { display: block; -webkit-flex-basis: 8.3333333333%; -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .grid .col.ds2 { display: block; -webkit-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .grid .col.ds3 { display: block; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .grid .col.ds4 { display: block; -webkit-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .grid .col.ds5 { display: block; -webkit-flex-basis: 41.6666666667%; -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .grid .col.ds6 { display: block; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .grid .col.ds7 { display: block; -webkit-flex-basis: 58.3333333333%; -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .grid .col.ds8 { display: block; -webkit-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .grid .col.ds9 { display: block; -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .grid .col.ds10 { display: block; -webkit-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .grid .col.ds11 { display: block; -webkit-flex-basis: 91.6666666667%; -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .grid .col.ds12 { display: block; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media all and (max-width: 1024px) { .grid .col.t0 { display: none; } .grid .col.t1 { display: block; -webkit-flex-basis: 8.3333333333%; -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .grid .col.t2 { display: block; -webkit-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .grid .col.t3 { display: block; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .grid .col.t4 { display: block; -webkit-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .grid .col.t5 { display: block; -webkit-flex-basis: 41.6666666667%; -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .grid .col.t6 { display: block; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .grid .col.t7 { display: block; -webkit-flex-basis: 58.3333333333%; -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .grid .col.t8 { display: block; -webkit-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .grid .col.t9 { display: block; -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .grid .col.t10 { display: block; -webkit-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .grid .col.t11 { display: block; -webkit-flex-basis: 91.6666666667%; -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .grid .col.t12 { display: block; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media all and (max-width: 959px) { .grid .col.ts0 { display: none; } .grid .col.ts1 { display: block; -webkit-flex-basis: 8.3333333333%; -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .grid .col.ts2 { display: block; -webkit-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .grid .col.ts3 { display: block; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .grid .col.ts4 { display: block; -webkit-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .grid .col.ts5 { display: block; -webkit-flex-basis: 41.6666666667%; -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .grid .col.ts6 { display: block; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .grid .col.ts7 { display: block; -webkit-flex-basis: 58.3333333333%; -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .grid .col.ts8 { display: block; -webkit-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .grid .col.ts9 { display: block; -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .grid .col.ts10 { display: block; -webkit-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .grid .col.ts11 { display: block; -webkit-flex-basis: 91.6666666667%; -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .grid .col.ts12 { display: block; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media all and (max-width: 639px) { .grid .col.m0 { display: none; } .grid .col.m1 { display: block; -webkit-flex-basis: 8.3333333333%; -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .grid .col.m2 { display: block; -webkit-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .grid .col.m3 { display: block; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .grid .col.m4 { display: block; -webkit-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .grid .col.m5 { display: block; -webkit-flex-basis: 41.6666666667%; -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .grid .col.m6 { display: block; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .grid .col.m7 { display: block; -webkit-flex-basis: 58.3333333333%; -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .grid .col.m8 { display: block; -webkit-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .grid .col.m9 { display: block; -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .grid .col.m10 { display: block; -webkit-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .grid .col.m11 { display: block; -webkit-flex-basis: 91.6666666667%; -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .grid .col.m12 { display: block; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media all and (max-width: 375px) { .grid .col.ms0 { display: none; } .grid .col.ms1 { display: block; -webkit-flex-basis: 8.3333333333%; -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .grid .col.ms2 { display: block; -webkit-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .grid .col.ms3 { display: block; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .grid .col.ms4 { display: block; -webkit-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .grid .col.ms5 { display: block; -webkit-flex-basis: 41.6666666667%; -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .grid .col.ms6 { display: block; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .grid .col.ms7 { display: block; -webkit-flex-basis: 58.3333333333%; -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .grid .col.ms8 { display: block; -webkit-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .grid .col.ms9 { display: block; -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .grid .col.ms10 { display: block; -webkit-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .grid .col.ms11 { display: block; -webkit-flex-basis: 91.6666666667%; -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .grid .col.ms12 { display: block; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } .grid .col.text { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; max-width: 764px; } .grid .col.text.text-left { margin-left: 0; } .grid .col.text.text-center { margin: 0 auto; } .grid .col.text.text-right { margin-left: auto; } @media all and (max-width: 1440px) { .grid .col.text.desktop-scaled-text-left { margin-left: 0; } .grid .col.text.desktop-scaled-text-center { margin: 0 auto; } .grid .col.text.desktop-scaled-text-right { margin-left: auto; } } @media all and (max-width: 1024px) { .grid .col.text.tablet-text-left { margin-left: 0; } .grid .col.text.tablet-text-center { margin: 0 auto; } .grid .col.text.tablet-text-right { margin-left: auto; } } @media all and (max-width: 959px) { .grid .col.text.tablet-small-text-left { margin-left: 0; } .grid .col.text.tablet-small-text-center { margin: 0 auto; } .grid .col.text.tablet-small-text-right { margin-left: auto; } } @media all and (max-width: 639px) { .grid .col.text.mobile-text-left { margin-left: 0; } .grid .col.text.mobile-text-center { margin: 0 auto; } .grid .col.text.mobile-text-right { margin-left: auto; } } @media all and (max-width: 375px) { .grid .col.text.mobile-small-text-left { margin-left: 0; } .grid .col.text.mobile-small-text-center { margin: 0 auto; } .grid .col.text.mobile-small-text-right { margin-left: auto; } } .grid .col[class*="vertical-"], .grid .col[class*="horizontal-"] { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .grid .col[class*="vertical-"] > img, .grid .col[class*="vertical-"] > svg, .grid .col[class*="horizontal-"] > img, .grid .col[class*="horizontal-"] > svg { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .grid .col.vertical-top { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -moz-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .grid .col.vertical-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -moz-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .grid .col.vertical-bottom { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -moz-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .grid .col.horizontal-left { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -moz-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .grid .col.horizontal-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -moz-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .grid .col.horizontal-right { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -moz-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } @media all and (max-width: 1440px) { .grid .col[class*="desktop-scaled-vertical-"], .grid .col[class*="desktop-scaled-horizontal-"] { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .grid .col.desktop-scaled-vertical-top { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -moz-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .grid .col.desktop-scaled-vertical-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -moz-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .grid .col.desktop-scaled-vertical-bottom { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -moz-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .grid .col.desktop-scaled-horizontal-left { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -moz-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .grid .col.desktop-scaled-horizontal-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -moz-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .grid .col.desktop-scaled-horizontal-right { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -moz-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } } @media all and (max-width: 1024px) { .grid .col[class*="tablet-vertical-"], .grid .col[class*="tablet-horizontal-"] { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .grid .col.tablet-vertical-top { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -moz-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .grid .col.tablet-vertical-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -moz-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .grid .col.tablet-vertical-bottom { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -moz-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .grid .col.tablet-horizontal-left { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -moz-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .grid .col.tablet-horizontal-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -moz-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .grid .col.tablet-horizontal-right { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -moz-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } } @media all and (max-width: 959px) { .grid .col[class*="tablet-small-vertical-"], .grid .col[class*="tablet-small-horizontal-"] { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .grid .col.tablet-small-vertical-top { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -moz-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .grid .col.tablet-small-vertical-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -moz-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .grid .col.tablet-small-vertical-bottom { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -moz-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .grid .col.tablet-small-horizontal-left { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -moz-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .grid .col.tablet-small-horizontal-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -moz-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .grid .col.tablet-small-horizontal-right { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -moz-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } } @media all and (max-width: 639px) { .grid .col[class*="mobile-vertical-"], .grid .col[class*="mobile-horizontal-"] { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .grid .col.mobile-vertical-top { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -moz-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .grid .col.mobile-vertical-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -moz-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .grid .col.mobile-vertical-bottom { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -moz-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .grid .col.mobile-horizontal-left { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -moz-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .grid .col.mobile-horizontal-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -moz-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .grid .col.mobile-horizontal-right { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -moz-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } } @media all and (max-width: 375px) { .grid .col[class*="mobile-small-vertical-"], .grid .col[class*="mobile-small-horizontal-"] { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .grid .col.mobile-small-vertical-top { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -moz-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .grid .col.mobile-small-vertical-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -moz-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .grid .col.mobile-small-vertical-bottom { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -moz-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .grid .col.mobile-small-horizontal-left { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -moz-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .grid .col.mobile-small-horizontal-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -moz-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .grid .col.mobile-small-horizontal-right { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -moz-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } } .grid.row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .grid.column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } @media all and (max-width: 1440px) { .grid.desktop-scaled-row-regular { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .grid.desktop-scaled-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .grid.desktop-scaled-column-regular { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .grid.desktop-scaled-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media all and (max-width: 1024px) { .grid.tablet-row-regular { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .grid.tablet-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .grid.tablet-column-regular { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .grid.tablet-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media all and (max-width: 959px) { .grid.tablet-small-row-regular { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .grid.tablet-small-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .grid.tablet-small-column-regular { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .grid.tablet-small-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media all and (max-width: 639px) { .grid.mobile-row-regular { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .grid.mobile-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .grid.mobile-column-regular { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .grid.mobile-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media all and (max-width: 375px) { .grid.mobile-small-row-regular { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .grid.mobile-small-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .grid.mobile-small-column-regular { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .grid.mobile-small-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } @media all and (max-width: 1440px) { .desktop-scaled-align-left { text-align: left; } .desktop-scaled-align-center { text-align: center; } .desktop-scaled-align-right { text-align: right; } } @media all and (max-width: 1024px) { .tablet-align-left { text-align: left; } .tablet-align-center { text-align: center; } .tablet-align-right { text-align: right; } } @media all and (max-width: 959px) { .tablet-small-align-left { text-align: left; } .tablet-small-align-center { text-align: center; } .tablet-small-align-right { text-align: right; } } @media all and (max-width: 639px) { .mobile-align-left { text-align: left; } .mobile-align-center { text-align: center; } .mobile-align-right { text-align: right; } } @media all and (max-width: 375px) { .mobile-small-align-left { text-align: left; } .mobile-small-align-center { text-align: center; } .mobile-small-align-right { text-align: right; } } .mt-none { margin-top: 0 !important; } .mb-none { margin-bottom: 0 !important; } .pt-none { padding-top: 0 !important; } .pb-none { padding-bottom: 0 !important; } .mt-xxs { margin-top: 8px !important; } .mb-xxs { margin-bottom: 8px !important; } .pt-xxs { padding-top: 8px !important; } .pb-xxs { padding-bottom: 8px !important; } .mt-xs { margin-top: 16px !important; } .mb-xs { margin-bottom: 16px !important; } .pt-xs { padding-top: 16px !important; } .pb-xs { padding-bottom: 16px !important; } .mt-s { margin-top: 24px !important; } .mb-s { margin-bottom: 24px !important; } .pt-s { padding-top: 24px !important; } .pb-s { padding-bottom: 24px !important; } .mt-m { margin-top: 32px !important; } .mb-m { margin-bottom: 32px !important; } .pt-m { padding-top: 32px !important; } .pb-m { padding-bottom: 32px !important; } .mt-l { margin-top: 40px !important; } .mb-l { margin-bottom: 40px !important; } .pt-l { padding-top: 40px !important; } .pb-l { padding-bottom: 40px !important; } .mt-xl { margin-top: 80px !important; } .mb-xl { margin-bottom: 80px !important; } .pt-xl { padding-top: 80px !important; } .pb-xl { padding-bottom: 80px !important; } .mt-xxl { margin-top: 120px !important; } .mb-xxl { margin-bottom: 120px !important; } .pt-xxl { padding-top: 120px !important; } .pb-xxl { padding-bottom: 120px !important; } @media all and (max-width: 1440px) { .mt-xxs { margin-top: 8px !important; } .mb-xxs { margin-bottom: 8px !important; } .pt-xxs { padding-top: 8px !important; } .pb-xxs { padding-bottom: 8px !important; } .mt-xs { margin-top: 8px !important; } .mb-xs { margin-bottom: 8px !important; } .pt-xs { padding-top: 8px !important; } .pb-xs { padding-bottom: 8px !important; } .mt-s { margin-top: 16px !important; } .mb-s { margin-bottom: 16px !important; } .pt-s { padding-top: 16px !important; } .pb-s { padding-bottom: 16px !important; } .mt-m { margin-top: 24px !important; } .mb-m { margin-bottom: 24px !important; } .pt-m { padding-top: 24px !important; } .pb-m { padding-bottom: 24px !important; } .mt-l { margin-top: 32px !important; } .mb-l { margin-bottom: 32px !important; } .pt-l { padding-top: 32px !important; } .pb-l { padding-bottom: 32px !important; } .mt-xl { margin-top: 40px !important; } .mb-xl { margin-bottom: 40px !important; } .pt-xl { padding-top: 40px !important; } .pb-xl { padding-bottom: 40px !important; } .mt-xxl { margin-top: 80px !important; } .mb-xxl { margin-bottom: 80px !important; } .pt-xxl { padding-top: 80px !important; } .pb-xxl { padding-bottom: 80px !important; } .desktop-scaled-mt-xxs { margin-top: 8px !important; } .desktop-scaled-mb-xxs { margin-bottom: 8px !important; } .desktop-scaled-pt-xxs { padding-top: 8px !important; } .desktop-scaled-pb-xxs { padding-bottom: 8px !important; } .desktop-scaled-mt-xs { margin-top: 8px !important; } .desktop-scaled-mb-xs { margin-bottom: 8px !important; } .desktop-scaled-pt-xs { padding-top: 8px !important; } .desktop-scaled-pb-xs { padding-bottom: 8px !important; } .desktop-scaled-mt-s { margin-top: 16px !important; } .desktop-scaled-mb-s { margin-bottom: 16px !important; } .desktop-scaled-pt-s { padding-top: 16px !important; } .desktop-scaled-pb-s { padding-bottom: 16px !important; } .desktop-scaled-mt-m { margin-top: 24px !important; } .desktop-scaled-mb-m { margin-bottom: 24px !important; } .desktop-scaled-pt-m { padding-top: 24px !important; } .desktop-scaled-pb-m { padding-bottom: 24px !important; } .desktop-scaled-mt-l { margin-top: 32px !important; } .desktop-scaled-mb-l { margin-bottom: 32px !important; } .desktop-scaled-pt-l { padding-top: 32px !important; } .desktop-scaled-pb-l { padding-bottom: 32px !important; } .desktop-scaled-mt-xl { margin-top: 40px !important; } .desktop-scaled-mb-xl { margin-bottom: 40px !important; } .desktop-scaled-pt-xl { padding-top: 40px !important; } .desktop-scaled-pb-xl { padding-bottom: 40px !important; } .desktop-scaled-mt-xxl { margin-top: 80px !important; } .desktop-scaled-mb-xxl { margin-bottom: 80px !important; } .desktop-scaled-pt-xxl { padding-top: 80px !important; } .desktop-scaled-pb-xxl { padding-bottom: 80px !important; } } @media all and (max-width: 1024px) { .mt-none { margin-top: 0 !important; } .mb-none { margin-bottom: 0 !important; } .pt-none { padding-top: 0 !important; } .pb-none { padding-bottom: 0 !important; } .mt-xxs { margin-top: 8px !important; } .mb-xxs { margin-bottom: 8px !important; } .pt-xxs { padding-top: 8px !important; } .pb-xxs { padding-bottom: 8px !important; } .mt-xs { margin-top: 8px !important; } .mb-xs { margin-bottom: 8px !important; } .pt-xs { padding-top: 8px !important; } .pb-xs { padding-bottom: 8px !important; } .mt-s { margin-top: 16px !important; } .mb-s { margin-bottom: 16px !important; } .pt-s { padding-top: 16px !important; } .pb-s { padding-bottom: 16px !important; } .mt-m { margin-top: 24px !important; } .mb-m { margin-bottom: 24px !important; } .pt-m { padding-top: 24px !important; } .pb-m { padding-bottom: 24px !important; } .mt-l { margin-top: 32px !important; } .mb-l { margin-bottom: 32px !important; } .pt-l { padding-top: 32px !important; } .pb-l { padding-bottom: 32px !important; } .mt-xl { margin-top: 40px !important; } .mb-xl { margin-bottom: 40px !important; } .pt-xl { padding-top: 40px !important; } .pb-xl { padding-bottom: 40px !important; } .mt-xxl { margin-top: 80px !important; } .mb-xxl { margin-bottom: 80px !important; } .pt-xxl { padding-top: 80px !important; } .pb-xxl { padding-bottom: 80px !important; } .tablet-mt-none { margin-top: 0 !important; } .tablet-mb-none { margin-bottom: 0 !important; } .tablet-pt-none { padding-top: 0 !important; } .tablet-pb-none { padding-bottom: 0 !important; } .tablet-mt-xxs { margin-top: 8px !important; } .tablet-mb-xxs { margin-bottom: 8px !important; } .tablet-pt-xxs { padding-top: 8px !important; } .tablet-pb-xxs { padding-bottom: 8px !important; } .tablet-mt-xs { margin-top: 8px !important; } .tablet-mb-xs { margin-bottom: 8px !important; } .tablet-pt-xs { padding-top: 8px !important; } .tablet-pb-xs { padding-bottom: 8px !important; } .tablet-mt-s { margin-top: 16px !important; } .tablet-mb-s { margin-bottom: 16px !important; } .tablet-pt-s { padding-top: 16px !important; } .tablet-pb-s { padding-bottom: 16px !important; } .tablet-mt-m { margin-top: 24px !important; } .tablet-mb-m { margin-bottom: 24px !important; } .tablet-pt-m { padding-top: 24px !important; } .tablet-pb-m { padding-bottom: 24px !important; } .tablet-mt-l { margin-top: 32px !important; } .tablet-mb-l { margin-bottom: 32px !important; } .tablet-pt-l { padding-top: 32px !important; } .tablet-pb-l { padding-bottom: 32px !important; } .tablet-mt-xl { margin-top: 40px !important; } .tablet-mb-xl { margin-bottom: 40px !important; } .tablet-pt-xl { padding-top: 40px !important; } .tablet-pb-xl { padding-bottom: 40px !important; } .tablet-mt-xxl { margin-top: 80px !important; } .tablet-mb-xxl { margin-bottom: 80px !important; } .tablet-pt-xxl { padding-top: 80px !important; } .tablet-pb-xxl { padding-bottom: 80px !important; } } @media all and (max-width: 639px) { .mt-none { margin-top: 0 !important; } .mb-none { margin-bottom: 0 !important; } .pt-none { padding-top: 0 !important; } .pb-none { padding-bottom: 0 !important; } .mt-xxs { margin-top: 8px !important; } .mb-xxs { margin-bottom: 8px !important; } .pt-xxs { padding-top: 8px !important; } .pb-xxs { padding-bottom: 8px !important; } .mt-xs { margin-top: 8px !important; } .mb-xs { margin-bottom: 8px !important; } .pt-xs { padding-top: 8px !important; } .pb-xs { padding-bottom: 8px !important; } .mt-s { margin-top: 16px !important; } .mb-s { margin-bottom: 16px !important; } .pt-s { padding-top: 16px !important; } .pb-s { padding-bottom: 16px !important; } .mt-m { margin-top: 24px !important; } .mb-m { margin-bottom: 24px !important; } .pt-m { padding-top: 24px !important; } .pb-m { padding-bottom: 24px !important; } .mt-l { margin-top: 32px !important; } .mb-l { margin-bottom: 32px !important; } .pt-l { padding-top: 32px !important; } .pb-l { padding-bottom: 32px !important; } .mt-xl { margin-top: 40px !important; } .mb-xl { margin-bottom: 40px !important; } .pt-xl { padding-top: 40px !important; } .pb-xl { padding-bottom: 40px !important; } .mt-xxl { margin-top: 80px !important; } .mb-xxl { margin-bottom: 80px !important; } .pt-xxl { padding-top: 80px !important; } .pb-xxl { padding-bottom: 80px !important; } .mobile-mt-none { margin-top: 0 !important; } .mobile-mb-none { margin-bottom: 0 !important; } .mobile-pt-none { padding-top: 0 !important; } .mobile-pb-none { padding-bottom: 0 !important; } .mobile-mt-xxs { margin-top: 8px !important; } .mobile-mb-xxs { margin-bottom: 8px !important; } .mobile-pt-xxs { padding-top: 8px !important; } .mobile-pb-xxs { padding-bottom: 8px !important; } .mobile-mt-xs { margin-top: 8px !important; } .mobile-mb-xs { margin-bottom: 8px !important; } .mobile-pt-xs { padding-top: 8px !important; } .mobile-pb-xs { padding-bottom: 8px !important; } .mobile-mt-s { margin-top: 16px !important; } .mobile-mb-s { margin-bottom: 16px !important; } .mobile-pt-s { padding-top: 16px !important; } .mobile-pb-s { padding-bottom: 16px !important; } .mobile-mt-m { margin-top: 24px !important; } .mobile-mb-m { margin-bottom: 24px !important; } .mobile-pt-m { padding-top: 24px !important; } .mobile-pb-m { padding-bottom: 24px !important; } .mobile-mt-l { margin-top: 32px !important; } .mobile-mb-l { margin-bottom: 32px !important; } .mobile-pt-l { padding-top: 32px !important; } .mobile-pb-l { padding-bottom: 32px !important; } .mobile-mt-xl { margin-top: 40px !important; } .mobile-mb-xl { margin-bottom: 40px !important; } .mobile-pt-xl { padding-top: 40px !important; } .mobile-pb-xl { padding-bottom: 40px !important; } .mobile-mt-xxl { margin-top: 80px !important; } .mobile-mb-xxl { margin-bottom: 80px !important; } .mobile-pt-xxl { padding-top: 80px !important; } .mobile-pb-xxl { padding-bottom: 80px !important; } } html { font-size: 0.625rem; } body { font-family: Inter; } h1, h2, h3, h4, h5, h6, .like-h1, .like-h2, .like-h3, .like-h4, .like-h5, .like-h6 { display: block; font-family: SohoGothicPro; line-height: 1; font-weight: 900; } h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h1 + .like-h1, h1 + .like-h2, h1 + .like-h3, h1 + .like-h4, h1 + .like-h5, h1 + .like-h6, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h2 + .like-h1, h2 + .like-h2, h2 + .like-h3, h2 + .like-h4, h2 + .like-h5, h2 + .like-h6, h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h3 + .like-h1, h3 + .like-h2, h3 + .like-h3, h3 + .like-h4, h3 + .like-h5, h3 + .like-h6, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, h4 + .like-h1, h4 + .like-h2, h4 + .like-h3, h4 + .like-h4, h4 + .like-h5, h4 + .like-h6, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, h5 + .like-h1, h5 + .like-h2, h5 + .like-h3, h5 + .like-h4, h5 + .like-h5, h5 + .like-h6, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6, h6 + .like-h1, h6 + .like-h2, h6 + .like-h3, h6 + .like-h4, h6 + .like-h5, h6 + .like-h6, .like-h1 + h1, .like-h1 + h2, .like-h1 + h3, .like-h1 + h4, .like-h1 + h5, .like-h1 + h6, .like-h1 + .like-h1, .like-h1 + .like-h2, .like-h1 + .like-h3, .like-h1 + .like-h4, .like-h1 + .like-h5, .like-h1 + .like-h6, .like-h2 + h1, .like-h2 + h2, .like-h2 + h3, .like-h2 + h4, .like-h2 + h5, .like-h2 + h6, .like-h2 + .like-h1, .like-h2 + .like-h2, .like-h2 + .like-h3, .like-h2 + .like-h4, .like-h2 + .like-h5, .like-h2 + .like-h6, .like-h3 + h1, .like-h3 + h2, .like-h3 + h3, .like-h3 + h4, .like-h3 + h5, .like-h3 + h6, .like-h3 + .like-h1, .like-h3 + .like-h2, .like-h3 + .like-h3, .like-h3 + .like-h4, .like-h3 + .like-h5, .like-h3 + .like-h6, .like-h4 + h1, .like-h4 + h2, .like-h4 + h3, .like-h4 + h4, .like-h4 + h5, .like-h4 + h6, .like-h4 + .like-h1, .like-h4 + .like-h2, .like-h4 + .like-h3, .like-h4 + .like-h4, .like-h4 + .like-h5, .like-h4 + .like-h6, .like-h5 + h1, .like-h5 + h2, .like-h5 + h3, .like-h5 + h4, .like-h5 + h5, .like-h5 + h6, .like-h5 + .like-h1, .like-h5 + .like-h2, .like-h5 + .like-h3, .like-h5 + .like-h4, .like-h5 + .like-h5, .like-h5 + .like-h6, .like-h6 + h1, .like-h6 + h2, .like-h6 + h3, .like-h6 + h4, .like-h6 + h5, .like-h6 + h6, .like-h6 + .like-h1, .like-h6 + .like-h2, .like-h6 + .like-h3, .like-h6 + .like-h4, .like-h6 + .like-h5, .like-h6 + .like-h6 { margin-top: .5em; } h1 + p, h1 + .like-p, h1 + ul, h1 + ol, h2 + p, h2 + .like-p, h2 + ul, h2 + ol, h3 + p, h3 + .like-p, h3 + ul, h3 + ol, h4 + p, h4 + .like-p, h4 + ul, h4 + ol, h5 + p, h5 + .like-p, h5 + ul, h5 + ol, h6 + p, h6 + .like-p, h6 + ul, h6 + ol, .like-h1 + p, .like-h1 + .like-p, .like-h1 + ul, .like-h1 + ol, .like-h2 + p, .like-h2 + .like-p, .like-h2 + ul, .like-h2 + ol, .like-h3 + p, .like-h3 + .like-p, .like-h3 + ul, .like-h3 + ol, .like-h4 + p, .like-h4 + .like-p, .like-h4 + ul, .like-h4 + ol, .like-h5 + p, .like-h5 + .like-p, .like-h5 + ul, .like-h5 + ol, .like-h6 + p, .like-h6 + .like-p, .like-h6 + ul, .like-h6 + ol { margin-top: 1em; } h1, .like-h1 { line-height: 1.13; letter-spacing: -0.8px; } @media all and (max-width: 639px) { h1, .like-h1 { line-height: 1.17; letter-spacing: -0.6px; } } h2, .like-h2 { line-height: 1.13; letter-spacing: -0.8px; } @media all and (max-width: 639px) { h2, .like-h2 { line-height: 1.14; letter-spacing: -0.47px; } } h3, .like-h3 { line-height: 1.25; letter-spacing: -0.8px; } @media all and (max-width: 639px) { h3, .like-h3 { line-height: 1.25; letter-spacing: -0.6px; } } h4, .like-h4 { line-height: 1.25; letter-spacing: -0.8px; } @media all and (max-width: 639px) { h4, .like-h4 { line-height: 1.25; letter-spacing: -0.67px; } } h5, .like-h5 { line-height: 1.3; letter-spacing: -0.6px; } @media all and (max-width: 639px) { h5, .like-h5 { line-height: 1.33; letter-spacing: -0.6px; } } h6, .like-h6 { line-height: 1.5; letter-spacing: -0.3px; } @media all and (max-width: 639px) { h6, .like-h6 { line-height: 1.5; letter-spacing: -0.3px; } } p, .like-p, ul, ol { line-height: 1.54; } p + p, p + .like-p, p + ul, p + ol, .like-p + p, .like-p + .like-p, .like-p + ul, .like-p + ol, ul + p, ul + .like-p, ul + ul, ul + ol, ol + p, ol + .like-p, ol + ul, ol + ol { margin-top: 1em; } p + h1, p + h2, p + h3, p + h4, p + h5, p + h6, p + .like-h1, p + .like-h2, p + .like-h3, p + .like-h4, p + .like-h5, p + .like-h6, .like-p + h1, .like-p + h2, .like-p + h3, .like-p + h4, .like-p + h5, .like-p + h6, .like-p + .like-h1, .like-p + .like-h2, .like-p + .like-h3, .like-p + .like-h4, .like-p + .like-h5, .like-p + .like-h6, ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6, ul + .like-h1, ul + .like-h2, ul + .like-h3, ul + .like-h4, ul + .like-h5, ul + .like-h6, ol + h1, ol + h2, ol + h3, ol + h4, ol + h5, ol + h6, ol + .like-h1, ol + .like-h2, ol + .like-h3, ol + .like-h4, ol + .like-h5, ol + .like-h6 { margin-top: 1em; } a { color: #007179; } a:hover { color: #338d94; } main p a, main .like-p a { color: #007179; } main p a:not(.btn), main .like-p a:not(.btn) { position: relative; text-decoration: underline; text-underline-offset: 3px; /* &:after { content: ''; position: absolute; bottom: -4px; left: 50%; right: 0; width: 0; height: 2px; background-color: map-get($colors, petrol); transform: translateX(-50%); transition: width 0.25s; } &:hover:after { width: 100%; } */ } p em { font-style: italic; } b, strong, .weight-bold { font-weight: 900; } .weight-normal { font-weight: normal; } ul.square { list-style-type: square; padding-left: 1em; } main ul:not(.plain) li { font-size: 1.6rem; margin-top: 8px; padding-left: -moz-calc(1rem + 8px); padding-left: calc(1rem + 8px); } @media all and (max-width: 639px) { main ul:not(.plain) li { font-size: 1.4rem; } } main ul:not(.plain) li:before { font-size: 1.2rem; content: '\f054' / ''; font-family: 'Font Awesome 6 Pro'; font-weight: 900; margin-top: 4px; margin-right: 8px; display: block; position: absolute; left: 0; padding-left: 12px; } .uppercase { text-transform: uppercase; } .cli-bar-message a.cli_settings_button { color: #007179 !important; background-color: unset !important; } .fa-kit.fa-kununu { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; transform-origin: right; } h1, .like-h1 { font-size: 6.4rem; } h2, .like-h2 { font-size: 4.8rem; } h3, .like-h3 { font-size: 3.2rem; } h4, .like-h4 { font-size: 2.4rem; } h5, .like-h5 { font-size: 2rem; } h6, .like-h6 { font-size: 1.6rem; } p { font-size: 1.6rem; } .like-p { font-size: 1.6rem; } ul { font-size: 1.6rem; } .size-lead { font-size: 1.8rem; } .size-small { font-size: 1.3rem; } @media all and (max-width: 1440px) { h1, .like-h1, .desktop-scaled-like-h1 { font-size: 4.8rem; } h2, .like-h2, .desktop-scaled-like-h2 { font-size: 2.8rem; } h3, .like-h3, .desktop-scaled-like-h3 { font-size: 2.4rem; } h4, .like-h4, .desktop-scaled-like-h4 { font-size: 2rem; } h5, .like-h5, .desktop-scaled-like-h5 { font-size: 1.8rem; } h6, .like-h6, .desktop-scaled-like-h6 { font-size: 1.6rem; } } @media all and (max-width: 1024px) { h1, .like-h1, .tablet-like-h1 { font-size: 4.8rem; } h2, .like-h2, .tablet-like-h2 { font-size: 2.8rem; } h3, .like-h3, .tablet-like-h3 { font-size: 2.4rem; } h4, .like-h4, .tablet-like-h4 { font-size: 2rem; } h5, .like-h5, .tablet-like-h5 { font-size: 1.8rem; } h6, .like-h6, .tablet-like-h6 { font-size: 1.6rem; } } @media all and (max-width: 639px) { h1, .like-h1, .mobile-like-h1 { font-size: 4.8rem; } h2, .like-h2, .mobile-like-h2 { font-size: 2.8rem; } h3, .like-h3, .mobile-like-h3 { font-size: 2.4rem; } h4, .like-h4, .mobile-like-h4 { font-size: 2rem; } h5, .like-h5, .mobile-like-h5 { font-size: 1.8rem; } h6, .like-h6, .mobile-like-h6 { font-size: 1.6rem; } p { font-size: 1.6rem; } .like-p { font-size: 1.6rem; } ul { font-size: 1.6rem; } .size-lead { font-size: 1.7rem; } .size-small { font-size: 1.3rem; } } .color-black { color: #000; } .background-black { background-color: #000; } .bb-black { border-bottom: 2px solid #000; } .color-white { color: #fff; } .background-white { background-color: #fff; } .bb-white { border-bottom: 2px solid #fff; } .color-petrol { color: #007179; } .background-petrol { background-color: #007179; } .bb-petrol { border-bottom: 2px solid #007179; } .color-petrol-80 { color: #338d94; } .background-petrol-80 { background-color: #338d94; } .bb-petrol-80 { border-bottom: 2px solid #338d94; } .color-light-petrol { color: #e5f0f1; } .background-light-petrol { background-color: #e5f0f1; } .bb-light-petrol { border-bottom: 2px solid #e5f0f1; } .color-light-grey { color: #e9e9e9; } .background-light-grey { background-color: #e9e9e9; } .bb-light-grey { border-bottom: 2px solid #e9e9e9; } .color-lighter-grey { color: #939393; } .background-lighter-grey { background-color: #939393; } .bb-lighter-grey { border-bottom: 2px solid #939393; } .color-medium-grey { color: #4d4d4d; } .background-medium-grey { background-color: #4d4d4d; } .bb-medium-grey { border-bottom: 2px solid #4d4d4d; } .color-dark-grey { color: #343434; } .background-dark-grey { background-color: #343434; } .bb-dark-grey { border-bottom: 2px solid #343434; } .color-orange { color: #eb6927; } .background-orange { background-color: #eb6927; } .bb-orange { border-bottom: 2px solid #eb6927; } .color-green { color: #5a854a; } .background-green { background-color: #5a854a; } .bb-green { border-bottom: 2px solid #5a854a; } .color-purple { color: #731647; } .background-purple { background-color: #731647; } .bb-purple { border-bottom: 2px solid #731647; } .color-gold { color: #b88e3e; } .background-gold { background-color: #b88e3e; } .bb-gold { border-bottom: 2px solid #b88e3e; } .color-beige { color: #b88e3e; } .background-beige { background-color: #b88e3e; } .bb-beige { border-bottom: 2px solid #b88e3e; } .color-yellow { color: #ffed00; } .background-yellow { background-color: #ffed00; } .bb-yellow { border-bottom: 2px solid #ffed00; } @font-face { font-family: "SohoGothicPro"; font-weight: 300; font-style: normal; font-display: swap; src: url(../font/SohoGothicPro-Regular.woff2) format("woff2"), url(../font/SohoGothicPro-Regular.woff) format("woff"), url(../font/SohoGothicPro-Regular.ttf) format("truetype"), url(../font/SohoGothicPro-Regular.svg#SohoGothicPro-Regular) format("svg"); } @font-face { font-family: "SohoGothicPro"; font-weight: 600; font-style: normal; font-display: swap; src: url(../font/SohoGothicPro-Medium.woff2) format("woff2"), url(../font/SohoGothicPro-Medium.woff) format("woff"), url(../font/SohoGothicPro-Medium.ttf) format("truetype"), url(../font/SohoGothicPro-Medium.svg#SohoGothicPro-Medium) format("svg"); } @font-face { font-family: "SohoGothicPro"; font-weight: 900; font-style: normal; font-display: swap; src: url(../font/SohoGothicPro-Bold.woff2) format("woff2"), url(../font/SohoGothicPro-Bold.woff) format("woff"), url(../font/SohoGothicPro-Bold.ttf) format("truetype"), url(../font/SohoGothicPro-Bold.svg#SohoGothicPro-Bold) format("svg"); } @font-face { font-family: "Inter"; font-weight: 300; font-style: normal; font-display: swap; src: url(../font/Inter-Regular.woff2) format("woff2"), url(../font/Inter-Regular.woff) format("woff"); } @font-face { font-family: "Inter"; font-weight: 600; font-style: normal; font-display: swap; src: url(../font/Inter-SemiBold.woff2) format("woff2"), url(../font/Inter-SemiBold.woff) format("woff"); } @font-face { font-family: "Inter"; font-weight: 900; font-style: normal; font-display: swap; src: url(../font/Inter-Bold.woff) format("woff2"), url(../font/Inter-Bold.woff2) format("woff"); } #window-height { width: 0; height: 100vh; position: absolute; right: -1px; } [data-concealed] { opacity: 0; -webkit-transition: opacity 1s cubic-bezier(0.25, 0.1, 0.25, 1); -moz-transition: opacity 1s cubic-bezier(0.25, 0.1, 0.25, 1); transition: opacity 1s cubic-bezier(0.25, 0.1, 0.25, 1); } [data-concealed][data-revealed] { opacity: 1; } .display-inline { display: inline; } .br-tl { border-top-left-radius: 120px; } @media all and (max-width: 639px) { .br-tl { border-top-left-radius: 80px; } } .br-tr { border-top-right-radius: 120px; } @media all and (max-width: 639px) { .br-tr { border-top-right-radius: 80px; } } .br-bl { border-bottom-left-radius: 120px; } @media all and (max-width: 639px) { .br-bl { border-bottom-left-radius: 80px; } } .br-br { border-bottom-right-radius: 120px; } @media all and (max-width: 639px) { .br-br { border-bottom-right-radius: 80px; } } .cropped { background: -moz-linear-gradient(bottom, #fff 0%, #ffffff 80px, #e5f0f1 80px, #e5f0f1 100%); background: linear-gradient(to top, #fff 0%, #ffffff 80px, #e5f0f1 80px, #e5f0f1 100%); } .box-shadow { -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.1); } body * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(245, 244, 242, 0.4); } body ::-moz-selection { color: #fff; background: rgba(0, 113, 121, 0.9); } body ::selection { color: #fff; background: rgba(0, 113, 121, 0.9); } * { scrollbar-width: thin; scrollbar-color: #007179 #e5f0f1; } *::-webkit-scrollbar { width: 12px; } *::-webkit-scrollbar-track { background: #e5f0f1; } *::-webkit-scrollbar-thumb { background-color: #007179; border-radius: 20px; border: 1px solid #fff; } .grecaptcha-badge { display: none !important; } .page-header { position: relative; width: 100%; height: 420px; } .page-header:hover .header-video:after { background-color: rgba(0, 0, 0, 0.6); } .page-header.background-petrol { background-color: #007179; } .page-header.background-light-petrol { background-color: #e5f0f1; } .page-header .content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 100%; } @media all and (max-width: 639px) { .page-header .content { pointer-events: none; } } .page-header .content .header-play-vid { position: absolute; bottom: 40px; left: 50%; -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .page-header .content .header-play-vid a { font-size: 1.3rem; font-weight: 600; letter-spacing: 1.1px; color: #fff; text-decoration: none; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .page-header .content .header-play-vid a svg { width: 48px; height: 48px; margin-right: 16px; } .page-header .content .header-play-vid a:hover span { border-bottom: 1px solid white; line-height: 24px; } .page-header .content .header-play-vid a:hover svg { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; } .page-header .header-video { position: relative; top: 0; left: 0; width: 100%; height: 420px; z-index: 0; overflow: hidden; } .page-header .header-video:after { display: block; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.47); pointer-events: none; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .page-header .header-video iframe, .page-header .header-video video, .page-header .header-video img { width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.77vh; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); pointer-events: none; } .page-header .header-video .video-controls { position: absolute; z-index: 100; left: 48px; bottom: 48px; } @media all and (max-width: 639px) { .page-header .header-video .video-controls { left: 24px; bottom: 24px; } } .page-header .header-video .video-controls button { width: 64px; aspect-ratio: 1; background-position: center; background-size: contain; background-repeat: no-repeat; margin: 0; padding: 0; background-color: transparent; border: none; border-radius: 50%; cursor: pointer; } .page-header .header-video .video-controls button.play { background-image: url('data:image/svg+xml;utf8,'); } .page-header .header-video .video-controls button.pause { background-image: url('data:image/svg+xml;utf8,'); } .page-header .header-video .video-controls button[aria-hidden="true"] { display: none; } .page-header .header-video img { height: auto !important; min-height: auto !important; } .page-header .header-video + .content { pointer-events: none; } .page-header.header-full-height { width: 100%; height: 100vh; } .page-header.header-full-height .content .header-play-vid { bottom: 80px; } .page-header.header-full-height .content h1 { font-size: 120px; font-weight: 300; line-height: 1.08; letter-spacing: 2px; } @media all and (max-width: 1024px) { .page-header.header-full-height .content h1 { font-size: 60px; } } @media all and (max-width: 639px) { .page-header.header-full-height .content h1 { font-size: 48px; } } .page-header.header-full-height .header-video { height: 100vh; } .page-header.header-auto { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; padding-top: 80px; padding-bottom: 40px; } .page-header.header-auto .content { position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; } footer section.awards .content { padding-top: 64px; padding-bottom: 24px; } footer section.awards .content ul li:nth-child(n+2) { margin-left: 48px; } footer section.awards img { max-height: 120px; width: auto; } footer section.awards .swiper-buttons { display: none; } footer section.navigation .content { padding: 40px 0; } footer section.navigation .content nav { width: inherit; } @media all and (max-width: 639px) { footer section.navigation .content nav ul { grid-row-gap: 40px; } } footer section.navigation .content nav .heading { font-size: 1.3rem; letter-spacing: 1.1px; font-weight: bold; color: #e9e9e9; } footer section.navigation .content nav .heading + ul { margin-top: 8px; } footer section.navigation .content nav .heading + ul li { padding: 4px 0; } footer section.navigation .content nav .heading + ul li a { color: #e9e9e9; text-decoration: none; } footer section.navigation .content nav .heading + ul li a:focus-visible { outline: 2px solid white; outline-offset: 3px; -webkit-box-shadow: none; box-shadow: none; } @media (hover: hover) { footer section.navigation .content nav .heading + ul li a:hover { text-decoration: underline; text-underline-offset: 3px; } } footer section.navigation .content nav .heading + ul li a.cli_settings_button { color: #e9e9e9 !important; background-color: transparent !important; text-decoration: none !important; } @media (hover: hover) { footer section.navigation .content nav .heading + ul li a.cli_settings_button:hover { text-decoration: underline !important; text-underline-offset: 3px !important; } } footer section.contact .content { padding: 16px 0; } footer section.contact .content .col.claim { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } @media all and (max-width: 1024px) { footer section.contact .content .col.claim { max-width: none; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } } footer section.contact .content .col.ims { width: auto; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; margin-left: auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; text-align: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } @media all and (max-width: 1024px) { footer section.contact .content .col.ims { margin-left: 0; margin-top: 2rem; } } @media all and (max-width: 639px) { footer section.contact .content .col.ims { max-width: none; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } } footer section.contact .content .col.ims img { max-height: 4.8rem; width: auto; } @media all and (max-width: 1080px) { footer section.contact .content .col.ims img { max-height: 4.2rem; } } @media all and (max-width: 639px) { footer section.contact .content .col.ims img { max-height: 4rem; } } footer section.contact .content .col.ims img + img { margin-left: 1.2rem; } footer section.contact .content .col.social { width: auto; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; margin-left: auto; } @media all and (max-width: 1024px) { footer section.contact .content .col.social { margin-top: 2rem; } } @media all and (max-width: 639px) { footer section.contact .content .col.social { max-width: none; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-align: center !important; -webkit-align-items: center !important; -moz-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } } footer section.contact .content nav ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } footer section.contact .content nav ul li { margin: 8px 16px; } footer section.contact .content nav ul li:last-child { margin-right: 0; } @media all and (max-width: 639px) { footer section.contact .content nav ul li { margin: 6px 16px; } footer section.contact .content nav ul li:last-child { margin-right: 16px; } } footer section.contact .content nav ul li a { display: block; line-height: 1; font-size: 3.6rem; color: #939393; position: relative; } footer section.contact .content nav ul li a:before { display: block; content: ''; position: absolute; width: -moz-calc(100% + 16px); width: calc(100% + 16px); height: -moz-calc(100% + 16px); height: calc(100% + 16px); left: -8px; top: -8px; } @media all and (max-width: 639px) { footer section.contact .content nav ul li a { font-size: 3rem; } } @media (hover: hover) { footer section.contact .content nav ul li a:hover { color: #e9e9e9; } } footer section + section { border-top: 1px solid #4d4d4d; } footer svg.logo { max-width: 190px; } @media all and (max-width: 639px) { footer svg.logo { margin-left: 12px; margin-bottom: 40px; } } footer section.bottom-row .content { padding: 0; } @media all and (max-width: 639px) { footer section.bottom-row .content { padding-left: 12px; padding-right: 12px; } } @media all and (max-width: 639px) { footer section.bottom-row .col.legal { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } } footer section.bottom-row .col.legal ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media all and (max-width: 639px) { footer section.bottom-row .col.legal ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media all and (max-width: 639px) { footer section.bottom-row .col.legal ul li { padding: 4px 0; } } footer section.bottom-row .col.legal ul li a { text-decoration: none; white-space: nowrap; color: #fff !important; background-color: transparent !important; } @media (hover: hover) { footer section.bottom-row .col.legal ul li a:hover { text-decoration: underline; } } footer section.bottom-row .col.legal ul li + li { margin-left: 32px; } @media all and (max-width: 639px) { footer section.bottom-row .col.legal ul li + li { margin-left: 0; } } a.btn, input.btn, button.btn, button { position: relative; display: inline-block; border: none; border-radius: 999px; font-family: inherit; font-size: 1.8rem; font-weight: bold; text-decoration: none; line-height: 1; vertical-align: top; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; cursor: pointer; } a.btn.btn-primary, input.btn.btn-primary, button.btn.btn-primary, button.btn-primary { background-color: #007179; color: #fff; display: inline-block; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; position: relative; overflow: hidden; z-index: 1; } a.btn.btn-primary[aria-disabled="true"], input.btn.btn-primary[aria-disabled="true"], button.btn.btn-primary[aria-disabled="true"], button.btn-primary[aria-disabled="true"] { cursor: not-allowed; background-color: #343434; } a.btn.btn-primary:after, input.btn.btn-primary:after, button.btn.btn-primary:after, button.btn-primary:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: -2; } a.btn.btn-primary:before, input.btn.btn-primary:before, button.btn.btn-primary:before, button.btn-primary:before { content: ''; position: absolute; bottom: 0; left: 0; width: 0%; height: 100%; background-color: rgba(255, 255, 255, 0.2); -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; z-index: -1; } @media (hover: hover) { a.btn.btn-primary:hover:before, input.btn.btn-primary:hover:before, button.btn.btn-primary:hover:before, button.btn-primary:hover:before { width: 100%; } } a.btn.btn-secondary, input.btn.btn-secondary, button.btn.btn-secondary, button.btn-secondary { -webkit-box-shadow: inset 0 0 0 2px #007179; box-shadow: inset 0 0 0 2px #007179; background-color: transparent; color: #007179; display: inline-block; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; position: relative; overflow: hidden; z-index: 1; } a.btn.btn-secondary:after, input.btn.btn-secondary:after, button.btn.btn-secondary:after, button.btn-secondary:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: -2; } a.btn.btn-secondary:before, input.btn.btn-secondary:before, button.btn.btn-secondary:before, button.btn-secondary:before { content: ''; position: absolute; bottom: 0; left: 0; width: 0%; height: 100%; background-color: #007179; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; z-index: -1; } a.btn.btn-secondary:hover, input.btn.btn-secondary:hover, button.btn.btn-secondary:hover, button.btn-secondary:hover { color: #fff !important; } a.btn.btn-secondary:hover:before, input.btn.btn-secondary:hover:before, button.btn.btn-secondary:hover:before, button.btn-secondary:hover:before { width: 100%; } a.btn.btn-small, input.btn.btn-small, button.btn.btn-small, button.btn-small { padding: 16px 24px; } a.btn.btn-large, input.btn.btn-large, button.btn.btn-large, button.btn-large { padding: 24px 32px; } .btn-details { font-size: 1.9rem !important; background: none; border: none; padding: 0; } .btn-details:after { font-size: 1.4rem; line-height: 1.6rem; vertical-align: bottom; content: '\f054' / ''; font-family: 'Font Awesome 6 Pro'; display: inline-block; margin-left: 8px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } @media (hover: hover) { .btn-details:hover:after { -webkit-transform: translateX(4px); -moz-transform: translateX(4px); -ms-transform: translateX(4px); transform: translateX(4px); } } .btn-details:focus-visible { outline-offset: 6px; } .carousel .swiper { position: static; } @media all and (max-width: 1024px) { .carousel .swiper-buttons { position: relative; max-width: 96px; margin-left: auto; height: 40px; margin-top: 18px; } } .carousel .swiper-buttons .swiper-button-disabled { opacity: 0; } @media all and (max-width: 1024px) { .carousel .swiper-buttons .swiper-button-disabled { opacity: 1; } } .carousel .swiper-buttons .swiper-button-next, .carousel .swiper-buttons .swiper-button-prev { color: #fff; background-color: #000; width: 64px; height: 64px; border-radius: 50%; -webkit-transition: opacity .25s ease-out; -moz-transition: opacity .25s ease-out; transition: opacity .25s ease-out; } .carousel .swiper-buttons .swiper-button-next:hover, .carousel .swiper-buttons .swiper-button-prev:hover { background-color: #007179; } .carousel .swiper-buttons .swiper-button-next:after, .carousel .swiper-buttons .swiper-button-prev:after { content: ''; } .carousel .swiper-buttons .swiper-button-next i, .carousel .swiper-buttons .swiper-button-prev i { position: absolute; font-size: 2.2rem; } @media all and (max-width: 1024px) { .carousel .swiper-buttons .swiper-button-next i, .carousel .swiper-buttons .swiper-button-prev i { font-size: 1.4rem; } } .carousel .swiper-buttons .swiper-button-next { right: 12px; -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } @media all and (max-width: 1024px) { .carousel .swiper-buttons .swiper-button-next { width: 40px; height: 40px; right: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; } } .carousel .swiper-buttons .swiper-button-prev { left: 12px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media all and (max-width: 1024px) { .carousel .swiper-buttons .swiper-button-prev { width: 40px; height: 40px; left: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; } } .carousel .overflow-visible { overflow: visible; } .carousel .overflow-visible .swiper-slide { -webkit-transition: opacity .25s ease-out; -moz-transition: opacity .25s ease-out; transition: opacity .25s ease-out; } .carousel .overflow-visible .swiper-slide:not(.swiper-slide-visible)[data-revealed] { opacity: .25; } .carousel .swiper-wrapper .swiper-slide .swiper-content { padding: 24px; } .carousel .swiper-button-disabled { opacity: 0; } .carousel.auto-width .swiper-slide { width: auto; } .carousel.event-carousel .image { background-size: cover; background-position: center; width: 100%; aspect-ratio: 600 / 400; overflow: hidden; } .carousel.event-carousel .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } @media all and (max-width: 1024px) { .carousel.event-carousel .swiper .swiper-buttons { display: none; } } .carousel.team-carousel .swiper .swiper-wrapper { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-left: auto; margin-right: auto; } @media all and (max-width: 639px) { .carousel.team-carousel .swiper-slide-next { opacity: .25; } } .carousel.team-carousel .team-con { padding: 24px 16px; background-color: #fff; } .carousel.team-carousel .team-con p { font-weight: 600; } .carousel.team-carousel .image { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; overflow: hidden; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .carousel.team-carousel .image img { width: 100%; aspect-ratio: 4 / 5; -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; overflow: hidden; } .carousel.team-carousel .image .plus { position: absolute; z-index: 10; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 32px; height: 32px; border: none; border-radius: 40px; background-color: #000; color: #fff; text-decoration: none; right: 16px; top: 16px; font-size: 1.6rem; } @media (hover: hover) { .carousel.team-carousel .image .plus:hover { background-color: #007179; } } .carousel.team-carousel .image .plus:focus-visible { outline: 2px solid #eb6927; background-color: #007179; } .carousel.team-carousel .image .team-quote { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; opacity: 0; position: absolute; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: rgba(0, 113, 121, 0.9); color: #fff; top: 0; left: 0; width: 100%; aspect-ratio: 4 / 5; font-size: 1.6rem; padding: 24px; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; } .carousel.team-carousel .image .team-quote i { font-size: 4.8rem; } .carousel.team-carousel .image .team-quote a, .carousel.team-carousel .image .team-quote a:hover { color: #fff; text-decoration: underline; text-underline-offset: 3px; } .carousel.team-carousel .image .team-quote.editor :first-child { margin-top: auto; } @media (hover: hover) { .carousel.audience-carousel .swiper-slide.swiper-slide-visible:hover .image { border-top-right-radius: 120px; } } @media all and (hover: hover) and (max-width: 1024px) { .carousel.audience-carousel .swiper-slide.swiper-slide-visible:hover .image { border-top-right-radius: 80px; } } .carousel.audience-carousel .audience-con { padding: 24px 16px; background-color: #fff; } .carousel.audience-carousel .image { position: relative; background-size: cover; background-position: center; padding-bottom: 56.48148148148148%; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .carousel.content-boxes-carousel .content-box { padding: 40px 24px; background-color: #fff; height: 100%; } .carousel.content-boxes-carousel .content-box i { font-size: 4.8rem; } .carousel .toggle-swiper-autoplay { width: 48px; height: 48px; background-color: #fff; border: none; border-radius: 50%; display: block; margin-left: auto; cursor: pointer; color: #fff; background-color: #000; } @media all and (max-width: 639px) { .carousel .toggle-swiper-autoplay { width: 40px; height: 40px; } } .carousel .toggle-swiper-autoplay.inverted { color: #000; background-color: #fff; } .carousel .toggle-swiper-autoplay.inactive { visibility: hidden; margin-top: 0 !important; } .carousel .toggle-swiper-autoplay[data-action="pause"] i[class*="fa-play"], .carousel .toggle-swiper-autoplay[data-action="play"] i[class*="fa-pause"] { display: none; } .carousel .toggle-swiper-autoplay i { pointer-events: none; } .country-switch { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media all and (max-width: 639px) { .country-switch { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 0; margin-bottom: 20px; } } @media all and (max-width: 639px) { .country-switch li { padding: 4px 0; } } .country-switch li a { display: inline-block; position: relative; color: #fff; text-decoration: none; padding-left: 2.75rem; white-space: nowrap; } .country-switch li a:before { display: block; content: ''; position: absolute; left: 0; top: 50%; width: 2rem; aspect-ratio: 5 / 4; background-size: cover; background-position: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .country-switch li a[data-country="at"]:before { background-image: url('data:image/svg+xml;utf8,'); } .country-switch li a[data-country="hu"]:before { background-image: url('data:image/svg+xml;utf8,'); } @media (hover: hover) { .country-switch li a:hover { text-decoration: underline; text-underline-offset: 3px; } } .country-switch li + li { margin-left: 32px; } @media all and (max-width: 639px) { .country-switch li + li { margin-left: 0; } } main .modal { all: unset; display: block; position: fixed; z-index: 600; left: 0; top: 0; width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } main .modal[aria-hidden='true'] { display: none; } main .modal[aria-hidden='true'] .dialog-overlay, main .modal[aria-hidden='true'] .content { opacity: 0; } main .modal.modal-editor { padding: 0; } @media all and (max-width: 639px) { main .modal.modal-editor .dialog-overlay { background-color: #007179; } } main .modal.modal-editor .content { padding-top: 40px; background-color: #007179; border-bottom-right-radius: 80px; } @media all and (max-width: 639px) { main .modal.modal-editor .content { background: transparent; width: 100%; height: 100%; max-height: 100%; padding: 96px 32px 32px; } } main .modal.modal-editor .content .quote-container * { color: #fff; } @media all and (max-width: 639px) { main .modal { width: 100%; height: 100%; max-height: 100%; left: 0; top: 0; padding: 96px 16px 16px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; } } main .modal .dialog-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75); opacity: 1; -webkit-transition: opacity .25s ease-out; -moz-transition: opacity .25s ease-out; transition: opacity .25s ease-out; } main .modal .content { width: -moz-calc(100% - (32px * 2)); width: calc(100% - (32px * 2)); max-width: 740px; max-height: -moz-calc(100vh - (32px * 2)); max-height: calc(100vh - (32px * 2)); position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 64px 40px 40px; background-color: #fff; overflow: auto; opacity: 1; -webkit-transition: opacity .25s ease-out; -moz-transition: opacity .25s ease-out; transition: opacity .25s ease-out; } main .modal i[class*="fa-"] { font-size: 48px; margin: 0 auto; display: block; text-align: center; } @media all and (max-width: 1024px) { main .modal i[class*="fa-"] { font-size: 36px; } } main .modal.modal-counterbox .heading { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } main .modal.modal-counterbox .heading i[class*="fa-"] { font-size: 36px; margin-top: 6px; text-align: right; -webkit-flex-basis: calc(50% - 60px); -ms-flex-preferred-size: calc(50% - 60px); flex-basis: -moz-calc(50% - 60px); flex-basis: calc(50% - 60px); max-width: -moz-calc(50% - 60px); max-width: calc(50% - 60px); padding-right: 10px; } main .modal.modal-counterbox .heading .headline-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; margin-left: 10px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } main .modal.modal-counterbox .heading .headline-wrapper .amount { -webkit-flex-basis: calc(50% + 60px); -ms-flex-preferred-size: calc(50% + 60px); flex-basis: -moz-calc(50% + 60px); flex-basis: calc(50% + 60px); max-width: -moz-calc(50% + 60px); max-width: calc(50% + 60px); font-size: 4.8rem; letter-spacing: -.6px; font-weight: bold; font-family: SohoGothicPro; white-space: nowrap; } main .modal.modal-counterbox .heading .headline-wrapper h2 { -webkit-flex-basis: calc(50% + 60px); -ms-flex-preferred-size: calc(50% + 60px); flex-basis: -moz-calc(50% + 60px); flex-basis: calc(50% + 60px); max-width: -moz-calc(50% + 60px); max-width: calc(50% + 60px); white-space: nowrap; } main .modal.modal-quote { padding: 0; } @media all and (max-width: 639px) { main .modal.modal-quote .dialog-overlay { background-color: #007179; } } main .modal.modal-quote .content { background-color: #007179; border-bottom-right-radius: 80px; } @media all and (max-width: 639px) { main .modal.modal-quote .content { background: transparent; width: 100%; height: 100%; max-height: 100%; padding: 96px 32px 32px; } } @media all and (max-width: 639px) { main .modal.modal-quote .quote-container { position: absolute; top: 50%; left: 32px; right: 32px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } main .modal.modal-quote .quote-container i[class*="fa"] { font-size: 48px; text-align: left; } main .modal.modal-quote .employee-name { margin-top: 32px; } @media all and (max-width: 639px) { main .modal.modal-quote .employee-name { position: absolute; left: 32px; right: 32px; bottom: 32px; } } main .modal.modal-quote button.close { background-color: #fff; } main .modal.modal-audience { padding: 0; } main .modal.modal-audience .image { padding-bottom: 45%; background-position: center; background-size: cover; } main .modal.modal-audience .text-wrapper { padding: 40px; } @media all and (max-width: 639px) { main .modal.modal-audience .text-wrapper { width: 100%; height: 100%; max-height: 100%; left: 0; top: 0; padding: 32px 16px 16px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; } } main .modal.modal-audience button.close { background-color: #fff; } main .modal.modal-video { max-width: 1342px; padding: 0; } main .modal.modal-video .content { padding-bottom: 56.25%; } main .modal.modal-video .content iframe, main .modal.modal-video .content video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } main .modal.modal-video button.close { right: 10px; top: 10px; } main .modal.show { pointer-events: all; opacity: 1; } main .modal button.close { position: absolute; right: 12px; top: 12px; font-size: 36px; border: none; background: none; padding: 24px; cursor: pointer; color: #000; border-radius: 0; background-color: #fff; } main .modal button.close:before { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -46%); -moz-transform: translate(-50%, -46%); -ms-transform: translate(-50%, -46%); transform: translate(-50%, -46%); } @media all and (max-width: 639px) { main .modal.modal-editor { background-color: rgba(0, 113, 121, 0.9); padding: 96px 32px 32px; } main .modal.modal-editor a { color: #fff; border-bottom: 1px solid #fff; font-weight: 900; } main .modal.modal-editor p { color: #fff; } main .modal.modal-editor .quote-container { position: absolute; top: 50%; left: 32px; right: 32px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } .image-composition { position: relative; } .image-composition img { position: absolute; height: auto; } .image-composition img:nth-child(1) { width: 86.36363636%; top: 0; right: 0; } .image-composition.image-count-1 { padding-bottom: 68.63636363%; } .image-composition.image-count-2 { padding-bottom: 75%; } .image-composition.image-count-2 img:nth-child(2) { width: 51.51515151%; bottom: 0; left: 0; } .image-composition.image-count-3 { padding-bottom: 90.90909090%; } .image-composition.image-count-3 img:nth-child(2) { width: 51.51515151%; top: 37.66666666%; left: 0; } .image-composition.image-count-3 img:nth-child(3) { width: 36.36363636%; bottom: 0; right: 6.06060606%; } section.jobs ul.job-list li article.job { position: relative; padding: 1.6rem 2.4rem; } section.jobs ul.job-list li article.job h2, section.jobs ul.job-list li article.job p { position: relative; z-index: 10; max-width: -moz-calc(100% - 4rem); max-width: calc(100% - 4rem); pointer-events: none; } section.jobs ul.job-list li article.job a { color: inherit; text-decoration: none; overflow: hidden; } section.jobs ul.job-list li article.job a:before { display: block; content: ''; position: absolute; left: 0; top: 0; width: -moz-calc(100% - 4px); width: calc(100% - 4px); height: -moz-calc(100% - 4px); height: calc(100% - 4px); border-radius: 0; -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.1); -webkit-transition: all .4s ease-in-out, outline 0s, outline-offset 0s; -moz-transition: all .4s ease-in-out, outline 0s, outline-offset 0s; transition: all .4s ease-in-out, outline 0s, outline-offset 0s; } section.jobs ul.job-list li article.job a:after { display: inline-block; content: '\f054' / ''; font-family: 'Font Awesome 6 Pro'; position: absolute; right: 2.4rem; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #007179; font-size: 2rem; line-height: 2rem; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } section.jobs ul.job-list li article.job a *, section.jobs ul.job-list li article.job a ~ * { -webkit-transition: color .4s ease-in-out; -moz-transition: color .4s ease-in-out; transition: color .4s ease-in-out; } section.jobs ul.job-list li article.job a:hover:before { border-radius: 0 4rem 0 0; background-color: #007179; } section.jobs ul.job-list li article.job a:hover:after { color: #fff; } section.jobs ul.job-list li article.job a:hover *, section.jobs ul.job-list li article.job a:hover ~ * { color: #fff !important; } section.jobs ul.job-list li article.job a:focus-visible { outline: none; } section.jobs ul.job-list li article.job a:focus-visible:before { border-radius: 0 4rem 0 0; outline: 2px solid #000; background-color: #007179; outline-offset: 2px; } section.jobs ul.job-list li article.job a:focus-visible:after { color: #fff; } section.jobs ul.job-list li article.job a:focus-visible *, section.jobs ul.job-list li article.job a:focus-visible ~ * { color: #fff !important; } section.jobs ul.job-list li + li { margin-top: 1.6rem; } section.jobs ul.job-list + button.load-more { display: none; margin-left: auto; margin-right: auto; } section.jobs ul.job-list + button.load-more.visible { display: block; } section.jobs ul.job-list + button.load-more[disabled] { opacity: .5; pointer-events: none; } .single-job .page-header, .single-job .job-static { z-index: 20; } .single-job h1 .gender { display: inline-block; margin-left: 12px; } .single-job .key-facts { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } @media all and (max-width: 639px) { .single-job .key-facts { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .single-job .key-facts li { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-bottom: 20px; -webkit-flex-basis: 32%; -ms-flex-preferred-size: 32%; flex-basis: 32%; max-width: 32%; } @media all and (max-width: 639px) { .single-job .key-facts li { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; padding-bottom: 12px; } .single-job .key-facts li + li { margin-top: 20px; } } .single-job .key-facts li:nth-child(1) { border-bottom: 2px solid #eb6927; } .single-job .key-facts li:nth-child(2) { border-bottom: 2px solid #5a854a; } .single-job .key-facts li:nth-child(3) { border-bottom: 2px solid #731647; } .single-job .key-facts li .label { display: inline-block; } .single-job .key-facts li .label i { display: inline-block; margin-left: 4px; } .single-job .key-facts li .value { display: inline-block; font-weight: 600; } .sol-counter .counter-con { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-weight: 900; } .sol-counter .counter-con .like-h1 { font-family: SohoGothicPro; white-space: nowrap; } .sol-counter .counter-con i { font-size: 4.8rem; margin-top: 12px; } @media all and (max-width: 639px) { .sol-counter .counter-con i { font-size: 3.6rem; } } header { position: fixed; z-index: 300; width: 100%; top: 0; left: 0; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } header:before { display: block; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); pointer-events: none; } body.single header, header.header-active { background: #fff; } body.single header:before, header.header-active:before { display: none; } body.single header .content a.logo, header.header-active .content a.logo { outline-color: #000; } body.single header .content a.logo .logo-black, header.header-active .content a.logo .logo-black { fill: #000; } body.single header .content i, header.header-active .content i { color: #007179; } body.single header .content .navigation-container nav ul li a, body.single header .content .navigation-container nav ul li button, header.header-active .content .navigation-container nav ul li a, header.header-active .content .navigation-container nav ul li button { color: #000; } body.single header .content .navigation-container nav ul li a.active, body.single header .content .navigation-container nav ul li a:hover, body.single header .content .navigation-container nav ul li button.active, body.single header .content .navigation-container nav ul li button:hover, header.header-active .content .navigation-container nav ul li a.active, header.header-active .content .navigation-container nav ul li a:hover, header.header-active .content .navigation-container nav ul li button.active, header.header-active .content .navigation-container nav ul li button:hover { color: #007179; } body.single header .lang-switch i, body.single header .lang-switch .lang-code, header.header-active .lang-switch i, header.header-active .lang-switch .lang-code { color: #000 !important; } header nav.skip-links { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; left: 12px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } header nav.skip-links a.btn { position: absolute; left: 0; z-index: 20; white-space: nowrap; -webkit-transition: none; -moz-transition: none; transition: none; } header nav.skip-links a.btn:not(:focus) { left: -9999px; } header .content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding-top: 24px; padding-bottom: 24px; } @media all and (max-width: 1119px) { header .content { background-color: #fff; padding: 12px 32px; } } @media all and (max-width: 639px) { header .content { padding: 12px 20px; } } header .content a.logo { display: block; width: 190px; z-index: 10; outline-offset: 6px; outline-color: #fff; -webkit-box-shadow: none; box-shadow: none; } @media all and (max-width: 1119px) { header .content a.logo { width: 117px; } header .content a.logo .logo-black { fill: #000; } } header .content .navigation-container { all: unset; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-left: auto; } header .content .navigation-container::-webkit-backdrop { background: transparent; } header .content .navigation-container::backdrop { background: transparent; } header .content .navigation-container > button.close { position: absolute; right: 32px; top: 12px; height: 40px; background-color: #fff; overflow: hidden; display: none; } header .content .navigation-container > button.close:after { display: block; content: ''; background: #fff; position: absolute; left: -4px; top: -4px; width: -moz-calc(100% + 8px); width: calc(100% + 8px); height: -moz-calc(100% + 8px); height: calc(100% + 8px); z-index: -1; } @media all and (max-width: 639px) { header .content .navigation-container > button.close { right: 20px; } } header .content .navigation-container > button.close .burger { margin-left: 6px; margin-right: 4px; } @media all and (max-width: 1119px) { header .content .navigation-container { position: fixed; left: 0; top: 0; width: 100%; max-height: 100%; overflow: auto; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; display: none; } header .content .navigation-container.navigation-container-desktop { display: none !important; } header .content .navigation-container.show { display: block; } header .content .navigation-container > button.close { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } } @media all and (min-width: 1120px) { header .content .navigation-container.navigation-container-mobile { display: none !important; } } header .content .navigation-container nav { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; } header .content .navigation-container nav.main-navigation ul li a, header .content .navigation-container nav.main-navigation ul li button { font-weight: bold; } @media all and (max-width: 1119px) { header .content .navigation-container nav.main-navigation { width: 100%; overflow: auto; padding-top: 32px; margin-top: 64px; background-color: #fff; } header .content .navigation-container nav.main-navigation > ul > li:last-child { padding-bottom: 48px; } } header .content .navigation-container nav.social-navigation { margin-left: 10px; } @media all and (max-width: 1119px) { header .content .navigation-container nav.social-navigation { display: none; } } header .content .navigation-container nav.social-navigation ul li { padding: 0 8px; } header .content .navigation-container nav.social-navigation ul li a { display: block; font-size: 2.4rem; padding: 2px; -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .25s ease-out; transition: -webkit-transform .25s ease-out; -moz-transition: transform .25s ease-out, -moz-transform .25s ease-out; transition: transform .25s ease-out; transition: transform .25s ease-out, -webkit-transform .25s ease-out, -moz-transform .25s ease-out; will-change: transform; } @media (hover: hover) { header .content .navigation-container nav.social-navigation ul li a:hover { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } } header .content .navigation-container nav ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } @media all and (max-width: 1119px) { header .content .navigation-container nav ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; } } header .content .navigation-container nav ul li { position: relative; padding: 0 10px; } @media all and (max-width: 1119px) { header .content .navigation-container nav ul li { padding: 0; width: 100%; } } header .content .navigation-container nav ul li a, header .content .navigation-container nav ul li button { background: transparent; border: none; font-size: 1.8rem; text-decoration: none; color: #fff; padding: 10px; } @media all and (max-width: 1119px) { header .content .navigation-container nav ul li a, header .content .navigation-container nav ul li button { display: block; color: #000; padding: 16px 20px; } } header .content .navigation-container nav ul li a[data-flyout]:after, header .content .navigation-container nav ul li button[data-flyout]:after { font-family: "Font Awesome 6 Pro"; display: inline-block; font-weight: normal; content: '\f078' / ''; margin-left: 8px; } header .content .navigation-container nav ul li a[data-flyout].active:after, header .content .navigation-container nav ul li button[data-flyout].active:after { content: '\f077'; } header .content .navigation-container nav ul li a[data-flyout].active + ul.flyout, header .content .navigation-container nav ul li button[data-flyout].active + ul.flyout { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } @media all and (max-width: 1119px) { header .content .navigation-container nav ul li a[data-flyout].active + ul.flyout, header .content .navigation-container nav ul li button[data-flyout].active + ul.flyout { background-color: #e5f0f1; } } header .content .navigation-container nav ul li ul.flyout { position: absolute; top: 52px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #fff; -webkit-box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.25); border-radius: 8px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 680px; max-width: -moz-calc(100vw - (32px * 2)); max-width: calc(100vw - (32px * 2)); display: none; } @media all and (max-width: 1119px) { header .content .navigation-container nav ul li ul.flyout { position: relative; top: 0; left: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; width: 100%; max-width: 100%; } } header .content .navigation-container nav ul li ul.flyout li { color: #000; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; padding: 8px; } @media all and (max-width: 1119px) { header .content .navigation-container nav ul li ul.flyout li { padding: 0; } } header .content .navigation-container nav ul li ul.flyout li a, header .content .navigation-container nav ul li ul.flyout li button { display: block; padding: 16px; color: #000; border-radius: 8px; } @media all and (max-width: 1119px) { header .content .navigation-container nav ul li ul.flyout li a, header .content .navigation-container nav ul li ul.flyout li button { padding: 16px 36px; } } header .content .navigation-container nav ul li ul.flyout li a:hover, header .content .navigation-container nav ul li ul.flyout li button:hover { color: #fff !important; background-color: #007179; } header .content .navigation-container nav ul li ul.flyout li a span, header .content .navigation-container nav ul li ul.flyout li button span { display: block; line-height: 1.5; } header .content .navigation-container nav ul li ul.flyout li a span.title, header .content .navigation-container nav ul li ul.flyout li button span.title { font-size: 1.6rem; } header .content .navigation-container nav ul li ul.flyout li a span.subline, header .content .navigation-container nav ul li ul.flyout li button span.subline { font-size: 1.3rem; font-weight: normal; margin-top: 8px; } @media all and (max-width: 1119px) { header .content .navigation-container nav ul li ul.flyout li a span.subline, header .content .navigation-container nav ul li ul.flyout li button span.subline { display: none; } } header .content .navigation-container.show + button.navigation-toggle .burger, header .content .navigation-container.show > button.close .burger { background-color: #fff; } header .content .navigation-container.show + button.navigation-toggle .burger:before, header .content .navigation-container.show > button.close .burger:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } header .content .navigation-container.show + button.navigation-toggle .burger:after, header .content .navigation-container.show > button.close .burger:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } header .content .lang-switch { font-size: 1.8rem; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; text-decoration: none; margin: 0 1rem; padding: 1rem; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } header .content .lang-switch .lang-code { padding-left: 8px; padding-top: 1px; } header .content .lang-switch i, header .content .lang-switch .lang-code { color: #fff; } header .content .lang-switch.lang-switch-mobile { display: none; } @media all and (max-width: 1119px) { header .content .lang-switch.lang-switch-desktop { display: none; } header .content .lang-switch.lang-switch-mobile { display: inherit; margin: 0 0 0 auto; } header .content .lang-switch.lang-switch-mobile i, header .content .lang-switch.lang-switch-mobile .lang-code { color: #000 !important; } header .content .lang-switch.lang-switch-mobile + button.navigation-toggle { margin-left: 1.6rem; } } header .content button.navigation-toggle { font-size: 1.3rem; font-weight: 600; text-transform: uppercase; letter-spacing: 1.1px; margin-left: auto; border: none; background: none; padding: 0; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color: #000; outline-offset: 6px; z-index: 10; cursor: pointer; border-radius: 12px; display: none; } @media all and (max-width: 1119px) { header .content button.navigation-toggle { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } } header .content button.navigation-toggle .burger { display: block; margin-left: 10px; width: 21px; height: 3px; background-color: #000; -webkit-transition: background-color .1s ease-out; -moz-transition: background-color .1s ease-out; transition: background-color .1s ease-out; } header .content button.navigation-toggle .burger:before { display: block; content: ''; width: 21px; height: 3px; margin-top: -7px; background-color: #000; -webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; -webkit-transition: -webkit-transform .25s ease-out; transition: -webkit-transform .25s ease-out; -moz-transition: transform .25s ease-out, -moz-transform .25s ease-out; transition: transform .25s ease-out; transition: transform .25s ease-out, -webkit-transform .25s ease-out, -moz-transform .25s ease-out; } header .content button.navigation-toggle .burger:after { display: block; content: ''; width: 21px; height: 3px; margin-top: 11px; background-color: #000; -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transition: -webkit-transform .25s ease-out; transition: -webkit-transform .25s ease-out; -moz-transition: transform .25s ease-out, -moz-transform .25s ease-out; transition: transform .25s ease-out; transition: transform .25s ease-out, -webkit-transform .25s ease-out, -moz-transform .25s ease-out; } body .header-curtain { position: fixed; z-index: 200; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75); opacity: 0; pointer-events: none; -webkit-transition: opacity .25s ease-out; -moz-transition: opacity .25s ease-out; transition: opacity .25s ease-out; } body .header-curtain.show { pointer-events: all; opacity: 1; } .article-teaser { position: relative; display: block; height: 100%; color: #000; text-decoration: none; } .article-teaser .image { background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; overflow: hidden; aspect-ratio: 320 / 240; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .article-teaser .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; overflow: hidden; } .article-teaser:hover, .article-teaser:focus-visible, .article-teaser:focus-within { border-top-right-radius: 120px; } @media all and (max-width: 1024px) { .article-teaser:hover, .article-teaser:focus-visible, .article-teaser:focus-within { border-top-right-radius: 80px; } } .article-teaser:hover .image, .article-teaser:focus-visible .image, .article-teaser:focus-within .image { border-top-right-radius: 120px; } @media all and (max-width: 1024px) { .article-teaser:hover .image, .article-teaser:focus-visible .image, .article-teaser:focus-within .image { border-top-right-radius: 80px; } } .article-teaser:hover .date-info, .article-teaser:hover .article-con, .article-teaser:focus-visible .date-info, .article-teaser:focus-visible .article-con, .article-teaser:focus-within .date-info, .article-teaser:focus-within .article-con { background-color: #007179; color: #fff; } .article-teaser .article-con { padding: 24px 16px; background-color: #fff; } .article-teaser .article-con .article-date { font-size: 1.3rem; font-weight: 600; letter-spacing: 1.1px; } .article-teaser .article-con h2 a { color: inherit; text-decoration: none; } .article-teaser .article-con h2 a:focus-visible { outline: none; -webkit-box-shadow: none; box-shadow: none; } .article-teaser .article-con h2 a:focus-visible:before { outline: 2px solid #000; outline-offset: 2px; border-top-right-radius: 120px; } @media all and (max-width: 1024px) { .article-teaser .article-con h2 a:focus-visible:before { border-top-right-radius: 80px; } } .article-teaser .article-con h2 a:before { display: block; content: ''; position: absolute; inset: 0; z-index: 1; } .article-teaser .date-info { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; background: #fff; top: 16px; left: 28px; width: 56px; height: 62px; z-index: 20; } .article-teaser .date-info span { font-weight: 600; text-transform: uppercase; } .article-teaser .date-info span:first-child { font-size: 2.4rem; } .article-teaser .date-info span:nth-child(2) { font-size: 1.3rem; } .locations .location-teaser { display: block; height: 100%; text-decoration: none; color: #000; } .locations .location-teaser:hover, .locations .location-teaser:focus-visible, .locations .location-teaser:focus-within { border-top-right-radius: 120px; } @media all and (max-width: 1024px) { .locations .location-teaser:hover, .locations .location-teaser:focus-visible, .locations .location-teaser:focus-within { border-top-right-radius: 80px; } } .locations .location-teaser:hover .image, .locations .location-teaser:focus-visible .image, .locations .location-teaser:focus-within .image { border-top-right-radius: 120px; } @media all and (max-width: 1024px) { .locations .location-teaser:hover .image, .locations .location-teaser:focus-visible .image, .locations .location-teaser:focus-within .image { border-top-right-radius: 80px; } } .locations .location-teaser:hover i, .locations .location-teaser:hover .location-con, .locations .location-teaser:focus-visible i, .locations .location-teaser:focus-visible .location-con, .locations .location-teaser:focus-within i, .locations .location-teaser:focus-within .location-con { background-color: #007179; color: #fff !important; } .locations .location-teaser .image { background-size: cover; background-position: center; width: 100%; aspect-ratio: 600 / 400; overflow: hidden; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .locations .location-teaser .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; overflow: hidden; } .locations .location-teaser .location-con { padding: 24px 16px; background-color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .locations .location-teaser .location-con i { font-size: 2.4rem; color: #007179; margin-left: auto; } .contact .image { background-size: cover; background-position: center; padding-bottom: 120.75471698113206%; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .contact .contact-con { padding: 24px 16px; background-color: #fff; } .contact .contact-social a { font-size: 3.2rem; margin-right: 24px; } section.branch-map .custom-map { display: block; width: 100%; margin: 0 auto; position: relative; } section.branch-map .custom-map img { width: 100%; } section.branch-map .custom-map .tooltip { display: block; position: absolute; } section.branch-map .custom-map .tooltip .tooltip-content { all: unset; position: absolute; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; min-width: 336px; background: #fff; padding: 40px; border-radius: 8px; -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; left: 50%; bottom: 0; -webkit-transform: translate(-50%, -40px); -moz-transform: translate(-50%, -40px); -ms-transform: translate(-50%, -40px); transform: translate(-50%, -40px); /* &.topen { opacity: 1; pointer-events: auto; } */ } section.branch-map .custom-map .tooltip .tooltip-content[aria-hidden='true'] { display: none; } section.branch-map .custom-map .tooltip .tooltip-content.tooltip-multiple-content { min-width: 672px; } @media all and (max-width: 1024px) { section.branch-map .custom-map .tooltip .tooltip-content { display: none !important; } } section.branch-map .custom-map .tooltip .tooltip-content .vline { width: 2px; background-color: #e5f0f1; position: relative; } section.branch-map .custom-map .tooltip .tooltip-content .tooltip-arrow { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; position: absolute; left: 50%; bottom: -14px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } section.branch-map .custom-map .tooltip .tooltip-content .tooltip-text { font-size: 22px; display: block; color: #000; text-align: center; } section.branch-map .custom-map .tooltip .tooltip-content .close { position: absolute; right: 22px; top: 22px; font-size: 36px; border: none; background: none; cursor: pointer; color: #000; border-radius: 0; } section.branch-map .custom-map .tooltip .tooltip-content.spin-left { -webkit-transform: translate(-85%, -40px); -moz-transform: translate(-85%, -40px); -ms-transform: translate(-85%, -40px); transform: translate(-85%, -40px); } section.branch-map .custom-map .tooltip .tooltip-content.spin-left .tooltip-arrow { left: 85%; } section.branch-map .custom-map .tooltip .tooltip-content.spin-right { -webkit-transform: translate(-15%, -40px); -moz-transform: translate(-15%, -40px); -ms-transform: translate(-15%, -40px); transform: translate(-15%, -40px); } section.branch-map .custom-map .tooltip .tooltip-content.spin-right .tooltip-arrow { left: 15%; } section.branch-map .custom-map .dot-pulse { all: unset; position: relative; display: block; width: 12px; height: 12px; border-radius: 50%; background: #007179; cursor: pointer; -webkit-animation: pulse_petrol 1.4s infinite; -moz-animation: pulse_petrol 1.4s infinite; animation: pulse_petrol 1.4s infinite; } section.branch-map .custom-map .dot-pulse:focus { background: #eb6927; -webkit-animation: pulse_orange 1.4s infinite; -moz-animation: pulse_orange 1.4s infinite; animation: pulse_orange 1.4s infinite; } section.branch-map .custom-map .dot-pulse:focus-visible:after { display: block; content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 32px; height: 32px; border-radius: 50%; outline: 2px solid #000; } section.branch-map .custom-map .dot-clicked { background: #eb6927; -webkit-animation: pulse_orange 1.4s infinite; -moz-animation: pulse_orange 1.4s infinite; animation: pulse_orange 1.4s infinite; } @-webkit-keyframes pulse_petrol { 0% { -webkit-box-shadow: 0 0 0 0 rgba(0, 113, 121, 0.8); box-shadow: 0 0 0 0 rgba(0, 113, 121, 0.8); -webkit-transform: scale(1.2); transform: scale(1.2); } 40% { -webkit-box-shadow: 0 0 0 8px rgba(0, 113, 121, 0.4); box-shadow: 0 0 0 8px rgba(0, 113, 121, 0.4); -webkit-transform: scale(1.4); transform: scale(1.4); } 80% { -webkit-box-shadow: 0 0 0 0 rgba(0, 113, 121, 0); box-shadow: 0 0 0 0 rgba(0, 113, 121, 0); -webkit-transform: scale(1.6); transform: scale(1.6); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(0, 113, 121, 0); box-shadow: 0 0 0 0 rgba(0, 113, 121, 0); -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes pulse_petrol { 0% { box-shadow: 0 0 0 0 rgba(0, 113, 121, 0.8); -moz-transform: scale(1.2); transform: scale(1.2); } 40% { box-shadow: 0 0 0 8px rgba(0, 113, 121, 0.4); -moz-transform: scale(1.4); transform: scale(1.4); } 80% { box-shadow: 0 0 0 0 rgba(0, 113, 121, 0); -moz-transform: scale(1.6); transform: scale(1.6); } 100% { box-shadow: 0 0 0 0 rgba(0, 113, 121, 0); -moz-transform: scale(1); transform: scale(1); } } @keyframes pulse_petrol { 0% { -webkit-box-shadow: 0 0 0 0 rgba(0, 113, 121, 0.8); box-shadow: 0 0 0 0 rgba(0, 113, 121, 0.8); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2); } 40% { -webkit-box-shadow: 0 0 0 8px rgba(0, 113, 121, 0.4); box-shadow: 0 0 0 8px rgba(0, 113, 121, 0.4); -webkit-transform: scale(1.4); -moz-transform: scale(1.4); transform: scale(1.4); } 80% { -webkit-box-shadow: 0 0 0 0 rgba(0, 113, 121, 0); box-shadow: 0 0 0 0 rgba(0, 113, 121, 0); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); transform: scale(1.6); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(0, 113, 121, 0); box-shadow: 0 0 0 0 rgba(0, 113, 121, 0); -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } } @-webkit-keyframes pulse_orange { 0% { -webkit-box-shadow: 0 0 0 0 rgba(235, 105, 39, 0.8); box-shadow: 0 0 0 0 rgba(235, 105, 39, 0.8); -webkit-transform: scale(1.2); transform: scale(1.2); } 40% { -webkit-box-shadow: 0 0 0 8px rgba(235, 105, 39, 0.4); box-shadow: 0 0 0 8px rgba(235, 105, 39, 0.4); -webkit-transform: scale(1.4); transform: scale(1.4); } 80% { -webkit-box-shadow: 0 0 0 0 rgba(235, 105, 39, 0); box-shadow: 0 0 0 0 rgba(235, 105, 39, 0); -webkit-transform: scale(1.6); transform: scale(1.6); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(235, 105, 39, 0); box-shadow: 0 0 0 0 rgba(235, 105, 39, 0); -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes pulse_orange { 0% { box-shadow: 0 0 0 0 rgba(235, 105, 39, 0.8); -moz-transform: scale(1.2); transform: scale(1.2); } 40% { box-shadow: 0 0 0 8px rgba(235, 105, 39, 0.4); -moz-transform: scale(1.4); transform: scale(1.4); } 80% { box-shadow: 0 0 0 0 rgba(235, 105, 39, 0); -moz-transform: scale(1.6); transform: scale(1.6); } 100% { box-shadow: 0 0 0 0 rgba(235, 105, 39, 0); -moz-transform: scale(1); transform: scale(1); } } @keyframes pulse_orange { 0% { -webkit-box-shadow: 0 0 0 0 rgba(235, 105, 39, 0.8); box-shadow: 0 0 0 0 rgba(235, 105, 39, 0.8); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2); } 40% { -webkit-box-shadow: 0 0 0 8px rgba(235, 105, 39, 0.4); box-shadow: 0 0 0 8px rgba(235, 105, 39, 0.4); -webkit-transform: scale(1.4); -moz-transform: scale(1.4); transform: scale(1.4); } 80% { -webkit-box-shadow: 0 0 0 0 rgba(235, 105, 39, 0); box-shadow: 0 0 0 0 rgba(235, 105, 39, 0); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); transform: scale(1.6); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(235, 105, 39, 0); box-shadow: 0 0 0 0 rgba(235, 105, 39, 0); -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } } @media all and (min-width: 1025px) { section.branch-map .tabs { display: none; } } .steps > :nth-child(odd) { background-color: #e5f0f1; } .steps .full-width:last-child .step-content:after { height: 50%; top: 0; } @media all and (max-width: 1024px) { .steps .full-width:last-child .step-content:after { height: 40px; } } .steps .full-width:first-child .step-content:after { top: 50%; } @media all and (max-width: 1024px) { .steps .full-width:first-child .step-content:after { top: 40px; } } .steps .content .col { z-index: 30; } .steps .content span { width: 80px; height: 80px; border-radius: 80px; background-color: #007179; color: #fff; font-size: 2rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-family: SohoGothicPro; } .steps .step-content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; max-width: 1368px; } @media all and (max-width: 639px) { .steps .step-content { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media all and (max-width: 1024px) { .steps .step-content { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .steps .step-content:before { background-color: #007179; content: "" attr(data-step-number) ""; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: absolute; left: 0; width: 80px; height: 80px; border-radius: 80px; z-index: 40; color: #fff; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-family: SohoGothicPro; font-size: 2rem; } @media all and (max-width: 639px) { .steps .step-content:before { width: 36px; height: 36px; font-size: 1.8rem; } } .steps .step-content:after { content: ""; width: 4px; background-color: #007179; position: absolute; left: 38px; height: 100%; bottom: 0; } @media all and (max-width: 639px) { .steps .step-content:after { left: 16px; } } .content-boxes .col .content-box { background: #fff; padding: 40px; height: 100%; } .content-boxes .col .content-box i { font-size: 4.8rem; } div.tabs { background-color: #e5f0f1; } @media all and (max-width: 1024px) { div.tabs { background-color: transparent; } } div.tabs .tab-container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; } @media all and (max-width: 1024px) { div.tabs .tab-container { display: none; } } div.tabs .tab-container .content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -ms-overflow-style: none; scrollbar-width: none; max-width: 1296px; padding: 0; } @media all and (max-width: 1295px) { div.tabs .tab-container .content { max-width: 1056px; } } @media all and (max-width: 1055px) { div.tabs .tab-container .content { max-width: 816px; } } div.tabs .tab-container .content::-webkit-scrollbar { display: none; } div.tabs .tab-container .content > button.nav-btn { position: absolute; z-index: 10; top: 0; left: 0; width: 48px; height: 100%; font-size: 2.4rem; line-height: 4; text-align: center; color: #007179; background-color: #fff; text-decoration: none; border: none; border-radius: 0; display: none; } div.tabs .tab-container .content > button.nav-btn.nav-btn-next { left: auto; right: 0; } div.tabs .tab-container .content > button.nav-btn.active { display: block; } div.tabs .tab-container .content .tab-trigger-scroller { max-width: 1200px; margin: 0 48px; overflow: hidden; } div.tabs .tab-container .content .tab-trigger-scroller .tab-trigger-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; left: 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } div.tabs .tab-container .content .tab-trigger-scroller .tab-trigger-list button.tab-trigger { display: block; position: relative; width: 240px; height: 96px; text-align: center; color: #007179; font-size: 2rem; line-height: 1.3; letter-spacing: -.6px; text-decoration: none; background: transparent; border: none; border-radius: 0; outline-offset: -6px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } div.tabs .tab-container .content .tab-trigger-scroller .tab-trigger-list button.tab-trigger.active { color: #000; background-color: #e5f0f1; } div.tabs .tab-container .content .tab-trigger-scroller .tab-trigger-list button.tab-trigger.active span { font-weight: bold; text-decoration: underline; text-underline-offset: 3px; } @media (hover: hover) { div.tabs .tab-container .content .tab-trigger-scroller .tab-trigger-list button.tab-trigger:hover { color: #000; background-color: #e5f0f1; } } div.tabs .tab-container .content .tab-trigger-scroller .tab-trigger-list button.tab-trigger span { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: -moz-calc(100% - 32px); width: calc(100% - 32px); } div.tabs section.tab-content { opacity: 0; display: none; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; transition: all .25s ease-out; } @media all and (max-width: 1024px) { div.tabs section.tab-content { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; opacity: 1; background-color: #e5f0f1; } div.tabs section.tab-content > .content { display: none; } } div.tabs section.tab-content > .content .content + .content { margin-top: 40px; } @media all and (max-width: 1024px) { div.tabs section.tab-content > .content .content + .content { margin-top: 32px; } } @media all and (max-width: 639px) { div.tabs section.tab-content > .content .content + .content { margin-top: 24px; } } div.tabs section.tab-content > h2 { width: 100%; } div.tabs section.tab-content button.tab-trigger-inside { position: relative; width: 100%; padding: 12px 52px 12px 20px; font-size: 2.4rem; line-height: 1.25; font-weight: bold; letter-spacing: -.6px; text-decoration: none; color: #000; background-color: #fff; border: none; border-radius: 0; text-align: left; outline-offset: -3px; display: none; } div.tabs section.tab-content button.tab-trigger-inside:after { position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; content: '\f078' / ''; font-family: 'Font Awesome 6 Pro'; font-size: 2rem; font-weight: 900; color: #007179; } @media all and (max-width: 1024px) { div.tabs section.tab-content button.tab-trigger-inside { display: block; } } div.tabs section.tab-content.active { opacity: 1; } div.tabs section.tab-content.active > button.tab-trigger-inside { background-color: #e5f0f1; } div.tabs section.tab-content.active > button.tab-trigger-inside:after { content: "\f077"; } @media all and (max-width: 1024px) { div.tabs section.tab-content.active { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 16px; padding-bottom: 40px; } div.tabs section.tab-content.active > .content { display: block; } } .sticky-job-element { position: fixed; z-index: 200; } .sticky-social-element { background-color: white; width: 48px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; will-change: transform; } @media all and (max-width: 639px) { .sticky-social-element { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .sticky-social-element ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } } .sticky-social-element ul li { color: white; font-size: 2rem; height: 48px; width: 48px; padding: 0; text-align: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; padding: 0; } .sticky-social-element ul li:before { content: ""; } .sticky-social-element ul li a:hover { color: #338d94; } .sticky-job-element { height: 80px; width: 80px; border-radius: 80px; background-color: #fff; -webkit-transition: all .2s ease-in-out, bottom 0s ease-out; -moz-transition: all .2s ease-in-out, bottom 0s ease-out; transition: all .2s ease-in-out, bottom 0s ease-out; right: 24px; bottom: 24px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sticky-job-element .job-icon { position: absolute; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #ffed00; border-radius: 60px; width: 60px; height: 60px; left: 10px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; z-index: 600; cursor: pointer; } .sticky-job-element .job-icon i { font-size: 3.2rem; color: #000; } .job-content { color: #000; position: absolute; font-weight: 900; font-size: 18px; opacity: 0; left: -moz-calc(0px - -90px); left: calc(0px - -90px); } .job-content a { text-decoration: none; color: #000; outline-offset: 6px; } .clicked .job-content { opacity: 1; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .job-open { width: 313px; } .content-toggle .content-toggle-content, .content-toggle .content-toggle-close, .content-toggle.content-toggle-open .content-toggle-open { display: none; } .content-toggle .content-toggle-open, .content-toggle.content-toggle-open .content-toggle-close { display: inline-block; } .content-toggle .content-toggle-open, .content-toggle .content-toggle-close { font-family: Inter; font-weight: 600; font-size: 1.6rem; color: #000; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; } .content-toggle .content-toggle-open i, .content-toggle .content-toggle-close i { padding-left: 8px; font-size: 1.3rem; line-height: 1.23; vertical-align: middle; } .image-quote .image { position: relative; overflow: hidden; padding-bottom: 78.78787878%; background-size: cover; background-position: center; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .image-quote .image .plus { position: absolute; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; z-index: 10; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 32px; height: 32px; border: none; border-radius: 40px; background-color: #000; color: #fff; text-decoration: none; right: 16px; top: 16px; font-size: 1.6rem; } @media (hover: hover) { .image-quote .image .plus:hover { background-color: #007179; } } .image-quote .image .plus:focus-visible { outline: 2px solid #eb6927; background-color: #007179; } .image-quote .quote { position: absolute; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 113, 121, 0.8); padding: 24px; opacity: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .image-quote .quote > i { font-size: 4.8rem; color: #fff; } .image-quote .quote .text-content { margin-top: auto; } .image-quote .quote .text-content .label { font-family: Inter; font-size: 1.3rem; font-weight: 600; letter-spacing: 1.1px; color: #fff; text-transform: uppercase; } article.single .image { position: relative; background-size: cover; background-position: center; overflow: hidden; } article.single .image img { width: 100%; aspect-ratio: 640 / 400; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } article.single .image .date-info { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; background: #fff; top: 24px; left: 24px; width: 56px; height: 62px; z-index: 20; } article.single .image .date-info span { font-weight: 600; text-transform: uppercase; } article.single .image .date-info span:first-child { font-size: 2.4rem; } article.single .image .date-info span:nth-child(2) { font-size: 1.3rem; } .gform_wrapper.gravity-theme .gform_fields { grid-row-gap: 0 !important; } .gform_wrapper.gravity-theme .gform_fields li.gfmc-column50 { width: 100%; grid-column: span 6; list-style: none; } @media all and (max-width: 639px) { .gform_wrapper.gravity-theme .gform_fields li.gfmc-column50 { grid-column: span 12; } } .gform_wrapper.gravity-theme .gform_fields li.gfmc-column100 { width: 100%; grid-column: span 12; list-style: none; } .gform_wrapper .gfield_error input[type="text"], .gform_wrapper .gfield_error textarea, .gform_wrapper .gfield_error select { -webkit-box-shadow: 0 0 0 1px #c5242c, inset 0 0 0 1px #c5242c, 0 0 0 5px #e8a8ab; box-shadow: 0 0 0 1px #c5242c, inset 0 0 0 1px #c5242c, 0 0 0 5px #e8a8ab; border: none; } .gform_wrapper .gfield_error input[type="checkbox"] + label::before { border-color: #c5242c; } .gform_wrapper .gfield_validation_message { border: none !important; padding: 4px 0 0 !important; background: transparent !important; text-align: center; } .gform_wrapper .gform_validation_errors { display: none; } .gform_wrapper .gform_ajax_spinner { display: none; } .gform_wrapper .gfmc-container { margin-top: 24px; -webkit-column-gap: 24px !important; -moz-column-gap: 24px !important; column-gap: 24px !important; } .gform_wrapper .ginput_container_consent .gfield_required { display: none; } .gform_wrapper .gfield_consent_label { margin-top: 20px; font-size: 1.3rem; } .gform_wrapper .gfield div { padding-bottom: 0 !important; } .gform_wrapper .gfield input, .gform_wrapper .gfield select, .gform_wrapper .gfield textarea { border-radius: 32px; border: solid 2px #007179; background-color: #fff; font-size: 18px; font-family: Inter; } .gform_wrapper .gfield select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url('data:image/svg+xml;utf8,'); background-position: right 20px top 50%; background-size: 24px auto; background-repeat: no-repeat; } .gform_wrapper .gfield input[type="text"]:focus-visible, .gform_wrapper .gfield textarea:focus-visible, .gform_wrapper .gfield select:focus-visible { outline: 3px solid #338d94; } .gform_wrapper .gfield input { max-width: 432px; height: 64px; padding: 32px 24px 16px !important; } .gform_wrapper .gfield textarea { width: 432px; height: 240px !important; padding: 32px 24px 16px !important; resize: none; } .gform_wrapper .gfield select { height: 64px; padding: 28px 24px 12px 20px !important; } .gform_wrapper .gfield.has-upload.gfield_visibility_visible .gform_drop_instructions { display: none; } .gform_wrapper .gfield.has-upload.gfield_visibility_visible .gfield_label { z-index: 10; left: 50%; top: 60px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-weight: bold !important; } .gform_wrapper .gfield.has-upload.gfield_visibility_visible .gform_fileupload_rules { position: absolute; top: 84px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 90%; max-width: 90%; font-size: 18px; text-align: center; line-height: 1.33; color: #007179; } .gform_wrapper .gfield.has-upload.gfield_visibility_visible .gform_button_select_files { top: 130px; } .gform_wrapper .gfield.has-upload.gfield_visibility_visible .ginput_container_fileupload { height: 260px; } .gform_wrapper .gfield.has-upload.gfield_visibility_visible .ginput_container_fileupload .gform_fileupload_multifile { height: 100%; } .gform_wrapper .gfield.has-upload.gfield_visibility_visible .ginput_container_fileupload .gform_fileupload_multifile .gform_drop_area { height: 100%; border: 2px dashed #007179; border-radius: 32px; background-color: #fff; } .gform_wrapper .gfield:not(.gform_hidden) { position: relative; } .gform_wrapper .gfield:not(.gform_hidden) + .gfield:not(.gfmc-column) { margin-top: 24px; } .gform_wrapper .gfield:not(.gform_hidden) .gfield_label { position: absolute; font-size: 18px; color: #007179; cursor: text; font-weight: normal !important; top: 18px; left: 26px; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; transition: all .25s ease-out; pointer-events: none; } .gform_wrapper .gfield:not(.gform_hidden).focus .gfield_label { font-size: 13px; top: 8px; } @media all and (max-width: 639px) { .gform_wrapper .gfmc-column + .gfmc-column { margin-top: 24px; } } .gform_wrapper [type="checkbox"] { position: absolute; left: 0; bottom: 0; z-index: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 0; border: none !important; } .gform_wrapper [type="checkbox"]:focus-visible + label { outline: 2px solid #338d94; outline-offset: 8px; border-radius: 8px; } .gform_wrapper [type="checkbox"] + label { display: block; position: relative; padding-left: 40px; } .gform_wrapper [type="checkbox"] + label:before { width: 20px; height: 20px; border-radius: 5px; border: 2px solid #007179; background-color: #fff; display: block; content: ""; float: left; z-index: 5; position: absolute; left: 0; } .gform_wrapper [type="checkbox"]:checked + label::before { -webkit-box-shadow: inset 0px 0px 0px 3px #fff; box-shadow: inset 0px 0px 0px 3px #fff; background-color: #007179; } .gform_wrapper .gform_button { margin: 0 auto; padding: 24px 32px; border-radius: 999px; font-size: 1.8rem; font-weight: bold; text-decoration: none; line-height: 1; vertical-align: top; background-color: #007179; color: #fff; border: none; cursor: pointer; } .gform_wrapper .gform_button:focus-visible { border-radius: 999px; } .gform_confirmation_message { background-color: #fff; -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.1); padding: 40px; font-family: SohoGothicPro; font-weight: 900; text-align: center; font-size: 2rem; } .gform_confirmation_message:before { content: '\f058' / ''; font-family: 'Font Awesome 6 Pro'; font-size: 80px; text-align: center; display: block; margin-bottom: 42px; color: #5a854a; } /*** HU Fix ***/ body.single-job .gform_wrapper.gravity-theme .gform_fields li + li { margin-top: 24px; } @media all and (max-width: 639px) { body.single-job .gform_wrapper.gravity-theme .gform_fields li.empty-cell { display: none; } } .video-container { position: relative; padding-bottom: 56.25%; } .video-container video, .video-container iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } section.archive .featured-article .date-info { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; color: #000; background: #fff; top: 16px; left: 28px; width: 56px; height: 62px; z-index: 20; } section.archive .featured-article .date-info span { font-weight: 600; text-transform: uppercase; } section.archive .featured-article .date-info span:first-child { font-size: 2.4rem; } section.archive .featured-article .date-info span:nth-child(2) { font-size: 1.3rem; } section.archive .featured-article img { aspect-ratio: 640 / 490; overflow: hidden; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } section.archive .featured-article .top-line { font-weight: 600; letter-spacing: 1.1px; } section.archive a.image-link { display: block; overflow: hidden; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } section.archive a.image-link:hover, section.archive a.image-link:focus-visible { border-top-right-radius: 120px; } @media all and (max-width: 1024px) { section.archive a.image-link:hover, section.archive a.image-link:focus-visible { border-top-right-radius: 80px; } } section.archive a.image-link:hover .date-info, section.archive a.image-link:focus-visible .date-info { color: #fff; background: #007179; } section.archive:not(.has-more) a[data-more], section.archive:not(.has-more) button[data-more] { display: none !important; } main.not-found { height: 75vh; } main.not-found > section { height: 100%; } main.not-found > section > .content { height: 100%; } /*# sourceMappingURL=main.css.map */