@charset "UTF-8";
@keyframes top-rainbow { 0% { background-position: 0% 0%; }
  100% { background-position: 100% 0%; } }

@font-face { font-family: 'EamesCentryModern'; src: url("../fonts/EamesCenturyModern-Bold.woff2") format("woff2"), url("../fonts/EamesCenturyModern-Bold.woff") format("woff"), url("../fonts/EamesCenturyModern-Bold.ttf") format("truetype"); font-weight: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0; -moz-osx-font-smoothing: grayscale; }

@font-face { font-family: 'URW-DIN'; src: url("../fonts/urw-din.woff2") format("woff2"), url("../fonts/urw-din.woff") format("woff"), url("../fonts/urw-din.ttf") format("truetype"); font-weight: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0; -moz-osx-font-smoothing: grayscale; }

@font-face { font-family: 'Ambit Regular'; src: url("../fonts/Ambit-Regular.woff") format("woff"), url("../fonts/Ambit-Regular.ttf") format("truetype"); font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0; -moz-osx-font-smoothing: grayscale; }

@font-face { font-family: 'Ambit SemiBold'; src: url("../fonts/Ambit-SemiBold.woff") format("woff"), url("../fonts/Ambit-SemiBold.ttf") format("truetype"); font-weight: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0; }

@font-face { font-family: 'Ambit Bold'; src: url("../fonts/Ambit-Bold.woff") format("woff"), url("../fonts/Ambit-Bold.ttf") format("truetype"); font-weight: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0; -moz-osx-font-smoothing: grayscale; }

.fade-in { animation: fadeIn ease 1.5s; }

@keyframes fadeIn { 0% { opacity: 0;
    transform: translateY(140px); }
  100% { opacity: 1;
    transform: none; } }

@keyframes animatedBackground { from { background-position: 0 0; }
  to { background-position: 0 -1352px; } }

.start-out { transform: translateX(2000px); }

.move-out { transform: translateX(-2400px); transition: transform 0.6s cubic-bezier(0.55, 0, 1, 0.45); }

.move-in { /* transition: transform 1s cubic-bezier(0.175, 0.885, 0.320, 1.275); */ transition: transform 2s cubic-bezier(0.5, 1, 0.89, 1); transform: translateX(0); }

.grow { transform: scale(1); }

.fade-in-scroll { opacity: 0; transition: background-image 1s, opacity 1s; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .fade-in-scroll { opacity: 1; } }

.fade-in-scroll.visible { opacity: 1; transition: background-image 1s, opacity 1s; }

.float-in-up { opacity: 0; transform: translateY(100px); transition: opacity 0.5s cubic-bezier(0.31, 0.16, 0.59, 1), transform 0.8s cubic-bezier(0.31, 0.16, 0.59, 1); }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .float-in-up { opacity: 1; } }

.float-in-up.visible { opacity: 1; transform: none; }

.float-in-left { opacity: 0; transform: translateX(-40px); transition: opacity 0.5s ease-in-out, transform 0.6s ease-in-out; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .float-in-left { opacity: 1; } }

.float-in-left.visible { opacity: 1; transform: none; }

.float-in-right { opacity: 0; transform: translateX(40px); transition: opacity 0.5s ease-in-out, transform 0.6s ease-in-out; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .float-in-right { opacity: 1; } }

.float-in-right.visible { opacity: 1; transform: none; }

html { scroll-behavior: smooth; }

body { margin: 0; font-family: "Ambit Regular", sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -font-smoothing: antialiased; text-rendering: optimizeLegibility; text-stroke: unset; -webkit-text-stroke: unset; box-sizing: border-box; }

a { text-decoration: none; }

a:hover { color: #4C85F6; }

button { transform: scale(1); }

button:hover { transform: scale(1.1); transition: all 0.25s ease-out; }

.btn { color: white; background-color: #2D2A32; padding: 20px 30px; text-transform: uppercase; font-family: "URW-DIN", sans-serif; font-size: 20px; letter-spacing: 0.05em; transition: all 0.25s ease-in-out; display: inline-block; }

.btn:hover { transform: scale(1.1); background: #FF3A20; color: #fff; }

a.hover-gold:hover { color: #FFA729 !important; }

a.hover-red:hover { color: #FF3A20 !important; }

.top-bar { display: block; height: 10px; background: #ff0059; background: linear-gradient(90deg, #FFA729, #FF3A20, #4C85F6, #FF3A20, #FFA729, #FF3A20); background-size: 500% 100%; -webkit-animation: top-rainbow 25s linear infinite; -moz-animation: top-rainbow 25s linear infinite; animation: top-rainbow 25s linear infinite; position: fixed; top: 0; width: 100%; z-index: 1999; }

.header-main { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #BBB; position: relative; width: 100%; height: 10vh; min-height: 80px; z-index: 999; background-color: #FFFFFF; }

@media only screen and (max-height: 1024px) and (max-width: 768px) { .header-main { height: 7vh; } }

@media only screen and (max-height: 1366px) and (max-width: 1024px) { .header-main { height: 7vh; } }

@media only screen and (max-width: 760px) { .header-main { display: none; } }

.header-main .site-logo { width: 7.5vw; min-width: 5.5vw; height: calc(10vh - 10px); min-height: 70px; display: flex; align-items: center; justify-content: center; background-image: url(../images/logos/sjp/logo-stjohn-4c.svg); background-repeat: no-repeat; background-size: 80%; background-position: right center; top: 1% !important; transition: all 0.2s ease-out; cursor: pointer; }

@media only screen and (max-width: 1280px) { .header-main .site-logo { width: 10.5vh; } }

@media only screen and (max-height: 1024px) and (max-width: 768px) { .header-main .site-logo { height: calc(7vh - 10px); } }

@media only screen and (max-height: 1366px) and (max-width: 1024px) { .header-main .site-logo { height: calc(7vh - 10px); } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .header-main .site-logo { left: 0 !important; background-color: white; background-position: center center; } }

.header-main .site-logo.sticky { width: 5.5vw; background-image: url(../images/logos/sjp/logo-ampersand-red.svg); background-size: 60%; background-position: center center; top: 12px !important; background-color: transparent; }

.header-main nav { margin-right: 7vw; }

.header-main nav a { padding: 10px; margin-left: 10px; color: #2D2A32; text-transform: uppercase; font-family: "URW-DIN", sans-serif; letter-spacing: 0.05em; position: relative; }

.header-main nav a:hover:after { width: 70%; }

.header-main nav a:after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 0; height: 3px; background: #2D2A32; transition: width 0.2s ease-in-out; }

.header-main .lets-chat { background-color: #2D2A32; position: fixed; border-radius: 0; height: calc(10vh - 10px); min-height: 70px; width: 5.5vw; padding: 0; margin: 0; right: 0; top: 10px; text-indent: -9999px; }

@media only screen and (max-height: 1024px) and (max-width: 768px) { .header-main .lets-chat { height: calc(7vh - 10px); } }

@media only screen and (max-height: 1366px) and (max-width: 1024px) { .header-main .lets-chat { height: calc(7vh - 10px); } }

.header-main .lets-chat a { display: block; width: 100%; height: 100%; }

.header-main .lets-chat a:before, .header-main .lets-chat a:after { content: ''; display: block; width: 37px; height: 33px; background-size: 37px 33px; background-repeat: no-repeat; background-position: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: opacity 0.2s ease-in-out; }

@media only screen and (max-width: 1280px) { .header-main .lets-chat a:before, .header-main .lets-chat a:after { width: 32px; height: 29px; background-size: 32px 29px; } }

@media only screen and (max-width: 760px) { .header-main .lets-chat a:before, .header-main .lets-chat a:after { width: 25px; height: 22px; background-size: 25px 22px; } }

.header-main .lets-chat a:before { background-image: url("../../assets/images/ui/chat-icon.svg"); }

.header-main .lets-chat a:after { background-image: url("../../assets/images/ui/chat-icon-red.svg"); opacity: 0; }

.header-main .lets-chat a:hover:after { opacity: 1; }

.header-main .lets-chat a:hover:before { opacity: 0; }

.side-heading { position: fixed; transform: rotate(-90deg); display: flex; align-items: center; justify-content: center; color: #495B5C; top: 50vh; left: 2.8%; text-transform: uppercase; margin: 0px; font-size: 12px; letter-spacing: .25em; white-space: nowrap; width: 0px; z-index: 950; font-family: "Ambit SemiBold", sans-serif; }

@media only screen and (max-height: 1024px) and (max-width: 768px) { .side-heading { font-size: 10px; } }

@media only screen and (max-height: 1366px) and (max-width: 1024px) { .side-heading { font-size: 10px; } }

@media only screen and (max-width: 760px) { .side-heading { display: none; } }

.side-heading.reversed { color: #BBB; }

.header-mobile { display: none; }

@media only screen and (max-width: 760px) { .header-mobile { position: relative; width: 100vw; display: flex; justify-content: space-between; height: 60px; z-index: 100; background-color: #FFFFFF; border-bottom: 1px solid #BBB; z-index: 800; margin-top: 10px; } .header-mobile .menu { width: 14vw; background-color: #2D2A32; display: flex; justify-content: center; align-items: center; } .header-mobile .logo { position: absolute; left: 50%; transform: translateX(-50%); top: 14px; padding: 0px; } .header-mobile .logo a { line-height: 0; } .header-mobile .logo img { max-width: 80px; } .header-mobile .chat { width: 14vw; background-color: #2D2A32; display: flex; justify-content: center; align-items: center; text-indent: -9999px; } .header-mobile .chat a { display: block; width: 100%; height: 100%; position: relative; } .header-mobile .chat a:before, .header-mobile .chat a:after { content: ''; display: block; width: 37px; height: 33px; background-size: 37px 33px; background-repeat: no-repeat; background-position: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: opacity 0.2s ease-in-out; } }

@media only screen and (max-width: 760px) and (max-width: 1280px) { .header-mobile .chat a:before, .header-mobile .chat a:after { width: 32px; height: 29px; background-size: 32px 29px; } }

@media only screen and (max-width: 760px) and (max-width: 760px) { .header-mobile .chat a:before, .header-mobile .chat a:after { width: 28px; height: 26px; background-size: 28px 22px; } }

@media only screen and (max-width: 760px) { .header-mobile .chat a:before { background-image: url("../../assets/images/ui/chat-icon.svg"); } .header-mobile .chat a:after { background-image: url("../../assets/images/ui/chat-icon-red.svg"); opacity: 0; } .header-mobile .chat a:hover:after { opacity: 1; } .header-mobile .chat a:hover:before { opacity: 0; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .mobile-menu { display: none; } }

.background-black .header-main nav a:after { background: #FFFFFF; }

.background-white .portfolioTemplate .header-main .site-logo, .background-black .portfolioTemplate .header-main .site-logo { max-width: 180px; height: calc(10vh - 10px); min-height: 70px; display: flex; align-items: center; justify-content: center; background-image: url(../images/logos/sjp/logo-stjohn-blackbg.svg); background-repeat: no-repeat; background-size: 100%; background-position: right center; top: 10px !important; transition: all 0.2s ease-out, background-color 0s; background-color: #2D2A32; }

@media only screen and (max-height: 1024px) and (max-width: 768px) { .background-white .portfolioTemplate .header-main .site-logo, .background-black .portfolioTemplate .header-main .site-logo { height: calc(7vh - 10px); } }

@media only screen and (max-height: 1366px) and (max-width: 1024px) { .background-white .portfolioTemplate .header-main .site-logo, .background-black .portfolioTemplate .header-main .site-logo { height: calc(7vh - 10px); } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .background-white .portfolioTemplate .header-main .site-logo, .background-black .portfolioTemplate .header-main .site-logo { left: 0 !important; background-color: white; background-position: center center; } }

.background-white .portfolioTemplate .header-main .site-logo.sticky, .background-black .portfolioTemplate .header-main .site-logo.sticky { width: 5.5vw !important; background-image: url(../images/logos/sjp/logo-ampersand-red.svg); background-size: 60%; background-color: transparent; background-position: center center; top: 12px !important; max-width: auto; height: 10vh; }

.hero { height: 81vh; min-height: 240px; display: flex; justify-content: center; align-items: center; flex-flow: column; margin: 0px 5.5vw; border: 0; border-top: none; overflow: hidden; position: relative; }

@media only screen and (max-width: 992px) { .hero { height: 75vh; } }

@media only screen and (max-height: 1024px) and (max-width: 768px) { .hero { height: 55vh; margin: 0; } }

@media only screen and (max-height: 1366px) and (max-width: 1024px) { .hero { height: 55vh; margin: 0; } }

@media only screen and (max-width: 760px) { .hero { height: 35vh; } }

.hero video { object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }

.hero .verb { text-transform: uppercase; font-size: 40px; font-weight: bold; margin-bottom: -40px; transition: opacity 1s ease; }

.hero .verb .letter { display: inline-block; line-height: 1em; }

.hero .noun { background: linear-gradient(90deg, #FFA729 0%, #FF3A20 43.75%, #4C85F6 100%), #C4C4C4; -webkit-text-fill-color: transparent; -webkit-background-clip: text; color: #FF3A20; font-size: 200px; font-weight: bold; }

.hero .noun .letter { display: inline-block; line-height: 1em; }

.we-help-brands { background-color: #2D2A32; color: #FFFFFF; border-top: 1px solid #BBB; box-sizing: border-box; overflow: hidden; }

.we-help-brands .brands { margin: 0px 0px 0px 5.5vw; border-bottom: none; border-top: none; position: relative; }

@media only screen and (max-width: 760px) { .we-help-brands .brands { margin: 0 auto; } }

.we-help-brands .brands .copy { width: 70%; position: relative; }

@media only screen and (max-width: 760px) { .we-help-brands .brands .copy { width: 100%; } }

.we-help-brands .brands .copy .description { padding: 60px 10% 75px 10%; }

@media only screen and (max-width: 992px) { .we-help-brands .brands .copy .description { padding: 30px 10%; } }

.we-help-brands .brands .copy .description p { font-family: "Ambit Regular", sans-serif; font-size: 22px; line-height: 1.8; margin: 0 0 25px 0; }

@media only screen and (max-width: 1280px) { .we-help-brands .brands .copy .description p { font-size: 20px; } }

@media only screen and (max-width: 992px) { .we-help-brands .brands .copy .description p { font-size: 18px; } }

@media only screen and (max-width: 760px) { .we-help-brands .brands .copy .description p { font-size: 16px; } }

.we-help-brands .brands .copy .description p span { color: #FFA729; font-family: "EamesCentryModern", serif; font-size: 36px; line-height: 1; padding: 0 0 10px 0; margin-bottom: 0px; display: block; }

@media only screen and (max-width: 1280px) { .we-help-brands .brands .copy .description p span { font-size: 32px; } }

@media only screen and (max-width: 760px) { .we-help-brands .brands .copy .description p span { font-size: 24px; } }

.we-help-brands .brands .copy .inline-giant-cta { width: 80%; border-top: 1px solid #BBB; background: url("../images/ui/ptn-seamless-diagonal-wavy.svg"); padding: 0 10%; }

.we-help-brands .brands .copy .inline-giant-cta a { display: block; width: 100%; height: 100%; color: #FFFFFF; padding: 35px 0 35px 50px; font-size: 24px; font-family: "URW-DIN", sans-serif; text-transform: uppercase; letter-spacing: 0.05em; position: relative; transition: color 0.2s ease-in-out; }

@media only screen and (max-width: 1280px) { .we-help-brands .brands .copy .inline-giant-cta a { font-size: 22px; padding-left: 40px; } }

@media only screen and (max-width: 992px) { .we-help-brands .brands .copy .inline-giant-cta a { padding: 20px 0 25px 0; font-size: 19px; padding-left: 30px; display: block; } }

.we-help-brands .brands .copy .inline-giant-cta a:before { content: ''; display: block; width: 30px; height: 30px; background: url("../../assets/images/ui/crown.svg") no-repeat center center; background-size: 30px auto; position: absolute; left: 0; top: 35px; }

@media only screen and (max-width: 1280px) { .we-help-brands .brands .copy .inline-giant-cta a:before { width: 25px; height: 25px; background-size: 25px auto; } }

@media only screen and (max-width: 992px) { .we-help-brands .brands .copy .inline-giant-cta a:before { width: 18px; height: 18px; background-size: 18px auto; top: 22px; } }

.we-help-brands .brands .copy .inline-giant-cta a:after { content: ''; display: block; background: url("../../assets/images/ui/arrow-gold-right.svg") no-repeat center center; background-size: 15px 25px; width: 15px; height: 25px; position: absolute; right: 0; top: 36px; }

@media only screen and (max-width: 992px) { .we-help-brands .brands .copy .inline-giant-cta a:after { width: 12px; height: 20px; background-size: 12px 20px; top: 25px; } }

@media only screen and (max-width: 760px) { .we-help-brands .brands .copy .inline-giant-cta a:after { right: 5%; } }

.we-help-brands .brands .copy .inline-giant-cta a:hover { color: #FFA729; }

.we-help-brands .brands .brand-image { width: 30%; text-align: center; overflow: hidden; position: absolute; display: block; top: 0; right: 0; bottom: 0; background: url("../../assets/images/ui/brand-image.png") no-repeat center bottom; background-size: cover; z-index: 550; border-left: 1px solid #BBB; }

@media only screen and (max-width: 760px) { .we-help-brands .brands .brand-image { position: static; padding-bottom: 70%; width: 100%; background-position: center center; } }

.work-wrapper { position: relative; background: #FFFFFF; border-top: 1px solid #BBB; }

.work-wrapper .headline { margin: 0px 5.5vw; padding: 60px 7%; }

@media only screen and (max-width: 992px) { .work-wrapper .headline { padding: 40px 7%; } }

@media only screen and (max-width: 760px) { .work-wrapper .headline { text-align: center; padding: 30px 0; } }

.work-wrapper h2 { font-family: "Ambit Bold", sans-serif; background: #ff0059; background: -webkit-linear-gradient(90deg, #FFA729, #FF3A20, #4C85F6, #FF3A20, #FFA729, #FF3A20); background: -moz-linear-gradient(90deg, #FFA729, #FF3A20, #4C85F6, #FF3A20, #FFA729, #FF3A20); background: linear-gradient(90deg, #FFA729, #FF3A20, #4C85F6, #FF3A20, #FFA729, #FF3A20); -webkit-text-fill-color: transparent; -webkit-background-clip: text; font-size: 72px; line-height: 0.8; letter-spacing: -0.02em; display: block; margin: 0; padding: 0 0 0 80px; position: relative; }

@media only screen and (max-width: 1280px) { .work-wrapper h2 { font-size: 55px; } }

@media only screen and (max-width: 992px) { .work-wrapper h2 { font-size: 42px; padding-left: 60px; } }

@media only screen and (max-width: 760px) { .work-wrapper h2 { display: inline; text-align: center; font-size: 40px; margin: 18px auto 18px auto; padding: 0; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .work-wrapper h2 { background: none; } }

.work-wrapper h2:before { content: ''; width: 55px; height: 58px; display: block; background: url("../images/ui/flourish-square-dots.svg") no-repeat; background-size: 100%; position: absolute; left: 0; top: 0; }

@media only screen and (max-width: 992px) { .work-wrapper h2:before { width: 40px; height: 42px; } }

@media only screen and (max-width: 760px) { .work-wrapper h2:before { position: static; margin: 0 auto 10px auto; } }

.work-wrapper .work { display: grid; grid-template-columns: 33% 33% 33%; justify-content: center; overflow: hidden; z-index: 600; position: relative; margin: 0 5.5vw; }

@media only screen and (max-width: 760px) { .work-wrapper .work { grid-template-columns: 100%; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .work-wrapper .work { text-align: center; } }

.work-wrapper .work .creative { position: relative; cursor: pointer; font-family: "URW-DIN", sans-serif; overflow: hidden; padding-bottom: 60%; max-height: 400px; border-bottom: 1px solid #BBB; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .work-wrapper .work .creative { display: inline-block; width: 49.5%; padding-bottom: 30%; } }

.work-wrapper .work .creative .label { background-color: #2D2A32; color: #FFFFFF; padding: 20px 8%; text-transform: uppercase; position: absolute; bottom: 0px; width: 84%; display: block; font-size: 21px; pointer-events: none; transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, transform 0.4s ease-in-out; }

@media only screen and (max-width: 992px) { .work-wrapper .work .creative .label { padding: 10px 8%; font-size: 18px; } }

.work-wrapper .work .creative.red:hover .label { background: #FF3A20; }

.work-wrapper .work .creative.gold:hover .label { background: #FFA729; color: #2D2A32 !important; }

.work-wrapper .work .creative.blue:hover .label { background: #4C85F6; }

.work-wrapper .work .creative.bluelight:hover .label { background: #30BBEC; }

.work-wrapper .work .creative img { pointer-events: none; width: 100%; position: absolute; left: 0; top: 0; transition: all 0.6s ease-in-out; }

.work-wrapper .work .creative:hover img { width: 105%; left: -2.5%; top: -2.5%; }

.holidayEmail { background: #2D2A32; text-align: center; }

.holidayEmail h1 { display: none; }

.holidayEmail a { background: none; max-width: 500px; width: 90%; height: auto; display: block; margin: 0 auto; }

.holidayEmail a img { max-width: 500px; width: 90%; height: auto; }

.holidayEmail p { font-size: 30px; line-height: 1.2; font-family: "URW-DIN", sans-serif; color: white; max-width: 500px; width: 80%; margin: 30px auto 20px auto; }

@media only screen and (max-width: 992px) { .holidayEmail p { font-size: 24px; } }

@media only screen and (max-width: 760px) { .holidayEmail p { font-size: 20px; } }

.holidayEmail img { max-width: 800px; width: 90%; height: auto; margin: 0 auto; }

.holidayEmail .videoSection { position: relative; overflow: hidden; width: 100%; max-width: 1000px; margin: 50px auto; padding-bottom: 30%; }

@media only screen and (max-width: 1280px) { .holidayEmail .videoSection { padding-bottom: 40%; } }

@media only screen and (max-width: 992px) { .holidayEmail .videoSection { padding-bottom: 50%; } }

.holidayEmail .videoSection iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }

.holidayEmail footer ul { list-style-type: none; margin: 0; padding: 0; }

.holidayEmail footer ul li { margin: 0; padding: 10px; display: inline-block; color: white; }

@media only screen and (max-width: 760px) { .holidayEmail footer ul li { display: block; } }

.holidayEmail footer ul li a { color: white; text-decoration: none; }

.work-title { width: 100%; display: block; box-sizing: border-box; }

.work-title h3 { margin: 0 5.5vw; padding: 30px 0 20px 0; text-align: center; font-size: 36px; line-height: 1; letter-spacing: -0.02em; }

@media only screen and (max-width: 992px) { .work-title h3 { font-size: 30px; padding: 20px 0 10px 0; } }

@media only screen and (max-width: 760px) { .work-title h3 { font-size: 24px; padding: 10px 0; } }

.logos { display: grid; grid-template-columns: 20% 20% 20% 20% 20%; grid-gap: 1px; background-color: #BBB; justify-content: center; margin: 40px 5.5vw; }

@media only screen and (max-width: 992px) { .logos { grid-template-columns: 33.3% 33.3% 33.3%; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .logos { background: white; text-align: center; } }

.logo { padding: 20px; display: flex; justify-content: center; align-items: center; background-color: #FFFFFF; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .logo { width: 15%; display: inline-block; } }

.logo :nth-child(5n) { border-right: none; }

.logo img { max-width: 120px; }

@media only screen and (max-width: 992px) { .logo img { max-width: 80px; } }

.what-we-do-best { background-image: url(../images/slider/bg-fullpanel-daytona2.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: #2D2A32; color: white; overflow: hidden; height: 100vh; position: relative; z-index: 500; }

@media only screen and (max-width: 992px) { .what-we-do-best { height: auto; padding: 40px 0 120px 0; } }

@media only screen and (max-width: 760px) { .what-we-do-best { height: auto; } }

.what-we-do-best:before { content: ''; display: block; width: 1px; height: 100vh; background: #BBB; position: fixed; top: 0; bottom: 0; left: 5.5vw; z-index: 400; }

.what-we-do-best:after { content: ''; display: block; width: 5.5vw; height: 100%; position: absolute; top: 0; bottom: 0; right: 0; background: url("../images/ui/ptn-seamless-loopylines-horizontal.svg") center; background-size: 200px auto; }

.what-we-do-best .what-we-do-copy { margin: 0px 5.5vw; position: relative; padding: 0 10%; }

.what-we-do-best .what-we-do-copy h2 { font-family: "Ambit Bold", sans-serif; font-size: 72px; line-height: 0.9; letter-spacing: -0.01em; display: flex; align-items: center; margin-bottom: 0px; padding: 10px 0; }

@media only screen and (max-width: 1280px) { .what-we-do-best .what-we-do-copy h2 { font-size: 55px; } }

@media only screen and (max-width: 992px) { .what-we-do-best .what-we-do-copy h2 { display: block; text-align: center; font-size: 42px; margin: 0; } }

@media only screen and (max-width: 760px) { .what-we-do-best .what-we-do-copy h2 { font-size: 40px; } }

.what-we-do-best .what-we-do-copy h2:before { content: ''; width: 55px; height: 58px; display: block; background: url("../images/ui/what-we-do-bullet.svg") no-repeat; background-size: 100%; margin-right: 40px; transform: translateY(10px); }

@media only screen and (max-width: 992px) { .what-we-do-best .what-we-do-copy h2:before { width: 40px; height: 42px; margin: 0 auto 15px auto; } }

@media only screen and (max-width: 760px) { .what-we-do-best .what-we-do-copy h2:before { width: 45px; height: 48px; } }

.what-we-do-best .what-we-do-copy p { margin: 10px 0 0 0; font-size: 22px; padding: 0; }

@media only screen and (max-width: 1280px) { .what-we-do-best .what-we-do-copy p { font-size: 18px; } }

@media only screen and (max-width: 992px) { .what-we-do-best .what-we-do-copy p { text-align: center; } }

.slider-controls { display: flex; position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); }

.slider-controls .page-button { padding: 5px; width: 20px; height: 20px; border: 1px solid #FFFFFF; border-radius: 20px; display: flex; justify-content: center; align-items: center; margin: 5px; cursor: pointer; }

body::after { position: absolute; width: 0; height: 0; overflow: hidden; z-index: -1; content: url(../images/slider/bg-fullpanel-daytona2.jpg) url(../images/slider/bg-fullpanel-goldrush.jpg) url(../images/slider/bg-fullpanel-fist.jpg) url(../images/slider/bg-fullpanel-rubytuesday.jpg); }

.what-we-do-best.frame1 { background-image: url(../images/slider/bg-fullpanel-daytona2.jpg); }

.what-we-do-best.frame1 #panel1 { display: inherit; }

.what-we-do-best.frame1 .slider-controls .page-button:nth-child(1) { background-color: #4C85F6; }

.what-we-do-best.frame2 { background-image: url(../images/slider/bg-fullpanel-goldrush.jpg); }

.what-we-do-best.frame2 #panel2 { display: inherit; }

.what-we-do-best.frame2 .slider-controls .page-button:nth-child(2) { background-color: #FF3A20; }

.what-we-do-best.frame3 { background-image: url(../images/slider/bg-fullpanel-fist.jpg); }

.what-we-do-best.frame3 #panel3 { display: inherit; }

.what-we-do-best.frame3 .slider-controls .page-button:nth-child(3) { background-color: #FFA729; }

.what-we-do-best.frame4 { background-image: url(../images/slider/bg-fullpanel-rubytuesday.jpg); }

.what-we-do-best.frame4 #panel4 { display: inherit; }

.what-we-do-best.frame4 .slider-controls .page-button:nth-child(4) { background-color: #30BBEC; }

#panel1 { display: none; }

#panel2 { display: none; }

#panel3 { display: none; }

#panel4 { display: none; }

.what-we-do-copy .panel { width: 70%; float: right; position: relative; margin-top: 10vh; height: 300px; }

@media only screen and (max-width: 992px) { .what-we-do-copy .panel { float: none; width: 100%; height: auto; margin: 40px 0 0 0; } }

.what-we-do-copy .panel h3 { color: #4C85F6; font-size: 42px; line-height: 1; font-family: "EamesCentryModern", serif; margin-top: 0px; margin-bottom: 10px; text-transform: lowercase; text-shadow: 0 0 25px #2D2A32; }

@media only screen and (max-width: 1280px) { .what-we-do-copy .panel h3 { font-size: 36px; } }

@media only screen and (max-width: 992px) { .what-we-do-copy .panel h3 { text-align: center; } }

.what-we-do-copy .panel h4 { margin-top: 0px; margin-bottom: 0px; text-transform: uppercase; font-size: 18px; letter-spacing: 0.05em; font-family: "URW-DIN", sans-serif; text-shadow: 0 0 25px #2D2A32; }

@media only screen and (max-width: 992px) { .what-we-do-copy .panel h4 { text-align: center; } }

.what-we-do-copy .panel p { margin-left: 0px; font-size: 21px; line-height: 1.4; margin-top: 20px; text-shadow: 0 0 25px #2D2A32; }

@media only screen and (max-width: 1280px) { .what-we-do-copy .panel p { font-size: 18px; } }

@media only screen and (max-width: 992px) { .what-we-do-copy .panel p { font-size: 18px; } }

.what-we-do-copy .panel .slide-number { font-family: "Ambit Bold", sans-serif; font-size: 130px; position: absolute; left: -33vw; top: 0%; bottom: -8vh; font-weight: bold; z-index: 950; }

@media only screen and (max-width: 992px) { .what-we-do-copy .panel .slide-number { display: none; } }

#panel2 { display: none; }

#panel3 { display: none; }

#panel4 { display: none; }

#panel2 h3 { color: #FF3A20; }

#panel3 h3 { color: #FFA729; }

#panel4 h3 { color: #30BBEC; }

.what-we-do-copy .slider-side { position: absolute; right: -7vw; top: -1px; width: 7vw; background-image: url(../images/patterns/ptn-seamless-loopylines-vertical.svg); height: 101%; background-repeat-y: repeat; background-position-y: 0px; background-size: 200%; }

.what-we-can-do-block { margin: 0px 5.5vw; border-top: 1px solid #FFFFFF; overflow: hidden; }

.what-we-can-do-block .headline { border-bottom: 1px solid #BBB; }

@media only screen and (max-width: 760px) { .what-we-can-do-block .headline { text-align: center; padding: 30px 0; } }

.what-we-can-do-block .headline h2 { font-family: "Ambit Bold", sans-serif; background: #ff0059; background: -webkit-linear-gradient(90deg, #FFA729, #FF3A20, #4C85F6); background: -moz-linear-gradient(90deg, #FFA729, #FF3A20, #4C85F6); background: linear-gradient(90deg, #FFA729, #FF3A20, #4C85F6); -webkit-text-fill-color: transparent; -webkit-background-clip: text; font-size: 72px; line-height: 0.8; letter-spacing: -0.02em; display: block; align-items: center; margin: 0 10%; padding: 50px 0 50px 80px; position: relative; }

@media only screen and (max-width: 1280px) { .what-we-can-do-block .headline h2 { font-size: 55px; } }

@media only screen and (max-width: 992px) { .what-we-can-do-block .headline h2 { font-size: 42px; padding-left: 60px; } }

@media only screen and (max-width: 760px) { .what-we-can-do-block .headline h2 { display: inline; text-align: center; font-size: 40px; margin: 18px auto 18px auto; padding: 30px 0; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .what-we-can-do-block .headline h2 { background: none; } }

.what-we-can-do-block .headline h2:before { content: ''; width: 55px; height: 58px; display: block; background: url("../images/ui/flourish-square-waves-down.svg") no-repeat; background-size: 100%; position: absolute; left: 0; top: 55px; }

@media only screen and (max-width: 992px) { .what-we-can-do-block .headline h2:before { width: 40px; height: 42px; top: 50px; } }

@media only screen and (max-width: 760px) { .what-we-can-do-block .headline h2:before { position: static; margin: 0 auto 10px auto; } }

.services { display: flex; justify-content: space-between; flex-wrap: wrap; margin: auto; padding: 40px 10%; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .services { padding-bottom: 200px; } }

.services .service { flex-basis: 28%; margin-bottom: 30px; }

@media only screen and (max-width: 992px) { .services .service { flex-basis: 42%; } }

@media only screen and (max-width: 500px) { .services .service { flex-basis: 100%; flex-wrap: column; } }

.services .service h3 { font-size: 32px; line-height: 1; font-family: "EamesCentryModern", serif; color: #2D2A32; margin-bottom: 25px; }

@media only screen and (max-width: 1280px) { .services .service h3 { font-size: 28px; } }

@media only screen and (max-width: 992px) { .services .service h3 { font-size: 26px; } }

.services .service hr { width: 80px; border: none; height: 2px; }

.services .service ul { padding-left: 0px; margin-top: 25px; }

.services .service ul li { font-family: "Ambit SemiBold", sans-serif; list-style-type: none; text-transform: uppercase; margin-bottom: 20px; color: #2D2A32; font-size: 14px; letter-spacing: 0.05em; line-height: 1.2; }

@media only screen and (max-width: 992px) { .services .service ul li { font-size: 13px; } }

@media only screen and (max-width: 760px) { .services .service ul li { font-size: 12px; } }

.service:nth-child(1) hr { border-top: 2px solid #FF3A20; }

.service:nth-child(2) hr { border-top: 2px solid #FFA729; }

.service:nth-child(3) hr { border-top: 2px solid #30BBEC; }

.service:nth-child(4) hr { border-top: 2px solid #4C85F6; }

.service:nth-child(5) hr { border-top: 2px solid #FF3A20; }

.service:nth-child(6) hr { border-top: 2px solid #FFA729; }

.contact-block { background-color: #2D2A32; color: #FFFFFF; background-image: url(../images/ui/large-ampersand.svg); background-repeat: no-repeat; background-position: center 20%; }

.contact-block a, .contact-block a[href^="tel"] { color: white; }

.contact-block .contact-block-holder { margin: 0px 5.5vw; padding: 40px 0px; min-height: 80vh; }

@media only screen and (max-height: 1366px) and (max-width: 1024px) { .contact-block .contact-block-holder { height: 85vh; } }

@media only screen and (max-width: 760px) { .contact-block .contact-block-holder { height: auto; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .contact-block .contact-block-holder { height: auto; } }

.contact-block .contact-block-holder .headline { text-align: center; text-transform: uppercase; font-size: 30px; padding-top: 20vh; font-family: "URW-DIN", sans-serif; letter-spacing: 4px; }

@media only screen and (max-width: 992px) { .contact-block .contact-block-holder .headline { font-size: 24px; padding: 20vh 8vw 0 8vw; } }

@media only screen and (max-width: 760px) { .contact-block .contact-block-holder .headline { font-size: 20px; line-height: 1.4; padding-top: 60px; } }

.contact-info { display: flex; justify-content: space-around; align-items: center; font-size: 16px; }

@media only screen and (max-width: 760px) { .contact-info { flex-flow: column; } }

.contact-info .contacts { display: flex; flex-direction: column; }

@media only screen and (max-width: 760px) { .contact-info .contacts { margin-bottom: 50px; } }

@media only screen and (max-width: 500px) { .contact-info .contacts { flex-flow: column; } }

.contact-info .contacts .contact { display: flex; margin: 12px 0px; }

.contact-info .contacts .contact p { margin: 0; }

.contact-info .contacts .contact a, .contact-info .contacts .contact a:visited { color: white; font-family: "Ambit Bold", sans-serif; font-size: 20px; transition: color 0.2s ease-in-out; text-decoration: none; }

.contact-info .contacts .contact .icon { align-items: center; padding: 0 16px; }

.contact-info .contacts .contact .contact-copy { display: flex; flex-direction: column; padding-left: 40px; position: relative; }

.contact-info .contacts .contact .contact-copy:before { content: ''; display: block; background: red; width: 25px; height: 36px; position: absolute; left: 0; top: 2px; }

.contact-info .contacts .contact .contact-copy.flame:before { background: url(../images/ui/flame.svg) center center no-repeat; background-size: auto 36px; }

.contact-info .contacts .contact .contact-copy.bolt:before { background: url(../images/ui/bolt.svg) center center no-repeat; background-size: auto 36px; }

.contact-info .locations { display: flex; }

@media only screen and (max-width: 500px) { .contact-info .locations { flex-flow: column; } }

.contact-info .locations .location { margin: 0px 14px; }

@media only screen and (max-width: 760px) { .contact-info .locations .location { margin-bottom: 30px; } }

.contact-info .locations .location .city { font-family: "Ambit Bold", sans-serif; font-size: 20px; margin-bottom: 10px; }

.contact-info .locations .location .address { line-height: 1.5; }

.say-hello { font-family: "Ambit Bold", sans-serif; text-align: center; font-size: 12rem; font-weight: bold; letter-spacing: -0.02em; background: #ff0059; background: -webkit-linear-gradient(90deg, #FFA729, #FF3A20, #4C85F6, #FF3A20, #FFA729, #FF3A20); background: -moz-linear-gradient(90deg, #FFA729, #FF3A20, #4C85F6, #FF3A20, #FFA729, #FF3A20); background: linear-gradient(90deg, #FFA729, #FF3A20, #4C85F6, #FF3A20, #FFA729, #FF3A20); background-size: 500% 100%; -webkit-animation: top-rainbow 10s linear infinite; -moz-animation: top-rainbow 10s linear infinite; animation: top-rainbow 10s linear infinite; -webkit-text-fill-color: transparent; -webkit-background-clip: text; padding: 0px 0px 80px 0px; }

@media only screen and (max-width: 1280px) { .say-hello { font-size: 10rem; } }

@media only screen and (max-width: 992px) { .say-hello { font-size: 8rem; } }

@media only screen and (max-width: 760px) { .say-hello { font-size: 6rem; padding: 0 8vw 50px 8vw; } }

@media only screen and (max-width: 500px) { .say-hello { font-size: 5rem; line-height: 1em; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .say-hello { background: none; padding-bottom: 100px; } }

footer { box-sizing: border-box; background: url(../images/ui/ptn-seamless-diagonal-wavy.svg) repeat #2D2A32; background-size: 200px auto; border-top: 1px solid #BBB; padding: 2vh 2.5%; font-family: "Ambit Bold", sans-serif; font-size: 14px; position: relative; }

@media only screen and (max-width: 992px) { footer { font-size: 13px; } }

@media only screen and (max-width: 760px) { footer { height: auto; } }

footer a { color: white; }

footer .footer-info { margin: 0px 5.5vw; display: flex; justify-content: space-between; color: white; }

@media only screen and (max-width: 760px) { footer .footer-info { flex-flow: column; } }

footer .footer-info .footer-left { display: flex; align-items: center; }

@media only screen and (max-width: 760px) { footer .footer-info .footer-left { flex-flow: column; } }

footer .footer-info .footer-left .copyright { padding: 0 0 0 15px; margin: 0; font-family: "Ambit Regular", sans-serif; }

@media only screen and (max-width: 760px) { footer .footer-info .footer-left .copyright { text-align: center; margin-top: 15px; } }

footer .footer-info .footer-left img { width: 100px; height: auto; }

@media only screen and (max-width: 992px) { footer .footer-info .footer-left img { width: 80px; } }

footer .footer-info .footer-right { display: flex; align-items: center; }

@media only screen and (max-width: 760px) { footer .footer-info .footer-right { text-align: center; justify-content: center; padding: 15px 0 25px 0; margin: 0; } }

@media only screen and (max-width: 500px) { footer .footer-info .footer-right { flex-flow: column; } }

footer .footer-info .footer-right li.social-link { padding: 10px; margin: 0; list-style-type: none; }

footer .footer-info .footer-right li.social-link a, footer .footer-info .footer-right li.social-link a:visited { color: #FFFFFF; transition: color 0.2s ease-in-out; }

footer .footer-info .footer-right li.social-link a:hover, footer .footer-info .footer-right li.social-link a:visited:hover { color: #FFA729; }

.backtotop { position: absolute; display: block; right: 0; bottom: 2vh; z-index: 800; text-transform: uppercase; font-family: "Ambit Bold", sans-serif; font-size: 11px; }

@media only screen and (max-width: 760px) { .backtotop { position: static; width: 100%; } }

.backtotop a, .backtotop a:visited { text-align: center; padding: 40px 0 15px 0; width: 5.5vw; background: url(../images/ui/arw-top.svg) no-repeat center 25%; background-size: 15px auto; display: block; }

@media only screen and (max-width: 760px) { .backtotop a, .backtotop a:visited { width: 100%; } }

.backtotop a:hover, .backtotop a:visited:hover { color: #FFA729; }

.not-found { display: flex; justify-content: center; align-items: center; padding: 32vh; }

.background-white { background-color: #FFFFFF; }

.background-black { background-color: #000000; }

.background-black .header-main { background-color: #000000; }

.background-black .header-main nav a { color: #FFFFFF; }

.background-black .header-main .site-logo { background-image: url(../images/logos/sjp/logo-stjohn-white.svg); }

.background-black .header-main .site-logo.sticky { background-image: url(../images/logos/sjp/logo-ampersand-red.svg); top: 12px !important; }

.background-black .header-main .site-logo.sticky:after { content: " "; border-right: 1px solid #BBB; width: 1px; background: #BBB; }

.background-black .portfolio-hero { color: #FFFFFF; }

.background-black .video .video-inner button { background-color: #2D2A32; outline: none; }

.main { background-attachment: fixed; }

.main:before, .main:after { content: ''; display: block; width: 1px; height: 100vh; background: #BBB; position: fixed; top: 0; bottom: 0; z-index: 500; }

.main:before { left: 5.5vw; }

.main:after { right: 5.5vw; }

.main.portfolioTemplate { background-attachment: scroll; }

@media (max-width: 800px) { body { padding: 0px; margin: 0px; } #menu { background: #2D2A32; } #main { min-height: 100vh; min-width: 100vw; overflow-x: hidden; } .mobile-menu { color: #FFFFFF; font-family: "URW-DIN", sans-serif; text-transform: uppercase; font-size: 26px; display: flex; flex-flow: column; } .mobile-menu .logo { background-color: #2D2A32; } .mobile-menu li { list-style-type: none; line-height: 46px; } .mobile-menu li a { color: #FFFFFF; } }

.portfolio-hero { overflow: hidden; position: relative; margin: 0px 5.5vw; background-size: cover; background-repeat: no-repeat; background-position: center top; background-attachment: scroll; }

.portfolio-hero img { height: 100%; left: 50%; transform: translateX(-50%); position: relative; }

.portfolio-hero .copy { top: 0px; margin: 0px 5.5vw; padding: 5.5vw; }

.portfolio-hero .copy h1, .portfolio-hero .copy h2 { margin: 0; }

.portfolio-hero .copy h1 { font-family: "URW-DIN", sans-serif; font-size: 24px; text-transform: uppercase; letter-spacing: 0.05em; padding: 10px 15px; display: flex; font-weight: normal; align-items: center; }

@media only screen and (max-width: 760px) { .portfolio-hero .copy h1 { font-size: 16px; } }

.portfolio-hero .copy h1:before { content: url(../../assets/images/ui/porfolio-header-dots-black.svg); }

.portfolio-hero .copy h2 { font-size: 86px; line-height: 82px; letter-spacing: -0.04em; text-transform: lowercase; display: flex; font-family: "Ambit Bold", sans-serif; margin-top: 5px; }

@media only screen and (max-width: 500px) { .portfolio-hero .copy h2 { font-size: 35px; line-height: 35px; } }

.portfolio-hero .copy h3 { text-transform: uppercase; font-family: "URW-DIN"; display: flex; flex-flow: column; font-size: 24px; margin: 10px 0 0 0; }

.portfolio-hero .copy h3:after { content: url(../../assets/images/ui/wiggly-underline-black.svg); padding-top: 5px; }

.portfolio-hero .bottom-copy { position: absolute; background-color: #2D2A32; color: #2D2A32; bottom: 0px; width: 100%; text-align: center; box-sizing: border-box; padding: 24px; border-bottom: 1px solid #BBB; }

@media only screen and (max-width: 992px) { .portfolio-hero .bottom-copy { padding: 18px; } }

@media only screen and (max-width: 500px) { .portfolio-hero .bottom-copy { padding: 10px 15px; } }

.portfolio-hero .bottom-copy h2 { font-size: 30px; line-height: 1.1; font-family: "EamesCentryModern", serif; margin: 0 0 5px 0; }

@media only screen and (max-width: 992px) { .portfolio-hero .bottom-copy h2 { font-size: 24px; } }

@media only screen and (max-width: 500px) { .portfolio-hero .bottom-copy h2 { font-size: 20px; } }

.portfolio-hero .campaign-details { display: grid; grid-template-columns: 40% 60%; padding-top: 50vh; }

@media only screen and (max-width: 500px) { .portfolio-hero .campaign-details { display: block; } }

.portfolio-hero .campaign-details .campaign-detail-copy { font-size: 18px; line-height: 170%; }

.portfolio-hero.wonderbird { background-size: 190vh; background-color: #2F292B; background-position-y: 10%; }

.portfolioTemplate .header-main { margin-bottom: min(-80px, -10vh); background: transparent; }

.portfolioTemplate .portfolio-hero { margin: 0px; padding-top: 10vh; }

.background-black .portfolio-hero h1:before { content: url(../../assets/images/ui/porfolio-header-dots.svg); }

.background-black .portfolio-hero h3:after { content: url(../../assets/images/ui/wiggly-underline.svg); }

.two-column { background-color: #2D2A32; color: #FFFFFF; background-image: url(../images/patterns/ptn-seamless-diagonal-wavy.png); background-repeat-x: repeat; background-repeat-y: no-repeat; background-position: bottom center; }

.two-column .two-column-inner { display: flex; margin: 0px 5.5vw; }

@media only screen and (max-width: 992px) { .two-column .two-column-inner { flex-flow: column; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .two-column .two-column-inner { padding-bottom: 100px; } }

.two-column .two-column-inner .column { margin: 40px 8% 80px 8%; flex-basis: 50%; }

@media only screen and (max-width: 992px) { .two-column .two-column-inner .column { margin: 30px 8%; } }

.two-column .two-column-inner .column:first-child { margin-right: 0; }

@media only screen and (max-width: 992px) { .two-column .two-column-inner .column:first-child { margin: 30px 8% 0 8%; } }

.two-column .two-column-inner .column video { width: 100%; }

.two-column .two-column-inner .column h3 { font-family: "URW-DIN", sans-serif; text-transform: uppercase; letter-spacing: 2px; font-weight: normal; }

.two-column .two-column-inner .column p { line-height: 2; font-size: 18px; font-weight: normal; }

@media only screen and (max-width: 760px) { .two-column .two-column-inner .column p { font-size: 16px; line-height: 1.7; } }

.two-column .two-column-inner .column img { width: 100%; }

.two-images .two-column-inner .column { display: flex; }

@media only screen and (max-width: 760px) { .two-images .two-column-inner .column { display: block; } }

.stats, .stats-custom { background-color: #2D2A32; color: #FFFFFF; border-top: 1px solid #BBB; padding: 60px 0; text-align: center; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .stats, .stats-custom { padding-bottom: 200px; } }

.stats .title, .stats-custom .title { font-family: "URW-DIN", sans-serif; font-size: 30px; letter-spacing: 0.05em; text-align: center; display: block; padding: 0 0 30px 0; margin: 0px 5.5vw; text-transform: uppercase; font-weight: normal; color: #2D2A32; }

.stats .stats-inner, .stats-custom .stats-inner { text-align: center; margin: 0px 5.5vw; box-sizing: border-box; vertical-align: top; display: flex; align-items: center; justify-content: center; }

@media only screen and (max-width: 992px) { .stats .stats-inner, .stats-custom .stats-inner { display: block; } }

.stats .stats-inner .stat-holder, .stats-custom .stats-inner .stat-holder { display: inline-block; text-align: left; padding: 20px 5%; box-sizing: border-box; vertical-align: top; width: 30%; }

@media only screen and (max-width: 992px) { .stats .stats-inner .stat-holder, .stats-custom .stats-inner .stat-holder { width: 48%; } }

@media only screen and (max-width: 760px) { .stats .stats-inner .stat-holder, .stats-custom .stats-inner .stat-holder { width: 100%; text-align: center; } }

.stats .stats-inner .stat-holder .stat-1, .stats-custom .stats-inner .stat-holder .stat-1 { font-family: "URW-DIN", sans-serif; text-transform: uppercase; display: block; font-size: 24px; }

@media only screen and (max-width: 1280px) { .stats .stats-inner .stat-holder .stat-1, .stats-custom .stats-inner .stat-holder .stat-1 { font-size: 22px; } }

@media only screen and (max-width: 760px) { .stats .stats-inner .stat-holder .stat-1, .stats-custom .stats-inner .stat-holder .stat-1 { font-size: 20px; } }

.stats .stats-inner .stat-holder .stat-2, .stats-custom .stats-inner .stat-holder .stat-2 { font-family: "EamesCentryModern", serif; font-size: 48px; line-height: 1; }

@media only screen and (max-width: 1280px) { .stats .stats-inner .stat-holder .stat-2, .stats-custom .stats-inner .stat-holder .stat-2 { font-size: 40px; } }

@media only screen and (max-width: 992px) { .stats .stats-inner .stat-holder .stat-2, .stats-custom .stats-inner .stat-holder .stat-2 { font-size: 36px; } }

@media only screen and (max-width: 760px) { .stats .stats-inner .stat-holder .stat-2, .stats-custom .stats-inner .stat-holder .stat-2 { font-size: 30px; } }

.stats .stats-inner .stat-holder .stat-2 span, .stats-custom .stats-inner .stat-holder .stat-2 span { font-size: 90px; line-height: 1; }

@media only screen and (max-width: 1280px) { .stats .stats-inner .stat-holder .stat-2 span, .stats-custom .stats-inner .stat-holder .stat-2 span { font-size: 76px; } }

@media only screen and (max-width: 992px) { .stats .stats-inner .stat-holder .stat-2 span, .stats-custom .stats-inner .stat-holder .stat-2 span { font-size: 62px; } }

@media only screen and (max-width: 760px) { .stats .stats-inner .stat-holder .stat-2 span, .stats-custom .stats-inner .stat-holder .stat-2 span { font-size: 54px; } }

.stats .stats-inner .stat-holder .stat-3, .stats-custom .stats-inner .stat-holder .stat-3 { font-size: 40px; margin: 5px; display: block; }

@media only screen and (max-width: 1280px) { .stats .stats-inner .stat-holder .stat-3, .stats-custom .stats-inner .stat-holder .stat-3 { font-size: 32px; } }

@media only screen and (max-width: 1280px) { .stats .stats-inner .stat-holder .stat-3, .stats-custom .stats-inner .stat-holder .stat-3 { font-size: 26px; } }

.stats .stats-inner .stat-holder .stat-4, .stats-custom .stats-inner .stat-holder .stat-4 { font-family: "URW-DIN", sans-serif; display: inline-block; font-size: 20px; text-transform: uppercase; letter-spacing: 0.05em; }

@media only screen and (max-width: 760px) { .stats .stats-inner .stat-holder .stat-4, .stats-custom .stats-inner .stat-holder .stat-4 { display: block; } }

.stats .stats-inner .stat-holder .stat-5, .stats-custom .stats-inner .stat-holder .stat-5 { display: inline-block; font-size: 24px; width: 50%; }

.stats .stats-inner .stat-holder span.tinytext, .stats-custom .stats-inner .stat-holder span.tinytext { font-family: "Ambit Bold", sans-serif; font-size: 16px; line-height: 1; text-transform: uppercase; letter-spacing: 0.05em; display: block; }

.stats .stats-inner .stat-holder .small-condensed, .stats-custom .stats-inner .stat-holder .small-condensed { text-transform: uppercase; font-family: "URW-DIN", sans-serif; font-size: 22px; letter-spacing: 0.05em; }

.stats.flot .stat-holder { width: 32%; }

@media only screen and (max-width: 1280px) { .stats.flot .stat-holder { width: 100%; text-align: center; } }

.stats.roomstogo .stats-inner .stat-holder sup { font-size: 50%; }

.stats.roomstogo .stats-inner .stat-holder .stat-3 { display: block; }

.stats.wellcare .stats-inner .stat-holder { width: 50%; text-align: center; }

@media only screen and (max-width: 760px) { .stats.wellcare .stats-inner .stat-holder { width: 100%; } }

.stats.zaxbys .stats-inner .stat-holder span.stat-2 span { line-height: 0.6; }

.stats.zaxbys .stat-number-2 span.stat-2 { font-size: 32px; margin-bottom: 10px; display: block; }

.stats.zaxbys .stat-number-3 span.stat-1 { font-size: 20px; margin-top: 10px; }

.stats.zaxbys .stat-number-4 span.stat-1 { font-size: 20px; margin-top: 10px; }

.stats.zaxbys .stat-number-4 span.stat-2 { font-size: 34px; }

.stats.zaxbys .stat-number-4 span.tinytext { margin-top: 10px; }

.video { overflow: hidden; background-position: top center; background-size: cover; position: relative; z-index: 700; }

.video .video-inner { margin: 0px 5.5vw; height: 70vh; display: flex; justify-content: center; align-items: center; }

.video .video-inner button { font-size: 80px; color: white; background: #2D2A32; border: none; padding: 10px 10px 10px 15px; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 0 35px rgba(0, 0, 0, 0.35); }

.modal-video { background-color: rgba(45, 42, 50, 0.95) !important; }

@media (max-width: 800px) { .video .video-inner { height: 30vh; min-height: 240px; } }

.modal-video-close-btn { cursor: pointer; }

.video-contained { background-position: top center; background-size: cover; position: relative; z-index: 700; }

.video-contained .video-inner { margin: 0vh 5.5vw; height: 70vh; display: flex; justify-content: center; align-items: center; background-repeat: no-repeat; background-size: cover; }

.video-contained .video-inner button { font-size: 80px; color: white; background: #2D2A32; border: none; padding: 10px 10px 10px 15px; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 0 35px rgba(0, 0, 0, 0.35); }

.modal-video { background-color: rgba(45, 42, 50, 0.95) !important; }

@media (max-width: 800px) { .video-contained .video-inner { height: 30vh; min-height: 240px; } }

.video-background-image { background-position: top center; background-size: cover; position: relative; z-index: 700; padding-top: 5.5vw; padding-bottom: 5.5vw; }

.video-background-image .video-inner { margin: 0vh 5.5vw; height: 70vh; display: flex; justify-content: center; align-items: center; background-repeat: no-repeat; background-size: cover; background-position: center; }

.video-background-image .video-inner button { font-size: 80px; color: white; background: #2D2A32; border: none; padding: 10px 10px 10px 15px; outline: none; cursor: pointer; box-shadow: 0 0 35px rgba(0, 0, 0, 0.35); }

.modal-video { background-color: rgba(45, 42, 50, 0.95) !important; }

@media (max-width: 800px) { .video-contained .video-inner { height: 30vh; min-height: 240px; } }

h1, h2, h3, h4, h5, h6, li, p { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.flexible-long-copy { max-width: 850px; width: 80%; margin: 0 auto; padding: 50px 0 100px 0; }

.flexible-long-copy article { margin-top: 50px; }

@media only screen and (max-width: 992px) { .flexible-long-copy article { margin-top: 35px; } }

@media only screen and (max-width: 760px) { .flexible-long-copy .headline { text-align: center; } }

.flexible-long-copy h1 { font-family: "Ambit Bold", sans-serif; background: #ff0059; background: -webkit-linear-gradient(90deg, #FFA729, #FF3A20, #4C85F6); background: -moz-linear-gradient(90deg, #FFA729, #FF3A20, #4C85F6); background: linear-gradient(90deg, #FFA729, #FF3A20, #4C85F6); -webkit-text-fill-color: transparent; -webkit-background-clip: text; font-size: 72px; line-height: 1.2; letter-spacing: -0.02em; display: block; align-items: center; margin: 0; padding: 20px 0 0px 80px; position: relative; }

@media only screen and (max-width: 1280px) { .flexible-long-copy h1 { font-size: 55px; } }

@media only screen and (max-width: 992px) { .flexible-long-copy h1 { font-size: 42px; padding-left: 60px; } }

@media only screen and (max-width: 760px) { .flexible-long-copy h1 { display: inline; text-align: center; font-size: 40px; margin: 0px auto; padding: 10px 0; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .flexible-long-copy h1 { background: none; } }

.flexible-long-copy h1:before { content: ''; width: 55px; height: 58px; display: block; background: url("../images/ui/flourish-square-waves-down.svg") no-repeat; background-size: 100%; position: absolute; left: 0; top: 35px; }

@media only screen and (max-width: 1280px) { .flexible-long-copy h1:before { width: 50px; height: 53px; top: 25px; } }

@media only screen and (max-width: 992px) { .flexible-long-copy h1:before { width: 40px; height: 42px; top: 20px; } }

@media only screen and (max-width: 760px) { .flexible-long-copy h1:before { position: static; margin: 0 auto 10px auto; } }

.flexible-long-copy h2 { font-family: "EamesCentryModern", serif; font-size: 30px; margin: 50px 0 20px 0; }

@media only screen and (max-width: 992px) { .flexible-long-copy h2 { font-size: 25px; } }

.flexible-long-copy h3 { font-family: "URW-DIN", sans-serif; text-transform: uppercase; font-size: 24px; letter-spacing: 0.05em; margin: 40px 0 20px 0; }

@media only screen and (max-width: 992px) { .flexible-long-copy h3 { font-size: 21px; } }

.flexible-long-copy ol { counter-reset: item; list-style: none; }

.flexible-long-copy ol li { counter-increment: item; position: relative; padding-left: 45px; margin-bottom: 20px; }

.flexible-long-copy ol li:before { content: counter(item); font-family: var(--main-font-bold); display: block; color: white; background: black; position: absolute; left: 5px; top: 0; border-radius: 50px; width: 30px; height: 30px; font-size: 13px; line-height: 30px; text-align: center; }

.flexible-long-copy p, .flexible-long-copy li { font-family: "Ambit Regular", sans-serif; font-size: 20px; line-height: 1.8; }

@media only screen and (max-width: 992px) { .flexible-long-copy p, .flexible-long-copy li { font-size: 18px; } }

@media only screen and (max-width: 760px) { .flexible-long-copy p, .flexible-long-copy li { font-size: 16px; } }

.flexible-long-copy p strong, .flexible-long-copy li strong { font-family: "Ambit Bold", sans-serif; }

.flexible-long-copy p .special, .flexible-long-copy li .special { font-family: "EamesCentryModern", serif; font-size: 24px; }

.flexible-long-copy p .special.red, .flexible-long-copy li .special.red { color: #FF3A20; }

.flexible-long-copy p .special.blue, .flexible-long-copy li .special.blue { color: #4C85F6; }

.flexible-long-copy p .special.light-blue, .flexible-long-copy li .special.light-blue { color: #30BBEC; }

.flexible-long-copy p.byline, .flexible-long-copy li.byline { font-size: 15px; text-transform: uppercase; letter-spacing: 0.2em; position: relative; padding: 0 0 0 50px; }

@media only screen and (max-width: 992px) { .flexible-long-copy p.byline, .flexible-long-copy li.byline { font-size: 14px; } }

@media only screen and (max-width: 760px) { .flexible-long-copy p.byline, .flexible-long-copy li.byline { font-size: 13px; padding: 0; text-align: center; } }

.flexible-long-copy p.byline:before, .flexible-long-copy li.byline:before { content: ''; width: 40px; height: 2px; background: #FF3A20; display: block; position: absolute; left: 0; top: 11px; }

@media only screen and (max-width: 760px) { .flexible-long-copy p.byline:before, .flexible-long-copy li.byline:before { display: block; position: static; margin: 0 auto 15px auto; } }

.flexible-long-copy li { margin-bottom: 15px; }

.flexible-long-copy blockquote { padding: 20px 30px 20px 50px; margin: 20px 0; font-size: 18px; line-height: 1.7; background: #F3F3F3; border-left: 4px solid black; }

.flexible-long-copy blockquote.red { border-color: #FF3A20; }

.flexible-long-copy blockquote.gold { border-color: #FFA729; }

.flexible-long-copy blockquote.blue { border-color: #4C85F6; }

.flexible-long-copy blockquote.light-blue { border-color: #30BBEC; }

.flexible-long-copy blockquote span { display: block; margin-top: 18px; text-transform: uppercase; font-size: 12px; letter-spacing: 0.1em; }

.flexible-long-copy .break-container-width { width: 130%; margin-left: -15%; }

@media only screen and (max-width: 1280px) { .flexible-long-copy .break-container-width { width: 100%; margin-left: 0; } }

img.inline { width: 100%; height: auto; margin: 30px 0; }

.closingCTA hr { border: 0; display: block; height: 2px; width: 100%; margin: 50px 0; background: #BBB; }

.copy-module { background-color: #2D2A32; border-top: 1px solid #BBB; border-bottom: 1px solid #F3F3F3; }

.copy-module .copy-inner { margin: 0px 5.5vw; font-size: 18px; margin: 0 auto; padding: 100px 0px; display: flex; justify-content: center; align-items: center; flex-flow: column; width: 70%; max-width: 900px; }

@media only screen and (max-width: 992px) { .copy-module .copy-inner { font-size: 16px; line-height: 1.7; } }

.copy-module .copy-inner h2 { display: block; width: 100%; margin: 0 auto 20px auto; text-align: left; text-transform: uppercase; line-height: 1.2; }

.copy-module .copy-inner span { line-height: 2; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .copy-module .copy-inner span { width: 100%; } }

.open-positions-list p { border: 1px solid #BBB; padding: 25px; }

@media only screen and (max-width: 760px) { .open-positions-list p { padding: 15px; } }

.open-positions-list p a { color: #FF3A20; text-decoration: underline; }

.open-positions-list p a:hover { text-decoration: none; }

.open-positions-list ul { margin: 0; padding: 0; }

.open-positions-list ul li { list-style-type: none; margin: 0; padding: 0; }

.open-positions-list ul li:first-child a { border-top: 1px solid #BBB; }

.open-positions-list ul li a { display: block; padding: 20px 60px 20px 15px; border-bottom: 1px solid #BBB; font-family: "URW-DIN", sans-serif; text-transform: uppercase; color: #FF3A20; font-size: 20px; line-height: 1.2; letter-spacing: 0.005em; position: relative; transition: color .2s ease-in-out,background-color .2s ease-in-out; }

@media only screen and (max-width: 992px) { .open-positions-list ul li a { font-size: 18px; padding: 15px 50px 15px 0; } }

@media only screen and (max-width: 760px) { .open-positions-list ul li a { font-size: 16px; padding: 15px 30px 15px 0; } }

.open-positions-list ul li a:after { content: ''; background: url("../images/ui/arrow-black.svg") no-repeat; background-size: 30px 20px; display: block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 30px; height: 20px; }

@media only screen and (max-width: 992px) { .open-positions-list ul li a:after { background-size: 22px 14px; width: 22px; height: 14px; } }

@media only screen and (max-width: 760px) { .open-positions-list ul li a:after { background-size: 16px 10px; width: 16px; height: 10px; right: 0; } }

.open-positions-list ul li a:hover { color: #4C85F6; background: #F6F6F6; }

@media (max-width: 800px) { .copy-module .copy-inner { padding: 60px 20px; } }

.image-module { position: relative; z-index: 600; }

.image-module img { width: 100%; height: auto; display: block; }

/* Slider */
.slick-loading .slick-list { background: #fff url("./../../assets/js/libraries/images/ajax-loader.gif") center center no-repeat; }

/* Icons */
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 77px; width: 45px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; z-index: 800; background: #2D2A32; transition: all 0.1s ease-in-out; box-shadow: 0 0 35px rgba(0, 0, 0, 0.5); }

.slick-prev:hover, .slick-next:hover { top: 43%; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: 0; z-index: 1000; }

[dir="rtl"] .slick-prev { left: auto; right: 0; }

.slick-prev:before { content: " "; background: url("../images/ui/arw-left.svg") center center no-repeat; background-size: 16px 28px; width: 16px; height: 28px; display: block; margin: 0 auto; }

[dir="rtl"] .slick-prev:before { content: " "; background: url("../images/ui/arw-left.svg") center center no-repeat; background-size: 16px 28px; width: 16px; height: 28px; display: block; margin: 0 auto; }

.slick-next { right: 0; }

[dir="rtl"] .slick-next { left: 0; right: auto; }

.slick-next:before { content: " "; background: url("../images/ui/arw-right.svg") center center no-repeat; background-size: 16px 28px; width: 16px; height: 28px; display: block; margin: 0 auto; }

[dir="rtl"] .slick-next:before { content: " "; background: url("../images/ui/arw-right.svg") center center no-repeat; background-size: 16px 28px; width: 16px; height: 28px; display: block; margin: 0 auto; }

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-slide { min-height: 100% !important; height: auto !important; }

.slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; }

.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }

.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }

.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

.slide-show { background-color: #2D2A32; }

.slide-show .slide-show-inner { margin: 0px 5.5vw; border: 0; height: 60vh; display: flex; justify-content: space-around; align-items: center; padding: 80px; overflow: hidden; }

.slide-show .slide-show-inner img { width: 50vw; display: none; object-fit: scale-down; }

.slide-show .slide-show-inner img.showing { display: block; }

.slide-show .slide-show-inner button { background-color: transparent; font-size: 42px; color: #FFFFFF; border: none; cursor: pointer; }

.single-slider-container { background: #2D2A32; }

.single-slider-container .single-slider { width: 60%; margin: 0 auto; }

@media only screen and (max-width: 992px) { .single-slider-container .single-slider { width: 80%; } }

.single-slider-container .single-slider .slick-next, .single-slider-container .single-slider .slick-prev { box-shadow: none; }

.single-slider-container .single-slider .slick-next:hover, .single-slider-container .single-slider .slick-prev:hover { transform: translateY(-50%); top: 50%; }

.single-slider-container .single-slider .slick-next { right: -15%; }

@media only screen and (max-width: 992px) { .single-slider-container .single-slider .slick-next { right: -10%; } }

[dir="rtl"] .single-slider-container .single-slider .slick-next { left: -5%; right: auto; }

@media only screen and (max-width: 992px) { [dir="rtl"] .single-slider-container .single-slider .slick-next { left: -10%; } }

.single-slider-container .single-slider .slick-prev { left: -15%; }

@media only screen and (max-width: 992px) { .single-slider-container .single-slider .slick-prev { left: -10%; } }

[dir="rtl"] .single-slider-container .single-slider .slick-prev { right: -5%; left: auto; }

@media only screen and (max-width: 992px) { [dir="rtl"] .single-slider-container .single-slider .slick-prev { right: -10%; } }

.marqueeWrap { width: 100%; margin: 0 auto; position: relative; overflow: hidden; white-space: nowrap; height: 75px; background: #2D2A32; }

.marqueeWrap .marquee { margin: 0 auto; white-space: nowrap; overflow: hidden; position: absolute; color: #FFFFFF; font-family: "URW-DIN", sans-serif; font-size: 22px; text-transform: uppercase; letter-spacing: 0.1em; padding: 20px 0; }

.marqueeWrap .marquee .lineTrack { display: inline-block; padding-left: 90%; animation: marquee 30s linear infinite; }

.marqueeWrap .marquee.mduplicate .lineTrack { animation-delay: 15s; }

.marqueeWrap .marquee .gold { color: #FFA729; padding: 0 5px; }

@keyframes marquee { 0% { transform: translate(0, 0); }
  100% { transform: translate(-100%, 0); } }

@media (max-width: 800px) { .slide-show .slide-show-inner { height: 40vh; min-height: 240px; padding: 0px; } .slide-show .slide-show-inner img { width: 70vw; } }

.slide-show-fullwidth { background-color: #2D2A32; }

.slide-show-fullwidth .slide-show-inner { display: flex; align-items: center; overflow: hidden; }

.slide-show-fullwidth .slide-show-inner img { height: 450px; width: auto; }

.slide-show-fullwidth .slide-show-inner .button-left { left: 0px; position: absolute; z-index: 1000; }

.slide-show-fullwidth .slide-show-inner .button-right { right: 0px; position: absolute; }

.slide-show-fullwidth .slide-show-inner button { background-color: #000000; font-size: 42px; color: #FFFFFF; border: none; padding: 20px; cursor: pointer; }

.slide-show-fullwidth .slide-show-inner button:active { border: 0; outline: 0; }

@media (max-width: 800px) { .slide-show-fullwidth .slide-show-inner { height: 40vh; min-height: 240px; padding: 0px; } .slide-show-fullwidth .slide-show-inner img { width: 70vw; } }

.want-to-see-more { background-color: #FFFFFF; display: flex; justify-content: center; align-items: center; flex-flow: column; margin: 0; padding: 80px; }

@media only screen and (max-width: 760px) { .want-to-see-more { text-align: center; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .want-to-see-more { padding-bottom: 200px; } }

.want-to-see-more h2 { background: #ff0059; background: -webkit-linear-gradient(90deg, #FFA729, #FF3A20, #4C85F6); background: -moz-linear-gradient(90deg, #FFA729, #FF3A20, #4C85F6); background: linear-gradient(90deg, #FFA729, #FF3A20, #4C85F6); -webkit-text-fill-color: transparent; -webkit-background-clip: text; font-size: 52px; display: inline-block; align-items: center; text-transform: lowercase; margin: 0 0 30px 0; font-family: "Ambit Bold", sans-serif; }

@media only screen and (max-width: 760px) { .want-to-see-more h2 { display: inline; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .want-to-see-more h2 { background: none; } }

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