@charset "UTF-8"; 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, 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 { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ 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: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .clear { clear: both; } :focus { outline: none; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* ========================================================================== Mixins & Variables ========================================================================== */ /* Variables */ /* Mixins */ /* Typography ============================================================================ */ /* Fonts ============================================================================ */ @font-face { font-family: 'MADE Outer Sans'; src: url("../fonts/made-outer-sans/MADEOuterSans-Medium.eot"); src: url("../fonts/made-outer-sans/MADEOuterSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/made-outer-sans/MADEOuterSans-Medium.woff2") format("woff2"), url("../fonts/made-outer-sans/MADEOuterSans-Medium.woff") format("woff"), url("../fonts/made-outer-sans/MADEOuterSans-Medium.ttf") format("truetype"), url("../fonts/made-outer-sans/MADEOuterSans-Medium.svg#MADEOuterSans-Medium") format("svg"); font-weight: 500; font-style: normal; } @font-face { font-family: 'MADE Outer Sans'; src: url("../fonts/made-outer-sans/MADEOuterSans-Bold.eot"); src: url("../fonts/made-outer-sans/MADEOuterSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/made-outer-sans/MADEOuterSans-Bold.woff2") format("woff2"), url("../fonts/made-outer-sans/MADEOuterSans-Bold.woff") format("woff"), url("../fonts/made-outer-sans/MADEOuterSans-Bold.ttf") format("truetype"), url("../fonts/made-outer-sans/MADEOuterSans-Bold.svg#MADEOuterSans-Bold") format("svg"); font-weight: bold; font-style: normal; } @font-face { font-family: 'MADE Outer Sans'; src: url("../fonts/made-outer-sans/MADEOuterSans-Thin.eot"); src: url("../fonts/made-outer-sans/MADEOuterSans-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/made-outer-sans/MADEOuterSans-Thin.woff2") format("woff2"), url("../fonts/made-outer-sans/MADEOuterSans-Thin.woff") format("woff"), url("../fonts/made-outer-sans/MADEOuterSans-Thin.ttf") format("truetype"), url("../fonts/made-outer-sans/MADEOuterSans-Thin.svg#MADEOuterSans-Thin") format("svg"); font-weight: 100; font-style: normal; } @font-face { font-family: 'MADE Outer Sans'; src: url("../fonts/made-outer-sans/MADEOuterSans-Black.eot"); src: url("../fonts/made-outer-sans/MADEOuterSans-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/made-outer-sans/MADEOuterSans-Black.woff2") format("woff2"), url("../fonts/made-outer-sans/MADEOuterSans-Black.woff") format("woff"), url("../fonts/made-outer-sans/MADEOuterSans-Black.ttf") format("truetype"), url("../fonts/made-outer-sans/MADEOuterSans-Black.svg#MADEOuterSans-Black") format("svg"); font-weight: 900; font-style: normal; } @font-face { font-family: 'MADE Outer Sans'; src: url("../fonts/made-outer-sans/MADEOuterSans-Light.eot"); src: url("../fonts/made-outer-sans/MADEOuterSans-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/made-outer-sans/MADEOuterSans-Light.woff2") format("woff2"), url("../fonts/made-outer-sans/MADEOuterSans-Light.woff") format("woff"), url("../fonts/made-outer-sans/MADEOuterSans-Light.ttf") format("truetype"), url("../fonts/made-outer-sans/MADEOuterSans-Light.svg#MADEOuterSans-Light") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: 'MADE Outer Sans'; src: url("../fonts/made-outer-sans/MADEOuterSans.eot"); src: url("../fonts/made-outer-sans/MADEOuterSans.eot?#iefix") format("embedded-opentype"), url("../fonts/made-outer-sans/MADEOuterSans.woff2") format("woff2"), url("../fonts/made-outer-sans/MADEOuterSans.woff") format("woff"), url("../fonts/made-outer-sans/MADEOuterSans.ttf") format("truetype"), url("../fonts/made-outer-sans/MADEOuterSans.svg#MADEOuterSans") format("svg"); font-weight: normal; font-style: normal; } /* Font: Eingrantch Mono Style: Regular URL: https://www.youworkforthem.com/font/T11978/eingrantch-mono Foundry: HarmnesslessType Foundry: https://www.youworkforthem.com/designer/1256/harmnesslesstype Copyright: Copyright © 2019 by Harmnessless. All rights reserved. Version: 17 Created: March 01, 2020 License: https://www.youworkforthem.com/font-license License: The WebFont(s) listed in this document must follow the YouWorkForThem WebFont license rules. All other parties are strictly restricted from using the WebFonts(s) listed without a purchased license. All details above must always remain unaltered and visible in your CSS. */ @font-face { font-family: 'Eingrantch'; src: url("../fonts/eingrantch/eingrantch-mono-regular.eot"); src: url("../fonts/eingrantch/eingrantch-mono-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/eingrantch/eingrantch-mono-regular.woff2") format("woff2"), url("../fonts/eingrantch/eingrantch-mono-regular.woff") format("woff"), url("../fonts/eingrantch/eingrantch-mono-regular.ttf") format("truetype"), url("../fonts/eingrantch/eingrantch-mono-regular.svg#youworkforthem") format("svg"); font-weight: normal; font-style: normal; } /* Font: Eingrantch Mono Style: Medium URL: https://www.youworkforthem.com/font/T11978/eingrantch-mono Foundry: HarmnesslessType Foundry: https://www.youworkforthem.com/designer/1256/harmnesslesstype Copyright: Copyright © 2019 by Harmnessless. All rights reserved. Version: 17 Created: March 01, 2020 License: https://www.youworkforthem.com/font-license License: The WebFont(s) listed in this document must follow the YouWorkForThem WebFont license rules. All other parties are strictly restricted from using the WebFonts(s) listed without a purchased license. All details above must always remain unaltered and visible in your CSS. */ @font-face { font-family: 'Eingrantch'; src: url("../fonts/eingrantch/eingrantch-mono-medium.eot"); src: url("../fonts/eingrantch/eingrantch-mono-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/eingrantch/eingrantch-mono-medium.woff2") format("woff2"), url("../fonts/eingrantch/eingrantch-mono-medium.woff") format("woff"), url("../fonts/eingrantch/eingrantch-mono-medium.ttf") format("truetype"), url("../fonts/eingrantch/eingrantch-mono-medium.svg#youworkforthem") format("svg"); font-weight: 500; font-style: normal; } * { -webkit-font-smoothing: antialiased; } html { font-size: 16px; font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 400; } .content { color: #53585D; line-height: 1.7; /* * For any styling of content text, meaning blog or * page content styling. Anything that will be inside * a container of class "content". * ------------------------------------------- */ } .content a { -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; text-decoration: none; color: #F8E71C; } .content a:hover { text-decoration: underline; } .content ul, .content ol { margin: 0; padding: 0 0 20px 50px; } @media (max-width: 414px) { .content ul, .content ol { padding: 0 0 20px 30px; } } .content ul ul, .content ul ol, .content ol ul, .content ol ol { padding: 5px 0 5px 50px; } @media (max-width: 414px) { .content ul ul, .content ul ol, .content ol ul, .content ol ol { padding: 0 0 20px 30px; } } .content ul li, .content ol li { display: block; margin: 5px 0; position: relative; text-align: left; } .content ul li:before, .content ol li:before { content: ""; display: block; float: left; } .content ol { counter-reset: my-counter; } .content ol > li { list-style: none; } .content ol > li:before { color: #F8E71C; content: counter(my-counter, decimal) "."; counter-increment: my-counter; margin-top: 0; font-style: italic; font-size: 1.25em; margin: 2px 0 0 -40px; line-height: 1; } @media (max-width: 414px) { .content ol > li:before { font-size: 1em; margin: 4px 0 0 -30px; } } .content ol > li ol > li:before { content: counter(my-counter, lower-roman) "."; font-size: 1em; line-height: inherit; } .content ol > li ol > li ol > li:before { content: counter(my-counter, lower-latin) "."; } .content ul > li:before { vertical-align: middle; display: inline-block; content: ""; width: 10px; height: 10px; border-radius: 20px; background: #F8E71C; margin: 9px 0 0 -30px; vertical-align: middle; } @media (max-width: 414px) { .content ul > li:before { margin: 8px 0 0 -30px; } } .content ul > li ul > li:before { background-color: #f9ea35; } .content ul > li ul > li ul > li:before { background-color: #faec4d; } .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { font-weight: 600; line-height: 1.2; margin: 0 0 20px 0; text-align: left; letter-spacing: 0.5px; font-family: 'MADE Outer Sans', sans-serif; } @media (max-width: 414px) { .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { padding: 0 0 20px 0; } } .content h1 a, .content h2 a, .content h3 a, .content h4 a, .content h5 a, .content h6 a { color: inherit; text-decoration: none; } .content h1 a:hover, .content h2 a:hover, .content h3 a:hover, .content h4 a:hover, .content h5 a:hover, .content h6 a:hover { opacity: .8; } .content h1 { font-size: 2.25em; } .content h2 { font-size: 1.875em; } .content h3 { font-size: 1.625em; } .content h4 { font-size: 1.375em; } .content h5 { font-size: 1.1875em; } .content h6 { font-size: 1em; } @media (max-width: 767px) { .content h1 { font-size: 1.875em; } .content h2 { font-size: 1.625em; } .content h3 { font-size: 1.375em; } .content h4 { font-size: 1.125em; } .content h5 { font-size: 1.0625em; } .content h6 { font-size: 1em; } } .content form p { margin: 0; padding: 0; line-height: 1; } .content form fieldset:not(:empty) { border: 1px solid #EEE; padding: 20px 20px 0 20px; margin-bottom: 20px; } .content form fieldset:not(:empty) legend { width: auto; display: inline-block; font-size: 1.125em; background: #FFF; padding: 10px; margin-bottom: 0; margin-left: -10px; text-transform: uppercase; letter-spacing: 1px; font-size: 0.75em; } .content form select, .content form input[type="email"], .content form input[type="number"], .content form input[type="password"], .content form input[type="search"], .content form input[type="text"], .content form input[type="tel"], .content form input[type="url"], .content form textarea, .content form button { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 2px solid #DDD; background: transparent; color: #000; font: inherit; line-height: 1; font-size: 1em; } .content form select:focus, .content form select:active, .content form input[type="email"]:focus, .content form input[type="email"]:active, .content form input[type="number"]:focus, .content form input[type="number"]:active, .content form input[type="password"]:focus, .content form input[type="password"]:active, .content form input[type="search"]:focus, .content form input[type="search"]:active, .content form input[type="text"]:focus, .content form input[type="text"]:active, .content form input[type="tel"]:focus, .content form input[type="tel"]:active, .content form input[type="url"]:focus, .content form input[type="url"]:active, .content form textarea:focus, .content form textarea:active, .content form button:focus, .content form button:active { outline: 0; } .content form label { width: 100%; display: block; position: relative; margin-bottom: 5px; } .content form select { position: relative; cursor: pointer; width: 100%; padding: 15px 30px 15px 15px; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2221%22%20viewBox%3D%220%200%2010%2021%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%231a1e20%3Bfill-rule%3Aevenodd%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20id%3D%22Polygon_3_copy%22%20data-name%3D%22Polygon%203%20copy%22%20class%3D%22cls-1%22%20d%3D%22M14344%202811.99l5%208.22h-10zm0%2021.02l-5-8.22h10z%22%20transform%3D%22translate(-14339%20-2812)%22%2F%3E%3C%2Fsvg%3E"); background-position: right 15px center; background-repeat: no-repeat; } .content form input[type="email"], .content form input[type="number"], .content form input[type="password"], .content form input[type="search"], .content form input[type="text"], .content form input[type="tel"], .content form input[type="url"], .content form textarea { width: 100%; font: inherit; padding: 10px 15px; box-sizing: border-box; line-height: 1; height: auto; width: 100%; } .content form textarea { height: 100px; } .content form input[type="button"], .content form input[type="submit"], .content form input[type="reset"], .content form button { -webkit-appearance: none; -moz-appearance: none; appearance: none; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; border-radius: 0; border: 2px solid #1C263A; color: #FFF; cursor: pointer; background: #1C263A; display: inline-block; font: inherit; font-size: 0.875em; font-weight: 700; letter-spacing: 0.7px; line-height: 1; min-width: 200px; padding: 10px 20px; text-align: center; text-decoration: none; text-transform: uppercase; } .content form input[type="button"].inverted, .content form input[type="submit"].inverted, .content form input[type="reset"].inverted, .content form button.inverted { color: #FFF; } .content form input[type="button"]:hover, .content form input[type="submit"]:hover, .content form input[type="reset"]:hover, .content form button:hover { background: transparent; color: #1C263A; } @media (max-width: 600px) { .content form input[type="button"], .content form input[type="submit"], .content form input[type="reset"], .content form button { width: 100%; padding: 15px 30px; } } .content .button { border-color: #333; color: #333; cursor: pointer; } .content .button:hover { background: #333; color: #FFF; } .content .button-outline { -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; border-radius: 100px; font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 400; border: 3px solid #F8E71C; color: #FFF; display: inline-block; font-size: 0.875em; font-weight: 700; letter-spacing: 1px; line-height: 1.2; min-width: 200px; padding: 13px 30px; text-align: center; text-decoration: none; text-transform: uppercase; } .content .button-outline:hover { text-decoration: none; background: #F8E71C; color: #000; } .content .button-solid { -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; border-radius: 100px; font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 400; border: 3px solid #F8E71C; background: #F8E71C; color: #000; display: inline-block; font-size: 0.875em; font-weight: 700; letter-spacing: 1px; line-height: 1.2; min-width: 200px; padding: 13px 30px; text-align: center; text-decoration: none; text-transform: uppercase; } .content .button-solid:hover { text-decoration: none; background-color: #FFF; border-color: #FFF; } .content hr { border: 0; border-top: 1px solid #e3e3e3; margin: 0 0 20px 0; } @media (max-width: 414px) { .content hr { margin-bottom: 20px; } } .content blockquote { font-style: italic; font-size: 1.5em; color: #000; letter-spacing: 0.33px; line-height: 1.6; border-bottom: 2px solid #F5F5F5; margin-bottom: 20px; padding-bottom: 30px; } @media (max-width: 767px) { .content blockquote { font-size: 1.125em; } } @media (max-width: 414px) { .content blockquote { margin-bottom: 20px; } } .content blockquote p:last-of-type { padding: 0; margin: 0; } .content .tweetquote { position: relative; color: #A58F46; -ms-transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; -webkit-backface-visibility: hidden; font-weight: 600; } .content .tweetquote:hover { color: #000; } .content .tweetquote:hover .underline { border-color: #000; } .content .tweetquote:hover span.share i { background-color: #000; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2219%22%20viewBox%3D%220%200%2018%2019%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Esquare-upload%20copy%2014%3C%2Ftitle%3E%3Cg%20stroke%3D%22%23FFF%22%20stroke-width%3D%221.6%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20stroke-linecap%3D%22square%22%20d%3D%22M1%2013.2V18h16v-4.8%22%2F%3E%3Cpath%20d%3D%22M8.6%2014V2%22%2F%3E%3Cpath%20stroke-linecap%3D%22square%22%20d%3D%22M13.8%206.8L9%202%204.2%206.8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .content .tweetquote .underline { border-bottom: 2px solid #D6B959; -ms-transition: border-color 0.3s; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; -o-transition: border-color 0.3s; transition: border-color 0.3s; -webkit-backface-visibility: hidden; } .content .tweetquote span.share i { -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; display: inline-block; vertical-align: middle; margin-left: 5px; height: 27px; width: 27px; border-radius: 40px; background-position: center center; background-color: #F0F0F0; background-repeat: no-repeat; background-size: 50% 50%; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2219%22%20viewBox%3D%220%200%2018%2019%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Esquare-upload%20copy%2014%3C%2Ftitle%3E%3Cg%20stroke%3D%22%23D6B959%22%20stroke-width%3D%221.6%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20stroke-linecap%3D%22square%22%20d%3D%22M1%2013.2V18h16v-4.8%22%2F%3E%3Cpath%20d%3D%22M8.6%2014V2%22%2F%3E%3Cpath%20stroke-linecap%3D%22square%22%20d%3D%22M13.8%206.8L9%202%204.2%206.8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .content .tweetquote a { z-index: 1; color: inherit !important; text-decoration: none; transition: none; } .content .tweetquote a:hover { text-decoration: none; color: inherit !important; } .content b, .content strong { font-weight: bold; font-size: inherit; } .content img { max-width: 100%; height: auto; } .content p { padding: 0; margin: 0 0 20px 0; } @media (max-width: 414px) { .content p { margin-bottom: 20px; } } .content p.introduction { font-size: 1.1875em; color: #4A4A4A; letter-spacing: 0.53px; line-height: 1.6; } @media (max-width: 768px) { .content p.introduction { font-size: 1.0625em; } } .content u { text-decoration: none; border-bottom: 2px solid #000; } .content i, .content em { font-style: italic; } .content mark { padding: 3px 5px; } .content big { font-size: 120%; } .content small { font-size: 80%; } .content .wp-audio-shortcode { margin-bottom: 20px; } @media (max-width: 414px) { .content .wp-audio-shortcode { margin-bottom: 20px; } } .content .alignnone { margin: 0 20px 10px 0; } .content .aligncenter { display: block; margin: 10px auto 10px auto; } .content .alignright { float: right; margin: 10px 0 10px 20px; padding: 0; } .content .alignleft { float: left; margin: 10px 20px 10px 0; padding: 0; } .content .aligncenter { display: block; margin: 0 auto 30px auto; padding: 0; } .content .alignright, .content .alignleft { max-width: 50%; height: auto; } @media (max-width: 767px) { .content .alignright, .content .alignleft { max-width: 100%; } } .content a img.alignright { float: right; margin: 10px 0 10px 20px; } .content a img.alignnone { margin: 0 20px 10px 0; } .content a img.alignleft { float: left; margin: 10px 20px 10px 0; } .content a img.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 30px; } .content .wp-caption { max-width: 100%; padding: 0; } .content .wp-caption img { max-width: 100%; height: auto; border: 0 none; margin: 0; padding: 0; width: auto; } @media (max-width: 767px) { .content .wp-caption.alignleft, .content .wp-caption.alignright { width: 100% !important; } .content .wp-caption.alignleft img, .content .wp-caption.alignright img { width: 100%; } } .content .wp-caption p.wp-caption-text { margin: 0; text-align: left; padding: 0 0 0 0; font-size: .8em; font-style: italic; color: #666; } .content .wp-caption p.wp-caption-text a { color: inherit; } .content strong { color: #000; font-weight: 600; } .content.dark h1, .content.dark h2, .content.dark h3, .content.dark h4, .content.dark h5, .content.dark h6, .content.dark strong { color: #FFF; } .table { display: table; width: 100%; } .table .cell { position: relative; display: table-cell; z-index: 1; vertical-align: middle; } .lazyload, .lazyloading { opacity: 0; } .lazyloaded { opacity: 1; transition: opacity 1s; } .hide { display: none; } .row { display: block; width: 102.0833333333%; margin: 0 -1.0416666667%; *zoom: 1; } .row:before, .row:after { content: ""; display: table; } .row:after { clear: both; } .background { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; z-index: 1; } .container { position: relative; max-width: 1400px; width: 90%; margin: 0 auto; z-index: 2; *zoom: 1; } .container:before, .container:after { content: ""; display: table; } .container:after { clear: both; } .video-container { background: #000; position: relative; position: relative; } .video-container:before { display: block; content: ""; width: 100%; padding-top: 56.25%; } .video-container .video-placeholder .fluid-width-video-wrapper { padding: 0 !important; bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; } .video-container .video-code { display: none; } .video-container .video-cover { background: #000; bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; display: block; cursor: pointer; overflow: hidden; z-index: 100; } .video-container .video-cover:hover .background { -ms-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); } .video-container .video-cover:hover .fade { opacity: 1; } .video-container .video-cover .background { -ms-transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-backface-visibility: hidden; z-index: 2; } .video-container .video-cover .fade { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; opacity: 0.8; background-image: radial-gradient(70% 110%, rgba(0, 0, 0, 0) 52%, #000000 100%); z-index: 3; -ms-transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-backface-visibility: hidden; } @media (max-width: 375px) { .video-container .video-cover .fade { opacity: 0.5; } } .video-container .video-cover .overlay { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; opacity: 0.07; z-index: 4; } .video-container .video-cover .play { position: absolute; width: 67px; height: 67px; left: 50%; top: 50%; bottom: auto; right: auto; transform: translateX(-50%) translateY(-50%); -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; z-index: 5; background-size: cover; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2296%22%20height%3D%2296%22%20viewBox%3D%220%200%2096%2096%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGroup%203%20Copy%3C%2Ftitle%3E%3Cg%20transform%3D%22translate(.55%20-.1)%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20stroke%3D%22%23FFF%22%20stroke-width%3D%227.28%22%20cx%3D%2247.32%22%20cy%3D%2247.818%22%20r%3D%2243.68%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M61.293%2047.818L39.575%2065.915V29.72z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .compat-object-fit { background-size: cover; background-position: center center; } .compat-object-fit img { opacity: 0; } /* Animate.css Classes */ .animated { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } /* Additional Animation Classes */ .fade-in { opacity: 0; -ms-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; -webkit-backface-visibility: hidden; } .fade-in.animate { opacity: 1; } .fade-out { -ms-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; -webkit-backface-visibility: hidden; } .fade-out.animate { opacity: 0; } .from-bottom { -ms-transform: translateY(40px); -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } .from-bottom.animate { -ms-transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .from-top { -ms-transform: translateY(-40px); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } .from-top.animate { -ms-transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .from-left { -ms-transform: translateX(-40px); -webkit-transform: translateX(-40px); -moz-transform: translateX(-40px); -o-transform: translateX(-40px); transform: translateX(-40px); } .from-left.animate { -ms-transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .from-right { -ms-transform: translateX(40px); -webkit-transform: translateX(40px); -moz-transform: translateX(40px); -o-transform: translateX(40px); transform: translateX(40px); } .from-right.animate { -ms-transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .extra-fast { transition-duration: .15s; } .fast { transition-duration: .3s; } .normal { transition-duration: .5s; } .sluggish { transition-duration: 1.5s; } .slow { transition-duration: 3s; } .extra-slow { transition-duration: 5s; } .delay-1 { transition-delay: .1s; } .delay-2 { transition-delay: .2s; } .delay-3 { transition-delay: .3s; } .delay-4 { transition-delay: .4s; } .delay-5 { transition-delay: .5s; } .delay-6 { transition-delay: .6s; } .delay-7 { transition-delay: .7s; } .delay-8 { transition-delay: .8s; } .delay-9 { transition-delay: .9s; } .delay-10 { transition-delay: 1.0s; } .delay-11 { transition-delay: 1.1s; } .delay-12 { transition-delay: 1.2s; } .delay-13 { transition-delay: 1.3s; } .delay-14 { transition-delay: 1.4s; } .delay-15 { transition-delay: 1.5s; } .delay-16 { transition-delay: 1.6s; } .delay-17 { transition-delay: 1.7s; } .delay-18 { transition-delay: 1.8s; } .delay-19 { transition-delay: 1.9s; } .delay-20 { transition-delay: 2.0s; } .delay-21 { transition-delay: 2.1s; } .delay-22 { transition-delay: 2.2s; } .delay-23 { transition-delay: 2.3s; } .delay-24 { transition-delay: 2.4s; } .delay-25 { transition-delay: 2.5s; } .delay-26 { transition-delay: 2.6s; } .delay-27 { transition-delay: 2.7s; } .delay-28 { transition-delay: 2.8s; } .delay-29 { transition-delay: 2.9s; } .delay-30 { transition-delay: 3.0s; } html { background: #191919; color: #FFF; overflow-x: hidden; } body { position: relative; width: 100%; background: transparent; overflow-x: hidden; } .grecaptcha-badge { opacity: 0; } html .transition-slide { transition: .5s; transition-delay: .25s; } html .transition-slide-left { transition: .5s; transition-delay: .25s; } html .transition-slide-right { transition: .5s; transition-delay: .25s; } html .transition-fade { transition: .5s; transition-delay: .25s; opacity: 1; } html.is-animating .transition-fade { opacity: 0; } html.is-animating .transition-slide { opacity: 0; transform: translate3d(0, -10%, 0); } html.is-animating .transition-slide-left { opacity: 0; transform: translate3d(-20%, 0, 0); } html.is-animating .transition-slide-right { opacity: 0; transform: translate3d(20%, 0, 0); } .visually-hidden { border: 0; padding: 0; margin: 0; position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); white-space: nowrap; } @-webkit-keyframes p-loader-pulse { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @keyframes p-loader-pulse { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes nav-arrow-bounce { 0% { background-position: right 0 center; } 25% { background-position: right 15px center; } 30% { background-position: right 0px center; } 35% { background-position: right 7px center; } 40% { background-position: right 0px center; } 45% { background-position: right 3px center; } 50% { background-position: right 0 center; } 100% { background-position: right 0 center; } } @keyframes nav-arrow-bounce { 0% { background-position: right 0 center; } 25% { background-position: right 15px center; } 30% { background-position: right 0px center; } 35% { background-position: right 7px center; } 40% { background-position: right 0px center; } 45% { background-position: right 3px center; } 50% { background-position: right 0 center; } 100% { background-position: right 0 center; } } @-webkit-keyframes nav-arrow-bounce-left { 0% { background-position: left 0 center; } 25% { background-position: left 15px center; } 30% { background-position: left 0px center; } 35% { background-position: left 7px center; } 40% { background-position: left 0px center; } 45% { background-position: left 3px center; } 50% { background-position: left 0 center; } 100% { background-position: left 0 center; } } @keyframes nav-arrow-bounce-left { 0% { background-position: left 0 center; } 25% { background-position: left 15px center; } 30% { background-position: left 0px center; } 35% { background-position: left 7px center; } 40% { background-position: left 0px center; } 45% { background-position: left 3px center; } 50% { background-position: left 0 center; } 100% { background-position: left 0 center; } } @-webkit-keyframes loader-pulse { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @keyframes loader-pulse { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @keyframes lds-ellipsis1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes lds-ellipsis3 { 0% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes lds-ellipsis2 { 0% { transform: translate(0, 0); } 100% { transform: translate(19px, 0); } } .site-nav-logo { position: relative; position: fixed; left: 20px; top: 26px; width: 304px; -ms-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; z-index: 10; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22304%22%20height%3D%2232%22%20viewBox%3D%220%200%20304%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3ELogo%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M0%20.26h26.573v21.832H0z%22%2F%3E%3Cpath%20id%3D%22c%22%20d%3D%22M0%2030.884h303.835V0H0z%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate(0%203.284)%22%3E%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fmask%3E%3Cpath%20d%3D%22M8.577%209.71h5.988c1.84%200%202.776-.593%202.776-1.996%200-1.341-.936-1.81-2.776-1.81H8.577V9.71zm4.71%205.582h-4.71v6.8H0V.26h16.405c6.3%200%209.513%202.37%209.513%207.36%200%203.369-1.716%205.49-4.398%206.612l5.053%207.86h-9.045l-4.242-6.8z%22%20fill%3D%22%23FEFEFE%22%20mask%3D%22url(%23b)%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M42.103%2017.08c0-2.247-1.216-3.9-3.898-3.9-2.714%200-3.93%201.653-3.93%203.9%200%202.245%201.216%203.867%203.93%203.867%202.682%200%203.898-1.622%203.898-3.868m7.392%200c0%206.737-5.863%208.764-11.29%208.764-5.427%200-11.321-2.027-11.321-8.764%200-6.768%205.894-8.763%2011.32-8.763%205.428%200%2011.29%201.995%2011.29%208.763M66.21%2018.576h7.203c-.81%205.551-5.894%207.267-10.884%207.267-5.458%200-11.321-2.028-11.321-8.764%200-6.768%205.863-8.764%2011.32-8.764%204.991%200%2010.075%201.715%2010.885%207.236H66.21c-.468-1.435-1.653-2.37-3.68-2.37-2.713%200-3.93%201.652-3.93%203.898%200%202.246%201.217%203.868%203.93%203.868%202.027%200%203.212-.936%203.68-2.37M84.341%2020.198l-1.466%201.403v3.774h-7.703V3.543h7.703v9.7l4.149-4.491h9.262l-7.017%206.705%207.36%209.918h-8.857z%22%20fill%3D%22%23FEFEFE%22%2F%3E%3Cpath%20d%3D%22M102.324%2015.364h7.111c-.437-1.528-1.466-2.464-3.43-2.464-2.184%200-3.244%201.03-3.681%202.464zm-.031%203.243c.405%201.56%201.59%202.652%203.867%202.652%201.59%200%202.62-.593%203.244-1.497h7.017c-1.06%204.553-5.614%206.08-10.26%206.08-5.49%200-11.166-2.338-11.166-8.763s5.614-8.764%2011.01-8.764c5.02%200%2011.102%202.558%2010.666%2010.292h-14.378zM128.534%2012.9v5.551c0%202.059.717%202.215%204.865%201.997v4.958c-1.029.125-2.308.25-3.462.25-6.799%200-9.075-1.247-9.075-7.205V12.9h-3.088V8.752h3.088V4.448h7.672v4.304h4.865V12.9h-4.865z%22%20fill%3D%22%23FEFEFE%22%2F%3E%3Cpath%20d%3D%22M144.158%2012.994h5.988c1.84%200%202.776-.593%202.776-1.997%200-1.34-.936-1.809-2.776-1.809h-5.988v3.806zm4.71%205.582h-4.71v6.8h-8.576V3.543h16.404c6.3%200%209.513%202.37%209.513%207.36%200%203.368-1.716%205.49-4.398%206.612l5.053%207.86h-9.045l-4.241-6.8zM170.528%2015.364h7.11c-.436-1.528-1.465-2.464-3.43-2.464-2.183%200-3.243%201.03-3.68%202.464zm-.031%203.243c.405%201.56%201.59%202.652%203.867%202.652%201.59%200%202.62-.593%203.243-1.497h7.018c-1.06%204.553-5.614%206.08-10.26%206.08-5.49%200-11.166-2.338-11.166-8.763s5.613-8.764%2011.009-8.764c5.02%200%2011.103%202.558%2010.666%2010.292h-14.377zM198.764%2013.18c-2.744%200-4.024%201.56-4.024%203.9%200%202.307%201.28%203.866%204.024%203.866%202.744%200%203.93-1.746%203.93-3.867%200-2.152-1.186-3.898-3.93-3.898zm2.37%2012.663c-2.557%200-4.491-.749-5.8-2.152v6.893h-7.673V8.752h7.672v1.715c1.31-1.403%203.244-2.152%205.801-2.152%205.146%200%208.951%203.119%208.951%208.764s-3.805%208.764-8.951%208.764zM212.736%2019.013V8.753h7.672v8.7c0%201.84.375%203.213%202.652%203.213%202.245%200%202.744-1.341%202.744-3.213v-8.7h7.672v16.622h-7.672v-2.059c-.811%201.092-2.557%202.496-5.894%202.496-4.772%200-7.174-2.246-7.174-6.8zM251.142%2017.08c0-2.152-1.185-3.9-3.898-3.9-2.776%200-4.023%201.592-4.023%203.9%200%202.307%201.247%203.867%204.023%203.867%202.713%200%203.898-1.747%203.898-3.868zm7.392%200c0%205.645-3.805%208.763-8.95%208.763-2.558%200-4.492-.748-5.77-2.152v1.684h-7.705V3.543h7.704v6.924c1.28-1.403%203.213-2.151%205.77-2.151%205.146%200%208.951%203.118%208.951%208.763z%22%20stroke%3D%22%23FEFEFE%22%20stroke-width%3D%221.2%22%2F%3E%3Cmask%20id%3D%22d%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23c%22%2F%3E%3C%2Fmask%3E%3Cpath%20stroke%3D%22%23FEFEFE%22%20stroke-width%3D%221.2%22%20mask%3D%22url(%23d)%22%20d%3D%22M261.085%2025.375h7.673V2.358h-7.673zM271.211%2025.375h7.673V8.752h-7.673v16.623zm-.093-21.457c0-2.308%201.622-3.618%203.93-3.618s3.93%201.31%203.93%203.618c0%202.276-1.622%203.587-3.93%203.587s-3.93-1.31-3.93-3.587zM296.283%2018.576h7.205c-.811%205.551-5.895%207.267-10.885%207.267-5.458%200-11.321-2.028-11.321-8.764%200-6.768%205.863-8.764%2011.321-8.764%204.99%200%2010.074%201.715%2010.885%207.236h-7.205c-.468-1.435-1.653-2.37-3.68-2.37-2.713%200-3.93%201.652-3.93%203.898%200%202.246%201.217%203.868%203.93%203.868%202.027%200%203.212-.936%203.68-2.37z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); mix-blend-mode: normal; } .site-nav-logo:before { display: block; content: ""; width: 100%; padding-top: 10.1973684211%; } @media (max-width: 767px) { .site-nav-logo { left: 20px; top: 32px; width: 250px; } } .site-nav-logo.show { mix-blend-mode: exclusion; } .site-12vc-btn { font-family: 'MADE Outer Sans', sans-serif; font-size: 1.1375em; color: #FFF; letter-spacing: 0; text-align: left; background-image: linear-gradient(97deg, #4023AE 0%, #C86DD7 50%, #4023AE 100%); background-size: 200% 100%; background-position: 0 0; border-radius: 50px; position: fixed; right: 90px; top: 27px; padding: 5px 20px; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; min-height: 35px; z-index: 200; -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-backface-visibility: hidden; } .site-12vc-btn:hover { background-position: 100% 0; } @media (max-width: 699px) { .site-12vc-btn { right: 0; -ms-transform: translateX(100vw); -webkit-transform: translateX(100vw); -moz-transform: translateX(100vw); -o-transform: translateX(100vw); transform: translateX(100vw); } .site-12vc-btn.active { -ms-transform: translateX(calc(-90px)); -webkit-transform: translateX(calc(-90px)); -moz-transform: translateX(calc(-90px)); -o-transform: translateX(calc(-90px)); transform: translateX(calc(-90px)); } } .page-template-tpl-goods .site-12vc-btn, .page-template-tpl-goods-category .site-12vc-btn, .page-template-tpl-goods-collections .site-12vc-btn, .page-template-tpl-goods-search .site-12vc-btn, .site-12vc-btn .tax-collections { display: none; } .trigger-mobile-nav { height: 50px; width: 50px; background-color: #FFF; border-radius: 50%; position: fixed; z-index: 200; right: 20px; top: 20px; cursor: pointer; -ms-transition: right 0.3s ease-in; -webkit-transition: right 0.3s ease-in; -moz-transition: right 0.3s ease-in; -o-transition: right 0.3s ease-in; transition: right 0.3s ease-in; -webkit-backface-visibility: hidden; mix-blend-mode: normal; } .trigger-mobile-nav.show { mix-blend-mode: exclusion; } .page-template-tpl-goods .trigger-mobile-nav, .page-template-tpl-goods-category .trigger-mobile-nav, .page-template-tpl-goods-collections .trigger-mobile-nav, .page-template-tpl-goods-search .trigger-mobile-nav, .tax-collections .trigger-mobile-nav { right: 20px; top: 25px; } @media (max-width: 767px) { .page-template-tpl-goods .trigger-mobile-nav, .page-template-tpl-goods-category .trigger-mobile-nav, .page-template-tpl-goods-collections .trigger-mobile-nav, .page-template-tpl-goods-search .trigger-mobile-nav, .tax-collections .trigger-mobile-nav { top: 10px; background-color: transparent; } .page-template-tpl-goods .trigger-mobile-nav i, .page-template-tpl-goods-category .trigger-mobile-nav i, .page-template-tpl-goods-collections .trigger-mobile-nav i, .page-template-tpl-goods-search .trigger-mobile-nav i, .tax-collections .trigger-mobile-nav i { background-color: #FFF; } } .trigger-mobile-nav i { width: 24px; height: 2px; background-color: #000; display: block; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; } .trigger-mobile-nav i:nth-of-type(1) { position: absolute; top: 24px; left: 13px; } .trigger-mobile-nav i:nth-of-type(2) { position: absolute; top: 19px; left: 13px; } .trigger-mobile-nav i:nth-of-type(3) { position: absolute; top: 29px; left: 13px; } .trigger-mobile-nav.active i:nth-of-type(1) { height: 0; background-color: #FFF; } .trigger-mobile-nav.active i:nth-of-type(2) { top: 24px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .trigger-mobile-nav.active i:nth-of-type(3) { top: 24px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .site-header { position: fixed; background-color: rgba(0, 0, 0, 0.7); color: #FFF; top: 0; left: 0; width: 100%; z-index: 50; display: flex; justify-content: space-between; align-items: center; padding: 0 5%; min-height: 100px; } @media (max-width: 767px) { .site-header { min-height: 80px; } } .site-header .site-header-logo { position: relative; position: relative; width: 304px; -ms-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; z-index: 10; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22304%22%20height%3D%2232%22%20viewBox%3D%220%200%20304%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3ELogo%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M0%20.26h26.573v21.832H0z%22%2F%3E%3Cpath%20id%3D%22c%22%20d%3D%22M0%2030.884h303.835V0H0z%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate(0%203.284)%22%3E%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fmask%3E%3Cpath%20d%3D%22M8.577%209.71h5.988c1.84%200%202.776-.593%202.776-1.996%200-1.341-.936-1.81-2.776-1.81H8.577V9.71zm4.71%205.582h-4.71v6.8H0V.26h16.405c6.3%200%209.513%202.37%209.513%207.36%200%203.369-1.716%205.49-4.398%206.612l5.053%207.86h-9.045l-4.242-6.8z%22%20fill%3D%22%23FEFEFE%22%20mask%3D%22url(%23b)%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M42.103%2017.08c0-2.247-1.216-3.9-3.898-3.9-2.714%200-3.93%201.653-3.93%203.9%200%202.245%201.216%203.867%203.93%203.867%202.682%200%203.898-1.622%203.898-3.868m7.392%200c0%206.737-5.863%208.764-11.29%208.764-5.427%200-11.321-2.027-11.321-8.764%200-6.768%205.894-8.763%2011.32-8.763%205.428%200%2011.29%201.995%2011.29%208.763M66.21%2018.576h7.203c-.81%205.551-5.894%207.267-10.884%207.267-5.458%200-11.321-2.028-11.321-8.764%200-6.768%205.863-8.764%2011.32-8.764%204.991%200%2010.075%201.715%2010.885%207.236H66.21c-.468-1.435-1.653-2.37-3.68-2.37-2.713%200-3.93%201.652-3.93%203.898%200%202.246%201.217%203.868%203.93%203.868%202.027%200%203.212-.936%203.68-2.37M84.341%2020.198l-1.466%201.403v3.774h-7.703V3.543h7.703v9.7l4.149-4.491h9.262l-7.017%206.705%207.36%209.918h-8.857z%22%20fill%3D%22%23FEFEFE%22%2F%3E%3Cpath%20d%3D%22M102.324%2015.364h7.111c-.437-1.528-1.466-2.464-3.43-2.464-2.184%200-3.244%201.03-3.681%202.464zm-.031%203.243c.405%201.56%201.59%202.652%203.867%202.652%201.59%200%202.62-.593%203.244-1.497h7.017c-1.06%204.553-5.614%206.08-10.26%206.08-5.49%200-11.166-2.338-11.166-8.763s5.614-8.764%2011.01-8.764c5.02%200%2011.102%202.558%2010.666%2010.292h-14.378zM128.534%2012.9v5.551c0%202.059.717%202.215%204.865%201.997v4.958c-1.029.125-2.308.25-3.462.25-6.799%200-9.075-1.247-9.075-7.205V12.9h-3.088V8.752h3.088V4.448h7.672v4.304h4.865V12.9h-4.865z%22%20fill%3D%22%23FEFEFE%22%2F%3E%3Cpath%20d%3D%22M144.158%2012.994h5.988c1.84%200%202.776-.593%202.776-1.997%200-1.34-.936-1.809-2.776-1.809h-5.988v3.806zm4.71%205.582h-4.71v6.8h-8.576V3.543h16.404c6.3%200%209.513%202.37%209.513%207.36%200%203.368-1.716%205.49-4.398%206.612l5.053%207.86h-9.045l-4.241-6.8zM170.528%2015.364h7.11c-.436-1.528-1.465-2.464-3.43-2.464-2.183%200-3.243%201.03-3.68%202.464zm-.031%203.243c.405%201.56%201.59%202.652%203.867%202.652%201.59%200%202.62-.593%203.243-1.497h7.018c-1.06%204.553-5.614%206.08-10.26%206.08-5.49%200-11.166-2.338-11.166-8.763s5.613-8.764%2011.009-8.764c5.02%200%2011.103%202.558%2010.666%2010.292h-14.377zM198.764%2013.18c-2.744%200-4.024%201.56-4.024%203.9%200%202.307%201.28%203.866%204.024%203.866%202.744%200%203.93-1.746%203.93-3.867%200-2.152-1.186-3.898-3.93-3.898zm2.37%2012.663c-2.557%200-4.491-.749-5.8-2.152v6.893h-7.673V8.752h7.672v1.715c1.31-1.403%203.244-2.152%205.801-2.152%205.146%200%208.951%203.119%208.951%208.764s-3.805%208.764-8.951%208.764zM212.736%2019.013V8.753h7.672v8.7c0%201.84.375%203.213%202.652%203.213%202.245%200%202.744-1.341%202.744-3.213v-8.7h7.672v16.622h-7.672v-2.059c-.811%201.092-2.557%202.496-5.894%202.496-4.772%200-7.174-2.246-7.174-6.8zM251.142%2017.08c0-2.152-1.185-3.9-3.898-3.9-2.776%200-4.023%201.592-4.023%203.9%200%202.307%201.247%203.867%204.023%203.867%202.713%200%203.898-1.747%203.898-3.868zm7.392%200c0%205.645-3.805%208.763-8.95%208.763-2.558%200-4.492-.748-5.77-2.152v1.684h-7.705V3.543h7.704v6.924c1.28-1.403%203.213-2.151%205.77-2.151%205.146%200%208.951%203.118%208.951%208.763z%22%20stroke%3D%22%23FEFEFE%22%20stroke-width%3D%221.2%22%2F%3E%3Cmask%20id%3D%22d%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23c%22%2F%3E%3C%2Fmask%3E%3Cpath%20stroke%3D%22%23FEFEFE%22%20stroke-width%3D%221.2%22%20mask%3D%22url(%23d)%22%20d%3D%22M261.085%2025.375h7.673V2.358h-7.673zM271.211%2025.375h7.673V8.752h-7.673v16.623zm-.093-21.457c0-2.308%201.622-3.618%203.93-3.618s3.93%201.31%203.93%203.618c0%202.276-1.622%203.587-3.93%203.587s-3.93-1.31-3.93-3.587zM296.283%2018.576h7.205c-.811%205.551-5.895%207.267-10.885%207.267-5.458%200-11.321-2.028-11.321-8.764%200-6.768%205.863-8.764%2011.321-8.764%204.99%200%2010.074%201.715%2010.885%207.236h-7.205c-.468-1.435-1.653-2.37-3.68-2.37-2.713%200-3.93%201.652-3.93%203.898%200%202.246%201.217%203.868%203.93%203.868%202.027%200%203.212-.936%203.68-2.37z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); mix-blend-mode: normal; } .site-header .site-header-logo:before { display: block; content: ""; width: 100%; padding-top: 10.1973684211%; } @media (max-width: 767px) { .site-header .site-header-logo { width: 230px; max-width: 60%; } } .site-header .site-header-contact-button { display: inline-flex; justify-content: center; align-items: center; background: #F8E71C; border-radius: 40px; font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 700; font-size: 0.875em; color: #000; letter-spacing: 1px; text-align: center; height: 45px; padding: 0 30px; text-transform: uppercase; text-decoration: none; width: 220px; white-space: nowrap; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; } @media (max-width: 767px) { .site-header .site-header-contact-button { width: auto; font-size: 0.75em; height: 30px; padding: 0 20px; letter-spacing: 0.5px; } } .site-header .site-header-contact-button:hover { background-color: #FFF; } .panel-mobile-nav { background: #000; width: 100%; right: -100%; top: 0; bottom: 0; color: #FFF; position: fixed; z-index: 175; overflow: hidden; height: 100%; -ms-transition: transform 0.3s ease-in; -webkit-transition: transform 0.3s ease-in; -moz-transition: transform 0.3s ease-in; -o-transition: transform 0.3s ease-in; transition: transform 0.3s ease-in; -webkit-backface-visibility: hidden; } @media (min-width: 768px) { .panel-mobile-nav { width: 375px; right: -375px; } } .panel-mobile-nav.active { -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } @media (min-width: 768px) { .panel-mobile-nav.active { -ms-transform: translateX(-375px); -webkit-transform: translateX(-375px); -moz-transform: translateX(-375px); -o-transform: translateX(-375px); transform: translateX(-375px); } } .panel-mobile-nav .inner { position: relative; height: 100%; padding: 100px 40px 40px 40px; text-align: center; } .panel-mobile-nav .nav-close { display: none; position: absolute; top: 40px; left: 40px; height: 19px; line-height: 19px; text-transform: uppercase; font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 500; font-size: 0.5625em; letter-spacing: 0; padding-left: 20px; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2213%22%20height%3D%2221%22%20viewBox%3D%220%200%2013%2021%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EStroke%201%20Copy%206%3C%2Ftitle%3E%3Cpath%20d%3D%22M11.5%2019.692L2.308%2010.5%2011.5%201.308%22%20stroke%3D%22%23F8E71C%22%20stroke-width%3D%222.24%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); } @media (max-width: 767px) { .panel-mobile-nav .nav-close { display: block; } } .panel-mobile-nav .nav-logo { display: block; margin: 0 auto 35px auto; position: relative; width: 135px; background-repeat: no-repeat; background-position: center center; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22136%22%20height%3D%2229%22%20viewBox%3D%220%200%20136%2029%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3EGroup%2011%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M0%2027.53h134.55V0H0z%22%2F%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate(1%201)%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M10.422%2011.99h7.172c2.204%200%203.324-.709%203.324-2.39%200-1.606-1.12-2.166-3.324-2.166h-7.172v4.557zm5.64%206.687h-5.64v8.144H.15V.673h19.648c7.545%200%2011.393%202.839%2011.393%208.815%200%204.034-2.055%206.575-5.267%207.92l6.051%209.413H21.143l-5.08-8.144zM56.459%2015.764h10.496c-1.157%208.628-8.59%2011.617-16.846%2011.617-8.666%200-16.996-3.362-16.996-13.634C33.113%203.512%2041.443.15%2050.11.15c8.255%200%2015.689%202.988%2016.846%2011.617H56.46c-.523-2.95-2.39-4.93-6.35-4.93-4.482%200-6.612%202.577-6.612%206.91%200%204.37%202.13%206.948%206.612%206.948%203.96%200%205.827-2.018%206.35-4.931zM83.124%2017.37l-3.1%202.802v6.648H69.752V.673h10.272v8.292L88.728.673h12.737l-11.43%2010.421%2011.953%2015.726H89.886zM134.4%207.434h-9.9V26.82H114.23V7.434h-9.899V.673h30.07z%22%20stroke%3D%22%23FEFEFE%22%2F%3E%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fmask%3E%3Cpath%20fill%3D%22%23FFF%22%20mask%3D%22url(%23b)%22%20d%3D%22M25.207%2022.743h82.739v-2.714H25.207z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .panel-mobile-nav .nav-logo:before { display: block; content: ""; width: 100%; padding-top: 20.7407407407%; } .panel-mobile-nav .nav-links { position: relative; margin-bottom: 50px; overflow: hidden; min-height: 0; -ms-transition: min-height 0.5s; -webkit-transition: min-height 0.5s; -moz-transition: min-height 0.5s; -o-transition: min-height 0.5s; transition: min-height 0.5s; -webkit-backface-visibility: hidden; transition-timing-function: cubic-bezier(0.77, 0, 0.18, 1); } .panel-mobile-nav .nav-links .main-nav { position: relative; -ms-transition: transform 0.5s; -webkit-transition: transform 0.5s; -moz-transition: transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; -webkit-backface-visibility: hidden; transition-timing-function: cubic-bezier(0.77, 0, 0.18, 1); } .panel-mobile-nav .nav-links .main-nav ul li a, .panel-mobile-nav .nav-links .main-nav ul li span { cursor: pointer; text-align: left; text-decoration: none; display: block; color: #90DBFA; border-bottom: 1px solid #1E1E1E; font-weight: 700; font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 500; font-size: 0.9375em; color: #FFFFFF; letter-spacing: 0.42px; padding: 16px 0; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; background-repeat: no-repeat; background-position: right 0 center; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2215%22%20viewBox%3D%220%200%209%2015%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EStroke%201%20Copy%206%3C%2Ftitle%3E%3Cpath%20d%3D%22M1.5%201l6.364%206.364L1.5%2013.728%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%221.6%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); } .panel-mobile-nav .nav-links .main-nav ul li a:hover, .panel-mobile-nav .nav-links .main-nav ul li span:hover { color: #FFF; border-color: #FFF; -webkit-animation: nav-arrow-bounce 2s infinite; animation: nav-arrow-bounce 2s infinite; animation-timing-function: ease; } .panel-mobile-nav .nav-links .initiatives { position: absolute; left: 100%; top: 0; width: 100%; -ms-transition: transform 0.5s; -webkit-transition: transform 0.5s; -moz-transition: transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; -webkit-backface-visibility: hidden; transition-timing-function: cubic-bezier(0.77, 0, 0.18, 1); } .panel-mobile-nav .nav-links .initiatives .init-back { cursor: pointer; padding: 16px 0 16px 25px; margin-bottom: 64px; text-align: left; border-bottom: 1px solid #1E1E1E; letter-spacing: 1.42px; font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 500; display: block; color: #F8E71C; text-transform: uppercase; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; background-repeat: no-repeat; background-position: left 0 center; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2214%22%20viewBox%3D%220%200%209%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EStroke%201%20Copy%206%3C%2Ftitle%3E%3Cpath%20d%3D%22M6.964.17l1.131%201.132L2.296%207.1l5.8%205.797-1.132%201.132L.034%207.1z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E"); } .panel-mobile-nav .nav-links .initiatives .init-back:hover { color: #FFF; border-color: #FFF; -webkit-animation: nav-arrow-bounce-left 2s infinite; animation: nav-arrow-bounce-left 2s infinite; animation-timing-function: ease; } .panel-mobile-nav .nav-links .init-logo { margin: 0 auto; } .panel-mobile-nav .nav-links .init-logo.rviv { display: block; position: relative; width: 160px; margin-bottom: 70px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22160%22%20height%3D%22107%22%20viewBox%3D%220%200%20160%20107%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3EGroup%2012%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M0%20107h159.916V0H0z%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M23.813%2098.878h3.785c1.163%200%201.754-.374%201.754-1.261%200-.848-.591-1.144-1.754-1.144h-3.785v2.405zm2.976%203.528h-2.976v4.298h-5.42V92.906h10.368c3.98%200%206.012%201.498%206.012%204.652%200%202.129-1.085%203.469-2.78%204.179l3.193%204.967H29.47l-2.68-4.298zM57.637%2092.906l-6.367%2013.798h-6.15l-6.386-13.798h5.617l3.844%209.737%203.823-9.737z%22%20fill%3D%22%23FEFEFE%22%2F%3E%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fmask%3E%3Cpath%20fill%3D%22%23FEFEFE%22%20mask%3D%22url(%23b)%22%20d%3D%22M62.366%20106.703h5.42V92.905h-5.42zM91.42%2092.906l-6.367%2013.798h-6.15l-6.386-13.798h5.617l3.844%209.737%203.823-9.737zM98.06%20104.654c0%201.3-1.044%202.345-2.325%202.345-1.3%200-2.345-1.044-2.345-2.345%200-1.281%201.045-2.346%202.345-2.346%201.28%200%202.326%201.065%202.326%202.346M119.467%2092.906v8.12c0%205.422-3.765%205.973-8.042%205.973-4.258%200-8.043-.551-8.043-5.972v-8.121h5.42v7.864c0%202.011.77%202.701%202.623%202.701%201.873%200%202.621-.69%202.621-2.7v-7.865h5.421zM141.523%20102.328c0%203.646-3.233%204.671-8.654%204.671-6.229%200-8.475-1.774-8.475-4.77h5.656c0%201.064.907%201.44%203.135%201.44%201.794%200%202.563-.257%202.563-.927%200-.73-.573-.73-4.929-1.282-4.297-.551-6.051-1.478-6.051-4.336%200-3.035%202.563-4.494%207.905-4.494%205.873%200%207.943%201.892%207.943%204.494h-5.48c0-.788-.69-1.183-2.504-1.183-1.892%200-2.502.375-2.502.946%200%20.75%201.005.808%203.508%201.064%204.69.474%207.885.71%207.885%204.377M61.492%2015.117h88.581v-4.984h-88.58v4.984zm0%2013.04h88.581v-4.983h-88.58v4.983zm0%2013.04h88.581v-4.983h-88.58v4.983zm-51.219%2013.04h139.468v-4.983H10.273v4.983zm-.208%2013.04h139.469v-4.983H10.064v4.984zm.208-26.08h43.245v-4.983H10.273v4.983zm.965-19.73h17.799l3.56%205.654%205.384-17.054h3.986l4.676%2013.107h6.84v4.983H44.09l-3.996-10.27-4.89%2015.687h-3.828l-4.768-7.943h-15.37v-4.164zM0%2078.42h159.915V0H0v78.42z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .panel-mobile-nav .nav-links .init-logo.rviv:before { display: block; content: ""; width: 100%; padding-top: 66.875%; } .panel-mobile-nav .nav-links .init-logo.gsa { display: block; position: relative; width: 172px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22172%22%20height%3D%22150%22%20viewBox%3D%220%200%20172%20150%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3EGroup%204%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M0%20.362h9.172V10.5H0z%22%2F%3E%3Cpath%20id%3D%22c%22%20d%3D%22M.237.362h10.251V10.5H.238z%22%2F%3E%3Cpath%20id%3D%22e%22%20d%3D%22M.05.53h7.59v9.802H.05z%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20stroke-width%3D%223%22%3E%3Cpath%20stroke%3D%22%23FFF%22%20d%3D%22M155.91%2076.676h-16.87v23.83l-30.493-23.83H58.006V2.2h97.905zM110.002%2069.849v-3.382%22%2F%3E%3Cpath%20stroke%3D%22%23FFF%22%20d%3D%22M65.435%2034.236H16.2v64.903h12.767v23.83l30.494-23.83h50.54v-7.577M90.547%2034.236H72.833%22%2F%3E%3Cpath%20stroke%3D%22%23F8E71C%22%20d%3D%22M110.002%2023.395v38.828M98.743%2034.236h22.518%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(0%20138.338)%22%3E%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fmask%3E%3Cpath%20d%3D%22M5.083%2010.5c-3.067%200-5.084-2.185-5.084-5.055C0%202.685%202.1.362%205.056.362c1.707%200%202.758.476%203.766%201.33L7.73%202.994c-.756-.644-1.498-1.05-2.745-1.05-1.807%200-3.179%201.569-3.179%203.473%200%202.03%201.33%203.514%203.333%203.514.924%200%201.765-.294%202.367-.742V6.355H5V4.857h4.172v4.116C8.206%209.8%206.82%2010.5%205.082%2010.5%22%20fill%3D%22%23FFF%22%20mask%3D%22url(%23b)%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M18.915%20140.436h-2.506v3.291h2.52c1.232%200%202.016-.644%202.016-1.652%200-1.079-.756-1.639-2.03-1.639zm2.058%208.234l-2.408-3.416h-2.156v3.416h-1.723v-9.802h4.369c2.254%200%203.64%201.19%203.64%203.11%200%201.623-.966%202.603-2.338%202.981l2.647%203.711h-2.03z%22%20fill%3D%22%23FFF%22%2F%3E%3Cg%20transform%3D%22translate(27.89%20138.338)%22%3E%3Cmask%20id%3D%22d%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23c%22%2F%3E%3C%2Fmask%3E%3Cpath%20d%3D%22M5.35%201.944c-1.947%200-3.306%201.554-3.306%203.473%200%201.919%201.387%203.5%203.333%203.5%201.946%200%203.304-1.553%203.304-3.472s-1.386-3.5-3.332-3.5m0%208.555C2.34%2010.5.237%208.218.237%205.445.237%202.672%202.367.36%205.377.36s5.111%202.283%205.111%205.056S8.36%2010.5%205.35%2010.5%22%20fill%3D%22%23FFF%22%20mask%3D%22url(%23d)%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M51.663%20144.427c0%202.927-1.651%204.398-4.214%204.398-2.549%200-4.173-1.471-4.173-4.314v-5.643H45v5.573c0%201.82.937%202.8%202.478%202.8%201.526%200%202.465-.923%202.465-2.73v-5.643h1.721v5.56zM60.274%20140.436h-2.002v3.529h2.002c1.302%200%202.115-.714%202.115-1.764%200-1.163-.827-1.765-2.115-1.765m-.056%205.084h-1.947v3.15H56.55v-9.802h3.864c2.283%200%203.725%201.288%203.725%203.291%200%202.213-1.765%203.36-3.92%203.36M73.464%20142.985c2.072.504%203.15%201.246%203.15%202.885%200%201.848-1.442%202.94-3.5%202.94-1.498%200-2.913-.517-4.09-1.568l1.038-1.232c.938.812%201.875%201.274%203.094%201.274%201.064%200%201.736-.49%201.736-1.246%200-.715-.392-1.093-2.212-1.513-2.087-.504-3.262-1.12-3.262-2.94%200-1.709%201.4-2.857%203.346-2.857%201.428%200%202.562.434%203.556%201.232l-.924%201.303c-.882-.659-1.764-1.009-2.66-1.009-1.008%200-1.596.518-1.596%201.176%200%20.77.447%201.107%202.324%201.555M86.346%20148.67H84.61v-8.206H81.5v-1.596h7.954v1.596h-3.108zM102.727%20144.427c0%202.927-1.652%204.398-4.215%204.398-2.548%200-4.172-1.471-4.172-4.314v-5.643h1.722v5.573c0%201.82.938%202.8%202.48%202.8%201.524%200%202.463-.923%202.463-2.73v-5.643h1.722v5.56zM111.269%20140.436h-1.934v6.666h1.934c2.057%200%203.401-1.386%203.401-3.319%200-1.932-1.344-3.347-3.401-3.347m0%208.234h-3.656v-9.802h3.656c3.08%200%205.208%202.114%205.208%204.887%200%202.773-2.129%204.915-5.209%204.915M126.993%20148.67h-1.736v-3.864l-3.894-5.938h2.03l2.746%204.34%202.772-4.34h1.975l-3.893%205.896zM140.855%20140.856l-1.68%203.922h3.375l-1.695-3.922zm5.14%207.815h-1.82l-.995-2.367h-4.635l-1.008%202.367h-1.765l4.313-9.873h1.597l4.313%209.873zM154.606%20140.436h-2.003v3.529h2.002c1.303%200%202.115-.714%202.115-1.764%200-1.163-.827-1.765-2.114-1.765m-.056%205.084h-1.947v3.15h-1.722v-9.802h3.864c2.283%200%203.725%201.288%203.725%203.291%200%202.213-1.764%203.36-3.92%203.36%22%20fill%3D%22%23FFF%22%2F%3E%3Cg%20transform%3D%22translate(163.356%20138.338)%22%3E%3Cmask%20id%3D%22f%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23e%22%2F%3E%3C%2Fmask%3E%3Cpath%20d%3D%22M3.775%202.098H1.773v3.529h2.002c1.302%200%202.115-.714%202.115-1.764%200-1.163-.826-1.765-2.115-1.765M3.72%207.181H1.773v3.151H.05V.53h3.865C6.197.53%207.64%201.818%207.64%203.82c0%202.213-1.764%203.361-3.92%203.361%22%20fill%3D%22%23FFF%22%20mask%3D%22url(%23f)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .panel-mobile-nav .nav-links .init-logo.gsa:before { display: block; content: ""; width: 100%; padding-top: 86.0465116279%; } .panel-mobile-nav .nav-statement { margin: 0 -10px 41px -10px; font-family: 'MADE Outer Sans', sans-serif; font-weight: 500; font-size: 1.9375em; color: #FFF; letter-spacing: 0; line-height: 1.4; text-align: center; } .panel-mobile-nav .nav-button { display: inline-block; background: #F8E71C; border-radius: 40px; font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 700; font-size: 0.875em; color: #000; letter-spacing: 1px; text-align: center; padding: 13px 30px; text-transform: uppercase; text-decoration: none; width: 220px; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; } .panel-mobile-nav .nav-button:hover { background-color: #FFF; } .panel-mobile-nav .nav-social { margin-top: 50px; } .panel-mobile-nav .nav-social a { font-size: 1.625em; display: inline-block; color: #FFF; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; margin: 0 7px; vertical-align: middle; line-height: 1; } .panel-mobile-nav .nav-social a i { vertical-align: middle; } .panel-mobile-nav .nav-social a:hover { color: #F8E71C; } .panel-mobile-nav .nav-social a .fa-facebook-f { font-size: .85em; } .panel-goods-nav { background: #000; width: 100%; left: -100%; top: 0; bottom: 0; color: #FFF; position: fixed; z-index: 250; overflow: hidden; height: 100%; -ms-transition: left 0.3s ease-in; -webkit-transition: left 0.3s ease-in; -moz-transition: left 0.3s ease-in; -o-transition: left 0.3s ease-in; transition: left 0.3s ease-in; -webkit-backface-visibility: hidden; } @media (min-width: 768px) { .panel-goods-nav { width: 375px; left: -375px; top: 0; } } .panel-goods-nav.active-alt { left: 0; top: 0; } .panel-goods-nav .inner { position: relative; height: 100%; padding: 110px 40px 40px 40px; text-align: center; } .panel-goods-nav .goods-nav-close { position: absolute; top: 0; left: 40px; height: 69px; line-height: 69px; color: #FFF; text-transform: uppercase; font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 500; font-size: 0.5625em; letter-spacing: 0; padding-left: 20px; cursor: pointer; background-position: left center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2213%22%20height%3D%2221%22%20viewBox%3D%220%200%2013%2021%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EStroke%201%20Copy%206%3C%2Ftitle%3E%3Cpath%20d%3D%22M11.5%2019.692L2.308%2010.5%2011.5%201.308%22%20stroke%3D%22%23F8E71C%22%20stroke-width%3D%222.24%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); } .panel-goods-nav .nav-search { position: absolute; display: block; top: 0; right: 37px; z-index: 2; padding: 0; line-height: 1; height: 69px; display: flex; align-items: center; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; } .panel-goods-nav .nav-search.active .search-form { width: 150px; } .panel-goods-nav .nav-search .search-form { position: relative; cursor: pointer; display: inline-block; width: 0; white-space: nowrap; line-height: 1; overflow: hidden; vertical-align: middle; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; z-index: 3; margin-right: 12px; } .panel-goods-nav .nav-search .search-form input[type='search'] { display: block; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 2px; border: 0; font: inherit; font-size: 0.875em; font-weight: 500; line-height: 1; background: #303030; padding: 8px 10px; color: #FFF; } .panel-goods-nav .nav-search .search-form input[type='submit'] { display: none; } .panel-goods-nav .nav-search .search-trigger { width: 21px; height: 22px; cursor: pointer; display: inline-block; vertical-align: middle; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2220%22%20viewBox%3D%220%200%2021%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGroup%202%20Copy%202%3C%2Ftitle%3E%3Cg%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22M8.8%2017.586c-4.752%200-8.6-3.894-8.6-8.693C.2%204.094%204.048.2%208.8.2s8.6%203.894%208.6%208.693c0%204.799-3.848%208.693-8.6%208.693zm0-1.6c3.864%200%207-3.174%207-7.093%200-3.92-3.136-7.093-7-7.093s-7%203.173-7%207.093%203.136%207.093%207%207.093z%22%2F%3E%3Cpath%20d%3D%22M13.377%2014.64l.983-1.263%205.763%204.483-.983%201.263z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: center center; background-repeat: no-repeat; background-size: contain; } .panel-goods-nav .nav-links { margin-bottom: 80px; } .panel-goods-nav .nav-links a { text-align: left; text-decoration: none; display: block; color: #90DBFA; border-bottom: 1px solid #1E1E1E; letter-spacing: 1.88px; font-weight: 700; font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 500; font-size: 0.9375em; color: #FFFFFF; letter-spacing: 0.42px; padding: 16px 0; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; background-repeat: no-repeat; background-position: right 0 center; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2215%22%20viewBox%3D%220%200%209%2015%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EStroke%201%20Copy%206%3C%2Ftitle%3E%3Cpath%20d%3D%22M1.5%201l6.364%206.364L1.5%2013.728%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%221.6%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); } .panel-goods-nav .nav-links a:hover { color: #FFF; border-color: #FFF; -webkit-animation: nav-arrow-bounce 2s infinite; animation: nav-arrow-bounce 2s infinite; animation-timing-function: ease; } .panel-goods-nav .nav-button { display: inline-block; background: #F8E71C; border-radius: 40px; font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 700; font-size: 0.8125em; color: #000; height: 45px; line-height: 45px; padding: 0 15px; text-transform: uppercase; text-decoration: none; width: 100%; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; letter-spacing: 0.6px; text-align: center; } .panel-goods-nav .nav-button:hover { background-color: #FFF; } .panel-goods-nav .nav-button .bell { margin-right: 4px; display: inline-block; height: 20px; width: 16px; vertical-align: middle; -ms-transform: translateY(-2px); -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); background-position: center center; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2220%22%20viewBox%3D%220%200%2016%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Eic_notifications_none_24px%3C%2Ftitle%3E%3Cpath%20d%3D%22M8%2020c1.1%200%202-.9%202-2H6c0%201.1.9%202%202%202zm6-6V9c0-3.07-1.63-5.64-4.5-6.32V2C9.5%201.17%208.83.5%208%20.5S6.5%201.17%206.5%202v.68C3.64%203.36%202%205.92%202%209v5l-2%202v1h16v-1l-2-2zm-2%201H4V9c0-2.48%201.51-4.5%204-4.5s4%202.02%204%204.5v6z%22%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E"); } .panel-goods-nav-bar { background-color: #000; position: fixed; top: 0; width: 100%; left: 0; z-index: 150; display: none; height: 69px; line-height: 69px; -ms-transition: left 0.3s ease-in; -webkit-transition: left 0.3s ease-in; -moz-transition: left 0.3s ease-in; -o-transition: left 0.3s ease-in; transition: left 0.3s ease-in; -webkit-backface-visibility: hidden; } @media (min-width: 768px) { .panel-goods-nav-bar { height: 100px; line-height: 100px; } } .page-template-tpl-goods-category .panel-goods-nav-bar, .page-template-tpl-goods-collections .panel-goods-nav-bar, .page-template-tpl-goods-search .panel-goods-nav-bar, .tax-collections .panel-goods-nav-bar { display: block; } @media (max-width: 768px) { .page-template-tpl-goods .panel-goods-nav-bar { display: block; } } .panel-goods-nav-bar .container { width: 96%; max-width: 96%; } @media (max-width: 767px) { .panel-goods-nav-bar .container { width: 85%; max-width: 85%; } } .panel-goods-nav-bar .nav-links { display: inline-block; } @media (max-width: 768px) { .panel-goods-nav-bar .nav-links { display: none; } } .panel-goods-nav-bar .nav-links ul { display: inline-block; } .panel-goods-nav-bar .nav-links ul li { display: inline-block; } .panel-goods-nav-bar .nav-links ul li a { font-family: 'MADE Outer Sans', sans-serif; font-weight: 500; font-size: 1.125em; color: #FFF; letter-spacing: 0.4px; text-decoration: none; display: inline-block; margin-right: 20px; vertical-align: middle; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; } .panel-goods-nav-bar .nav-links ul li a:hover, .panel-goods-nav-bar .nav-links ul li a.active { color: #F8E71C; } .panel-goods-nav-bar .goods-search { vertical-align: middle; position: relative; display: inline-block; z-index: 2; padding: 0; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; line-height: 1; text-align: right; } @media (max-width: 768px) { .panel-goods-nav-bar .goods-search { display: none; } } .panel-goods-nav-bar .goods-search.active .search-form { width: 180px; } .panel-goods-nav-bar .goods-search .search-form { cursor: pointer; display: inline-block; width: 0; white-space: nowrap; overflow: hidden; vertical-align: middle; margin-left: 8px; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; position: absolute; top: -4px; left: 24px; z-index: 3; } .panel-goods-nav-bar .goods-search .search-form input[type='search'] { display: block; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 2px; border: 0; font: inherit; font-size: 0.875em; font-weight: 500; background: #303030; padding: 8px 10px; color: #FFF; } .panel-goods-nav-bar .goods-search .search-form input[type='submit'] { display: none; } .panel-goods-nav-bar .goods-search .search-trigger { width: 21px; height: 22px; cursor: pointer; display: inline-block; vertical-align: middle; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2220%22%20viewBox%3D%220%200%2021%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGroup%202%20Copy%202%3C%2Ftitle%3E%3Cg%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22M8.8%2017.586c-4.752%200-8.6-3.894-8.6-8.693C.2%204.094%204.048.2%208.8.2s8.6%203.894%208.6%208.693c0%204.799-3.848%208.693-8.6%208.693zm0-1.6c3.864%200%207-3.174%207-7.093%200-3.92-3.136-7.093-7-7.093s-7%203.173-7%207.093%203.136%207.093%207%207.093z%22%2F%3E%3Cpath%20d%3D%22M13.377%2014.64l.983-1.263%205.763%204.483-.983%201.263z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: center center; background-repeat: no-repeat; background-size: contain; } .panel-goods-nav-bar .trigger-goods-nav { display: none; font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 500; font-size: 0.8125em; color: #FFF; cursor: pointer; letter-spacing: 0.29px; padding-left: 40px; background-repeat: no-repeat; background-position: left center; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2212%22%20viewBox%3D%220%200%2018%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Eic_filter_list_24px%3C%2Ftitle%3E%3Cpath%20d%3D%22M7%2012h4v-2H7v2zM0%200v2h18V0H0zm3%207h12V5H3v2z%22%20fill%3D%22%23F8E71C%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E"); -ms-transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; -webkit-backface-visibility: hidden; } .panel-goods-nav-bar .trigger-goods-nav:hover { color: #F8E71C; } @media (max-width: 768px) { .panel-goods-nav-bar .trigger-goods-nav { display: inline-block; } } .goods-header-spacer { position: relative; height: 69px; line-height: 69px; } @media (min-width: 768px) { .goods-header-spacer { height: 100px; line-height: 100px; } } .page-template-tpl-goods .goods-header-spacer { display: none; } @media (max-width: 768px) { .page-template-tpl-goods .goods-header-spacer { display: block; } } .panel-overlay { background: #111; position: fixed; opacity: 0; z-index: 50; top: 0; right: 0; bottom: 0; left: 0; width: 100%; pointer-events: none; -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-backface-visibility: hidden; } .panel-overlay.active, .panel-overlay.active-alt { opacity: 0.8; pointer-events: auto; } .panel-overlay.active-alt { opacity: 0.8; left: 100%; pointer-events: auto; } @media (min-width: 768px) { .panel-overlay.active-alt { visibility: visible; opacity: 0.8; left: 375px; } } .panel-content { position: relative; width: 100%; min-height: 100vh; left: 0; z-index: 2; -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-backface-visibility: hidden; right: 0; } .panel-content.loaded { opacity: 1 !important; } @media (min-width: 768px) { .panel-content.active { -ms-transform: translate(-375px, 0); -webkit-transform: translate(-375px, 0); -moz-transform: translate(-375px, 0); -o-transform: translate(-375px, 0); transform: translate(-375px, 0); } } @media (min-width: 768px) { .panel-content.active-alt { -ms-transform: translate(375px, 0); -webkit-transform: translate(375px, 0); -moz-transform: translate(375px, 0); -o-transform: translate(375px, 0); transform: translate(375px, 0); } } footer.rocket { position: relative; display: flex; flex-wrap: wrap; width: 100%; min-height: 800px; position: relative; } @media (max-width: 1199px) { footer.rocket { min-height: 600px; } } @media (max-width: 1023px) { footer.rocket { min-height: 500px; } } @media (max-width: 599px) { footer.rocket { min-height: 400px; } } footer.rocket .bolts { position: relative; position: absolute; top: 0; right: 0; width: 328px; z-index: 5; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22328%22%20height%3D%22300%22%20viewBox%3D%220%200%20328%20300%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGroup%2021%3C%2Ftitle%3E%3Cg%20fill%3D%22%23FEFEFE%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M25.997%200L0%204.81l15.695.188L12.689%2010%2039%205.07H23.033zM121.999%200L96%204.81l15.696.188L108.69%2010%20135%205.07h-15.968zM217.999%200L192%204.81l15.696.188L204.69%2010%20231%205.07h-15.968zM314.999%200L289%204.81l15.7.188L301.69%2010%20328%205.07h-15.965zM0%2076.813l15.695.189L12.689%2082%2039%2077.07H23.033L25.997%2072zM96%2076.815L122%2072l-2.967%205.067H135L108.692%2082l3.006-4.997zM192%2076.815L218.002%2072l-2.967%205.067H231L204.693%2082l3.003-4.997zM289%2076.813l15.698.189-3.01%204.998L328%2077.07h-15.967l2.964-5.07zM0%20149.811l15.695.189-3.006%205L39%20150.067H23.033L25.997%20145zM96%20149.811L122%20145l-2.967%205.067H135L108.692%20155l3.006-5zM192%20149.811L218.002%20145l-2.967%205.067H231L204.693%20155l3.003-5zM289%20149.811l15.698.189-3.01%205L328%20150.067h-15.967l2.964-5.067zM0%20222.815l15.695.185-3.006%205L39%20223.07H23.033l2.964-5.07zM96%20222.815L122%20218l-2.967%205.07H135L108.692%20228l3.006-4.997zM192%20222.815L218.002%20218l-2.967%205.07H231L204.693%20228l3.003-4.997zM289%20222.815l15.698.185-3.01%205L328%20223.07h-15.967l2.964-5.07zM0%20294.81l15.695.192L12.689%20300%2039%20295.07H23.033l2.964-5.07zM96%20294.81l15.695.192-3.006%204.998L135%20295.07h-15.97l2.967-5.07zM192%20294.81l15.696.192L204.69%20300l26.31-4.93h-15.968l2.967-5.07zM289%20294.81l15.698.192-3.01%204.998L328%20295.07h-15.967l2.964-5.07z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -ms-transform: translate(5%, -45%); -webkit-transform: translate(5%, -45%); -moz-transform: translate(5%, -45%); -o-transform: translate(5%, -45%); transform: translate(5%, -45%); } footer.rocket .bolts:before { display: block; content: ""; width: 100%; padding-top: 91.4634146341%; } @media (max-width: 1023px) { footer.rocket .bolts { width: 230px; } } @media (max-width: 599px) { footer.rocket .bolts { width: 200px; -ms-transform: translate(50%, -45%); -webkit-transform: translate(50%, -45%); -moz-transform: translate(50%, -45%); -o-transform: translate(50%, -45%); transform: translate(50%, -45%); } } footer.rocket .badge { top: 0; left: 50%; z-index: 6; position: relative; position: absolute; width: 134px; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22133%22%20height%3D%22134%22%20viewBox%3D%220%200%20133%20134%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3EGroup%2090%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M0%20.428h132.573V133H0z%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate(0%20.573)%22%3E%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fmask%3E%3Cpath%20d%3D%22M132.573%2066.714c0%2036.609-29.677%2066.286-66.286%2066.286C29.677%20133%200%20103.323%200%2066.714%200%2030.104%2029.678.428%2066.287.428c36.609%200%2066.286%2029.677%2066.286%2066.286%22%20fill%3D%22%23E5E6E7%22%20mask%3D%22url(%23b)%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M104.317%2067.287c0%2021.004-17.027%2038.03-38.03%2038.03-21.005%200-38.032-17.026-38.032-38.03s17.027-38.031%2038.031-38.031c21.004%200%2038.031%2017.027%2038.031%2038.03%22%20fill%3D%22%23010202%22%2F%3E%3Cpath%20d%3D%22M22.131%2043.664c.357-.657.383-1.673-1.596-2.751-1.98-1.08-2.82-.505-3.178.15l-.336.618%204.774%202.6.336-.617zm-6.678-1.521l.845-1.552c.748-1.372%202.253-2.074%204.79-.694%202.545%201.387%202.762%203.027%202.014%204.399l-.845%201.552-6.804-3.705zM23.848%2035.734c.589-.791.502-1.392-.216-1.927-.709-.528-1.311-.44-1.899.349l-.549.737%202.116%201.576.548-.735zm4.036%201.2l-2.95-.744c-.031.06-.065.107-.106.16l-.601.809%202.242%201.672-.69.926-6.211-4.63%201.293-1.733c.852-1.145%202.245-1.42%203.461-.514.809.603%201.146%201.419%201.031%202.237l3.323.753-.792%201.064zM26.226%2028.824l1.517%201.51%202.103-2.11.818.815-2.102%202.112%201.517%201.51%202.479-2.487.818.815-3.294%203.308-5.49-5.47%203.293-3.307.82.815zM35.987%2025.331l-3.158-2.473%201.49%203.724%201.668-1.25zm.937.74l-2.155%201.618.637%201.604-.97.727-2.891-7.514%201.303-.979%206.407%204.876-.97.728-1.361-1.06zM41.232%2016.373l3.789%206.756-1.008.565-2.531-4.514.728%203.358-.83.465-2.491-2.38%202.537%204.522-1.007.565-3.79-6.755%201.235-.693%203.039%202.919-.906-4.115zM47.926%2021.125c-.164-.434.068-.874.524-1.046.435-.165.912.005%201.077.44.161.423-.076.888-.51%201.052-.455.173-.929-.022-1.09-.446M63.805%2016.093c-.054-.712-.617-1.1-1.34-1.045l-1.626.124.175%202.292%201.626-.123c.723-.056%201.227-.435%201.165-1.248zm-3.204-4.05l.164%202.157%201.299-.099c.722-.055%201.112-.607%201.07-1.16-.05-.655-.512-1.052-1.234-.996l-1.299.098zm4.356%203.962c.11%201.446-.875%202.383-2.23%202.487l-2.777.211-.588-7.724%202.45-.186c1.355-.104%202.376.773%202.473%202.06.044.565-.132%201.078-.49%201.47.66.312%201.104.903%201.162%201.682zM67.23%2015.917l.352-5.338%201.154.076-.326%204.943c-.082%201.255.319%201.724%201.12%201.777.804.053%201.262-.349%201.346-1.616l.325-4.942%201.153.077-.352%205.337c-.097%201.493-1.111%202.392-2.547%202.297-1.436-.095-2.323-1.118-2.225-2.61M78.857%2018.776l-.238%201.131-4.542-.96.238-1.13%201.706.36%201.125-5.318-1.63-.345.239-1.13%204.388.928-.24%201.13-1.627-.344-1.125%205.318zM83.733%2013.352l1.086.396-2.257%206.193%203.183%201.161-.397%201.085-4.267-1.555zM89.541%2022.958c.66.353%201.678.37%202.741-1.618%201.062-1.988.482-2.826-.178-3.178l-.62-.332-2.562%204.797.62.331zm1.47-6.69l1.557.832c1.38.737%202.094%202.235.733%204.784-1.367%202.558-3.005%202.787-4.384%202.051l-1.56-.833%203.653-6.835zM94.988%2026.763c.275-.375.77-.418%201.164-.13.375.275.49.768.216%201.142-.27.365-.786.421-1.161.146-.393-.288-.487-.792-.22-1.158M108.189%2035.085c.599.784%201.202.865%201.915.322.703-.536.783-1.14.186-1.925l-.558-.73-2.101%201.603.558.73zm-2.266%203.555l1.528-2.635c-.051-.047-.085-.092-.126-.147l-.613-.802-2.226%201.7-.702-.92%206.166-4.705%201.314%201.722c.866%201.136.749%202.552-.46%203.474-.802.612-1.68.712-2.436.376l-1.64%202.991-.805-1.054zM114.17%2039.278l-1.867%201.047%201.457%202.598-1.007.565-1.457-2.597-1.867%201.047%201.718%203.06-1.008.567-2.28-4.07%206.753-3.79%202.283%204.07-1.008.565zM117.322%2049.108c.825-.32%201.07-.877.715-1.797l-.331-.856-2.463.953.33.855c.357.922.914%201.166%201.749.845m.418%201.077c-1.427.552-2.696-.087-3.212-1.419l-.364-.94-2.611%201.01-.418-1.078%207.23-2.799.782%202.018c.517%201.333.009%202.66-1.407%203.208M120.116%2053.846l-2.087.482.669%202.903-1.126.26-.67-2.904-2.086.48.788%203.424-1.126.26-1.05-4.55%207.554-1.741%201.05%204.55-1.127.26zM117.887%2063.963l3.775-1.364-3.95-.715.175%202.079zm-1.127.402l-.227-2.689-1.698-.313-.1-1.209%207.91%201.543.137%201.627-7.543%202.841-.102-1.21%201.623-.59zM121.59%2072.977l.113-1.898-6.67-.4.068-1.154%206.671.399.114-1.898%201.063.062-.297%204.953zM115.073%2076.291c.455.093.703.525.606%201.002-.092.455-.492.768-.948.675-.443-.09-.711-.538-.618-.993.097-.478.517-.774.96-.684M110.727%2090.218c-.348.66-.358%201.68%201.637%202.729%201.994%201.048%202.826.462%203.175-.2l.327-.621-4.813-2.53-.326.622zm6.698%201.423l-.822%201.564c-.727%201.383-2.222%202.108-4.777.763-2.567-1.35-2.807-2.985-2.08-4.368l.823-1.564%206.856%203.605zM109.117%2098.188c-.578.8-.48%201.401.245%201.925.717.518%201.317.421%201.895-.379l.538-.743-2.14-1.548-.538.745zm-4.058-1.143l2.963.701c.031-.06.064-.107.105-.162l.592-.817-2.27-1.64.677-.938%206.283%204.542-1.269%201.755c-.835%201.158-2.225%201.453-3.457.564-.817-.59-1.167-1.404-1.063-2.224l-3.337-.706.776-1.075zM106.828%20105.135l-1.538-1.49-2.075%202.14-.829-.802%202.073-2.142-1.538-1.49-2.445%202.524-.83-.803%203.248-3.354%205.569%205.392-3.248%203.353-.832-.805zM97.128%20108.76l3.197%202.429-1.548-3.704-1.649%201.276zm-.95-.726l2.135-1.651-.662-1.596.96-.742%203.004%207.478-1.29%201-6.485-4.787.96-.743%201.378%201.04zM91.965%20117.782l-3.826-6.735%201.004-.57%202.556%204.5-.745-3.354.827-.47%202.504%202.367-2.562-4.509%201.005-.57%203.825%206.735-1.23.7-3.055-2.903.927%204.11zM85.247%20113.122c.171.433-.056.875-.509%201.054-.432.171-.91.007-1.08-.425-.168-.422.062-.889.493-1.06.453-.179.93.01%201.096.431M72.704%20122.395l-.197-2.156-1.297.118c-.723.066-1.104.625-1.054%201.178.06.655.527%201.045%201.25.979l1.297-.12zm-3.267-4.004c.064.71.633%201.09%201.356%201.025l1.625-.147-.209-2.291-1.624.147c-.723.066-1.223.453-1.148%201.266zm-1.151.106c-.133-1.446.84-2.4%202.192-2.523l2.779-.253.703%207.72-2.448.224c-1.356.124-2.39-.738-2.508-2.025-.05-.564.118-1.081.47-1.476-.666-.304-1.118-.89-1.189-1.667zM66.006%20118.606l-.283%205.343-1.154-.061.262-4.947c.067-1.257-.34-1.72-1.143-1.764-.803-.042-1.257.365-1.324%201.633l-.262%204.945-1.155-.06.284-5.342c.08-1.493%201.081-2.405%202.518-2.328%201.438.075%202.337%201.087%202.257%202.581M54.358%20115.915l.223-1.134%204.557.896-.223%201.134-1.711-.337-1.05%205.335%201.635.322-.223%201.134-4.402-.866.223-1.134%201.634.321%201.049-5.334zM49.542%20121.403l-1.092-.38%202.17-6.226-3.199-1.115.38-1.092%204.29%201.495zM43.604%20111.876c-.663-.343-1.681-.346-2.716%201.654-1.035%202.001-.443%202.83.22%203.173l.624.323%202.496-4.827-.624-.323zm-1.377%206.706l-1.57-.811c-1.387-.718-2.12-2.207-.795-4.771%201.332-2.575%202.967-2.825%204.353-2.107l1.57.811-3.558%206.878zM38.125%20108.161c-.27.378-.765.43-1.16.146-.379-.269-.5-.76-.233-1.138.264-.368.781-.43%201.16-.16.395.281.496.783.233%201.152M24.783%20100.001c-.608-.775-1.214-.849-1.917-.294-.696.544-.77%201.15-.16%201.925l.566.721%202.078-1.63-.567-.722zm2.216-3.583l-1.49%202.653c.05.047.086.091.128.145l.623.794%202.202-1.73.714.91-6.1%204.788-1.336-1.703c-.881-1.125-.783-2.541.41-3.479.795-.623%201.672-.734%202.432-.409l1.598-3.011.819%201.042zM18.737%2095.888l1.854-1.07-1.49-2.58%201.003-.577%201.488%202.58%201.854-1.07-1.754-3.041%201-.578%202.332%204.043-6.71%203.872-2.332-4.043%201-.578zM15.461%2086.111c-.819.331-1.058.891-.689%201.806l.342.851%202.451-.986-.344-.852c-.369-.915-.929-1.153-1.76-.819m-.432-1.07c1.42-.574%202.697.05%203.23%201.374l.377.935%202.596-1.047.432%201.072-7.189%202.897-.809-2.007c-.534-1.324-.045-2.658%201.363-3.225M12.6%2081.418l2.08-.511-.711-2.895%201.123-.277.71%202.897%202.08-.511-.836-3.412%201.124-.276%201.112%204.536-7.531%201.847-1.112-4.536%201.122-.275zM14.69%2071.258l-3.758%201.414%203.96.662-.202-2.076zm1.122-.417l.26%202.686%201.704.29.117%201.208-7.932-1.44-.158-1.623%207.506-2.941.117%201.207-1.614.613zM10.852%2062.31l-.085%201.9%206.679.303-.051%201.155-6.681-.301-.087%201.9-1.064-.046.226-4.96zM17.334%2058.886c-.456-.086-.709-.515-.618-.993.086-.456.48-.773.936-.687.446.084.72.529.632.985-.09.478-.505.78-.95.695%22%20fill%3D%22%23231F20%22%2F%3E%3Cpath%20d%3D%22M44.507%2066.591h2.81c.864%200%201.303-.278%201.303-.937%200-.629-.439-.849-1.303-.849h-2.81v1.786zm2.21%202.62h-2.21v3.191h-4.025V62.156h7.7c2.955%200%204.463%201.113%204.463%203.455%200%201.58-.805%202.576-2.064%203.103l2.371%203.688h-4.244l-1.99-3.19zM62.393%2068.07h4.113c-.454%203.38-3.366%204.552-6.601%204.552-3.396%200-6.66-1.318-6.66-5.343%200-4.01%203.264-5.327%206.66-5.327%203.235%200%206.147%201.17%206.6%204.552h-4.112c-.205-1.157-.937-1.933-2.488-1.933-1.757%200-2.591%201.01-2.591%202.708%200%201.713.834%202.723%202.59%202.723%201.552%200%202.284-.79%202.489-1.932M72.624%2068.7l-1.215%201.097v2.605h-4.025V62.156h4.025v3.25l3.41-3.25h4.992l-4.48%204.084%204.685%206.162h-4.743zM92.09%2064.806h-3.878v7.597h-4.025v-7.597h-3.88v-2.65h11.784z%22%20fill%3D%22%23FEFEFE%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } footer.rocket .badge:before { display: block; content: ""; width: 100%; padding-top: 100%; } footer.rocket img { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; } footer.rocket .video-background { z-index: 2; } footer.goods { min-height: 800px; position: relative; display: flex; justify-content: center; align-items: center; background-color: #000; } @media (max-width: 600px) { footer.goods { min-height: 500px; } } footer.goods img { opacity: 1; bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; } footer.goods .video-background { z-index: 2; } footer.goods .footer-content { position: relative; z-index: 10; max-width: 1250px; width: 90%; padding: 60px 0; } footer.goods .title { font-family: 'MADE Outer Sans', sans-serif; font-weight: 700; font-size: 4.3125em; letter-spacing: 0; margin-bottom: 60px; line-height: 1.1; } @media (max-width: 768px) { footer.goods .title { font-size: 3.125em; line-height: 1.3; } } @media (max-width: 600px) { footer.goods .title { font-size: 1.875em; line-height: 1.3; margin-bottom: 40px; } } footer.goods .subtitle { font-family: 'MADE Outer Sans', sans-serif; font-weight: 700; font-size: 1.125em; color: #FFF; letter-spacing: 0; margin-bottom: 50px; } @media (max-width: 600px) { footer.goods .subtitle { line-height: 1.3; margin-bottom: 30px; } } footer.goods .footer-button { display: inline-block; background: #F8E71C; border-radius: 40px; font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 700; font-size: 0.875em; color: #000; letter-spacing: 1px; text-align: center; padding: 13px 30px; text-transform: uppercase; text-decoration: none; width: 220px; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; margin-bottom: 100px; } @media (max-width: 600px) { footer.goods .footer-button { margin-bottom: 0; } } footer.goods .footer-button:hover { background-color: #FFF; } footer.credits { background-color: #000; display: flex; justify-content: center; width: 100%; } footer.credits .flex { display: flex; justify-content: space-between; align-items: center; width: 90%; max-width: 710px; min-height: 140px; } @media (max-width: 599px) { footer.credits .flex { flex-wrap: wrap; padding: 50px 0; justify-content: center; } } footer.credits .copyright { display: inline-flex; align-items: center; width: 40%; } @media (max-width: 599px) { footer.credits .copyright { width: 100%; justify-content: center; margin-bottom: 40px; } } footer.credits .copyright .date { font-family: 'MADE Outer Sans', sans-serif; font-weight: 700; font-size: 0.9375em; } footer.credits .copyright .text { font-family: 'Eingrantch', sans-serif; font-weight: 700; font-size: 0.75em; letter-spacing: 1.09px; margin-left: 7px; } footer.credits .logo { position: relative; width: 78px; z-index: 10; background-repeat: no-repeat; background-position: center center; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2278%22%20height%3D%2222%22%20viewBox%3D%220%200%2078%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EStroke%201%3C%2Ftitle%3E%3Cpath%20d%3D%22M0%2010.625L52%201l-5.936%2010.137H78L25.383%2021l6.011-9.999z%22%20stroke%3D%22%23FEFEFE%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); } footer.credits .logo:before { display: block; content: ""; width: 100%; padding-top: 25.641025641%; } footer.credits .social { width: 40%; display: inline-flex; justify-content: flex-end; align-items: center; } @media (max-width: 599px) { footer.credits .social { width: 100%; justify-content: center; margin-top: 40px; } } footer.credits .social .text { font-family: 'Eingrantch', sans-serif; font-weight: 700; font-size: 0.75em; letter-spacing: 1.09px; margin-right: 5px; } footer.credits .social a { display: inline-block; margin-left: 10px; font-family: 'MADE Outer Sans', sans-serif; font-weight: 700; font-size: 0.9375em; color: #FFF; text-decoration: none; -ms-transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; -webkit-backface-visibility: hidden; } footer.credits .social a:hover { color: #F8E71C; } footer.logo-only { background-color: #000; display: flex; justify-content: center; width: 100%; margin-bottom: 100px; } footer.logo-only .logo { position: relative; width: 78px; z-index: 10; background-repeat: no-repeat; background-position: center center; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2278%22%20height%3D%2222%22%20viewBox%3D%220%200%2078%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EStroke%201%3C%2Ftitle%3E%3Cpath%20d%3D%22M0%2010.625L52%201l-5.936%2010.137H78L25.383%2021l6.011-9.999z%22%20stroke%3D%22%23FEFEFE%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); } footer.logo-only .logo:before { display: block; content: ""; width: 100%; padding-top: 25.641025641%; } .video-background { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; overflow: hidden; display: block; transform: translate3d(0, 0, 0); } .video-background.fullscreen iframe { width: 100vw; height: 47vw; min-height: 100vh; min-width: 213.333333vh; } @media (max-width: 767px) { .video-background.fullscreen iframe { transform: translate3d(-50%, -50%, 0) scale(1.1, 1.1); } } .video-background iframe { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); opacity: 0; -ms-transition: opacity 1s; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; -webkit-backface-visibility: hidden; object-fit: cover; border-radius: 1px; width: 100%; height: 47%; min-height: 100%; min-width: 213.333333%; } @media (max-width: 600px) { .video-background iframe { transform: translate3d(-50%, -50%, 0) scale(1.1, 1.1); width: 100vw; height: 47vw; min-height: 100vh; min-width: 213.333333vh; } } .video-background iframe.playing { opacity: 1; } .mfp-video-popup.mfp-wrap { -webkit-overflow-scrolling: touch; } .mfp-video-popup .mfp-close { opacity: 1; position: absolute; z-index: 2; top: -150px; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 50px; width: 50px; text-indent: 120%; white-space: nowrap; overflow: hidden; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGroup%202%3C%2Ftitle%3E%3Cg%20stroke%3D%22%23FFF%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2224%22%2F%3E%3Cg%20stroke-linecap%3D%22square%22%3E%3Cpath%20d%3D%22M35%2015L15%2035M15%2015l20%2020%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-backface-visibility: hidden; } @media (max-width: 1024px) { .mfp-video-popup .mfp-close { top: -100px; } } .mfp-video-popup .mfp-close:hover { -ms-transform: translateX(-50%) rotate(180deg); -webkit-transform: translateX(-50%) rotate(180deg); -moz-transform: translateX(-50%) rotate(180deg); -o-transform: translateX(-50%) rotate(180deg); transform: translateX(-50%) rotate(180deg); } .mfp-video-popup .mfp-container { padding: 150px 0; } .mfp-video-popup .mfp-content { opacity: 0; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; } .mfp-video-popup.mfp-bg { -webkit-overflow-scrolling: touch; background-color: #191919; opacity: 0; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; } .mfp-video-popup.mfp-ready.mfp-bg { opacity: 1; } .mfp-video-popup.mfp-ready .mfp-content { opacity: 1; } .mfp-video-popup.mfp-removing.mfp-bg { opacity: 0; } .mfp-video-popup.mfp-removing .mfp-content { opacity: 0; } .mfp-video-popup .mfp-iframe-scaler { padding-top: 46.875%; } .mfp-video-popup .mfp-iframe-scaler iframe { box-shadow: none; } .mfp-project-popup.mfp-wrap { -webkit-overflow-scrolling: touch; } .mfp-project-popup .mfp-close { display: none; } .mfp-project-popup .mfp-with-anim { opacity: 0; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; } .mfp-project-popup.mfp-bg { -webkit-overflow-scrolling: touch; background-color: #000; opacity: 1; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; } .mfp-project-popup.mfp-ready .mfp-with-anim { opacity: 1; } .mfp-project-popup.mfp-ready.mfp-bg { opacity: 1; } .mfp-project-popup.mfp-ready .p-loader { opacity: 0; } .mfp-project-popup.mfp-removing .mfp-with-anim { opacity: 0; } .mfp-project-popup.mfp-removing.mfp-bg { opacity: 0; } .mfp-project-popup .mfp-with-anim { width: 80%; max-width: 1120px; margin: 60px auto; } @media (max-width: 600px) { .mfp-project-popup .mfp-with-anim { width: 90%; margin: 40px auto; } } .mfp-project-popup .mfp-with-anim img { max-width: 100%; height: auto; } .mfp-project-popup .popup-nav { left: 0; top: 0; position: fixed; pointer-events: none; display: flex; height: 100vh; width: 100vw; justify-content: center; z-index: 20; } @media (max-width: 600px) { .mfp-project-popup .popup-nav { display: none; } } .mfp-project-popup .popup-nav .popup-nav-container { width: 80%; height: 50px; max-width: 1120px; pointer-events: none; position: relative; margin-top: 23vw; } @media (max-width: 1650px) { .mfp-project-popup .popup-nav .popup-nav-container { margin-top: 25vw; } } @media (max-width: 1400px) { .mfp-project-popup .popup-nav .popup-nav-container { margin-top: 30vw; } } @media (max-width: 1100px) { .mfp-project-popup .popup-nav .popup-nav-container { margin-top: 32vw; } } .mfp-project-popup .popup-nav .popup-previous, .mfp-project-popup .popup-nav .popup-next { display: block; width: 50px; height: 50px; position: absolute; overflow: hidden; text-indent: 105%; white-space: nowrap; background-position: center center; background-repeat: no-repeat; cursor: pointer; pointer-events: auto; opacity: 0.3; -ms-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; } .mfp-project-popup .popup-nav .popup-previous:hover, .mfp-project-popup .popup-nav .popup-next:hover { opacity: 1; } .mfp-project-popup .popup-nav .popup-previous { left: -90px; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2237%22%20viewBox%3D%220%200%2020%2037%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EPage%201%20Copy%202%3C%2Ftitle%3E%3Cpath%20d%3D%22M3.65%2018.5l16.264%2016.263-1.414%201.415L.822%2018.5%2018.5.822l1.414%201.415z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E"); } @media (max-width: 1023px) { .mfp-project-popup .popup-nav .popup-previous { left: -60px; } } .mfp-project-popup .popup-nav .popup-next { right: -90px; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2237%22%20viewBox%3D%220%200%2020%2037%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EPage%201%20Copy%202%3C%2Ftitle%3E%3Cpath%20d%3D%22M16.35%2018.5L.085%202.237%201.5.822%2019.178%2018.5%201.5%2036.178.086%2034.763z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E"); } @media (max-width: 1023px) { .mfp-project-popup .popup-nav .popup-next { right: -60px; } } .mfp-project-popup .p-loader { -webkit-animation: p-loader-pulse 1s infinite; animation: p-loader-pulse 1s infinite; bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background: url("data:image/svg+xml,%3Csvg%20width%3D%2259%22%20height%3D%2215%22%20viewBox%3D%220%200%2059%2015%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EPage%201%20Copy%3C%2Ftitle%3E%3Cpath%20d%3D%22M39.333%200L0%207.002l23.747.274-4.547%207.273L59%207.374H34.843z%22%20fill%3D%22%23CCC%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center center; z-index: 0; opacity: 1; } .mfp-project-popup .p-popup-content { position: relative; z-index: 1; min-height: 600px; } @media (max-width: 600px) { .mfp-project-popup .p-popup-content { min-height: 400px; } } .mfp-project-popup .project-popup-content { background-color: #000; } .mfp-project-popup .p-back { background-position: left center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%2218%22%20viewBox%3D%220%200%2011%2018%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EStroke%201%20Copy%202%3C%2Ftitle%3E%3Cpath%20d%3D%22M3.343%209.278l7.071%207.071L9%2017.763.515%209.278%209%20.793l1.414%201.414z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E"); font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 700; font-size: 0.75em; text-transform: uppercase; color: #FFF; letter-spacing: 1.85px; text-align: center; padding-left: 20px; height: 20px; display: block; line-height: 20px; cursor: pointer; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; } .mfp-project-popup .p-back:hover { color: #F8E71C; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%2218%22%20viewBox%3D%220%200%2011%2018%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EStroke%201%20Copy%202%3C%2Ftitle%3E%3Cpath%20d%3D%22M3.343%209.278l7.071%207.071L9%2017.763.515%209.278%209%20.793l1.414%201.414z%22%20fill%3D%22%23F8E71C%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E"); } .mfp-project-popup .p-media-swiper-fraction { align-self: flex-end; height: 20px; line-height: 20px; width: 40px; color: #000; background-color: #F8E71C; border-radius: 40px; font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 500; font-size: 0.75em; letter-spacing: 1px; text-align: center; } .mfp-project-popup .p-media-swiper-pagination.swiper-pagination-bullets { bottom: 20px; } .mfp-project-popup .p-media-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { cursor: pointer; display: inline-block; height: 8px; width: 8px; background-color: #FFF; border: 1.5px solid #000; opacity: 1; margin: 0 2px; -ms-transition: background-color 0.3s, border-color 0.3s; -webkit-transition: background-color 0.3s, border-color 0.3s; -moz-transition: background-color 0.3s, border-color 0.3s; -o-transition: background-color 0.3s, border-color 0.3s; transition: background-color 0.3s, border-color 0.3s; -webkit-backface-visibility: hidden; } .mfp-project-popup .p-media-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:hover, .mfp-project-popup .p-media-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #000; border-color: #FFF; } .mfp-project-popup .swiper-nav-container { position: relative; } .mfp-project-popup .p-media-swiper-prev, .mfp-project-popup .p-media-swiper-next { display: block; top: 50%; width: 50px; height: 50px; position: absolute; overflow: hidden; text-indent: 105%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); white-space: nowrap; background-position: center center; background-repeat: no-repeat; cursor: pointer; pointer-events: auto; opacity: 0.3; -ms-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; } @media (max-width: 600px) { .mfp-project-popup .p-media-swiper-prev, .mfp-project-popup .p-media-swiper-next { display: none; } } .mfp-project-popup .p-media-swiper-prev:hover, .mfp-project-popup .p-media-swiper-next:hover { opacity: 1; } .mfp-project-popup .p-media-swiper-prev { left: -90px; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2237%22%20viewBox%3D%220%200%2020%2037%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EPage%201%20Copy%202%3C%2Ftitle%3E%3Cpath%20d%3D%22M3.65%2018.5l16.264%2016.263-1.414%201.415L.822%2018.5%2018.5.822l1.414%201.415z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E"); } @media (max-width: 1023px) { .mfp-project-popup .p-media-swiper-prev { left: -60px; } } .mfp-project-popup .p-media-swiper-next { right: -90px; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2237%22%20viewBox%3D%220%200%2020%2037%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EPage%201%20Copy%202%3C%2Ftitle%3E%3Cpath%20d%3D%22M16.35%2018.5L.085%202.237%201.5.822%2019.178%2018.5%201.5%2036.178.086%2034.763z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E"); } @media (max-width: 1023px) { .mfp-project-popup .p-media-swiper-next { right: -60px; } } .mfp-project-popup .swiper-slide { width: 100% !important; } .mfp-project-popup .p-media-aspect { position: relative; width: 100%; } .mfp-project-popup .p-media-aspect:before { display: block; content: ""; width: 100%; padding-top: 56.25%; } @media (max-width: 600px) { .mfp-project-popup .p-media-aspect { position: relative; } .mfp-project-popup .p-media-aspect:before { display: block; content: ""; width: 100%; padding-top: 100%; } } .mfp-project-popup .p-media-aspect img { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .mfp-project-popup .p-media-video-aspect { position: relative; width: 100%; } .mfp-project-popup .p-media-video-aspect:before { display: block; content: ""; width: 100%; padding-top: 56.25%; } .mfp-project-popup .p-media-video-aspect iframe { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; } .mfp-project-popup .p-title { font-family: 'MADE Outer Sans', sans-serif; font-size: 1.375em; letter-spacing: 0.5px; } .mfp-project-popup .p-subtitle { font-size: 0.875em; color: #FFF; letter-spacing: 0.92px; margin-top: 8px; text-transform: uppercase; font-family: 'Eingrantch', sans-serif; } @media (max-width: 600px) { .mfp-project-popup .p-subtitle { margin-top: 15px; } } .mfp-project-popup .p-description { font-size: 0.875em; color: #A7A7A7; line-height: 23px; } .mfp-project-popup .p-button { border-radius: 40px; background-color: #F8E71C; display: inline-flex; justify-content: center; align-items: center; align-content: center; font-weight: 700; font-size: 0.6875em; color: #000000; letter-spacing: 1px; text-align: center; padding: 10px 20px; min-height: 37px; text-decoration: none; text-transform: uppercase; z-index: 10; margin-top: 28px; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; } .mfp-project-popup .p-button:hover { background-color: #FFF; color: #000; } .mfp-project-popup .flex { display: flex; flex-wrap: wrap; align-items: center; } .mfp-project-popup .flex.flex-top { margin-bottom: 60px; } @media (max-width: 600px) { .mfp-project-popup .flex.flex-top { margin-bottom: 40px; } } .mfp-project-popup .flex.flex-top .right { align-self: flex-end; margin-left: auto; } .mfp-project-popup .flex.flex-bottom { align-items: flex-start; margin-top: 30px; } .mfp-project-popup .flex.flex-bottom .left { width: 35%; } @media (max-width: 600px) { .mfp-project-popup .flex.flex-bottom .left { width: 100%; margin-bottom: 30px; } } .mfp-project-popup .flex.flex-bottom .right { width: 55%; } @media (max-width: 600px) { .mfp-project-popup .flex.flex-bottom .right { width: 100%; } } .mfp-good-popup.mfp-wrap { -webkit-overflow-scrolling: touch; } .mfp-good-popup .mfp-close { opacity: 0; position: absolute; z-index: 2; top: 50px; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 50px; width: 50px; text-indent: 100%; white-space: nowrap; overflow: hidden; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGroup%202%3C%2Ftitle%3E%3Cg%20stroke%3D%22%23FFF%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2224%22%2F%3E%3Cg%20stroke-linecap%3D%22square%22%3E%3Cpath%20d%3D%22M35%2015L15%2035M15%2015l20%2020%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-backface-visibility: hidden; } .mfp-good-popup .mfp-close.show { opacity: 1; } .mfp-good-popup .mfp-close:hover { -ms-transform: translateX(-50%) rotate(180deg); -webkit-transform: translateX(-50%) rotate(180deg); -moz-transform: translateX(-50%) rotate(180deg); -o-transform: translateX(-50%) rotate(180deg); transform: translateX(-50%) rotate(180deg); } .mfp-good-popup .mfp-with-anim { opacity: 0; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; } .mfp-good-popup.mfp-bg { -webkit-overflow-scrolling: touch; background-color: #191919; opacity: 1; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; } .mfp-good-popup.mfp-ready .mfp-with-anim { opacity: 1; } .mfp-good-popup.mfp-ready.mfp-bg { opacity: 1; } .mfp-good-popup.mfp-ready .g-loader { opacity: 0; } .mfp-good-popup.mfp-removing .mfp-with-anim { opacity: 0; } .mfp-good-popup.mfp-removing.mfp-bg { opacity: 0; } .mfp-good-popup .mfp-with-anim { width: 90%; max-width: 1250px; margin: 150px auto; } .mfp-good-popup .mfp-with-anim img { max-width: 100%; height: auto; } .mfp-good-popup .g-loader { -webkit-animation: p-loader-pulse 1s infinite; animation: p-loader-pulse 1s infinite; bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background: url("data:image/svg+xml,%3Csvg%20width%3D%2259%22%20height%3D%2215%22%20viewBox%3D%220%200%2059%2015%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EPage%201%20Copy%3C%2Ftitle%3E%3Cpath%20d%3D%22M39.333%200L0%207.002l23.747.274-4.547%207.273L59%207.374H34.843z%22%20fill%3D%22%23CCC%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center center; z-index: 0; opacity: 1; } .mfp-good-popup .popup-nav { left: 0; top: 0; position: fixed; pointer-events: none; display: flex; height: 100vh; width: 100vw; justify-content: center; z-index: 20; } @media (max-width: 600px) { .mfp-good-popup .popup-nav { display: none; } } .mfp-good-popup .popup-nav .popup-nav-container { width: 90%; height: 50px; max-width: 1250px; pointer-events: none; position: relative; margin-top: 23vw; } @media (max-width: 1650px) { .mfp-good-popup .popup-nav .popup-nav-container { margin-top: 25vw; } } @media (max-width: 1400px) { .mfp-good-popup .popup-nav .popup-nav-container { margin-top: 30vw; } } @media (max-width: 1100px) { .mfp-good-popup .popup-nav .popup-nav-container { margin-top: 32vw; } } .mfp-good-popup .popup-nav .popup-previous, .mfp-good-popup .popup-nav .popup-next { display: block; width: 50px; height: 50px; position: absolute; overflow: hidden; text-indent: 105%; white-space: nowrap; background-position: center center; background-repeat: no-repeat; cursor: pointer; pointer-events: auto; opacity: 0.3; -ms-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; } .mfp-good-popup .popup-nav .popup-previous:hover, .mfp-good-popup .popup-nav .popup-next:hover { opacity: 1; } .mfp-good-popup .popup-nav .popup-previous { left: -90px; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2237%22%20viewBox%3D%220%200%2020%2037%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EPage%201%20Copy%202%3C%2Ftitle%3E%3Cpath%20d%3D%22M3.65%2018.5l16.264%2016.263-1.414%201.415L.822%2018.5%2018.5.822l1.414%201.415z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E"); } @media (max-width: 1023px) { .mfp-good-popup .popup-nav .popup-previous { left: -60px; } } .mfp-good-popup .popup-nav .popup-next { right: -90px; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2237%22%20viewBox%3D%220%200%2020%2037%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EPage%201%20Copy%202%3C%2Ftitle%3E%3Cpath%20d%3D%22M16.35%2018.5L.085%202.237%201.5.822%2019.178%2018.5%201.5%2036.178.086%2034.763z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E"); } @media (max-width: 1023px) { .mfp-good-popup .popup-nav .popup-next { right: -60px; } } .mfp-good-popup .g-popup-content { position: relative; z-index: 1; min-height: 200px; } .mfp-good-popup .good-popup-content { background-color: #191919; } .mfp-good-popup .swiper-slide { width: 100% !important; height: 100%; } .mfp-good-popup .g-media-swiper-pagination.swiper-pagination-bullets { position: absolute; bottom: auto; margin-top: 34px; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 20; } @media (max-width: 600px) { .mfp-good-popup .g-media-swiper-pagination.swiper-pagination-bullets { position: relative; margin-top: 30px; } } .mfp-good-popup .g-media-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { cursor: pointer; display: inline-block; height: 8px; width: 8px; background-color: #FFF; opacity: 1; margin: 0 3px; -ms-transition: background-color 0.3s, border-color 0.3s; -webkit-transition: background-color 0.3s, border-color 0.3s; -moz-transition: background-color 0.3s, border-color 0.3s; -o-transition: background-color 0.3s, border-color 0.3s; transition: background-color 0.3s, border-color 0.3s; -webkit-backface-visibility: hidden; } .mfp-good-popup .g-media-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:hover, .mfp-good-popup .g-media-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #F8E71C; } .mfp-good-popup .swiper-nav-container { position: relative; } .mfp-good-popup .g-media-swiper-prev, .mfp-good-popup .g-media-swiper-next { display: block; top: 50%; width: 50px; height: 50px; position: absolute; overflow: hidden; text-indent: 105%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); white-space: nowrap; background-position: center center; background-repeat: no-repeat; cursor: pointer; pointer-events: auto; opacity: 0.3; -ms-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; } @media (max-width: 600px) { .mfp-good-popup .g-media-swiper-prev, .mfp-good-popup .g-media-swiper-next { display: none; } } .mfp-good-popup .g-media-swiper-prev:hover, .mfp-good-popup .g-media-swiper-next:hover { opacity: 1; } .mfp-good-popup .g-media-swiper-prev { left: -90px; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2237%22%20viewBox%3D%220%200%2020%2037%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EPage%201%20Copy%202%3C%2Ftitle%3E%3Cpath%20d%3D%22M3.65%2018.5l16.264%2016.263-1.414%201.415L.822%2018.5%2018.5.822l1.414%201.415z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E"); } @media (max-width: 1023px) { .mfp-good-popup .g-media-swiper-prev { left: -60px; } } .mfp-good-popup .g-media-swiper-next { right: -90px; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2237%22%20viewBox%3D%220%200%2020%2037%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EPage%201%20Copy%202%3C%2Ftitle%3E%3Cpath%20d%3D%22M16.35%2018.5L.085%202.237%201.5.822%2019.178%2018.5%201.5%2036.178.086%2034.763z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E"); } @media (max-width: 1023px) { .mfp-good-popup .g-media-swiper-next { right: -60px; } } .mfp-good-popup .g-media-aspect { position: relative; width: 100%; } .mfp-good-popup .g-media-aspect:before { display: block; content: ""; width: 100%; padding-top: 56.25%; } .mfp-good-popup .g-media-aspect img { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .mfp-good-popup .g-media-video-aspect { position: relative; width: 100%; } .mfp-good-popup .g-media-video-aspect:before { display: block; content: ""; width: 100%; padding-top: 56.25%; } .mfp-good-popup .g-media-video-aspect iframe { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; } .mfp-good-popup .g-title { font-size: 1.375em; letter-spacing: 0.5px; } .mfp-good-popup .g-subtitle { font-size: 0.6875em; color: #A7A7A7; letter-spacing: 0.92px; margin-top: 8px; text-transform: uppercase; } .mfp-good-popup .g-description { font-size: 0.875em; color: #A7A7A7; line-height: 23px; } .mfp-good-popup .flex { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .mfp-good-popup .flex.flex-bottom { align-items: flex-start; flex-wrap: wrap; margin-top: 30px; } .mfp-good-popup .flex.flex-bottom .left { width: 45%; } .mfp-good-popup .flex.flex-bottom .right { width: 45%; text-align: right; } .mfp-good-popup .flex.flex-bottom .copyright { width: 100%; display: none; } .mfp-good-popup .flex.flex-bottom .copyright .padding { margin-top: 20px; background-color: #222; color: #AAA; padding: 40px; font-size: 0.9375em; } @media (max-width: 600px) { .mfp-good-popup .flex.flex-bottom .copyright .padding { padding: 20px; } } .mfp-good-popup .flex.flex-bottom .copyright .padding p:last-of-type { margin-bottom: 0; } .mfp-good-popup .flex.flex-bottom .download { margin-top: 56px; width: 100%; text-align: center; } .mfp-good-popup .share { font-size: 1.25em; } .mfp-good-popup .share span { margin-right: 10px; } .mfp-good-popup .copyright-trigger { text-align: right; font-family: 'Eingrantch', sans-serif; font-size: 0.875em; color: #FFF; -ms-transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; -webkit-backface-visibility: hidden; cursor: pointer; } .mfp-good-popup .copyright-trigger:hover, .mfp-good-popup .copyright-trigger.active { color: #FFF; } .mfp-good-popup .copyright-trigger .icon { display: inline-block; vertical-align: middle; margin-left: 10px; width: 26px; height: 26px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Eic_info_outline_24px%3C%2Ftitle%3E%3Cpath%20d%3D%22M11.7%2019.5h2.6v-7.8h-2.6v7.8zM13%200C5.824%200%200%205.824%200%2013s5.824%2013%2013%2013%2013-5.824%2013-13S20.176%200%2013%200zm0%2023.4C7.267%2023.4%202.6%2018.733%202.6%2013%202.6%207.267%207.267%202.6%2013%202.6c5.733%200%2010.4%204.667%2010.4%2010.4%200%205.733-4.667%2010.4-10.4%2010.4zM11.7%209.1h2.6V6.5h-2.6v2.6z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E"); } .mfp-good-popup .btn-download { display: inline-block; background: #F8E71C; border-radius: 40px; font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 700; font-size: 0.875em; color: #000; letter-spacing: 1px; text-align: center; padding: 13px 30px; text-transform: uppercase; text-decoration: none; width: 220px; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; } .mfp-good-popup .btn-download:hover { background-color: #FFF; } .mfp-good-download-popup.mfp-wrap { -webkit-overflow-scrolling: touch; } .mfp-good-download-popup .mfp-close { opacity: 1; position: absolute; z-index: 2; top: 50px; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 50px; width: 50px; text-indent: 100%; white-space: nowrap; overflow: hidden; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGroup%202%3C%2Ftitle%3E%3Cg%20stroke%3D%22%23FFF%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2224%22%2F%3E%3Cg%20stroke-linecap%3D%22square%22%3E%3Cpath%20d%3D%22M35%2015L15%2035M15%2015l20%2020%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-backface-visibility: hidden; } .mfp-good-download-popup .mfp-close:hover { -ms-transform: translateX(-50%) rotate(180deg); -webkit-transform: translateX(-50%) rotate(180deg); -moz-transform: translateX(-50%) rotate(180deg); -o-transform: translateX(-50%) rotate(180deg); transform: translateX(-50%) rotate(180deg); } .mfp-good-download-popup .mfp-with-anim { opacity: 0; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; } .mfp-good-download-popup.mfp-bg { -webkit-overflow-scrolling: touch; background-color: #191919; opacity: 1; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; } .mfp-good-download-popup.mfp-ready .mfp-with-anim { opacity: 1; } .mfp-good-download-popup.mfp-ready.mfp-bg { opacity: 1; } .mfp-good-download-popup.mfp-removing .mfp-with-anim { opacity: 0; } .mfp-good-download-popup.mfp-removing.mfp-bg { opacity: 0; } .mfp-good-download-popup .mfp-with-anim { width: 90%; max-width: 924px; margin: 220px auto 150px auto; text-align: center; } .mfp-good-download-popup .mfp-with-anim img { max-width: 100%; height: auto; } .mfp-good-download-popup .title { font-family: 'MADE Outer Sans', sans-serif; font-weight: 700; font-size: 3.25em; letter-spacing: 1.16px; margin-bottom: 40px; } @media (max-width: 768px) { .mfp-good-download-popup .title { font-size: 1.875em; margin-bottom: 40px; line-height: 1.2; } } .mfp-good-download-popup .subtitle { font-size: 1em; margin-bottom: 50px; opacity: 0.5; } @media (max-width: 768px) { .mfp-good-download-popup .subtitle { font-size: 1.875em; margin-bottom: 40px; line-height: 1.2; } } .mfp-good-download-popup .access-form .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) { max-width: 100% !important; background-color: transparent; border: 0; } .mfp-good-download-popup .access-form .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) input { border-color: inherit; } .mfp-good-download-popup .access-form .gform_wrapper form { display: inline-flex; margin: 0; padding: 0; } @media (max-width: 767px) { .mfp-good-download-popup .access-form .gform_wrapper form { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; } } .mfp-good-download-popup .access-form .gform_wrapper form label, .mfp-good-download-popup .access-form .gform_wrapper form ol, .mfp-good-download-popup .access-form .gform_wrapper form ul, .mfp-good-download-popup .access-form .gform_wrapper form li { margin: 0 !important; padding: 0 !important; } .mfp-good-download-popup .access-form .gform_wrapper form .validation_error { display: none; } @media (max-width: 767px) { .mfp-good-download-popup .access-form .gform_wrapper form .gform_body { width: 90% !important; } } .mfp-good-download-popup .access-form .gform_wrapper form div { margin: 0 !important; padding: 0 !important; width: auto !important; } .mfp-good-download-popup .access-form .gform_wrapper form input[type=text], .mfp-good-download-popup .access-form .gform_wrapper form input[type=email] { -webkit-appearance: none; -moz-appearance: none; border-radius: 60px; border: 1px solid #6A6A6A; background-color: transparent; font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 400; font-weight: 500; color: #FFF; line-height: 45px !important; width: 100%; min-width: 357px; margin: 0 !important; padding: 0 30px !important; } .mfp-good-download-popup .access-form .gform_wrapper form input[type=text]::-webkit-input-placeholder, .mfp-good-download-popup .access-form .gform_wrapper form input[type=email]::-webkit-input-placeholder { font-style: italic; color: #FFF; } .mfp-good-download-popup .access-form .gform_wrapper form input[type=text]:-ms-input-placeholder, .mfp-good-download-popup .access-form .gform_wrapper form input[type=email]:-ms-input-placeholder { font-style: italic; color: #FFF; } .mfp-good-download-popup .access-form .gform_wrapper form input[type=text]::placeholder, .mfp-good-download-popup .access-form .gform_wrapper form input[type=email]::placeholder { font-style: italic; color: #FFF; } @media (max-width: 767px) { .mfp-good-download-popup .access-form .gform_wrapper form input[type=text], .mfp-good-download-popup .access-form .gform_wrapper form input[type=email] { min-width: auto; width: 100%; } } .mfp-good-download-popup .access-form .gform_wrapper form .gfield_description.validation_message { color: #F8E71C; text-align: center; margin-top: 10px !important; } .mfp-good-download-popup .access-form .gform_wrapper form .gform_footer { margin: 0 0 0 25px !important; padding: 0; } @media (max-width: 767px) { .mfp-good-download-popup .access-form .gform_wrapper form .gform_footer { margin: 15px 0 0 0 !important; } } .mfp-good-download-popup .access-form .gform_wrapper form .gform_footer .gform_button { -webkit-appearance: none; -moz-appearance: none; font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 400; background: #F8E71C; border-radius: 60px; border: 0; color: #000; cursor: pointer; font-size: 0.875em; font-weight: 700; letter-spacing: 1px; line-height: 45px !important; margin: 0 !important; padding: 0 30px !important; text-align: center; text-transform: uppercase; width: 130px; -ms-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; -webkit-backface-visibility: hidden; } .mfp-good-download-popup .access-form .gform_wrapper form .gform_footer .gform_button:hover { background-color: #FFF; } .mfp-good-download-popup .social .text { display: inline-block; vertical-align: middle; color: #F8E71C; letter-spacing: 0.36px; } .mfp-good-download-popup .social a { display: inline-block; vertical-align: middle; font-size: 1.375em; color: #FFF; margin-left: 18px; } .mfp-good-download-popup .social a:hover { color: #F8E71C; } .mfp-good-download-popup .copyright-terms { margin-top: 50px; font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 500; font-size: 0.875em; letter-spacing: 0.31px; text-align: center; } @media (max-width: 768px) { .mfp-good-download-popup .copyright-terms { letter-spacing: 0; } } .mfp-good-download-popup .copyright-terms a { color: inherit; text-decoration: none; display: inline-block; border-bottom: 1px solid #FFF; padding-bottom: 6px; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; } .mfp-good-download-popup .copyright-terms a:hover { color: #F8E71C; border-color: #F8E71C; } .mfp-bio-popup.mfp-wrap { -webkit-overflow-scrolling: touch; } .mfp-bio-popup .mfp-close { position: absolute; z-index: 2; left: 50%; top: 50px; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 50px; width: 50px; text-indent: 100%; white-space: nowrap; overflow: hidden; opacity: 1; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGroup%202%3C%2Ftitle%3E%3Cg%20stroke%3D%22%23FFF%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2224%22%2F%3E%3Cg%20stroke-linecap%3D%22square%22%3E%3Cpath%20d%3D%22M35%2015L15%2035M15%2015l20%2020%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-backface-visibility: hidden; } .mfp-bio-popup .mfp-close:hover { -ms-transform: translateX(-50%) rotate(180deg); -webkit-transform: translateX(-50%) rotate(180deg); -moz-transform: translateX(-50%) rotate(180deg); -o-transform: translateX(-50%) rotate(180deg); transform: translateX(-50%) rotate(180deg); } .mfp-bio-popup .mfp-content { position: relative; width: 80%; max-width: 600px; padding: 150px 0; opacity: 0; -ms-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; transition-delay: .6s; } @media (max-width: 1024px) { .mfp-bio-popup .mfp-content { padding: 120px 0; } } .mfp-bio-popup.mfp-bg { -webkit-overflow-scrolling: touch; background-color: #000; opacity: 0; -ms-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; -webkit-backface-visibility: hidden; } .mfp-bio-popup.mfp-ready .mfp-content { opacity: 1; } .mfp-bio-popup.mfp-ready.mfp-bg { opacity: 1; } .mfp-bio-popup.mfp-ready .p-loader { opacity: 0; } .mfp-bio-popup.mfp-removing .mfp-content { opacity: 0; -ms-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; transition-delay: 0; } .mfp-bio-popup.mfp-removing.mfp-bg { opacity: 0; transition-delay: .3s; } .mfp-bio-popup .bio-container { position: relative; } .mfp-bio-popup .bio-container .bio-info { margin-bottom: 40px; } .mfp-bio-popup .bio-container .bio-info .name { font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 500; font-size: 1.125em; color: #FFF; letter-spacing: 0.4px; line-height: 1; display: block; margin-bottom: 10px; } .mfp-bio-popup .bio-container .bio-info .title { font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 500; font-size: 0.875em; color: #6A6A6A; letter-spacing: 0.4px; line-height: 1.2; } .mfp-bio-popup .bio-container .bio { color: #AAA; line-height: 1.6; font-size: 0.9375em; } .mfp-tou-popup.mfp-wrap { -webkit-overflow-scrolling: touch; } .mfp-tou-popup .mfp-close { position: absolute; z-index: 2; left: 50%; top: 50px; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 50px; width: 50px; text-indent: 100%; white-space: nowrap; overflow: hidden; opacity: 1; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGroup%202%3C%2Ftitle%3E%3Cg%20stroke%3D%22%23FFF%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2224%22%2F%3E%3Cg%20stroke-linecap%3D%22square%22%3E%3Cpath%20d%3D%22M35%2015L15%2035M15%2015l20%2020%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-backface-visibility: hidden; } .mfp-tou-popup .mfp-close:hover { -ms-transform: translateX(-50%) rotate(180deg); -webkit-transform: translateX(-50%) rotate(180deg); -moz-transform: translateX(-50%) rotate(180deg); -o-transform: translateX(-50%) rotate(180deg); transform: translateX(-50%) rotate(180deg); } .mfp-tou-popup .mfp-content { position: relative; padding: 150px 0; opacity: 0; -ms-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; transition-delay: .6s; } @media (max-width: 1024px) { .mfp-tou-popup .mfp-content { padding: 120px 0; } } .mfp-tou-popup.mfp-bg { -webkit-overflow-scrolling: touch; background-color: #000; opacity: 0; -ms-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; -webkit-backface-visibility: hidden; } .mfp-tou-popup.mfp-ready .mfp-content { opacity: 1; } .mfp-tou-popup.mfp-ready.mfp-bg { opacity: 1; } .mfp-tou-popup.mfp-ready .p-loader { opacity: 0; } .mfp-tou-popup.mfp-removing .mfp-content { opacity: 0; -ms-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; transition-delay: 0; } .mfp-tou-popup.mfp-removing.mfp-bg { opacity: 0; transition-delay: .3s; } .popup-tou .content { width: 80%; max-width: 600px; margin: 0 auto; text-align: left; color: #999; } .popup-tou .content strong, .popup-tou .content b { color: #CCC; } .popup-tou .content h1, .popup-tou .content h2, .popup-tou .content h3, .popup-tou .content h4, .popup-tou .content h5, .popup-tou .content h6 { color: #FFF; } .panel-start { position: fixed; z-index: 400; width: 100%; height: 100vh; top: 120vh; background: #191919; -ms-transition: top 0.3s ease-in; -webkit-transition: top 0.3s ease-in; -moz-transition: top 0.3s ease-in; -o-transition: top 0.3s ease-in; transition: top 0.3s ease-in; -webkit-backface-visibility: hidden; } .panel-start.active { top: 0; } .panel-start .inner { position: relative; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; } .panel-start .panel-close { position: absolute; z-index: 2; top: 20px; right: 20px; height: 50px; width: 50px; text-indent: 100%; white-space: nowrap; overflow: hidden; opacity: 1; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGroup%202%3C%2Ftitle%3E%3Cg%20stroke%3D%22%23FFF%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2224%22%2F%3E%3Cg%20stroke-linecap%3D%22square%22%3E%3Cpath%20d%3D%22M35%2015L15%2035M15%2015l20%2020%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-backface-visibility: hidden; } .panel-start .panel-close:hover { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .panel-start .header { position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; height: 800px; } @media (max-width: 600px) { .panel-start .header { height: 300px; } } .panel-start .header .h-image { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; z-index: 0; } .panel-start .header .h-image img { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .panel-start .header .h-content { width: 100%; text-align: center; z-index: 2; } .panel-start .header .h-logo { position: relative; width: 80%; max-width: 901px; margin: 0 auto 76px auto; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22902%22%20height%3D%22122%22%20viewBox%3D%220%200%20902%20122%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGroup%203%3C%2Ftitle%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23000%22%20opacity%3D%22.5%22%20d%3D%22M67.375%200H870l-37.375%20122H30z%22%2F%3E%3Cpath%20d%3D%22M79.314%20104V85.646H27.558V24.2H.54V104h78.774zm89.92%200V85.646h-52.782V72.308h48.45V53.84h-48.45V42.668h51.642V24.2h-78.66V104h79.8zm66.208%200V42.668h30.21V24.2h-87.438v18.468h30.21V104h27.018zm52.072-52.098L299.37%2024.2h-19.38l-7.638%2027.702h15.162zm64.498%2053.808c31.35%200%2047.652-7.866%2047.652-27.018%200-20.178-17.442-21.888-42.408-24.51-13.68-1.368-23.598-1.824-23.598-7.296%200-4.56%205.7-6.156%2016.644-6.156%2010.374%200%2016.758%202.394%2016.758%207.866h27.474c0-13.794-10.032-25.992-43.89-25.992-31.008%200-43.89%209.348-43.89%2025.536%200%2015.96%208.664%2021.09%2033.174%2024.852%2022.914%203.534%2030.666%203.192%2030.666%208.55%200%204.382-6.203%205.996-16.643%206.041l-.457.001c-11.172%200-20.292-2.052-20.292-9.462H304.93c0%2016.758%2013.338%2027.588%2047.082%2027.588zM494.916%20104c24.966%200%2037.392-5.13%2037.392-23.484%200-10.374-6.498-15.846-16.758-18.468v-.114c8.55-2.736%2013.794-7.866%2013.794-17.214%200-16.302-12.882-20.52-32.034-20.52h-58.026V104h55.632zm-.342-48.45h-28.272V42.668h28.272c6.726%200%208.436%202.622%208.436%206.27%200%203.648-1.71%206.612-8.436%206.612zm1.368%2030.096h-29.64V71.852h29.64c7.068%200%209.006%202.622%209.006%206.384%200%204.218-1.71%207.41-9.006%207.41zm90.832%2020.064c22.686%200%2044.346-4.218%2044.346-35.112V24.2h-27.018v44.232c0%2016.139-6.48%2018.982-17.008%2019.037l-.32.001c-10.83%200-17.328-2.736-17.328-19.038V24.2h-27.018v46.398c0%2030.894%2021.66%2035.112%2044.346%2035.112zm83.878-1.71V24.2H643.52V104h27.132zm91.174%200V85.646H710.07V24.2h-27.018V104h78.774zm52.756%200c24.966%200%2050.274-6.27%2050.274-39.9%200-33.516-25.308-39.9-50.274-39.9h-42.636V104h42.636zm-5.56-18.354h-10.058V42.668h9.576c16.074%200%2028.956.912%2028.956%2021.432%200%2020.428-12.626%2021.526-28.475%2021.546zm87.386-8.664L900.74%2024.2h-28.044l4.332%2052.782h19.38zm-9.69%2028.728c6.84%200%2012.312-5.586%2012.312-12.426%200-6.726-5.472-12.312-12.312-12.312-6.84%200-12.312%205.586-12.312%2012.312%200%206.84%205.472%2012.426%2012.312%2012.426z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .panel-start .header .h-logo:before { display: block; content: ""; width: 100%; padding-top: 13.5405105438%; } .panel-start .header .h-button { font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 500; border-radius: 50px; background-color: #F8E71C; color: #000; display: block; font-size: 0.9375em; letter-spacing: 1.07px; line-height: 1; max-width: 330px; width: 100%; padding: 25px; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%; margin: 0 auto; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; } .panel-start .header .h-button:hover { background-color: #000; color: #F8E71C; } .panel-start .header .h-arrow { display: block; width: 40px; bottom: 100px; position: absolute; text-align: center; text-decoration: none; } @media (max-width: 600px) { .panel-start .header .h-arrow { bottom: 40px; } } .panel-start .header .h-arrow .text { font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 500; font-size: 0.75em; color: #FFF; letter-spacing: 0.55px; text-align: center; margin-bottom: 10px; display: block; } .panel-start .header .h-arrow .arrow { display: block; width: 24px; margin: 0 auto; position: relative; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2248%22%20viewBox%3D%220%200%2024%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGroup%2013%3C%2Ftitle%3E%3Cg%20stroke%3D%22%23D6B959%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M23.213%2034.756L11.899%2046.07.787%2034.958%22%2F%3E%3Cpath%20d%3D%22M12%2035.5v-34%22%20stroke-linecap%3D%22square%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .panel-start .header .h-arrow .arrow:before { display: block; content: ""; width: 100%; padding-top: 191.6666666667%; } .panel-start .contact-form { background-color: #545454; text-align: left; position: relative; } .panel-start .contact-form .container { max-width: 740px; width: 80%; padding: 100px 0; } @media (max-width: 600px) { .panel-start .contact-form .container { padding: 80px 0; } } .panel-start .contact-form .contact-form-close { position: absolute; right: 60px; top: 35px; width: 44px; height: 44px; text-indent: 100%; overflow: hidden; white-space: nowrap; cursor: pointer; background-size: contain; background-position: center 0; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2245%22%20height%3D%2224%22%20viewBox%3D%220%200%2045%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EPage%201%3C%2Ftitle%3E%3Cpath%20d%3D%22M1%2023.213L22.213%202l21.213%2021.213%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); -ms-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; z-index: 4; } @media (max-width: 600px) { .panel-start .contact-form .contact-form-close { right: 10%; top: 25px; width: 30px; height: 30px; } } .panel-start .contact-form .contact-form-close:hover { opacity: 0.8; } .panel-start .contact-form .c-form-title { font-size: 1.875em; letter-spacing: 0; margin-bottom: 40px; font-family: 'MADE Outer Sans', sans-serif; font-weight: 700; color: #FFF; } @media (max-width: 600px) { .panel-start .contact-form .c-form-title { font-size: 1.5em; line-height: 1.2; } } .panel-start .contact-form .gf-contact-form_wrapper .validation_error { display: none; } .panel-start .contact-form .gf-contact-form_wrapper .gfield_label { display: none; } .panel-start .contact-form .gf-contact-form_wrapper .gfield { margin-top: 18px; } .panel-start .contact-form .gf-contact-form_wrapper .gfield .ginput_container { margin: 0 !important; } .panel-start .contact-form .gf-contact-form_wrapper .gfield ::placeholder { color: #FFF; } .panel-start .contact-form .gf-contact-form_wrapper .gfield input[type='text'], .panel-start .contact-form .gf-contact-form_wrapper .gfield input[type='email'], .panel-start .contact-form .gf-contact-form_wrapper .gfield input[type='tel'], .panel-start .contact-form .gf-contact-form_wrapper .gfield textarea { color: #FFF; border: 1px solid #6A6A6A; border-radius: 0; background-color: transparent; font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 500; font-size: 1em; letter-spacing: 0; text-align: left; appearance: none; -moz-appearance: none; -webkit-appearance: none; } .panel-start .contact-form .gf-contact-form_wrapper .gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { height: 55px; line-height: 55px; padding: 0 20px; margin: 0; } .panel-start .contact-form .gf-contact-form_wrapper .gfield textarea { padding: 18px 20px; line-height: 1.2; } .panel-start .contact-form .gf-contact-form_wrapper .gfield.gfield_error.gfield_contains_required div.ginput_container { margin-top: 0; } .panel-start .contact-form .gf-contact-form_wrapper .gfield_error { padding: 0; margin-top: 22px; border: 0; background-color: transparent; } .panel-start .contact-form .gf-contact-form_wrapper .gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .panel-start .contact-form .gf-contact-form_wrapper .gfield_error textarea { border: 1px solid #6A6A6A; margin-bottom: 0; } .panel-start .contact-form .gf-contact-form_wrapper .gfield_error .validation_message { background-color: #6A6A6A; color: #FFF; font-weight: 700; letter-spacing: normal; margin: 0; padding: 5px 10px; font-size: 0.75em; line-height: 1.2; } .panel-start .contact-form .gf-contact-form_wrapper .gform_button { appearance: none; -moz-appearance: none; -webkit-appearance: none; display: block; background: #F8E71C; border: 0; border-radius: 40px; font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 700; font-size: 0.875em; color: #000; letter-spacing: 1px; text-align: center; margin: 40px auto 0 auto; min-width: 220px; line-height: 45px; height: 45px; text-transform: uppercase; cursor: pointer; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; } @media (max-width: 600px) { .panel-start .contact-form .gf-contact-form_wrapper .gform_button { margin-top: 0; } } .panel-start .contact-form .gf-contact-form_wrapper .gform_button:hover { background-color: #000; color: #F8E71C; } .panel-start .contact-form .recaptcha-statement { font-size: 0.8125em; text-align: center; color: rgba(255, 255, 255, 0.5); margin-top: 40px; } .panel-start .contact-form .recaptcha-statement a { color: inherit; -ms-transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; -webkit-backface-visibility: hidden; } .panel-start .contact-form .recaptcha-statement a:hover { color: white; } .panel-start .blocks { display: flex; min-height: 480px; flex-wrap: wrap; } .panel-start .blocks .block { width: 50%; display: flex; justify-content: center; align-items: center; } @media (max-width: 600px) { .panel-start .blocks .block { width: 100vw; height: 100vw; } } .panel-start .blocks .b-pricing { background-color: #101010; } .panel-start .blocks .b-pricing .p-container { width: 80%; max-width: 520px; display: flex; } .panel-start .blocks .b-pricing .p-title { width: 16px; text-align: right; margin-right: 30px; position: relative; } .panel-start .blocks .b-pricing .p-title span { position: absolute; top: 0; right: 0; display: block; width: 100px; height: 16px; line-height: 16px; transform-origin: 100px 0; transform: translate(-16px, 6px) rotate(-90deg); font-family: 'MADE Outer Sans', sans-serif; font-weight: 500; font-size: 0.75em; text-transform: uppercase; color: #F8E71C; letter-spacing: 2.18px; } .panel-start .blocks .b-pricing .p-content { text-align: left; font-size: 1.8125em; color: #FFF; letter-spacing: 0.69px; line-height: 1.5; font-family: 'MADE Outer Sans', sans-serif; font-weight: 300; } .panel-start .blocks .b-pricing .p-content .arrow { display: inline-block; width: 8px; height: 8px; margin: 0 0 5px 2px; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3ETriangle%3C%2Ftitle%3E%3Cpath%20d%3D%22M8%204L0%208V0z%22%20fill%3D%22%23F8E71C%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); } .panel-start .blocks .b-contact-info { background-color: #2C2C2C; } .panel-start .blocks .b-contact-info .c-phone { margin-bottom: 25px; font-family: 'MADE Outer Sans', sans-serif; font-weight: 500; font-size: 1.75em; color: #FFF; letter-spacing: 1.55px; text-align: center; } .panel-start .blocks .b-contact-info .c-phone a { color: inherit; text-decoration: none; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; } .panel-start .blocks .b-contact-info .c-phone a:hover { color: #F8E71C; } .panel-start .blocks .b-contact-info .c-email { font-family: 'MADE Outer Sans', sans-serif; font-weight: 500; font-size: 1.125em; letter-spacing: 0.5px; text-align: center; } .panel-start .blocks .b-contact-info .c-email a { display: inline-block; color: #FFF; text-decoration: none; border-bottom: 2px solid #FFF; padding-bottom: 6px; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; } .panel-start .blocks .b-contact-info .c-email a:hover { color: #F8E71C; border-color: #F8E71C; } .panel-start .pricing { padding: 115px 0; } @media (max-width: 1024px) { .panel-start .pricing { padding-bottom: 80px; } } @media (max-width: 600px) { .panel-start .pricing { padding-bottom: 60px; } } .panel-start .pricing .service { margin-bottom: 30px; } .panel-start .pricing .service .flex { margin: 0 auto; width: 80%; max-width: 820px; display: flex; } @media (max-width: 600px) { .panel-start .pricing .service .flex { display: block; border-left: 1px solid #2A2A2A; } } .panel-start .pricing .service .s-num-line { width: 20px; display: flex; flex-direction: column; } .panel-start .pricing .service .s-num { font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 700; font-size: 1.25em; text-align: center; margin-bottom: 30px; display: inline-block; width: 20px; -ms-transform: translateX(-7px); -webkit-transform: translateX(-7px); -moz-transform: translateX(-7px); -o-transform: translateX(-7px); transform: translateX(-7px); } @media (max-width: 600px) { .panel-start .pricing .service .s-num { background-color: #191919; position: absolute; padding-bottom: 10px; } } .panel-start .pricing .service .s-line { flex: 1 0 auto; width: 1px; background-color: #2A2A2A; } @media (max-width: 600px) { .panel-start .pricing .service .s-line { display: none; } } .panel-start .pricing .service .s-icon { margin-top: 170px; flex: 1 0 200px; text-align: center; } @media (max-width: 1024px) { .panel-start .pricing .service .s-icon { margin-top: 100px; } } @media (max-width: 600px) { .panel-start .pricing .service .s-icon { margin-top: 40px; } } .panel-start .pricing .service .s-details { margin-top: 170px; flex: 0 1 auto; margin-bottom: 80px; } @media (max-width: 1024px) { .panel-start .pricing .service .s-details { margin-top: 100px; margin-bottom: 40px; } } @media (max-width: 600px) { .panel-start .pricing .service .s-details { margin-top: 40px; padding-left: 30px; } } .panel-start .pricing .service .s-details .s-title { font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 700; font-size: 1.75em; letter-spacing: 0; margin-bottom: 25px; } @media (max-width: 600px) { .panel-start .pricing .service .s-details .s-title { font-size: 1.25em; margin-bottom: 15px; } } .panel-start .pricing .service .s-details .s-subtitle { font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 500; font-size: 1.125em; letter-spacing: 0; margin-bottom: 20px; } @media (max-width: 600px) { .panel-start .pricing .service .s-details .s-subtitle { font-size: 0.875em; } } .panel-start .pricing .service .s-details .s-description { font-size: 0.875em; color: #A7A7A7; line-height: 1.6; margin-bottom: 40px; } .panel-start .pricing .service .s-details .s-price { font-family: 'Eingrantch', sans-serif; font-size: 1.75em; letter-spacing: 0; } .panel-start .pricing .service-web .container { margin: 0 auto; width: 80%; max-width: 820px; text-align: left; } .panel-start .pricing .service-web .top-lines { width: 50%; } .panel-start .pricing .service-web .top-lines .s-line-a { width: 100%; height: 150px; border-left: 1px solid #2A2A2A; border-bottom: 1px solid #2A2A2A; } @media (max-width: 1024px) { .panel-start .pricing .service-web .top-lines .s-line-a { height: 80px; } } @media (max-width: 600px) { .panel-start .pricing .service-web .top-lines .s-line-a { height: 50px; } } .panel-start .pricing .service-web .top-lines .s-line-b { width: 100%; height: 65px; border-right: 1px solid #2A2A2A; } @media (max-width: 600px) { .panel-start .pricing .service-web .top-lines .s-line-b { height: 30px; } } .panel-start .pricing .service-web .bottom-lines { width: 50%; } .panel-start .pricing .service-web .bottom-lines .s-line-a { width: 100%; height: 150px; border-right: 1px solid #2A2A2A; border-bottom: 1px solid #2A2A2A; } @media (max-width: 1024px) { .panel-start .pricing .service-web .bottom-lines .s-line-a { height: 80px; } } @media (max-width: 600px) { .panel-start .pricing .service-web .bottom-lines .s-line-a { height: 40px; } } .panel-start .pricing .service-web .bottom-lines .s-line-b { width: 100%; height: 65px; border-left: 1px solid #2A2A2A; } @media (max-width: 600px) { .panel-start .pricing .service-web .bottom-lines .s-line-b { height: 40px; } } .panel-start .pricing .service-web .s-icon { margin-top: 40px; margin-bottom: 50px; } .panel-start .pricing .service-web .s-title { text-align: center; font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 700; font-size: 1.75em; letter-spacing: 0; margin-bottom: 100px; } @media (max-width: 1024px) { .panel-start .pricing .service-web .s-title { margin-bottom: 70px; } } @media (max-width: 600px) { .panel-start .pricing .service-web .s-title { font-size: 1.25em; margin-bottom: 40px; text-align: left; } } .panel-start .pricing .service-web .sub-services { position: relative; display: flex; justify-content: space-around; margin: 0 2% 115px 2%; flex-wrap: wrap; } @media (max-width: 1024px) { .panel-start .pricing .service-web .sub-services { margin-bottom: 70px; } } @media (max-width: 600px) { .panel-start .pricing .service-web .sub-services { margin: 10px 10% 0 10%; } } .panel-start .pricing .service-web .sub-services .sub-service { width: 20%; padding-bottom: 70px; position: relative; } @media (max-width: 768px) { .panel-start .pricing .service-web .sub-services .sub-service { width: 100%; margin-bottom: 120px; } .panel-start .pricing .service-web .sub-services .sub-service:last-of-type { margin-bottom: 40px; } .panel-start .pricing .service-web .sub-services .sub-service:last-of-type:after { display: none; } .panel-start .pricing .service-web .sub-services .sub-service:after { content: ''; background: #2A2A2A; width: 1px; height: 60px; display: block; bottom: -90px; position: absolute; left: 50%; right: auto; transform: translateX(-50%); } } .panel-start .pricing .service-web .sub-services .ss-title { font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 500; font-size: 1.25em; letter-spacing: 0; margin-bottom: 18px; line-height: 1.5; } .panel-start .pricing .service-web .sub-services .ss-subtitle { font-size: 0.8125em; margin-bottom: 16px; } .panel-start .pricing .service-web .sub-services .ss-description { font-size: 0.875em; color: #A7A7A7; line-height: 1.6; margin-bottom: 17px; } .panel-start .pricing .service-web .sub-services .ss-price-graph-container { position: absolute; bottom: 0; left: 0; width: 100%; } .panel-start .pricing .service-web .sub-services .ss-price-title { font-family: "Gotham A", "Gotham B", sans-serif; font-style: italic; font-weight: 400; font-size: 0.625em; color: #A7A7A7; letter-spacing: 0.5px; margin-bottom: 12px; } .panel-start .pricing .service-web .sub-services .ss-price-graph { height: 45px; line-height: 45px; background-color: #343434; position: relative; } .panel-start .pricing .service-web .sub-services .ss-price-graph .ss-price { position: relative; font-family: 'Eingrantch', sans-serif; font-style: italic; font-size: 1em; z-index: 2; padding: 0 16px; } .panel-start .pricing .service-web .sub-services .ss-price-graph .ss-price-graph-percent { background-color: #525037; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; } .panel-start .footer { text-align: center; } .panel-start .footer .f-button { display: inline-block; border: 2px solid #F8E71C; border-radius: 40px; font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 700; font-size: 0.875em; color: #FFF; letter-spacing: 1px; text-align: center; text-decoration: none; width: 220px; padding: 13px; text-transform: uppercase; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; } .panel-start .footer .f-button:hover { background-color: #F8E71C; color: #000; } .panel-start .footer .f-logo { margin: 220px auto 60px auto; position: relative; width: 78px; background-repeat: no-repeat; background-position: center center; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2278%22%20height%3D%2222%22%20viewBox%3D%220%200%2078%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EStroke%201%3C%2Ftitle%3E%3Cpath%20d%3D%22M0%2010.625L52%201l-5.936%2010.137H78L25.383%2021l6.011-9.999z%22%20stroke%3D%22%23FEFEFE%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); } .panel-start .footer .f-logo:before { display: block; content: ""; width: 100%; padding-top: 30%; } @media (max-width: 1024px) { .panel-start .footer .f-logo { margin-top: 100px; } } @media (max-width: 600px) { .panel-start .footer .f-logo { margin-top: 80px; } } .mfp-video-custom.mfp-bg { background-color: #000; opacity: 0; transition: all 0.3s; -webkit-overflow-scrolling: touch; } .mfp-video-custom.mfp-wrap { -webkit-overflow-scrolling: touch; } .mfp-video-custom .mfp-close { position: fixed; top: 20px; right: 20px; height: 45px; width: 45px; text-indent: 100%; white-space: nowrap; overflow: hidden; opacity: 1; cursor: pointer; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2245%22%20height%3D%2245%22%20viewBox%3D%220%200%2045%2045%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGroup%203%3C%2Ftitle%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20fill%3D%22%23FFF%22%20cx%3D%2222.5%22%20cy%3D%2222.5%22%20r%3D%2222.5%22%2F%3E%3Cg%20stroke%3D%22%23000%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M31.678%2014L14%2031.678M31.678%2031.678L14%2014%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-backface-visibility: hidden; } .mfp-video-custom .mfp-close:hover { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } @media (max-width: 1023px) { .mfp-video-custom .mfp-close { top: 50px; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .mfp-video-custom .mfp-close:hover { -ms-transform: translateX(-50%) rotate(180deg); -webkit-transform: translateX(-50%) rotate(180deg); -moz-transform: translateX(-50%) rotate(180deg); -o-transform: translateX(-50%) rotate(180deg); transform: translateX(-50%) rotate(180deg); } } .mfp-video-custom .mfp-content { padding: 0; margin: 0; position: relative; } .mfp-video-custom .mfp-container { padding: 0; } .mfp-video-custom .mfp-with-anim { opacity: 0; transition: all 0.3s; transform: scale(0, 0); } .mfp-video-custom .mfp-with-anim .mfp-close { opacity: 0; } .mfp-video-custom.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1, 1); transition-delay: 0.5s; } .mfp-video-custom.mfp-ready.mfp-bg { opacity: 1; } .mfp-video-custom.mfp-ready .mfp-close { opacity: 1; } .mfp-video-custom.mfp-removing .mfp-with-anim { transform: scale(0, 0); opacity: 0; transition-delay: 0s; } .mfp-video-custom.mfp-removing.mfp-bg { opacity: 0; } .mfp-video-custom.mfp-removing .mfp-close { opacity: 0; } .mfp-video-custom .video-container { display: flex; justify-content: center; align-items: flex-start; min-height: 100vh; min-width: 100vw; position: relative; padding: 115px 0; color: #000; position: relative; background-color: transparent; } .mfp-video-custom .video-container:before { display: none; } @media (max-width: 1023px) { .mfp-video-custom .video-container { padding: 140px 0 100px 0; } } .mfp-video-custom .video-container .flex-inner { width: 90%; max-width: 1600px; display: flex; justify-content: space-between; align-items: flex-start; position: relative; flex-wrap: wrap; } @media (max-width: 414px) { .mfp-video-custom .video-container .flex-inner { width: 100%; } } .mfp-video-custom .video-container .video { margin: 0 auto; width: 100%; } .mfp-video-custom .video-container .v-video { width: 100%; padding-top: 56.25%; position: relative; } .mfp-video-custom .video-container .v-video iframe { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; } .mfp-video-case-study.mfp-bg { background-color: #000; opacity: 0; transition: all 0.3s; -webkit-overflow-scrolling: touch; } .mfp-video-case-study.mfp-wrap { -webkit-overflow-scrolling: touch; } .mfp-video-case-study .mfp-close { position: fixed; top: 20px; right: 20px; height: 45px; width: 45px; text-indent: 100%; white-space: nowrap; overflow: hidden; opacity: 1; cursor: pointer; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2245%22%20height%3D%2245%22%20viewBox%3D%220%200%2045%2045%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGroup%203%3C%2Ftitle%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20fill%3D%22%23000%22%20cx%3D%2222.5%22%20cy%3D%2222.5%22%20r%3D%2222.5%22%2F%3E%3Cg%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M31.678%2014L14%2031.678M31.678%2031.678L14%2014%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-backface-visibility: hidden; } .mfp-video-case-study .mfp-close:hover { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .mfp-video-case-study .mfp-content { padding: 0; margin: 0; position: relative; height: 100%; } .mfp-video-case-study .mfp-container { padding: 0; } .mfp-video-case-study .mfp-with-anim { opacity: 0; transition: all 0.3s; transform: scale(0, 0); } .mfp-video-case-study .mfp-with-anim .mfp-close { opacity: 0; } .mfp-video-case-study.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1, 1); transition-delay: 0.5s; } .mfp-video-case-study.mfp-ready.mfp-bg { opacity: 1; } .mfp-video-case-study.mfp-ready .mfp-close { opacity: 1; } .mfp-video-case-study.mfp-removing .mfp-with-anim { transform: scale(0, 0); opacity: 0; transition-delay: 0s; } .mfp-video-case-study.mfp-removing.mfp-bg { opacity: 0; } .mfp-video-case-study.mfp-removing .mfp-close { opacity: 0; } .mfp-video-case-study .video-container { position: relative; display: flex; justify-content: center; align-items: center; min-height: 100%; margin: 0; } .mfp-video-case-study .video-container::before { display: none; } .mfp-video-case-study .video-container .js-vid-player { position: relative; width: 80%; padding: calc(80% * 56.25 / 100) 0 0 0; margin: 0; } .mfp-video-case-study .video-container .js-vid-player iframe { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; } #ajax-loader { position: fixed; bottom: -100px; right: 20px; background: rgba(0, 0, 0, 0.9); padding: 0 40px 0 30px; height: 45px; line-height: 45px; border-radius: 40px; font-weight: 500; color: #FFF; opacity: 0; z-index: 400; left: 50%; right: auto; transform: translateX(-50%); -ms-transition: opacity 0.3s, bottom 0.3s ease-in-out; -webkit-transition: opacity 0.3s, bottom 0.3s ease-in-out; -moz-transition: opacity 0.3s, bottom 0.3s ease-in-out; -o-transition: opacity 0.3s, bottom 0.3s ease-in-out; transition: opacity 0.3s, bottom 0.3s ease-in-out; -webkit-backface-visibility: hidden; } #ajax-loader.active { opacity: 1; bottom: 40px; } #ajax-loader .lds-ellipsis { display: inline-block; vertical-align: middle; position: relative; width: 54px; height: 20px; -ms-transform: scale(0.6, 0.6); -webkit-transform: scale(0.6, 0.6); -moz-transform: scale(0.6, 0.6); -o-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); } #ajax-loader .lds-ellipsis div { position: absolute; top: 2px; width: 11px; height: 11px; border-radius: 50%; background: #fff; animation-timing-function: cubic-bezier(0, 1, 1, 0); } #ajax-loader .lds-ellipsis div:nth-child(1) { left: 6px; animation: lds-ellipsis1 0.6s infinite; } #ajax-loader .lds-ellipsis div:nth-child(2) { left: 6px; animation: lds-ellipsis2 0.6s infinite; } #ajax-loader .lds-ellipsis div:nth-child(3) { left: 26px; animation: lds-ellipsis2 0.6s infinite; } #ajax-loader .lds-ellipsis div:nth-child(4) { left: 45px; animation: lds-ellipsis3 0.6s infinite; } #portfolio-loader { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0; z-index: -99999; -ms-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; } #portfolio-loader.active { opacity: 1; z-index: 100; -ms-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; } #portfolio-loader .background { -webkit-animation: p-loader-pulse 1s infinite; animation: p-loader-pulse 1s infinite; position: absolute; height: 500px; width: 100%; background: url("data:image/svg+xml,%3Csvg%20width%3D%2259%22%20height%3D%2215%22%20viewBox%3D%220%200%2059%2015%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EPage%201%20Copy%3C%2Ftitle%3E%3Cpath%20d%3D%22M39.333%200L0%207.002l23.747.274-4.547%207.273L59%207.374H34.843z%22%20fill%3D%22%23CCC%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center center; } .loader { -webkit-animation: loader-pulse 1s infinite; animation: loader-pulse 1s infinite; bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background: url("data:image/svg+xml,%3Csvg%20width%3D%2259%22%20height%3D%2215%22%20viewBox%3D%220%200%2059%2015%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EPage%201%20Copy%3C%2Ftitle%3E%3Cpath%20d%3D%22M39.333%200L0%207.002l23.747.274-4.547%207.273L59%207.374H34.843z%22%20fill%3D%22%23CCC%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center center; z-index: 0; } .page-front .header { position: relative; display: flex; min-height: 800px; align-items: flex-end; justify-content: center; } @media (max-width: 600px) { .page-front .header { min-height: 100vh; } } @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) { .page-front .header { min-height: 568px; } } @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) { .page-front .header { min-height: 680px; } } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) { .page-front .header { min-height: 667px; } } @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { .page-front .header { min-height: 700px; } } .page-front .header .video-background { z-index: 2; } .page-front .header .header-background { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .page-front .header .header-background img { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .page-front .header .h-content { position: relative; z-index: 3; width: 90%; text-align: center; padding: 40px 0 100px 0; } .page-front .header .h-logo { position: relative; width: 171px; margin: 0 auto 80px auto; background-repeat: no-repeat; background-position: center center; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22172%22%20height%3D%22238%22%20viewBox%3D%220%200%20172%20238%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGroup%2014%3C%2Ftitle%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M44.747%200c16.294%200%2024.625%206.58%2024.625%2019.882%200%208.037-3.56%2013.834-10.06%2017.184l-.415.207L71.801%2058H46.97L36.436%2040.56H26.303V58H3V0h41.747zM5%202v54h19.303V38.56h13.261L48.1%2056h20.1L55.987%2036.384l1.066-.461c6.707-2.9%2010.319-8.228%2010.319-16.041%200-11.958-7.198-17.764-22.164-17.88L5%202zm35.032%2012C45.354%2014%2048%2015.699%2048%2019.753c0%204.16-2.634%206.166-7.657%206.245l-.31.002H24V14h16.032zm.293%202.002L26%2016v8h14.032C44.265%2024%2046%2022.732%2046%2019.753c0-2.655-1.542-3.705-5.675-3.751zM132.96%200c22.46%200%2037.732%209.797%2038.035%2029.364l.005.596-.005.597C170.692%2050.187%20155.431%2060%20132.96%2060%20110.287%2060%2095%2049.996%2095%2029.96%2095%209.989%20110.298%200%20132.96%200zm0%202C111.268%202%2097%2011.316%2097%2029.96%2097%2048.67%20111.258%2058%20132.96%2058c21.51%200%2035.753-9.154%2036.036-27.482l.004-.558-.004-.557C168.713%2011.14%20154.459%202%20132.96%202zm-.461%2012c10.288%200%2016.357%205.943%2016.498%2015.612l.003.347-.003.35C148.857%2040.043%20142.8%2046%20132.5%2046%20122.079%2046%20116%2039.901%20116%2029.959%20116%2020.085%20122.09%2014%20132.499%2014zm0%202C123.194%2016%20118%2021.19%20118%2029.959%20118%2038.799%20123.185%2044%20132.499%2044c9.192%200%2014.362-5.064%2014.498-13.69l.003-.351-.003-.349C146.861%2021.053%20141.681%2016%20132.5%2016z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%2F%3E%3Cpath%20d%3D%22M50.668%20122.255H73C70.537%20140.635%2054.723%20147%2037.16%20147%2018.724%20147%201%20139.839%201%20117.96%201%2096.16%2018.724%2089%2037.16%2089c17.563%200%2033.377%206.363%2035.84%2024.742H50.668c-1.112-6.284-5.086-10.503-13.508-10.503-9.537%200-14.066%205.492-14.066%2014.722%200%209.306%204.529%2014.797%2014.066%2014.797%208.422%200%2012.396-4.296%2013.508-10.503%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M124.669%2090h-23.67v58h23.67v-14.802l5.376-4.933L143.952%20148h28.046l-25.872-34.558L171.451%2090h-29.827l-16.955%2016.4V90zm17.762%202h23.915l-22.9%2021.199L168.001%20146h-23.014l-14.617-20.746-7.702%207.065V146h-19.67V92h19.67v19.118L142.431%2092zM66.294%20180H7v58h60v-16.401l-36.388-.001v-5.119H64.09V200.8H30.612v-4.319h35.682V180zm-2.001%202v12.48h-35.68v8.32l33.477-.001v11.68H28.613v9.12l36.386-.001V236h-56v-54h55.294zM165%20180h-64v16.48h20.409V238h23.18v-41.52h20.41V180zm-2.001%202v12.48h-20.41V236h-19.18v-41.52H103V182h60z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .page-front .header .h-logo:before { display: block; content: ""; width: 100%; padding-top: 139.1812865497%; } @media (max-width: 600px) { .page-front .header .h-logo { margin-bottom: 40px; width: 150px; } } .page-front .header .h-video-play { height: 66px; width: 66px; display: block; margin: 0 auto; text-indent: 100%; overflow: hidden; white-space: nowrap; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2270%22%20height%3D%2270%22%20viewBox%3D%220%200%2070%2070%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EPlay%20-%20Video%3C%2Ftitle%3E%3Cg%20transform%3D%22translate(2%202)%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20stroke%3D%22%23FFF%22%20stroke-width%3D%224%22%20cx%3D%2233%22%20cy%3D%2233%22%20r%3D%2233%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M46.5%2033L27%2046.5v-27z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .page-front .header .h-arrow { display: block; width: 40px; margin: 80px auto 0 auto; text-align: center; text-decoration: none; } .page-front .header .h-arrow .text { font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 500; font-size: 0.75em; color: #FFF; letter-spacing: 0.55px; text-align: center; margin-bottom: 10px; display: block; } .page-front .header .h-arrow .arrow { display: block; width: 24px; margin: 0 auto; position: relative; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2248%22%20viewBox%3D%220%200%2024%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGroup%2013%3C%2Ftitle%3E%3Cg%20stroke%3D%22%23D6B959%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M23.213%2034.756L11.899%2046.07.787%2034.958%22%2F%3E%3Cpath%20d%3D%22M12%2035.5v-34%22%20stroke-linecap%3D%22square%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .page-front .header .h-arrow .arrow:before { display: block; content: ""; width: 100%; padding-top: 191.6666666667%; } .page-front .soundbytes { position: relative; display: flex; min-height: 400px; padding: 85px 0; align-items: center; justify-content: center; } @media (max-width: 600px) { .page-front .soundbytes { padding: 85px 0 40px 0; } } .page-front .soundbytes .sb-swiper-fraction { position: absolute; top: 15px; right: 15px; height: 20px; line-height: 20px; width: 40px; background-color: #343434; border-radius: 40px; font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 500; font-size: 0.6875em; letter-spacing: 0.92px; text-align: center; } .page-front .soundbytes .soundbytes-content { position: relative; width: 90%; max-width: 1030px; } .page-front .soundbytes .s-title { width: 70%; margin: 0 auto 32px auto; font-family: 'MADE Outer Sans', sans-serif; font-size: 0.75em; color: #F8E71C; font-weight: 500; letter-spacing: 2.18px; text-transform: uppercase; } @media (max-width: 600px) { .page-front .soundbytes .s-title { width: 90%; } } .page-front .soundbytes .swiper-flex { display: flex; flex-wrap: wrap; justify-content: center; } .page-front .soundbytes .swiper-flex .swiper-container { width: 70%; } @media (max-width: 600px) { .page-front .soundbytes .swiper-flex .swiper-container { width: 90%; } } .page-front .soundbytes .swiper-flex .sb-swiper-prev, .page-front .soundbytes .swiper-flex .sb-swiper-next { width: 10%; margin-top: 30px; height: 40px; opacity: 0.7; -ms-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; cursor: pointer; background-repeat: no-repeat; } .page-front .soundbytes .swiper-flex .sb-swiper-prev:hover, .page-front .soundbytes .swiper-flex .sb-swiper-next:hover { opacity: 1; } @media (max-width: 600px) { .page-front .soundbytes .swiper-flex .sb-swiper-prev, .page-front .soundbytes .swiper-flex .sb-swiper-next { display: none; } } .page-front .soundbytes .swiper-flex .sb-swiper-prev { background-position: left center; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2237%22%20viewBox%3D%220%200%2020%2037%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EPage%201%20Copy%202%3C%2Ftitle%3E%3Cpath%20d%3D%22M3.65%2018.5l16.264%2016.263-1.414%201.415L.822%2018.5%2018.5.822l1.414%201.415z%22%20fill%3D%22%23555555%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E"); } .page-front .soundbytes .swiper-flex .sb-swiper-next { background-position: right center; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2237%22%20viewBox%3D%220%200%2020%2037%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EPage%201%20Copy%202%3C%2Ftitle%3E%3Cpath%20d%3D%22M16.35%2018.5L.085%202.237%201.5.822%2019.178%2018.5%201.5%2036.178.086%2034.763z%22%20fill%3D%22%23414141%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E"); } .page-front .soundbytes .swiper-flex .sb-pagination.swiper-pagination-bullets { position: relative; bottom: auto; top: auto; left: auto; z-index: 20; width: 70%; text-align: center; } @media (max-width: 600px) { .page-front .soundbytes .swiper-flex .sb-pagination.swiper-pagination-bullets { margin-top: 50px; } } .page-front .soundbytes .swiper-flex .sb-pagination.swiper-pagination-bullets .swiper-pagination-bullet { cursor: pointer; display: inline-block; height: 7px; width: 7px; background-color: #c4c4c4; opacity: 1; margin: 0 2px; -ms-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; -webkit-backface-visibility: hidden; } .page-front .soundbytes .swiper-flex .sb-pagination.swiper-pagination-bullets .swiper-pagination-bullet:hover { background-color: #F8E71C; } .page-front .soundbytes .swiper-flex .sb-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #F8E71C; } .page-front .soundbytes .quote .quote-text { color: #FFF; font-family: 'MADE Outer Sans', sans-serif; font-size: 1.625em; letter-spacing: 0.62px; line-height: 1.5; } @media (max-width: 600px) { .page-front .soundbytes .quote .quote-text { font-size: 18px; } } .page-front .soundbytes .quote .quote-details { display: flex; align-items: center; margin-top: 40px; } .page-front .soundbytes .quote .quote-details .q-image { width: 58px; height: 58px; margin-right: 22px; position: relative; overflow: hidden; border-radius: 50%; z-index: 1; } @media (max-width: 600px) { .page-front .soundbytes .quote .quote-details .q-image { width: 48px; height: 48px; margin-right: 13px; } } .page-front .soundbytes .quote .quote-details .q-image img { width: 100%; height: 100%; object-fit: cover; } .page-front .soundbytes .quote .quote-details .q-author .q-name { font-family: 'MADE Outer Sans', sans-serif; font-weight: 500; color: #FFF; letter-spacing: 0.18px; font-size: 1em; margin-bottom: 8px; } @media (max-width: 600px) { .page-front .soundbytes .quote .quote-details .q-author .q-name { font-size: 1.125em; } } .page-front .soundbytes .quote .quote-details .q-author .q-description { font-family: 'Eingrantch', sans-serif; font-size: 0.875em; color: #FFF; letter-spacing: 0.16px; } .page-front .portfolio { position: relative; padding-bottom: 150px; } .page-front .portfolio .portfolio-nav { background-color: #000; text-align: center; padding: 30px; overflow-y: hidden; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; } .page-front .portfolio .portfolio-nav .p-nav-link { text-align: center; display: inline-block; opacity: 0.3; -ms-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; margin: 0 8px; cursor: pointer; } .page-front .portfolio .portfolio-nav .p-nav-link.active { opacity: 1 !important; } .page-front .portfolio .portfolio-nav .p-nav-link.active .icon { border-color: #F8E71C !important; } .page-front .portfolio .portfolio-nav .p-nav-link:hover { opacity: 1 !important; } .page-front .portfolio .portfolio-nav .p-nav-link:hover .icon { border-color: #F8E71C !important; } .page-front .portfolio .portfolio-nav .p-nav-link .icon { width: 60px; height: 60px; border: 1px solid #777; border-radius: 50%; background-position: center; background-repeat: no-repeat; } .page-front .portfolio .portfolio-nav .p-nav-link .text { margin-top: 8px; font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 400; font-size: 0.6875em; letter-spacing: 0.39px; text-align: center; } .page-front .portfolio .portfolio-nav .fire .icon { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2226%22%20height%3D%2235%22%20viewBox%3D%220%200%2026%2035%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EStroke%201%3C%2Ftitle%3E%3Cpath%20d%3D%22M1.017%2026.583c-.355%2012.78%204.858%205.94%2011.994%202.281%205.403-2.771%2011.005%203.163%2011.902-.908.2-.907.044-1.853-.358-2.69-.673-1.397-2.248-3.808-5.875-6.766C12.442%2013.412%2016.163%203%2016.163%203s-10.184%205.556-4.14%2016.739c0%200%201.901%203.173-.784%204.397%200%200-6.379%202.892-7.162-6.34%200%200-2.88%202.32-3.06%208.787z%22%20stroke%3D%22%23FEFEFE%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); } .page-front .portfolio .portfolio-nav .web .icon { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2225%22%20viewBox%3D%220%200%2032%2025%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGroup%206%3C%2Ftitle%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20stroke%3D%22%23FEFEFE%22%20stroke-width%3D%222%22%20d%3D%22M1%2023.834h29.58V1H1z%22%2F%3E%3Cpath%20d%3D%22M5.917%204.409c0%20.658-.534%201.191-1.192%201.191-.658%200-1.192-.533-1.192-1.191s.534-1.192%201.192-1.192c.658%200%201.192.534%201.192%201.192M8.978%204.409c0%20.658-.534%201.191-1.192%201.191-.658%200-1.192-.533-1.192-1.191s.534-1.192%201.192-1.192c.658%200%201.192.534%201.192%201.192M12.21%204.409c0%20.658-.533%201.191-1.191%201.191S9.827%205.067%209.827%204.41s.534-1.192%201.192-1.192c.658%200%201.191.534%201.191%201.192%22%20fill%3D%22%23FEFEFE%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .page-front .portfolio .portfolio-nav .brand .icon { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2242%22%20height%3D%2214%22%20viewBox%3D%220%200%2042%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGroup%2011%3C%2Ftitle%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23FEFEFE%22%20d%3D%22M3.663%200L0%2013.693h38.298L41.961%200z%22%2F%3E%3Cg%20fill%3D%22%23231F20%22%3E%3Cpath%20d%3D%22M7.66%206.696c.68%200%201.036-.32%201.036-.711%200-.124-.044-.24-.13-.329-.114-.116-.314-.177-.601-.177H7.24L6.92%206.696h.74zm-1.996-2.96h2.38c1.123%200%201.837.25%202.247.667.34.347.48.809.48%201.298%200%20.968-.498%201.803-1.7%202.185l.845%202.07H7.72L7.04%208.18h-.505l-.47%201.777h-2.04l1.639-6.22zM13.638%207.362c0-1.697%201.281-3.758%203.913-3.758%201.315%200%202.248.71%202.5%201.812l-1.821.809c-.13-.507-.488-.755-.95-.755-.915%200-1.507.853-1.507%201.705%200%20.684.418%201.067.958%201.067.47%200%20.854-.232%201.186-.65l1.41%201.138c-.61.818-1.498%201.36-2.796%201.36-1.708%200-2.893-1.058-2.893-2.728M23.704%203.737h2.04l-.593%202.23%202.03-2.23h2.483L26.885%206.58l1.272%203.376h-2.17l-.73-1.998-.855.87-.297%201.128h-2.039zM33.676%205.496h-1.795l.462-1.759h5.628l-.46%201.76h-1.796l-1.176%204.46H32.5z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .page-front .portfolio .portfolio-nav .print .icon { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2226%22%20height%3D%2233%22%20viewBox%3D%220%200%2026%2033%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGroup%208%3C%2Ftitle%3E%3Cg%20stroke%3D%22%23FEFEFE%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M1%2031.495h23.578V1H1z%22%2F%3E%3Cpath%20d%3D%22M5%2011.21h15.363V5H5zM20.363%2015.298H5h7.681zM20.363%2019.298H5h7.681zM20.363%2023.298H5h7.681zM16.682%2026.298H9h7.682%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .page-front .portfolio .portfolio-nav .photo .icon { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2234%22%20height%3D%2222%22%20viewBox%3D%220%200%2034%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGroup%2011%3C%2Ftitle%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20stroke%3D%22%23FEFEFE%22%20stroke-width%3D%222%22%20d%3D%22M8.556%203.22H1v17.6h31.752V1h-5.674v2.22h-14.21%22%2F%3E%3Cpath%20d%3D%22M22.13%2012.339c0%202.88-2.352%205.216-5.254%205.216-2.902%200-5.255-2.336-5.255-5.216%200-2.88%202.353-5.217%205.255-5.217%202.902%200%205.255%202.336%205.255%205.217z%22%20stroke%3D%22%23FEFEFE%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M5.664%207.015c0%20.441-.36.799-.804.799-.445%200-.806-.358-.806-.799%200-.441.361-.799.806-.799.444%200%20.804.358.804.8%22%20fill%3D%22%23FEFEFE%22%2F%3E%3Cpath%20d%3D%22M25.271%2012.339h4.402%22%20stroke%3D%22%23FEFEFE%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M15.185%2010.52c0%20.52-.425.942-.949.942s-.948-.422-.948-.942.424-.942.948-.942.949.422.949.942%22%20fill%3D%22%23FEFEFE%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .page-front .portfolio .portfolio-nav .video .icon { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2238%22%20height%3D%2226%22%20viewBox%3D%220%200%2038%2026%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGroup%205%3C%2Ftitle%3E%3Cg%20stroke%3D%22%23FEFEFE%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M31.311%2024.701H6.534c-2.355%200-4.374-1.655-4.8-3.937-.979-5.232-.979-10.596%200-15.828C2.16%202.656%204.179%201%206.534%201h24.777c2.355%200%204.374%201.656%204.8%203.936.979%205.232.979%2010.596%200%2015.828-.426%202.282-2.445%203.937-4.8%203.937z%22%2F%3E%3Cpath%20d%3D%22M24.149%2012.85l-8.787-4.996v9.992z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .page-front .portfolio .portfolio-nav .misc .icon { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2227%22%20viewBox%3D%220%200%2032%2027%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGroup%209%3C%2Ftitle%3E%3Cg%20stroke%3D%22%23FEFEFE%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M8.574%201.454l-7.116%207.06M8.607%208.547L1.424%201.42M30.902%2010.93c0%202.111-1.726%203.823-3.854%203.823-2.13%200-3.855-1.712-3.855-3.824%200-2.11%201.726-3.823%203.855-3.823%202.128%200%203.854%201.712%203.854%203.823zM9.857%2017.193l-4.841%208.32h9.682z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .page-front .portfolio .portfolio-results { position: relative; } .portfolio-results { display: block; width: 100%; min-height: 100vh; } .portfolio-results .width-100 { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } .portfolio-results .project { display: inline-block; vertical-align: top; width: 25%; font-size: 16px; } @media (max-width: 600px) { .portfolio-results .project { width: 100%; } } .portfolio-results .project:hover .p-thumbnail .p-thumb-link { box-shadow: inset 0 0 0 10px #F8E71C; } .portfolio-results .project .p-thumbnail { position: relative; width: 100%; position: relative; } .portfolio-results .project .p-thumbnail:before { display: block; content: ""; width: 100%; padding-top: 100%; } .portfolio-results .project .p-thumbnail .p-icon-video { position: absolute; width: 46px; height: 46px; bottom: 20px; right: 20px; z-index: 4; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2246%22%20height%3D%2246%22%20viewBox%3D%220%200%2046%2046%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGroup%208%3C%2Ftitle%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20fill%3D%22%23000%22%20cx%3D%2223%22%20cy%3D%2223%22%20r%3D%2223%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M32%2023L19%2033V13z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .portfolio-results .project .p-thumbnail .p-button { position: absolute; border-radius: 40px; background-color: #FFF; display: inline-flex; justify-content: center; align-items: center; align-content: center; font-weight: 700; font-size: 0.5625em; color: #000000; letter-spacing: 1px; text-align: center; right: 20px; bottom: 20px; padding: 7px 15px; text-decoration: none; text-transform: uppercase; z-index: 10; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; } .portfolio-results .project .p-thumbnail .p-button:hover { background-color: #000; color: #FFF; } .portfolio-results .project .p-thumbnail .p-button.video { bottom: 32px; right: 75px; } .portfolio-results .project .p-thumbnail .p-thumb-loader { -webkit-animation: p-loader-pulse 1s infinite; animation: p-loader-pulse 1s infinite; bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background: url("data:image/svg+xml,%3Csvg%20width%3D%2259%22%20height%3D%2215%22%20viewBox%3D%220%200%2059%2015%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EPage%201%20Copy%3C%2Ftitle%3E%3Cpath%20d%3D%22M39.333%200L0%207.002l23.747.274-4.547%207.273L59%207.374H34.843z%22%20fill%3D%22%23CCC%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center center; z-index: 0; opacity: 1; } .portfolio-results .project .p-thumbnail .p-thumb-link { display: block; bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; box-shadow: inset 0 0 0 0 #F8E71C; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; z-index: 5; } .portfolio-results .project .p-thumbnail .p-thumb-link:hover { box-shadow: inset 0 0 0 10px #F8E71C; } .portfolio-results .project .p-thumbnail .p-thumb-image { object-fit: cover; bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; z-index: 2; } .portfolio-results .project .p-thumbnail .video-background { z-index: 3; } .portfolio-results .project .p-thumbnail .p-swiper { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; } .portfolio-results .project .p-thumbnail .p-swiper:hover .p-swiper-next, .portfolio-results .project .p-thumbnail .p-swiper:hover .p-swiper-prev { opacity: 1; } .portfolio-results .project .p-thumbnail .p-swiper:hover .p-swiper-next { right: 22px; } .portfolio-results .project .p-thumbnail .p-swiper:hover .p-swiper-prev { left: 22px; } .portfolio-results .project .p-thumbnail .p-swiper .p-swiper-next, .portfolio-results .project .p-thumbnail .p-swiper .p-swiper-prev { position: absolute; top: 50%; width: 15px; height: 25px; z-index: 40; opacity: 0; cursor: pointer; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; } .portfolio-results .project .p-thumbnail .p-swiper .p-swiper-prev { left: -10px; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.719%22%20height%3D%2225.438%22%20viewBox%3D%220%200%2015.719%2025.438%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%7D.cls-1%2C.cls-2%7Bfill-rule%3Aevenodd%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.719-.009l1%201L1.991%2012.719l11.728%2011.728-1%201L-.009%2012.719z%22%2F%3E%3Cpath%20id%3D%22Rectangle_1_copy%22%20data-name%3D%22Rectangle%201%20copy%22%20class%3D%22cls-2%22%20d%3D%22M320.719%20145.272l1%201L309.991%20158l11.728%2011.728-1%201L307.991%20158z%22%20transform%3D%22translate(-306%20-145.281)%22%2F%3E%3C%2Fsvg%3E"); } .portfolio-results .project .p-thumbnail .p-swiper .p-swiper-next { right: -10px; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.719%22%20height%3D%2225.438%22%20viewBox%3D%220%200%2015.719%2025.438%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%7D.cls-1%2C.cls-2%7Bfill-rule%3Aevenodd%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M3%2025.447l-1-1%2011.728-11.728L2%20.991l1-1%2012.728%2012.728z%22%2F%3E%3Cpath%20id%3D%22Rectangle_1_copy%22%20data-name%3D%22Rectangle%201%20copy%22%20class%3D%22cls-2%22%20d%3D%22M307%20170.728l-1-1L317.728%20158%20306%20146.272l1-1L319.728%20158z%22%20transform%3D%22translate(-306%20-145.281)%22%2F%3E%3C%2Fsvg%3E"); } .portfolio-results .project .p-thumbnail .p-swiper .p-swiper-fraction { position: absolute; top: 15px; right: 15px; height: 20px; line-height: 20px; width: 40px; background-color: #343434; border-radius: 40px; font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 500; font-size: 0.6875em; letter-spacing: 0.92px; text-align: center; z-index: 20; } .portfolio-results .project .p-thumbnail .p-swiper .swiper-slide { width: 100% !important; height: 100%; } .portfolio-results .project .p-thumbnail .p-swiper .p-swiper-pagination.swiper-pagination-bullets { bottom: 20px; } .portfolio-results .project .p-thumbnail .p-swiper .p-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { cursor: pointer; display: inline-block; height: 7px; width: 7px; background-color: #FFF; border: 1px solid #000; opacity: 1; margin: 0 2px; -ms-transition: background-color 0.3s, border-color 0.3s; -webkit-transition: background-color 0.3s, border-color 0.3s; -moz-transition: background-color 0.3s, border-color 0.3s; -o-transition: background-color 0.3s, border-color 0.3s; transition: background-color 0.3s, border-color 0.3s; -webkit-backface-visibility: hidden; } .portfolio-results .project .p-thumbnail .p-swiper .p-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:hover, .portfolio-results .project .p-thumbnail .p-swiper .p-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #000; border-color: #FFF; } .portfolio-results .project .p-details { padding: 20px 30px; position: relative; } @media (max-width: 600px) { .portfolio-results .project .p-details { display: none; } } .portfolio-results .project .p-details .p-title { font-family: 'MADE Outer Sans', sans-serif; font-size: 1.125em; color: #FFF; letter-spacing: 0.5px; } .portfolio-results .project .p-details .p-title:before { content: ''; display: block; height: 2px; width: 16px; background-color: #6C6C6C; position: absolute; left: 0; margin-top: 2px; } .portfolio-results .project .p-details .p-subtitle { font-family: 'Eingrantch', sans-serif; font-size: 0.75em; color: #FFF; text-transform: uppercase; letter-spacing: 1px; margin-top: 8px; } .page-clients { position: relative; } .page-clients .background-color { background-color: #191919; position: relative; z-index: 1; } .page-clients .header { position: relative; background-color: #191919; } .page-clients .header .sb-controls { position: absolute; z-index: 40; bottom: 240px; width: 100%; } @media (max-width: 768px) { .page-clients .header .sb-controls { bottom: 55px; } } .page-clients .header .sb-controls .container { width: 90%; max-width: 1200px; } .page-clients .header .sb-controls .sb-prev, .page-clients .header .sb-controls .sb-next { cursor: pointer; width: 18px; height: 18px; display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: center center; } @media (max-width: 600px) { .page-clients .header .sb-controls .sb-prev, .page-clients .header .sb-controls .sb-next { display: none; } } .page-clients .header .sb-controls .sb-prev { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%2220%22%20viewBox%3D%220%200%2011%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EPage%201%20Copy%202%3C%2Ftitle%3E%3Cpath%20d%3D%22M10.127%2018.359L1.515%2010l8.612-8.359%22%20stroke%3D%22%23F8E71C%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); margin-right: 5px; } .page-clients .header .sb-controls .sb-next { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%2220%22%20viewBox%3D%220%200%2011%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EPage%201%3C%2Ftitle%3E%3Cpath%20d%3D%22M.873%201.641L9.485%2010%20.873%2018.359%22%20stroke%3D%22%23F8E71C%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); margin-left: 5px; } .page-clients .header .sb-controls .sb-pagination.swiper-pagination-bullets { position: relative; bottom: auto; top: auto; left: auto; height: auto; z-index: 20; counter-reset: bullet; pointer-events: none; display: inline-block; vertical-align: middle; } @media (max-width: 600px) { .page-clients .header .sb-controls .sb-pagination.swiper-pagination-bullets { text-align: center; width: 100%; } } .page-clients .header .sb-controls .sb-pagination.swiper-pagination-bullets .swiper-pagination-bullet { pointer-events: auto; cursor: pointer; display: inline-block; vertical-align: middle; height: auto; width: auto; background-color: transparent; opacity: 1; -ms-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; -webkit-backface-visibility: hidden; font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 700; font-size: 0.9375em; color: #FFF; letter-spacing: 3.27px; margin: 0 5px; line-height: 1; } @media (max-width: 768px) { .page-clients .header .sb-controls .sb-pagination.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 9px 0 0; } } @media (max-width: 600px) { .page-clients .header .sb-controls .sb-pagination.swiper-pagination-bullets .swiper-pagination-bullet { height: 7px; width: 7px; background-color: #C4C4C4; margin: 0 2px; } } .page-clients .header .sb-controls .sb-pagination.swiper-pagination-bullets .swiper-pagination-bullet:before { counter-increment: bullet; content: counter(bullet); } @media (max-width: 600px) { .page-clients .header .sb-controls .sb-pagination.swiper-pagination-bullets .swiper-pagination-bullet:before { display: none; } } .page-clients .header .sb-controls .sb-pagination.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(-n+9):before { content: "0" counter(bullet); } .page-clients .header .sb-controls .sb-pagination.swiper-pagination-bullets .swiper-pagination-bullet:hover { color: #F8E71C; } .page-clients .header .sb-controls .sb-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { color: #F8E71C; background-color: transparent; } @media (max-width: 600px) { .page-clients .header .sb-controls .sb-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #F8E71C; } } .page-clients .header .swiper-container { height: 830px; position: relative; } @media (max-width: 1024px) { .page-clients .header .swiper-container { height: 750px; } } @media (max-width: 768px) { .page-clients .header .swiper-container { height: 500px; } } @media (max-width: 600px) { .page-clients .header .swiper-container { height: 680px; } } .page-clients .header .quote { display: flex; align-items: flex-end; } .page-clients .header .quote .quote-image { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .page-clients .header .quote .quote-image .q-fade { opacity: 1; bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; z-index: 2; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000',GradientType=0 ); } .page-clients .header .quote .quote-image img { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; } .page-clients .header .quote .quote-container { width: 90%; max-width: 1200px; margin: 0 auto; position: relative; z-index: 2; margin-bottom: 300px; } @media (max-width: 768px) { .page-clients .header .quote .quote-container { margin-bottom: 110px; } } @media (max-width: 600px) { .page-clients .header .quote .quote-container { margin-bottom: 120px; } } .page-clients .header .quote .quote-text { font-family: 'MADE Outer Sans', sans-serif; font-size: 1.375em; color: #FFF; letter-spacing: 0.52px; line-height: 1.5; max-width: 740px; width: 100%; } @media (max-width: 768px) { .page-clients .header .quote .quote-text { font-size: 1.125em; } } .page-clients .header .quote .quote-details { margin-bottom: 30px; } @media (max-width: 600px) { .page-clients .header .quote .quote-details { margin-bottom: 20px; } } .page-clients .header .quote .quote-details .q-author .q-name { font-family: 'MADE Outer Sans', sans-serif; font-weight: 500; font-size: 2em; color: #FFF; letter-spacing: 0.36px; margin-bottom: 10px; } .page-clients .header .quote .quote-details .q-author .q-description { font-family: 'Eingrantch', sans-serif; font-size: 0.875em; color: #FFF; letter-spacing: 0; } .page-clients .circle { z-index: 10; right: 100px; position: relative; position: absolute; width: 128px; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22128%22%20height%3D%22126%22%20viewBox%3D%220%200%20128%20126%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGroup%2039%3C%2Ftitle%3E%3Cg%20fill%3D%22%23FEFEFE%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M7.807%2065.43c-.058-1.302-.772-2.365-3.468-2.218-2.693.15-3.307%201.288-3.246%202.584l.043.945%206.715-.371-.044-.94zM.1%2068l-.094-2.04c-.1-2.158.974-3.761%204.28-3.945%203.304-.183%204.519%201.295%204.619%203.453L9%2067.508.1%2068zM4.61%2048.25c-1.133-.242-1.806.254-2.054%201.587l-.243%201.327%203.39.718.245-1.328c.243-1.328-.215-2.064-1.337-2.304zm6.14%201.259l-3.635.826c-.01.117-.03.228-.053.354L6.8%2052.117l3.339.71L9.919%2054%201%2052.107l.48-2.603c.328-1.776%201.612-2.797%203.35-2.43%201.173.248%201.935%201.036%202.205%202.07L11%2048.15l-.25%201.358zM6.414%2035.432l2.47%201.275%201.486-3.398.961.492-1.486%203.396%202.468%201.27%201.724-3.94.963.491L12.82%2040%205%2035.982%207.179%2031l.958.494zM20.11%2023.315l-4.756-2.044%202.98%204.116%201.776-2.072zm1.093.474l-2.19%202.556%201.273%201.757-.77.898L14%2021.207%2015.034%2020%2024%2023.77l-.773.898-2.024-.879zM28.741%208L34%2015.41l-.882.667-3.835-5.406%201.353%204.337-.725.55-3.609-2.635%203.836%205.408-.88.669L24%2011.588l1.09-.826%204.154%203.082-1.586-5.028zM57.978%202.865c-.077-.56-.59-.914-1.112-.844-.533.072-.92.552-.846%201.114.077.53.579.915%201.111.844.562-.076.921-.565.847-1.114m-2.96.404c-.147-1.084.631-2.104%201.712-2.25%201.094-.15%202.103.629%202.252%201.71.147%201.095-.616%202.102-1.715%202.253-1.08.147-2.1-.616-2.25-1.713M85.59%201.46l-.946%202.753%201.433.581c.793.325%201.526-.112%201.779-.847.28-.814-.042-1.578-.835-1.9l-1.43-.586zm1.417%206.386c.308-.9-.083-1.695-.872-2.02l-1.795-.73L83.346%208l1.789.73c.793.322%201.534.092%201.872-.884zm.977.4c-.536%201.557-1.888%202.09-3.214%201.548L82%208.667%2084.98%200l2.41.983c1.337.543%201.926%201.954%201.443%203.36-.238.697-.696%201.177-1.275%201.4.548.674.743%201.578.426%202.502zM95.607%2012.401L99.337%207l.943.661-3.492%205.064c-.884%201.277-.729%202.138.151%202.753.88.609%201.73.466%202.619-.824l3.496-5.061.946.659-3.727%205.4c-1.017%201.473-2.594%201.75-3.992.775-1.405-.98-1.691-2.552-.674-4.026M109.233%2026.26l-.814.74L105%2022.957l.816-.74%201.352%201.597%205.01-4.545-1.292-1.528.816-.741L115%2020.905l-.814.74-1.294-1.53-5.01%204.545zM121.469%2030l.531%201.019-7.43%203.718%201.957%203.743-1.041.52L113%2034.236zM120.464%2048.45c.257%201.096%201.104%201.887%203.677%201.323%202.568-.567%202.986-1.636%202.73-2.734l-.185-.795-6.408%201.407.186.8zm7.027-3.45l.403%201.724c.426%201.823-.365%203.368-3.516%204.062-3.157.694-4.552-.37-4.975-2.192L119%2046.868%20127.491%2045zM121.737%2078.95c.546.152%201.074-.178%201.216-.685.145-.523-.14-1.063-.687-1.215-.518-.147-1.07.167-1.215.686-.153.544.154%201.067.686%201.214m.803-2.878c1.05.293%201.68%201.413%201.388%202.465-.296%201.066-1.412%201.685-2.464%201.389-1.065-.295-1.687-1.397-1.39-2.463.292-1.054%201.399-1.685%202.466-1.39M108.209%20106.337c.8.795%201.586.77%202.43-.132l.841-.901-2.389-2.388-.844.903c-.844.905-.829%201.727-.038%202.518zm-4.35-4.286l3.34%201.312c.061-.086.132-.16.213-.249l.906-.967-2.356-2.35.746-.797%206.292%206.275-1.652%201.767c-1.127%201.209-2.66%201.312-3.883.09-.829-.826-1.066-1.85-.782-2.795L103%20102.973l.859-.922zM99.52%20114.976l-1.466-2.307-2.974%201.832-.57-.896%202.972-1.834-1.465-2.31-3.447%202.129-.57-.896L96.356%20108l4.644%207.312L96.644%20118l-.572-.894zM82.203%20121.554c.346%201.15%201.061%201.532%202.24%201.132l1.18-.403-1.032-3.435-1.179.402c-1.179.4-1.551%201.167-1.21%202.304m-1.042.354c-.522-1.732.268-3.206%201.83-3.739l1.269-.43-1.014-3.382%201.042-.357L87%20123.04l-2.308.783c-1.58.537-3.005-.158-3.532-1.915M69.796%20124.678l-.185-2.74-3.69.22-.075-1.066%203.696-.218-.185-2.744-4.285.256L65%20117.32l5.417-.32.583%208.678-5.417.322-.072-1.066zM52.499%20119.616l.472%205.174%202.303-4.667-2.775-.507zm-.102-1.19l3.419.624.98-1.995%201.204.219L53.58%20126l-1.612-.292L51%20116l1.205.221.192%202.206zM35.431%20118.553l2.133%201.004L40.976%20112l1.024.485-3.412%207.558%202.12%201.002-.434.955L35%20119.513zM16.406%2097.213c-.452.341-.512.963-.195%201.385.325.429.93.534%201.382.196.433-.325.52-.952.198-1.385-.34-.45-.943-.527-1.385-.196m1.798%202.39c-.875.657-2.15.481-2.804-.396-.666-.884-.477-2.145.395-2.802.886-.669%202.14-.49%202.807.395.655.875.488%202.139-.398%202.803%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .page-clients .circle:before { display: block; content: ""; width: 100%; padding-top: 100%; } @media (max-width: 600px) { .page-clients .circle { right: 20px; width: 100px; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } } .page-clients .client-list { background-color: #191919; padding: 145px 0 215px 0; } @media (max-width: 600px) { .page-clients .client-list { padding: 120px 0 200px 0; } } .page-clients .client-list .container { width: 80%; max-width: 1200px; position: relative; } @media (max-width: 600px) { .page-clients .client-list .container { width: 90%; } } .page-clients .client-list .section-title { font-family: 'MADE Outer Sans', sans-serif; font-weight: 700; font-size: 1.9375em; color: #FFF; letter-spacing: 1.11px; text-transform: uppercase; margin-bottom: 45px; } @media (max-width: 600px) { .page-clients .client-list .section-title { margin-bottom: 35px; } } .page-clients .client-list .side-title { width: 300px; position: absolute; text-align: right; transform-origin: 100% 100%; line-height: 20px; left: 0; top: 0; -ms-transform: translate(-370px, -20px) rotate(-90deg); -webkit-transform: translate(-370px, -20px) rotate(-90deg); -moz-transform: translate(-370px, -20px) rotate(-90deg); -o-transform: translate(-370px, -20px) rotate(-90deg); transform: translate(-370px, -20px) rotate(-90deg); font-weight: 500; font-size: 0.75em; color: #FFF; letter-spacing: 0.3px; } @media (max-width: 1499px) { .page-clients .client-list .side-title { -ms-transform: translate(-340px, -20px) rotate(-90deg); -webkit-transform: translate(-340px, -20px) rotate(-90deg); -moz-transform: translate(-340px, -20px) rotate(-90deg); -o-transform: translate(-340px, -20px) rotate(-90deg); transform: translate(-340px, -20px) rotate(-90deg); } } @media (max-width: 767px) { .page-clients .client-list .side-title { -ms-transform: translate(-320px, -20px) rotate(-90deg); -webkit-transform: translate(-320px, -20px) rotate(-90deg); -moz-transform: translate(-320px, -20px) rotate(-90deg); -o-transform: translate(-320px, -20px) rotate(-90deg); transform: translate(-320px, -20px) rotate(-90deg); } } @media (max-width: 600px) { .page-clients .client-list .side-title { display: none; } } .page-clients .client-list ul { column-count: 2; } @media (max-width: 600px) { .page-clients .client-list ul { column-count: 1; } } .page-clients .client-list ul li { display: block; width: 100%; text-align: left; line-height: 1.2; margin-bottom: 18px; padding-right: 10px; font-family: 'Eingrantch', sans-serif; font-size: 1.0625em; color: #FFF; letter-spacing: 0.77px; text-align: left; } .page-clients .client-list .client-statement { margin-top: 140px; text-align: center; line-height: 1.2; font-family: 'MADE Outer Sans', sans-serif; font-weight: 500; font-size: 1.3125em; letter-spacing: 0.52px; text-align: center; } @media (max-width: 1024px) { .page-clients .client-list .client-statement { margin-top: 100px; line-height: 1.6; } } @media (max-width: 600px) { .page-clients .client-list .client-statement { width: 80%; margin: 60px auto 80px auto; } } .page-clients .client-list .client-statement strong { color: #F8E71C; } .page-clients .client-list .client-button { font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 500; border-radius: 50px; border: 2px solid #F8E71C; color: #FFFFFF; display: block; font-size: 0.9375em; letter-spacing: 1.07px; line-height: 1; max-width: 330px; padding: 26px; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%; margin: 180px auto 0 auto; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; } @media (max-width: 1024px) { .page-clients .client-list .client-button { margin-top: 100px; } } @media (max-width: 600px) { .page-clients .client-list .client-button { margin-top: 60px; max-width: 264px; padding: 16px; } } .page-clients .client-list .client-button:hover { background-color: #F8E71C; color: #000; } .page-studio { position: relative; z-index: 10; } .page-studio .header { position: relative; height: 860px; display: flex; align-items: center; justify-content: center; overflow: hidden; } @media (max-width: 1024px) { .page-studio .header { height: 100vh; } } .page-studio .header .header-content { font-size: 3.0625em; color: #FFF; letter-spacing: 0; text-align: center; line-height: 1.3; z-index: 5; font-family: 'MADE Outer Sans', sans-serif; font-weight: 700; } @media (max-width: 600px) { .page-studio .header .header-content { font-size: 1.875em; } } .page-studio .header .video-background { opacity: 1; z-index: 3; } .page-studio .header img { opacity: 0.6; bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .page-studio .header .logo { height: 132px; width: 132px; margin: 40px auto 0 auto; position: relative; } .page-studio .header .logo .l-circle { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22119%22%20height%3D%22118%22%20viewBox%3D%220%200%20119%20118%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGroup%204%3C%2Ftitle%3E%3Cg%20transform%3D%22translate(-7%20-8)%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2266%22%20cy%3D%2266%22%20r%3D%2266%22%2F%3E%3Cpath%20d%3D%22M10.16%2079.03l6.396-1.338-.314-1.5c-.2-.955-.671-1.456-1.372-1.309l-4.292.897c-.701.146-.932.795-.732%201.75l.314%201.5zm8.3-.068c.049.225-.063.321-.302.371l-8.81%201.843c-.25.053-.38-.008-.433-.26l-.64-3.058c-.531-2.539.393-3.654%201.57-3.9l4.965-1.039c1.179-.247%202.47.404%203.002%202.943l.649%203.1zM8.751%2061.568l2.813.266.133-1.414c.091-.956-.21-1.577-.924-1.642l-.67-.064c-.715-.069-1.127.485-1.218%201.44l-.134%201.413zm4.411.416l3.326.314c.258.024.363.121.34.377l-.118%201.242c-.023.258-.147.332-.403.307l-8.966-.845c-.256-.024-.362-.121-.338-.377l.283-2.998c.244-2.584%201.455-3.348%202.653-3.236l1.356.129c.843.079%201.602.584%201.907%201.765l3.743-1.202c.24-.08.365.106.341.364l-.119%201.256c-.02.199-.167.243-.405.32l-3.458%201.086-.008.086-.134%201.413zM19.464%2049.304c-.096.24-.234.275-.474.18l-8.353-3.34c-.24-.095-.315-.218-.22-.457l1.82-4.55c.09-.226.212-.301.453-.205l.837.336c.24.095.291.239.2.465l-1.229%203.074%202.155.86%201.138-2.846c.097-.24.22-.315.458-.218l.798.319c.227.09.276.234.182.473l-1.14%202.846%202.477.99%201.28-3.205c.096-.241.213-.301.452-.206l.84.335c.238.096.295.227.198.466l-1.872%204.683zM23.38%2031.558c-.577-.214-2.156-1.174-2.312-1.276.13.137%201.403%201.439%201.771%201.946l.967%201.37%201.118-1.434-1.544-.606zm-3.408-2.967c.158-.205.328-.236.564-.142l8.756%203.453c.225.084.275.23.125.424l-.795%201.015c-.149.193-.312.192-.537.108l-1.687-.68-1.639%202.102%201.07%201.469c.135.198.176.357.017.56l-.714.916c-.159.202-.313.19-.45-.007l-5.468-7.665c-.148-.207-.169-.368-.009-.571l.767-.982zM42.022%2021.7c.137.2.13.344-.083.488l-.985.67c-.212.145-.349.098-.486-.103l-3.062-4.506c.012.044.29.911.389%201.311l.599%202.82c.045.246.011.424-.189.562l-.843.571c-.201.14-.389.092-.581-.038l-2.628-1.698c-.287-.168-.801-.617-.869-.69l3.046%204.48c.137.202.13.346-.082.49l-.937.638c-.214.144-.35.098-.486-.103l-5.078-7.47c-.137-.202-.13-.346.084-.49l.935-.638c.155-.105.254-.086.374-.01l4.627%202.903c.36.224.861.63.861.63s-.16-.567-.248-1.028l-1.082-5.367c-.025-.139.034-.23.177-.327l.984-.669c.212-.147.348-.099.485.102l5.078%207.471zM60.467%2013.365c.034.257-.037.367-.279.4l-1.222.163c-.242.034-.353-.052-.389-.308l-.277-2.06c-.034-.258.05-.384.292-.416l1.223-.164c.24-.033.34.07.376.325l.276%202.06z%22%20fill%3D%22%23FEFEFE%22%2F%3E%3Cpath%20d%3D%22M78.627%208h8.45v10.573h-8.45z%22%2F%3E%3Cpath%20d%3D%22M82.87%209.985l-.753%202.38%201.024.322c.875.277%201.54.127%201.76-.57l.153-.479c.216-.683-.284-1.052-1.2-1.342l-.984-.312zm-1.194%203.772l-.814%202.572%201.408.445c.916.289%201.594.143%201.81-.54l.195-.616c.186-.588-.275-1.125-1.192-1.415l-1.407-.446zm-2.798%203.568c-.247-.08-.294-.214-.216-.46l2.717-8.586c.078-.245.195-.329.44-.252l2.502.794c2.475.782%203.019%201.961%202.655%203.11l-.255.806c-.211.67-.696%201.103-1.51%201.207.825.622%201.164%201.361.926%202.113l-.343%201.08c-.362%201.15-1.517%201.895-3.99%201.113l-2.926-.926zM95.205%2021.792c-.41.588-.144%201.21.645%201.76.787.55%201.486.6%201.896.011l3.895-5.585c.147-.212.284-.257.496-.11l1.023.713c.21.148.205.283.057.494l-4.092%205.87c-.69.987-2.066%201.41-4.194-.076-2.13-1.484-2.21-2.923-1.522-3.91l4.093-5.868c.147-.212.295-.248.506-.102l1.024.714c.199.14.217.291.069.503l-3.896%205.586zM105.36%2033.832c-.197.168-.34.177-.507-.019l-.81-.947c-.167-.196-.136-.335.059-.503l6.838-5.847c.195-.168.338-.178.505.018l.81.948c.169.196.137.335-.058.503l-6.837%205.847zM112.223%2042.008l1.445%202.852c.111.217.085.358-.144.474l-.805.41c-.23.118-.372.06-.482-.158l-2.186-4.308c-.097-.193-.02-.328.197-.438l8.03-4.072c.23-.116.371-.092.487.137l.564%201.114c.117.229.054.358-.176.475l-6.93%203.514zM123.264%2053.608l-6.426%201.189.28%201.508c.177.959.636%201.47%201.341%201.34l4.312-.799c.705-.13.95-.773.772-1.73l-.279-1.508zm-8.302-.124c-.042-.227.073-.32.312-.364l8.848-1.64c.255-.046.383.018.43.27l.57%203.072c.472%202.551-.477%203.645-1.66%203.863l-4.989.924c-1.183.22-2.462-.462-2.934-3.012l-.577-3.114zM117.22%2080.134c-.249-.065-.324-.176-.263-.411l.317-1.192c.062-.234.185-.306.433-.24l2.01.53c.25.067.334.195.273.43l-.317%201.192c-.062.234-.195.289-.444.223l-2.009-.532zM111.687%20102.067l-2.153-1.824-.918%201.082c-.621.73-.728%201.41-.182%201.874l.514.436c.547.462%201.199.245%201.821-.486l.918-1.082zm-3.378-2.863l-2.547-2.16c-.197-.166-.228-.307-.061-.504l.806-.952c.166-.197.31-.188.506-.02l6.864%205.82c.197.167.229.307.062.503l-1.946%202.296c-1.677%201.978-3.107%201.913-4.025%201.135l-1.038-.88c-.644-.547-.978-1.395-.555-2.537l-3.754-1.156c-.241-.072-.239-.296-.072-.493l.816-.962c.13-.153.276-.102.515-.031l3.455%201.087.056-.064.918-1.082zM95.878%20106.02c.216-.141.351-.094.493.123l4.953%207.514c.142.216.133.359-.083.5l-4.092%202.698c-.204.134-.346.126-.488-.09l-.497-.755c-.142-.215-.1-.361.102-.496l2.764-1.821-1.278-1.94-2.56%201.689c-.215.142-.359.134-.5-.082l-.473-.717c-.135-.205-.094-.351.121-.494l2.56-1.688-1.466-2.224-2.883%201.9c-.216.142-.348.125-.489-.091l-.497-.753c-.142-.215-.114-.353.101-.496l4.212-2.776zM84.725%20120.727l-.9-2.947-1.357.415c-.919.28-1.376.794-1.17%201.466l.277.904c.21.685.876.856%201.793.576l1.357-.414zm-1.37-4.481l-.9-2.947c-.075-.247-.026-.382.22-.456l1.193-.364c.246-.076.362.009.437.256l2.63%208.604c.075.247.025.38-.22.457l-2.878.879c-2.48.758-3.647-.07-4-1.22l-.47-1.548c-.353-1.151.152-2.49%202.632-3.247l1.356-.414z%22%20fill%3D%22%23FEFEFE%22%2F%3E%3Cpath%20d%3D%22M64.167%20115.447h5.868v9.81h-5.868z%22%2F%3E%3Cpath%20d%3D%22M69.563%20115.447c.258-.004.347.11.35.367l.122%209c.004.257-.081.373-.339.377l-4.902.066c-.243.003-.358-.08-.362-.339l-.012-.903c-.003-.257.11-.359.354-.363l3.31-.045-.032-2.32-3.066.04c-.258.004-.374-.08-.377-.338l-.012-.859c-.004-.245.11-.346.367-.35l3.067-.04-.035-2.667-3.454.047c-.258.003-.36-.08-.364-.339l-.011-.902c-.003-.259.094-.36.353-.364l5.043-.068zM51.655%20118.666c.025.617-.251%202.444-.286%202.628.077-.173.788-1.85%201.113-2.387l.894-1.42-1.758-.48.037%201.66zm-1.425%204.294c-.248-.068-.343-.212-.347-.467l-.194-9.416c-.01-.24.109-.343.343-.278l1.245.34c.235.064.298.215.308.455l.023%201.82%202.57.702.948-1.555c.13-.203.259-.3.508-.232l1.122.305c.248.068.296.215.168.418l-4.966%208.01c-.134.214-.275.294-.524.227l-1.204-.329zM33.873%20115.555c-.21-.124-.265-.256-.134-.48l.456-.777c.13-.222.28-.251.49-.128l1.757%201.03%203.93-6.702c.13-.222.261-.28.483-.148l1.078.63c.221.132.25.28.12.504l-3.93%206.702%201.757%201.029c.222.13.258.268.127.49l-.457.78c-.13.222-.26.246-.483.115l-5.194-3.045zM22.942%2095.197c.21-.148.343-.136.483.063l.71%201.008c.142.2.118.34-.093.488l-1.7%201.2c-.211.147-.363.132-.503-.069l-.71-1.006c-.14-.2-.097-.336.114-.485l1.699-1.199z%22%20fill%3D%22%23FEFEFE%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .page-studio .header .logo .l-bolt { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2266%22%20height%3D%2216%22%20viewBox%3D%220%200%2066%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EStroke%201%3C%2Ftitle%3E%3Cpath%20d%3D%22M0%207.7L44%200l-5.023%208.11H66L21.478%2016l5.086-7.999z%22%20fill%3D%22%23F8E71C%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); } .page-studio .background-color { background-color: #191919; position: relative; z-index: 1; } .page-studio .bios { position: relative; padding: 40px 0; background-color: #191919; } @media (max-width: 600px) { .page-studio .bios { padding: 40px 0 0 0; } } .page-studio .bios .container { max-width: 1120px; width: 90%; border-bottom: 1px solid #252525; margin-bottom: 150px; } @media (max-width: 600px) { .page-studio .bios .container { margin-bottom: 80px; padding-bottom: 0; border: 0; } } .page-studio .bios .bio-image { width: calc(100% - 80px); margin: 0 auto; max-width: 1300px; position: relative; } .page-studio .bios .bio-image:before { display: block; content: ""; width: 100%; padding-top: 48.8%; } @media (max-width: 600px) { .page-studio .bios .bio-image { position: relative; width: 90%; } .page-studio .bios .bio-image:before { display: block; content: ""; width: 100%; padding-top: 48.623853211%; } } .page-studio .bios .bio-image img { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .page-studio .bios .bio-links { padding: 40px 0 30px 0; } @media (max-width: 768px) { .page-studio .bios .bio-links { padding: 40px 0 0 0; } } @media (max-width: 600px) { .page-studio .bios .bio-links { padding: 0; } } .page-studio .bios .bio-links .bio-link { text-decoration: none; display: inline-block; width: 320px; margin-right: 30px; background-position: right 25px center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%2213%22%20viewBox%3D%220%200%208%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EPage%201%20Copy%202%3C%2Ftitle%3E%3Cpath%20d%3D%22M.657%201l5.657%205.657-5.657%205.657%22%20stroke%3D%22%23F8E71C%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); border-radius: 3px; border: 1px solid #191919; padding: 15px 30px; -ms-transition: border-color 0.3s; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; -o-transition: border-color 0.3s; transition: border-color 0.3s; -webkit-backface-visibility: hidden; } @media (max-width: 768px) { .page-studio .bios .bio-links .bio-link { width: 100%; margin: 0 0 30px 0; } } @media (max-width: 600px) { .page-studio .bios .bio-links .bio-link { margin: 0; border-bottom: 1px solid #2E2E2E; border-radius: 0; padding: 20px 0; background-position: right center; } } .page-studio .bios .bio-links .bio-link:hover { border-color: #2E2E2E; } .page-studio .bios .bio-links .name { font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 500; font-size: 1.125em; color: #FFF; letter-spacing: 0.4px; line-height: 1; display: block; margin-bottom: 10px; font-family: 'MADE Outer Sans', sans-serif; font-weight: 500; letter-spacing: 0.4px; } @media (max-width: 600px) { .page-studio .bios .bio-links .name { margin-bottom: 5px; font-size: 0.875em; } } .page-studio .bios .bio-links .title { line-height: 1.2; font-family: 'Eingrantch', sans-serif; font-weight: 500; font-size: 0.9375em; color: #FFF; } @media (max-width: 600px) { .page-studio .bios .bio-links .title { font-size: 0.6875em; } } .page-studio .about .about-flex { display: flex; margin-bottom: 170px; } @media (max-width: 600px) { .page-studio .about .about-flex { margin-bottom: 80px; } } .page-studio .about .about-flex .a-title { width: 17%; text-align: right; margin-right: 4%; } @media (max-width: 600px) { .page-studio .about .about-flex .a-title { width: 10%; text-align: right; margin-right: 4%; } } .page-studio .about .about-flex .a-title span { display: inline-block; width: 100px; height: 16px; line-height: 16px; transform-origin: 100px 0; transform: translate(-16px, 6px) rotate(-90deg); text-transform: uppercase; color: #F8E71C; font-family: 'MADE Outer Sans', sans-serif; font-weight: 500; font-size: 0.75em; letter-spacing: 2.18px; } @media (max-width: 600px) { .page-studio .about .about-flex .a-title span { transform: translate(-80px, 6px) rotate(-90deg); } } .page-studio .about .about-flex .a-text { width: 55%; color: #FFF; letter-spacing: 0.93px; line-height: 1.4; font-family: 'MADE Outer Sans', sans-serif; font-size: 2.4375em; font-weight: 300; } @media (max-width: 1199px) { .page-studio .about .about-flex .a-text { font-size: 1.875em; width: 60%; } } @media (max-width: 600px) { .page-studio .about .about-flex .a-text { width: 75%; font-size: 1.25em; } } .page-studio .services { text-align: center; padding-bottom: 170px; } @media (max-width: 600px) { .page-studio .services { padding-bottom: 110px; } } .page-studio .services .services-flex { text-align: left; display: flex; margin-bottom: 110px; flex-wrap: wrap; } @media (max-width: 600px) { .page-studio .services .services-flex { margin-bottom: 70px; } } .page-studio .services .services-flex .s-title { width: 17%; text-align: right; margin-right: 4%; } @media (max-width: 600px) { .page-studio .services .services-flex .s-title { width: 10%; text-align: right; margin-right: 4%; } } .page-studio .services .services-flex .s-title span { display: inline-block; width: 100px; height: 16px; line-height: 16px; transform-origin: 100px 0; transform: translate(-16px, 30px) rotate(-90deg); text-transform: uppercase; color: #F8E71C; font-family: 'MADE Outer Sans', sans-serif; font-weight: 500; font-size: 0.75em; letter-spacing: 2.18px; } @media (max-width: 600px) { .page-studio .services .services-flex .s-title span { transform: translate(-80px, 6px) rotate(-90deg); } } .page-studio .services .services-flex .s-content { width: 79%; } @media (max-width: 600px) { .page-studio .services .services-flex .s-content { width: 86%; } } .page-studio .services .services-flex .services-swiper-navigation { text-align: center; width: 100%; margin-top: 70px; } @media (max-width: 600px) { .page-studio .services .services-flex .services-swiper-navigation { margin-top: 50px; } } .page-studio .services .services-flex .services-swiper-navigation .services-swiper-button-next, .page-studio .services .services-flex .services-swiper-navigation .services-swiper-button-prev { border: 1px solid #2E2E2E; height: 44px; width: 44px; display: inline-block; border-radius: 50px; cursor: pointer; background-repeat: no-repeat; background-position: center center; -ms-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; -webkit-backface-visibility: hidden; } .page-studio .services .services-flex .services-swiper-navigation .services-swiper-button-next:hover, .page-studio .services .services-flex .services-swiper-navigation .services-swiper-button-prev:hover { background-color: #2E2E2E; } .page-studio .services .services-flex .services-swiper-navigation .services-swiper-button-next { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%2220%22%20viewBox%3D%220%200%2011%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EPage%201%3C%2Ftitle%3E%3Cpath%20d%3D%22M1%201.515L9.485%2010%201%2018.485%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); } .page-studio .services .services-flex .services-swiper-navigation .services-swiper-button-prev { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%2220%22%20viewBox%3D%220%200%2011%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EPage%201%20Copy%202%3C%2Ftitle%3E%3Cpath%20d%3D%22M10%2018.485L1.515%2010%2010%201.515%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); } .page-studio .services .services-flex .services-swiper-pagination.swiper-pagination-bullets { position: relative; bottom: auto; top: auto; left: auto; z-index: 20; width: 100%; text-align: center; margin-top: 110px; } @media (max-width: 600px) { .page-studio .services .services-flex .services-swiper-pagination.swiper-pagination-bullets { margin-top: 20px; } } .page-studio .services .services-flex .services-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { cursor: pointer; display: inline-block; height: 7px; width: 7px; background-color: #FFF; opacity: 0.3; margin: 0 2px; -ms-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; } .page-studio .services .services-flex .services-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:hover, .page-studio .services .services-flex .services-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; } .page-studio .services .swiper-slide.service { width: 350px; } @media (max-width: 1920px) { .page-studio .services .swiper-slide.service { width: 270px; } } @media (max-width: 600px) { .page-studio .services .swiper-slide.service { width: 250px; } } .page-studio .services .swiper-slide.service.swiper-slide-active .slide-title, .page-studio .services .swiper-slide.service.swiper-slide-active .slide-num { color: #F8E71C; } .page-studio .services .swiper-slide.service .slide-num { font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 700; font-size: 1.25em; color: #FFF; margin-bottom: 25px; } .page-studio .services .swiper-slide.service .slide-icon { height: 285px; border-left: 1px solid #2A2A2A; position: relative; margin-bottom: 20px; } @media (max-width: 600px) { .page-studio .services .swiper-slide.service .slide-icon { height: 160px; } } .page-studio .services .swiper-slide.service .slide-icon img { position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; transform: translateX(-50%) translateY(-50%); } .page-studio .services .swiper-slide.service .slide-title { margin-bottom: 25px; font-size: 1.125em; color: #FFF; letter-spacing: 0.5px; font-family: 'MADE Outer Sans', sans-serif; font-weight: 700; } .page-studio .services .swiper-slide.service .slide-description { font-family: 'Eingrantch', sans-serif; font-size: 0.9375em; color: #FFF; line-height: 26px; } .page-studio .services .s-button { display: inline-block; border: 2px solid #F8E71C; border-radius: 40px; font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 700; font-size: 0.875em; color: #FFF; letter-spacing: 1px; text-align: center; text-decoration: none; width: 220px; padding: 13px; text-transform: uppercase; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; } .page-studio .services .s-button:hover { background-color: #F8E71C; color: #000; } .page-studio .barcode { position: relative; position: absolute; right: 15%; bottom: -21px; z-index: 100; width: 184px; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22184%22%20height%3D%2245%22%20viewBox%3D%220%200%20184%2045%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGroup%2039%3C%2Ftitle%3E%3Cg%20fill%3D%22%23FEFEFE%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M0%2044.988h4.415V0H0zM5.52%2044.988h1.208V0H5.52zM23.184%2044.988h1.208V0h-1.208zM25.392%2044.988H26.6V0h-1.208zM8.832%2044.988h5.279V0H8.832zM16.56%2044.988h5.279V0H16.56zM28.705%2044.988h5.279V0h-5.279zM35.329%2044.988h6.244V0h-6.244zM43.056%2044.988h.725V0h-.725zM45.265%2044.988h.724V0h-.724zM48.577%2044.988h.724V0h-.724zM50.784%2044.988h2.208V0h-2.208zM54.096%2044.988h2.209V0h-2.209zM57.408%2044.988h5.693V0h-5.693zM66.241%2044.988h1.38V0h-1.38zM71.761%2044.988h1.38V0h-1.38zM73.968%2044.988h2.829V0h-2.829zM81.697%2044.988h5.554V0h-5.554zM90.528%2044.988h2.209V0h-2.209zM93.84%2044.988h3.312V0H93.84zM98.257%2044.988h3.312V0h-3.312zM107.088%2044.988h.69V0h-.69zM109.297%2044.988h.689V0h-.689zM111.505%2044.988h.69V0h-.69zM114.817%2044.988h4.071V0h-4.071zM120.336%2044.988h1.242V0h-1.242zM123.648%2044.988h5.692V0h-5.692zM130.272%2044.988h5.693V0h-5.693zM138.001%2044.988h1.518V0h-1.518zM141.313%2044.988h2.864V0h-2.864zM147.937%2044.988h1.138V0h-1.138zM151.249%2044.988h4.865V0h-4.865zM156.769%2044.988h1.207V0h-1.207zM158.977%2044.988h1.208V0h-1.208zM163.393%2044.988h3.587V0h-3.587zM171.638%2044.988h4.761V0h-4.761zM177.159%2044.988h1.483V0h-1.483zM179.366%2044.988h3.864V0h-3.864z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .page-studio .barcode:before { display: block; content: ""; width: 100%; padding-top: 24.4565217391%; } .page-index { color: #FFF; } .page-index .news { display: flex; justify-content: center; position: relative; overflow: hidden; z-index: 1; } .page-index .news .flex { width: 90%; max-width: 900px; border-radius: 0; padding: 120px 0 150px 0; position: relative; } @media (max-width: 1200px) { .page-index .news .flex { padding: 150px 0 150px 0; } } @media (max-width: 767px) { .page-index .news .flex { padding: 120px 0 150px 0; } } .page-index .news .header { display: flex; justify-content: space-between; position: relative; z-index: 50; flex-wrap: wrap; align-items: center; } @media (max-width: 599px) { .page-index .news .header { margin-bottom: 50px; } } .page-index .news .header .social { width: 100%; display: flex; justify-content: center; margin-bottom: 30px; } .page-index .news .header .social a { height: 36px; width: 36px; display: flex; justify-content: center; align-items: center; border: 2px solid #FFF; color: #FFF; border-radius: 50%; text-decoration: none; font-size: 1.0625em; margin: 0 5px; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; } .page-index .news .header .social a:hover { background-color: #FFF; color: #191919; } .page-index .news .header .section-title { font-family: 'MADE Outer Sans', sans-serif; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #FFF; font-weight: 700; font-size: 7.5em; color: transparent; letter-spacing: 0; line-height: 0.85; margin-bottom: -30px; position: relative; z-index: 10; -ms-transform: translate(-145px, 0); -webkit-transform: translate(-145px, 0); -moz-transform: translate(-145px, 0); -o-transform: translate(-145px, 0); transform: translate(-145px, 0); } @media (max-width: 1300px) { .page-index .news .header .section-title { -ms-transform: translate(-40px, 0); -webkit-transform: translate(-40px, 0); -moz-transform: translate(-40px, 0); -o-transform: translate(-40px, 0); transform: translate(-40px, 0); font-size: 6.25em; } } @media (max-width: 1300px) { .page-index .news .header .section-title { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } @media (max-width: 1023px) { .page-index .news .header .section-title { font-size: 5em; } } @media (max-width: 767px) { .page-index .news .header .section-title { font-size: 3.75em; } } @media (max-width: 599px) { .page-index .news .header .section-title { margin-bottom: 30px; } } .page-index .news .header .filters { position: relative; } @media (max-width: 599px) { .page-index .news .header .filters { width: 100%; } } .page-index .news .header .filters .topics-dropdown-container { position: relative; display: inline-block; vertical-align: middle; } @media (max-width: 599px) { .page-index .news .header .filters .topics-dropdown-container { width: 100%; display: block; } } .page-index .news .header .filters .topics-dropdown-container .topics-dropdown-trigger { display: block; line-height: 45px; color: #000; background-color: #FFF; border-radius: 39px; width: 220px; font-family: 'MADE Outer Sans', sans-serif; cursor: pointer; font-size: 1.375em; letter-spacing: 0; text-align: left; padding: 0 37px; -ms-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; -webkit-backface-visibility: hidden; background-repeat: no-repeat; background-position: center right 30px; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2214%22%20viewBox%3D%220%200%2020%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EPage%201%3C%2Ftitle%3E%3Cpath%20d%3D%22M18.485%202L10%2010.485%201.515%202%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); } @media (max-width: 1023px) { .page-index .news .header .filters .topics-dropdown-container .topics-dropdown-trigger { width: 180px; font-size: 1.25em; line-height: 40px; padding: 0 20px; background-position: center right 20px; } } @media (max-width: 599px) { .page-index .news .header .filters .topics-dropdown-container .topics-dropdown-trigger { line-height: 45px; width: 100%; } } .page-index .news .header .filters .topics-dropdown-container .topics-dropdown-trigger:hover, .page-index .news .header .filters .topics-dropdown-container .topics-dropdown-trigger.active { background-color: #F8E71C; } .page-index .news .header .filters .topics-dropdown-container .topics-dropdown { position: absolute; width: 100%; overflow: hidden; } .page-index .news .header .filters .topics-dropdown-container .topics-dropdown .scroll { margin-top: 15px; width: 100%; position: relative; max-height: 0; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; background-color: #343434; border-radius: 4px; } .page-index .news .header .filters .topics-dropdown-container .topics-dropdown .scroll.active { max-height: 200px; } @media (max-width: 767px) { .page-index .news .header .filters .topics-dropdown-container .topics-dropdown .scroll.active { max-height: 200px; } } .page-index .news .header .filters .topics-dropdown-container .topics-dropdown .scroll.active:before { opacity: 1; } .page-index .news .header .filters .topics-dropdown-container .topics-dropdown .scroll:before { opacity: 0; content: ''; position: absolute; display: block; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #343434 transparent; top: -10px; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; } .page-index .news .header .filters .topics-dropdown-container .topics-dropdown a { display: block; padding: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); color: inherit; text-decoration: none; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; letter-spacing: 0.5px; } @media (max-width: 1200px) { .page-index .news .header .filters .topics-dropdown-container .topics-dropdown a { padding: 12px; font-size: 0.875em; } } .page-index .news .header .filters .topics-dropdown-container .topics-dropdown a:hover { background-color: rgba(0, 0, 0, 0.2); } .page-index .news .header .filters .topics-dropdown-container .topics-dropdown a:last-of-type { border: 0; } .page-index .news .article { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; margin-bottom: 150px; position: relative; opacity: 0; -ms-transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-backface-visibility: hidden; } @media (max-width: 1200px) { .page-index .news .article { width: 90%; margin: 0 auto 100px auto; } } @media (max-width: 1023px) { .page-index .news .article { margin-bottom: 80px; } } @media (max-width: 599px) { .page-index .news .article { width: 100%; } } .page-index .news .article.animate { opacity: 1; } .page-index .news .article:hover .a-image img { -ms-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } .page-index .news .article .a-link { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 20; } .page-index .news .article .a-image { overflow: hidden; position: relative; width: 73%; margin-bottom: -25px; border-radius: 17px; } .page-index .news .article .a-image:before { display: block; content: ""; width: 100%; padding-top: 49.2140266022%; } @media (max-width: 1023px) { .page-index .news .article .a-image { width: 100%; } } @media (max-width: 599px) { .page-index .news .article .a-image { margin-bottom: -15px; } } .page-index .news .article .a-image .a-bottom-fade { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.75) 100%); z-index: 1; } .page-index .news .article .a-image .p-video-button { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; z-index: 5; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2270%22%20height%3D%2270%22%20viewBox%3D%220%200%2070%2070%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EPlay%20-%20Video%3C%2Ftitle%3E%3Cg%20transform%3D%22translate(2%202)%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20stroke%3D%22%23FFF%22%20stroke-width%3D%224%22%20cx%3D%2233%22%20cy%3D%2233%22%20r%3D%2233%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M46.5%2033L27%2046.5v-27z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @media (max-width: 767px) { .page-index .news .article .a-image .p-video-button { background-size: 50px 50px; } } .page-index .news .article .a-image img { z-index: 0; bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; object-fit: cover; -ms-transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-backface-visibility: hidden; } .page-index .news .article .a-content { position: relative; z-index: 5; width: 65%; } @media (max-width: 1023px) { .page-index .news .article .a-content { width: 100%; } } .page-index .news .article .a-content .a-title { font-family: 'MADE Outer Sans', sans-serif; font-size: 2.1875em; color: #FFF; letter-spacing: 3.18px; font-weight: 700; margin-bottom: 24px; line-height: 1.2; } @media (max-width: 599px) { .page-index .news .article .a-content .a-title { font-size: 1.75em; } } .page-index .news .article .a-content .a-excerpt { line-height: 1.8; font-family: 'Eingrantch', sans-serif; font-size: 0.9375em; color: #FFF; letter-spacing: 0.94px; } .page-index .news .article .a-meta { width: 30%; margin: 15px 0 0 0; border-bottom: 2px solid #343434; position: relative; z-index: 5; } @media (max-width: 1023px) { .page-index .news .article .a-meta { width: 100%; border-bottom: 0; } } .page-index .news .article .a-meta .a-author { font-family: 'MADE Outer Sans', sans-serif; font-size: 1.0625em; color: #FFF; letter-spacing: 1.06px; margin-bottom: 19px; } .page-index .news .article .a-meta .a-taxonomy { margin-bottom: 25px; } @media (max-width: 1023px) { .page-index .news .article .a-meta .a-taxonomy { display: flex; align-items: center; margin-bottom: 0; } } .page-index .news .article .a-meta .a-taxonomy .t-title { font-family: 'MADE Outer Sans', sans-serif; font-size: 0.6875em; color: #FFF; letter-spacing: 2px; text-transform: uppercase; } .page-index .news .article .a-meta .a-taxonomy .t-title:after { content: ''; display: block; width: 15px; height: 2px; background-color: #FFF; margin: 19px 0 12px 0; } @media (max-width: 1023px) { .page-index .news .article .a-meta .a-taxonomy .t-title:after { display: none; } } @media (max-width: 1023px) { .page-index .news .article .a-meta .a-taxonomy .t-terms { display: flex; align-items: center; } } .page-index .news .article .a-meta .a-taxonomy .t-terms span { display: block; font-family: 'Eingrantch', sans-serif; font-size: 0.875em; letter-spacing: 0.88px; line-height: 1.2; margin-bottom: 10px; } @media (max-width: 1023px) { .page-index .news .article .a-meta .a-taxonomy .t-terms span { margin: 0 0 2px 10px; } } .page-index .pagination { text-align: center; font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 500; font-size: 0.9375em; color: #F8E71C; margin-top: 40px; } .page-index .pagination a, .page-index .pagination span { display: inline-block; color: #FFF; text-decoration: none; margin: 0 3px; } .page-index .pagination a.current, .page-index .pagination span.current { color: #F8E71C; } .page-index .pagination .next, .page-index .pagination .prev { margin: 0 12px; } .page-goods .header { position: relative; width: 100%; } .page-goods .header .gs-navigation { position: absolute; bottom: 50px; right: 50px; z-index: 2; } @media (max-width: 768px) { .page-goods .header .gs-navigation { display: none; } } .page-goods .header .gs-navigation .gs-next, .page-goods .header .gs-navigation .gs-prev { border: 1px solid #ABABAB; height: 44px; width: 44px; display: inline-block; border-radius: 50px; cursor: pointer; background-repeat: no-repeat; background-position: center center; -ms-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; -webkit-backface-visibility: hidden; background-color: #252525; } .page-goods .header .gs-navigation .gs-next:hover, .page-goods .header .gs-navigation .gs-prev:hover { background-color: #2E2E2E; } .page-goods .header .gs-navigation .gs-next { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%2220%22%20viewBox%3D%220%200%2011%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EPage%201%3C%2Ftitle%3E%3Cpath%20d%3D%22M1%201.515L9.485%2010%201%2018.485%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); } .page-goods .header .gs-navigation .gs-prev { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%2220%22%20viewBox%3D%220%200%2011%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EPage%201%20Copy%202%3C%2Ftitle%3E%3Cpath%20d%3D%22M10%2018.485L1.515%2010%2010%201.515%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); } .page-goods .header .nav-bg { display: none; position: absolute; bottom: 35px; width: auto; top: auto; left: auto; width: 100%; z-index: 4; border-radius: 40px; text-align: center; line-height: 0; } @media (max-width: 768px) { .page-goods .header .nav-bg { display: block; } } .page-goods .header .nav-bg .gs-pagination.swiper-pagination-bullets { background-color: #191919; border-radius: 20px; position: relative; display: inline-block; padding: 7px 15px; position: relative; bottom: auto; width: auto; top: auto; left: auto; height: auto; } .page-goods .header .nav-bg .swiper-pagination-bullet { pointer-events: auto; cursor: pointer; display: inline-block; height: 7px; width: 7px; background-color: #FFF; opacity: 1; border: 1px solid #191919; margin: 0 2px; -ms-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; -webkit-backface-visibility: hidden; } .page-goods .header .nav-bg .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #000; border-color: #FFF; } .page-goods .header .swiper-container { height: 730px; } @media (max-width: 1024px) { .page-goods .header .swiper-container { height: 600px; } } @media (max-width: 768px) { .page-goods .header .swiper-container { height: 500px; } } @media (max-width: 600px) { .page-goods .header .swiper-container { height: 475px; } } .page-goods .header .swiper-slide { position: relative; display: flex; justify-content: center; align-items: center; } .page-goods .header .swiper-slide a.slide-link { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; z-index: 25; } .page-goods .header .swiper-slide .details { position: relative; z-index: 20; max-width: 90%; } @media (max-width: 600px) { .page-goods .header .swiper-slide .details { text-align: center; } } .page-goods .header .swiper-slide .details .title { font-family: "Gotham A", "Gotham B", sans-serif; font-style: italic; font-weight: 700; font-size: 5.7em; color: #FFF; letter-spacing: 0.8px; text-align: center; line-height: 1; position: relative; padding: 5px 25px 10px 25px; } @media (max-width: 1400px) { .page-goods .header .swiper-slide .details .title { font-size: 4.6875em; } } @media (max-width: 1024px) { .page-goods .header .swiper-slide .details .title { font-size: 4.0625em; } } @media (max-width: 768px) { .page-goods .header .swiper-slide .details .title { font-size: 3.4375em; } } @media (max-width: 600px) { .page-goods .header .swiper-slide .details .title { font-size: 1.5em; letter-spacing: 0; padding: 3px 10px 7px 10px; } } .page-goods .header .swiper-slide .details .title:after { content: ''; position: absolute; top: 0; left: 0; z-index: -1; display: block; background-color: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; -ms-transform: skewX(-16deg); -webkit-transform: skewX(-16deg); -moz-transform: skewX(-16deg); -o-transform: skewX(-16deg); transform: skewX(-16deg); } .page-goods .header .swiper-slide .details .subtitle { background-color: rgba(0, 0, 0, 0.8); font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 500; font-size: 0.875em; color: #FFF; letter-spacing: 2.12px; display: inline-block; margin: 9px 0 0 -15px; padding: 5px 7px; text-transform: uppercase; } @media (max-width: 1024px) { .page-goods .header .swiper-slide .details .subtitle { margin: 10px 0 0 -12px; } } @media (max-width: 600px) { .page-goods .header .swiper-slide .details .subtitle { padding: 3px 7px; margin: 10px 0 0 -8px; } } .page-goods .header .swiper-slide .image { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .page-goods .header .swiper-slide .image a { display: block; bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; z-index: 10; } .page-goods .header .swiper-slide .image img { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; } @media (min-width: 768px) { .page-goods .header .swiper-slide .image img.image-desktop { display: block; } } @media (max-width: 767px) { .page-goods .header .swiper-slide .image img.image-desktop { display: none; } } @media (min-width: 768px) { .page-goods .header .swiper-slide .image img.image-mobile { display: none; } } @media (max-width: 767px) { .page-goods .header .swiper-slide .image img.image-mobile { display: block; } } .page-goods .header .swiper-slide .image .video-background { z-index: 3; } @media (min-width: 768px) { .page-goods .header .swiper-slide .image .video-background.video-background-desktop { display: block; } } @media (max-width: 767px) { .page-goods .header .swiper-slide .image .video-background.video-background-desktop { display: none; } } @media (min-width: 768px) { .page-goods .header .swiper-slide .image .video-background.video-background-mobile { display: none; } } @media (max-width: 767px) { .page-goods .header .swiper-slide .image .video-background.video-background-mobile { display: block; } } .page-goods.page-1 .goods-nav { background-color: transparent; } .page-goods.page-1 .goods-nav .right { display: block; } .page-goods .goods-nav { background-color: #000; } @media (max-width: 768px) { .page-goods .goods-nav { display: none; } } .page-goods .goods-nav .container { max-width: 1250px; width: 90%; padding: 40px 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .page-goods .goods-nav .container:before, .page-goods .goods-nav .container:after { display: none; } .page-goods .goods-nav .left { position: relative; z-index: 1; } @media (max-width: 600px) { .page-goods .goods-nav .left { width: 100%; } } .page-goods .goods-nav .left a { font-family: 'MADE Outer Sans', sans-serif; font-weight: 500; font-size: 1.125em; color: #FFF; letter-spacing: 0.4px; text-decoration: none; display: inline-block; margin-right: 20px; vertical-align: middle; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; } .page-goods .goods-nav .left a:hover, .page-goods .goods-nav .left a.active { color: #F8E71C; } .page-goods .goods-nav .left a.nav-back { height: 12px; width: 12px; background-position: left center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2213%22%20viewBox%3D%220%200%209%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EPage%201%20Copy%3C%2Ftitle%3E%3Cpath%20d%3D%22M7.657%2012.314L2%206.657%207.657%201%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); } .page-goods .goods-nav .right { position: relative; z-index: 0; } @media (max-width: 600px) { .page-goods .goods-nav .right { width: 100%; text-align: center; margin-top: 30px; } } .page-goods .goods-nav .right .goods-search { vertical-align: middle; position: relative; display: inline-block; z-index: 2; padding: 0; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; line-height: 1; text-align: right; } .page-goods .goods-nav .right .goods-search.active .search-form { width: 180px; } .page-goods .goods-nav .right .goods-search .search-form { cursor: pointer; display: inline-block; width: 0; white-space: nowrap; overflow: hidden; vertical-align: middle; margin-left: 8px; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; position: absolute; top: -4px; right: 28px; z-index: 3; } .page-goods .goods-nav .right .goods-search .search-form input[type='search'] { display: block; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 2px; border: 0; font: inherit; font-size: 0.875em; font-weight: 500; background: #303030; padding: 8px 10px; color: #FFF; } .page-goods .goods-nav .right .goods-search .search-form input[type='submit'] { display: none; } .page-goods .goods-nav .right .goods-search .search-trigger { width: 21px; height: 22px; cursor: pointer; display: inline-block; vertical-align: middle; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2220%22%20viewBox%3D%220%200%2021%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGroup%202%20Copy%202%3C%2Ftitle%3E%3Cg%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22M8.8%2017.586c-4.752%200-8.6-3.894-8.6-8.693C.2%204.094%204.048.2%208.8.2s8.6%203.894%208.6%208.693c0%204.799-3.848%208.693-8.6%208.693zm0-1.6c3.864%200%207-3.174%207-7.093%200-3.92-3.136-7.093-7-7.093s-7%203.173-7%207.093%203.136%207.093%207%207.093z%22%2F%3E%3Cpath%20d%3D%22M13.377%2014.64l.983-1.263%205.763%204.483-.983%201.263z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: center center; background-repeat: no-repeat; background-size: contain; } .page-goods .goods-nav .right .notification { font-size: 0.875em; color: #6A6A6A; letter-spacing: 0; -ms-transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; -webkit-backface-visibility: hidden; text-decoration: none; display: none; } .page-goods .goods-nav .right .notification.show { display: block; } .page-goods .goods-nav .right .notification:hover { color: #FFF; } .page-goods .goods-nav .right .notification .bell { margin-left: 14px; display: inline-block; vertical-align: middle; height: 20px; width: 16px; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2220%22%20viewBox%3D%220%200%2016%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Eic_notifications_none_24px%3C%2Ftitle%3E%3Cpath%20d%3D%22M8%2020c1.1%200%202-.9%202-2H6c0%201.1.9%202%202%202zm6-6V9c0-3.07-1.63-5.64-4.5-6.32V2C9.5%201.17%208.83.5%208%20.5S6.5%201.17%206.5%202v.68C3.64%203.36%202%205.92%202%209v5l-2%202v1h16v-1l-2-2zm-2%201H4V9c0-2.48%201.51-4.5%204-4.5s4%202.02%204%204.5v6z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E"); } .page-goods .goods-header { margin-bottom: 40px; } @media (max-width: 768px) { .page-goods .goods-header { margin-top: 40px; } } .page-goods .goods-header .container { border-top: 1px solid #252525; border-bottom: 1px solid #252525; padding: 70px 0 55px 0; text-align: center; max-width: 1250px; width: 90%; } .page-goods .goods-header .container .title { font-family: 'MADE Outer Sans', sans-serif; font-weight: 700; font-size: 2.9375em; letter-spacing: 1.04px; text-align: center; line-height: 1.5; width: 100%; max-width: 900px; margin: 0 auto; } @media (max-width: 600px) { .page-goods .goods-header .container .title { font-size: 1.625em; line-height: 1.2; } } .page-goods .goods-header .container .subtitle { width: 100%; max-width: 860px; margin: 20px auto 0 auto; font-size: 0.8125em; letter-spacing: 0; line-height: 16px; text-align: center; color: #A7A7A7; } @media (max-width: 600px) { .page-goods .goods-header .container .subtitle { margin-top: 40px; } } .page-goods .goods-header .container .subtitle a { display: inline-block; vertical-align: middle; color: #FFF; text-decoration: none; border-bottom: 1px solid transparent; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; } .page-goods .goods-header .container .subtitle a:hover { border-bottom: 1px solid #FFF; } .page-goods .goods-results { padding-bottom: 100px; } .page-goods .goods-results .container { max-width: 1250px; width: 90%; } .page-goods .goods-results .gr-header-bar { display: flex; justify-content: space-between; margin-bottom: 30px; align-items: center; } .page-goods .goods-results .gr-header-bar .display-options { width: 100px; text-align: right; align-items: center; } .page-goods .goods-results .gr-header-bar .display-options .opt { display: inline-block; height: 29px; width: 29px; vertical-align: middle; margin-left: 5px; opacity: 0.3; -ms-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; -webkit-backface-visibility: hidden; } .page-goods .goods-results .gr-header-bar .display-options .opt.active, .page-goods .goods-results .gr-header-bar .display-options .opt:hover { opacity: 1; } .page-goods .goods-results .gr-header-bar .display-options .opt.list { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2229%22%20height%3D%2229%22%20viewBox%3D%220%200%2029%2029%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGroup%205%3C%2Ftitle%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20stroke%3D%22%23FFF%22%20d%3D%22M.5.5h28v28H.5z%22%2F%3E%3Cpath%20stroke%3D%22%23F8E71C%22%20d%3D%22M7.5%207.5h14v9h-14zM7.5%2019.5h14v2h-14z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .page-goods .goods-results .gr-header-bar .display-options .opt.grid { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2229%22%20height%3D%2229%22%20viewBox%3D%220%200%2029%2029%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGroup%203%3C%2Ftitle%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20stroke%3D%22%23FFF%22%20d%3D%22M.5.5h28v28H.5z%22%2F%3E%3Cpath%20fill%3D%22%23F8E71C%22%20d%3D%22M7%207h3v3H7zM7%2013h3v3H7zM7%2019h3v3H7zM13%207h3v3h-3zM13%2013h3v3h-3zM13%2019h3v3h-3zM19%207h3v3h-3zM19%2013h3v3h-3zM19%2019h3v3h-3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .page-goods-category .goods-results .gr-header-bar { flex-wrap: wrap; padding: 40px 0 15px 0; align-items: center; position: relative; } .page-goods-category .goods-results .gr-header-bar .category-back { background-position: left center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%2218%22%20viewBox%3D%220%200%2011%2018%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EStroke%201%20Copy%202%3C%2Ftitle%3E%3Cpath%20d%3D%22M3.343%209.278l7.071%207.071L9%2017.763.515%209.278%209%20.793l1.414%201.414z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E"); font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 700; font-size: 0.75em; text-transform: uppercase; color: #FFF; letter-spacing: 1.85px; text-align: center; padding-left: 20px; height: 20px; display: block; position: absolute; top: 41px; line-height: 20px; text-decoration: none; cursor: pointer; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; } @media (max-width: 600px) { .page-goods-category .goods-results .gr-header-bar .category-back { position: relative; width: 100%; top: auto; text-align: left; margin-bottom: 30px; } } .page-goods-category .goods-results .gr-header-bar .category-back:hover { color: #F8E71C; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%2218%22%20viewBox%3D%220%200%2011%2018%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EStroke%201%20Copy%202%3C%2Ftitle%3E%3Cpath%20d%3D%22M3.343%209.278l7.071%207.071L9%2017.763.515%209.278%209%20.793l1.414%201.414z%22%20fill%3D%22%23F8E71C%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E"); } .page-goods-category .goods-results .gr-header-bar .category-title { width: 100%; text-align: center; font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 500; font-size: 1.375em; margin-bottom: 40px; } .page-goods-category .goods-results .gr-header-bar .display-options { text-align: left; } .page-goods-category .goods-results .gr-header-bar .share { font-size: 1.25em; } .page-goods-category .goods-results .gr-header-bar .share span, .page-goods-category .goods-results .gr-header-bar .share a { margin-right: 10px; } .page-single-post { padding: 170px 0 0 0; } @media (max-width: 1023px) { .page-single-post { padding: 100px 0 0 0; } } .page-single-post .p-header { display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 20px; } .page-single-post .p-header .flex { width: 90%; max-width: 1085px; position: relative; display: flex; flex-wrap: wrap; } .page-single-post .p-header .p-date { position: absolute; text-align: right; font-family: 'MADE Outer Sans', sans-serif; font-weight: 700; font-size: 3.4375em; line-height: 60px; color: transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #FFF; letter-spacing: 5px; z-index: 5; transform-origin: 100% 100%; -ms-transform: translate(calc(-100% + 30px), 0) rotate(-90deg); -webkit-transform: translate(calc(-100% + 30px), 0) rotate(-90deg); -moz-transform: translate(calc(-100% + 30px), 0) rotate(-90deg); -o-transform: translate(calc(-100% + 30px), 0) rotate(-90deg); transform: translate(calc(-100% + 30px), 0) rotate(-90deg); } @media (max-width: 1023px) { .page-single-post .p-header .p-date { font-size: 2.5em; line-height: 40px; -ms-transform: translate(calc(-100% + 20px), 0) rotate(-90deg); -webkit-transform: translate(calc(-100% + 20px), 0) rotate(-90deg); -moz-transform: translate(calc(-100% + 20px), 0) rotate(-90deg); -o-transform: translate(calc(-100% + 20px), 0) rotate(-90deg); transform: translate(calc(-100% + 20px), 0) rotate(-90deg); } } @media (max-width: 767px) { .page-single-post .p-header .p-date { font-size: 1.5625em; line-height: 30px; -webkit-text-stroke-width: 1px; -ms-transform: translate(calc(-100% + 15px), -20px) rotate(-90deg); -webkit-transform: translate(calc(-100% + 15px), -20px) rotate(-90deg); -moz-transform: translate(calc(-100% + 15px), -20px) rotate(-90deg); -o-transform: translate(calc(-100% + 15px), -20px) rotate(-90deg); transform: translate(calc(-100% + 15px), -20px) rotate(-90deg); } } .page-single-post .p-header .p-image { position: relative; width: 100%; margin-bottom: 21px; } .page-single-post .p-header .p-image:before { display: block; content: ""; width: 100%; padding-top: 51.6129032258%; } .page-single-post .p-header .p-image.has-video:hover img { opacity: 0.8; } .page-single-post .p-header .p-image .video-background { border-radius: 17px; } .page-single-post .p-header .p-image .p-video-button { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; z-index: 5; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2270%22%20height%3D%2270%22%20viewBox%3D%220%200%2070%2070%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EPlay%20-%20Video%3C%2Ftitle%3E%3Cg%20transform%3D%22translate(2%202)%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20stroke%3D%22%23FFF%22%20stroke-width%3D%224%22%20cx%3D%2233%22%20cy%3D%2233%22%20r%3D%2233%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M46.5%2033L27%2046.5v-27z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @media (max-width: 767px) { .page-single-post .p-header .p-image .p-video-button { background-size: 50px 50px; } } .page-single-post .p-header .p-image img { border-radius: 17px; bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; object-fit: cover; -ms-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; } .page-single-post .p-header .p-image .p-barcode { position: relative; position: absolute; right: -15px; bottom: -18px; z-index: 5; width: 151px; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22184%22%20height%3D%2245%22%20viewBox%3D%220%200%20184%2045%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGroup%2039%3C%2Ftitle%3E%3Cg%20fill%3D%22%23FEFEFE%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M0%2044.988h4.415V0H0zM5.52%2044.988h1.208V0H5.52zM23.184%2044.988h1.208V0h-1.208zM25.392%2044.988H26.6V0h-1.208zM8.832%2044.988h5.279V0H8.832zM16.56%2044.988h5.279V0H16.56zM28.705%2044.988h5.279V0h-5.279zM35.329%2044.988h6.244V0h-6.244zM43.056%2044.988h.725V0h-.725zM45.265%2044.988h.724V0h-.724zM48.577%2044.988h.724V0h-.724zM50.784%2044.988h2.208V0h-2.208zM54.096%2044.988h2.209V0h-2.209zM57.408%2044.988h5.693V0h-5.693zM66.241%2044.988h1.38V0h-1.38zM71.761%2044.988h1.38V0h-1.38zM73.968%2044.988h2.829V0h-2.829zM81.697%2044.988h5.554V0h-5.554zM90.528%2044.988h2.209V0h-2.209zM93.84%2044.988h3.312V0H93.84zM98.257%2044.988h3.312V0h-3.312zM107.088%2044.988h.69V0h-.69zM109.297%2044.988h.689V0h-.689zM111.505%2044.988h.69V0h-.69zM114.817%2044.988h4.071V0h-4.071zM120.336%2044.988h1.242V0h-1.242zM123.648%2044.988h5.692V0h-5.692zM130.272%2044.988h5.693V0h-5.693zM138.001%2044.988h1.518V0h-1.518zM141.313%2044.988h2.864V0h-2.864zM147.937%2044.988h1.138V0h-1.138zM151.249%2044.988h4.865V0h-4.865zM156.769%2044.988h1.207V0h-1.207zM158.977%2044.988h1.208V0h-1.208zM163.393%2044.988h3.587V0h-3.587zM171.638%2044.988h4.761V0h-4.761zM177.159%2044.988h1.483V0h-1.483zM179.366%2044.988h3.864V0h-3.864z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .page-single-post .p-header .p-image .p-barcode:before { display: block; content: ""; width: 100%; padding-top: 24.4565217391%; } @media (max-width: 767px) { .page-single-post .p-header .p-image .p-barcode { right: -8px; bottom: -10px; z-index: 5; width: 100px; } } .page-single-post .p-header .p-share { display: inline-flex; margin: 0 24px 0 0; } .page-single-post .p-header .p-share .share-link { height: 36px; width: 36px; display: flex; justify-content: center; align-items: center; border: 2px solid #FFF; color: #FFF; border-radius: 50%; text-decoration: none; font-size: 1.0625em; margin: 0 9px 0 0; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; } .page-single-post .p-header .p-share .share-link:hover { background-color: #FFF; color: #191919; } .page-single-post .p-header .p-type { display: inline-flex; min-height: 36px; align-items: center; } .page-single-post .p-header .p-type .t-title { font-family: 'MADE Outer Sans', sans-serif; font-size: 0.6875em; color: #FFF; letter-spacing: 2px; text-transform: uppercase; margin-right: 23px; } .page-single-post .p-header .p-type .t-terms { font-family: 'Eingrantch', sans-serif; font-size: 0.875em; color: #FFFF; letter-spacing: 0.88px; } .page-single-post .p-header .p-type .t-terms span { display: inline-block; margin-bottom: 4px; } .page-single-post .p-content { display: flex; justify-content: center; flex-wrap: wrap; color: #FFF; margin-bottom: 80px; } @media (max-width: 767px) { .page-single-post .p-content { margin-bottom: 60px; } } .page-single-post .p-content .flex { width: 90%; max-width: 1085px; position: relative; display: flex; flex-wrap: wrap; padding: 0 80px; } @media (max-width: 767px) { .page-single-post .p-content .flex { padding: 0; } } .page-single-post .p-content .p-meta { margin-bottom: 38px; } .page-single-post .p-content .p-meta .p-title { font-family: 'MADE Outer Sans', sans-serif; font-weight: 700; font-size: 3.4375em; letter-spacing: 5px; margin-bottom: 28px; line-height: 1.2; } @media (max-width: 1023px) { .page-single-post .p-content .p-meta .p-title { font-size: 2.5em; letter-spacing: 2px; } } @media (max-width: 767px) { .page-single-post .p-content .p-meta .p-title { font-size: 1.875em; } } .page-single-post .p-content .p-meta .p-author { font-family: 'MADE Outer Sans', sans-serif; font-size: 1.0625em; letter-spacing: 1.06px; } .page-single-post .p-content .p-tldr.content { border-top: 1px solid #343434; border-bottom: 1px solid #343434; padding: 40px 0 40px 0; color: #FFF; font-family: 'MADE Outer Sans', sans-serif; font-size: 1.375em; letter-spacing: 0; line-height: 1.6; margin-bottom: 65px; width: 100%; } @media (max-width: 767px) { .page-single-post .p-content .p-tldr.content { width: 100%; -ms-transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); padding: 50px 0; } } .page-single-post .p-content .p-tldr.content:before { content: 'TL;DR'; font-size: 0.75em; font-weight: 700; position: absolute; -ms-transform: translate(-175%, 15%); -webkit-transform: translate(-175%, 15%); -moz-transform: translate(-175%, 15%); -o-transform: translate(-175%, 15%); transform: translate(-175%, 15%); } @media (max-width: 1023px) { .page-single-post .p-content .p-tldr.content:before { font-size: 0.625em; } } @media (max-width: 767px) { .page-single-post .p-content .p-tldr.content:before { position: relative; display: block; -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); margin-bottom: 20px; } } .page-single-post .p-content .p-tldr.content p:last-of-type { margin: 0; } .page-single-post .p-content .p-block.text.content { position: relative; font-family: 'Eingrantch', sans-serif; font-size: 1em; color: #FFF; letter-spacing: 1px; line-height: 1.7; padding: 0 35% 10px 0; } @media (max-width: 1023px) { .page-single-post .p-content .p-block.text.content { padding: 0 0 10px 0; } } .page-single-post .p-content .p-block.text.content .badge { position: absolute; top: 0; right: 0; } @media (max-width: 1023px) { .page-single-post .p-content .p-block.text.content .badge { display: none; } } .page-single-post .p-content .p-block.text.content p { margin: 0 0 40px 0; } .page-single-post .p-content .p-block.text.content strong { color: #FFF; font-weight: 700; } .page-single-post .p-content .p-block.image { width: calc(100% + (80px * 2)); margin: 0 -80px 30px -80px; } @media (max-width: 767px) { .page-single-post .p-content .p-block.image { width: 100%; margin: 0 0 30px 0; } } .page-single-post .p-content .p-block.image img { width: 100%; height: auto; display: block; border-radius: 17px; } .page-single-post .p-content .p-block.image .p-image-caption { text-align: right; font-family: 'MADE Outer Sans', sans-serif; font-size: 0.875em; letter-spacing: 0.88px; margin-top: 24px; } .page-single-post .p-content .p-block.download { padding: 0 0 40px 0; } .page-single-post .p-related { background-color: #000; padding: 100px 0 200px 0; display: flex; justify-content: center; flex-wrap: wrap; color: #FFF; } @media (max-width: 600px) { .page-single-post .p-related { padding: 80px 0 150px 0; } } .page-single-post .p-related .flex { width: 90%; max-width: 930px; position: relative; } .page-single-post .p-related .pr-section-title { font-family: 'Eingrantch', sans-serif; font-size: 0.875em; letter-spacing: 0.16px; margin-bottom: 35px; } .page-single-post .p-related .pr-list { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } .page-single-post .p-related .pr-list .pr-post { width: 47.5%; position: relative; } @media (max-width: 767px) { .page-single-post .p-related .pr-list .pr-post { width: 100%; margin-bottom: 30px; } } .page-single-post .p-related .pr-list .pr-post:hover .pr-image img { -ms-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } .page-single-post .p-related .pr-list .pr-post .pr-image { overflow: hidden; position: relative; margin-bottom: 24px; border-radius: 3px; } .page-single-post .p-related .pr-list .pr-post .pr-image:before { display: block; content: ""; width: 100%; padding-top: 56.6893424036%; } .page-single-post .p-related .pr-list .pr-post .pr-image img { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; object-fit: cover; -ms-transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-backface-visibility: hidden; } .page-single-post .p-related .pr-list .pr-post .pr-title { font-family: 'MADE Outer Sans', sans-serif; font-weight: 700; letter-spacing: 1.45px; line-height: 1.4; } .page-single-post .p-related .pr-list .pr-post .pr-link { display: block; bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .page-single-case { padding: 170px 0 0 0; } @media (max-width: 1023px) { .page-single-case { padding: 100px 0 0 0; } } .page-single-case .p-header { display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 20px; } @media (max-width: 767px) { .page-single-case .p-header { margin-bottom: 40px; } } .page-single-case .p-header .flex { width: 80%; max-width: 1085px; position: relative; display: flex; flex-wrap: wrap; } @media (max-width: 1023px) { .page-single-case .p-header .flex { width: 90%; } } .page-single-case .p-header .p-title { font-family: 'MADE Outer Sans', sans-serif; font-weight: 700; font-size: 3.4375em; color: transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #FFF; text-shadow: 0 18px 0 #FFF; letter-spacing: 5px; z-index: 5; -ms-transform: translate(-46px, -39px); -webkit-transform: translate(-46px, -39px); -moz-transform: translate(-46px, -39px); -o-transform: translate(-46px, -39px); transform: translate(-46px, -39px); } @media (max-width: 1023px) { .page-single-case .p-header .p-title { -ms-transform: translate(-20px, -39px); -webkit-transform: translate(-20px, -39px); -moz-transform: translate(-20px, -39px); -o-transform: translate(-20px, -39px); transform: translate(-20px, -39px); } } @media (max-width: 767px) { .page-single-case .p-header .p-title { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); font-size: 2.1875em; -webkit-text-stroke-width: 1px; text-shadow: -3px 5px 0 #FFF; letter-spacing: 3px; margin-top: -10px; } } .page-single-case .p-header .p-image { position: relative; width: 100%; } .page-single-case .p-header .p-image:before { display: block; content: ""; width: 100%; padding-top: 51.6129032258%; } .page-single-case .p-header .p-image img { border-radius: 17px; bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .page-single-case .p-content { display: flex; justify-content: center; flex-wrap: wrap; color: #FFF; margin-bottom: 170px; } @media (max-width: 1023px) { .page-single-case .p-content { margin-bottom: 100px; } } .page-single-case .p-content .flex { width: 90%; max-width: 1085px; position: relative; display: flex; flex-wrap: wrap; padding: 0 160px; } @media (max-width: 1023px) { .page-single-case .p-content .flex { padding: 0 80px; } } @media (max-width: 767px) { .page-single-case .p-content .flex { padding: 0 20px; } } .page-single-case .p-content .p-overview.content { color: #FFF; font-family: 'MADE Outer Sans', sans-serif; font-size: 1.375em; letter-spacing: 0; line-height: 1.6; } @media (max-width: 767px) { .page-single-case .p-content .p-overview.content { width: calc(100% - 20px); -ms-transform: translateX(20px); -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } } .page-single-case .p-content .p-overview.content:before { content: 'Overview'; text-align: right; font-size: 0.6875em; font-weight: 700; line-height: 20px; position: absolute; transform-origin: 100% 100%; -ms-transform: translate(calc(-100% - 60px), -10px) rotate(-90deg); -webkit-transform: translate(calc(-100% - 60px), -10px) rotate(-90deg); -moz-transform: translate(calc(-100% - 60px), -10px) rotate(-90deg); -o-transform: translate(calc(-100% - 60px), -10px) rotate(-90deg); transform: translate(calc(-100% - 60px), -10px) rotate(-90deg); } @media (max-width: 767px) { .page-single-case .p-content .p-overview.content:before { -ms-transform: translate(calc(-100% - 20px), -10px) rotate(-90deg); -webkit-transform: translate(calc(-100% - 20px), -10px) rotate(-90deg); -moz-transform: translate(calc(-100% - 20px), -10px) rotate(-90deg); -o-transform: translate(calc(-100% - 20px), -10px) rotate(-90deg); transform: translate(calc(-100% - 20px), -10px) rotate(-90deg); } } .page-single-case .p-content .p-overview.content p:last-of-type { margin: 0; } .page-single-case .p-content .p-block.text.content { position: relative; font-family: 'Eingrantch', sans-serif; font-size: 1em; color: #FFF; letter-spacing: 1px; line-height: 1.7; padding: 50px 0 50px 0; } .page-single-case .p-content .p-block.text.content .badge { position: absolute; top: 0; right: 0; } .page-single-case .p-content .p-block.text.content p { margin: 0 0 40px 0; } .page-single-case .p-content .p-block.text.content strong { color: #FFF; font-weight: 700; } .page-single-case .p-content .p-block.image { width: calc(100% + (160px * 2)); margin: 0 -160px; } @media (max-width: 1023px) { .page-single-case .p-content .p-block.image { width: calc(100% + (80px * 2)); margin: 0 -80px; } } @media (max-width: 767px) { .page-single-case .p-content .p-block.image { width: calc(100% + (20px * 2)); margin: 0 -20px; } } .page-single-case .p-content .p-block.image.round-top img { border-radius: 17px 17px 0 0; } .page-single-case .p-content .p-block.image.round-bottom img { border-radius: 0 0 17px 17px; } .page-single-case .p-content .p-block.image img { width: 100%; height: auto; display: block; } .page-single-case .p-content .p-block.image .p-image-caption { text-align: right; font-family: 'MADE Outer Sans', sans-serif; font-size: 0.875em; letter-spacing: 0.88px; margin-top: 24px; } .page-single-case .p-related { background-color: #000; padding: 100px 0 200px 0; display: flex; justify-content: center; flex-wrap: wrap; color: #FFF; } @media (max-width: 600px) { .page-single-case .p-related { padding: 80px 0 150px 0; } } .page-single-case .p-related .flex { width: 90%; max-width: 930px; position: relative; } .page-single-case .p-related .pr-section-title { font-family: 'Eingrantch', sans-serif; font-size: 0.875em; letter-spacing: 0.16px; margin-bottom: 35px; } .page-single-case .p-related .pr-list { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } .page-single-case .p-related .pr-list .pr-post { width: 47.5%; position: relative; } @media (max-width: 767px) { .page-single-case .p-related .pr-list .pr-post { width: 100%; margin-bottom: 30px; } } .page-single-case .p-related .pr-list .pr-post:hover .pr-image img { -ms-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } .page-single-case .p-related .pr-list .pr-post .pr-image { overflow: hidden; position: relative; margin-bottom: 24px; border-radius: 3px; } .page-single-case .p-related .pr-list .pr-post .pr-image:before { display: block; content: ""; width: 100%; padding-top: 56.6893424036%; } .page-single-case .p-related .pr-list .pr-post .pr-image img { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; object-fit: cover; -ms-transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-backface-visibility: hidden; } .page-single-case .p-related .pr-list .pr-post .pr-title { font-family: 'MADE Outer Sans', sans-serif; font-weight: 700; letter-spacing: 1.45px; line-height: 1.4; } .page-single-case .p-related .pr-list .pr-post .pr-link { display: block; bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .page-single-project { padding: 100px 0; } .page-single-project .popup-nav, .page-single-project .p-back { display: none; } .page-single-project .p-media-swiper-fraction { align-self: flex-end; height: 20px; line-height: 20px; width: 40px; color: #000; background-color: #F8E71C; border-radius: 40px; font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 500; font-size: 0.75em; letter-spacing: 1px; text-align: center; } .page-single-project .p-media-swiper-pagination.swiper-pagination-bullets { bottom: 20px; } .page-single-project .p-media-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { cursor: pointer; display: inline-block; height: 8px; width: 8px; background-color: #FFF; border: 1.5px solid #000; opacity: 1; margin: 0 2px; -ms-transition: background-color 0.3s, border-color 0.3s; -webkit-transition: background-color 0.3s, border-color 0.3s; -moz-transition: background-color 0.3s, border-color 0.3s; -o-transition: background-color 0.3s, border-color 0.3s; transition: background-color 0.3s, border-color 0.3s; -webkit-backface-visibility: hidden; } .page-single-project .p-media-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:hover, .page-single-project .p-media-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #000; border-color: #FFF; } .page-single-project .swiper-nav-container { position: relative; } .page-single-project .p-media-swiper-prev, .page-single-project .p-media-swiper-next { display: block; top: 50%; width: 50px; height: 50px; position: absolute; overflow: hidden; text-indent: 105%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); white-space: nowrap; background-position: center center; background-repeat: no-repeat; cursor: pointer; pointer-events: auto; opacity: 0.3; -ms-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; } @media (max-width: 600px) { .page-single-project .p-media-swiper-prev, .page-single-project .p-media-swiper-next { display: none; } } .page-single-project .p-media-swiper-prev:hover, .page-single-project .p-media-swiper-next:hover { opacity: 1; } .page-single-project .p-media-swiper-prev { left: -90px; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2237%22%20viewBox%3D%220%200%2020%2037%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EPage%201%20Copy%202%3C%2Ftitle%3E%3Cpath%20d%3D%22M3.65%2018.5l16.264%2016.263-1.414%201.415L.822%2018.5%2018.5.822l1.414%201.415z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E"); } @media (max-width: 1023px) { .page-single-project .p-media-swiper-prev { left: -60px; } } .page-single-project .p-media-swiper-next { right: -90px; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2237%22%20viewBox%3D%220%200%2020%2037%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EPage%201%20Copy%202%3C%2Ftitle%3E%3Cpath%20d%3D%22M16.35%2018.5L.085%202.237%201.5.822%2019.178%2018.5%201.5%2036.178.086%2034.763z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E"); } @media (max-width: 1023px) { .page-single-project .p-media-swiper-next { right: -60px; } } .page-single-project .swiper-slide { width: 100% !important; } .page-single-project .p-media-aspect { position: relative; width: 100%; } .page-single-project .p-media-aspect:before { display: block; content: ""; width: 100%; padding-top: 56.25%; } @media (max-width: 600px) { .page-single-project .p-media-aspect { position: relative; } .page-single-project .p-media-aspect:before { display: block; content: ""; width: 100%; padding-top: 100%; } } .page-single-project .p-media-aspect img { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .page-single-project .p-media-video-aspect { position: relative; width: 100%; } .page-single-project .p-media-video-aspect:before { display: block; content: ""; width: 100%; padding-top: 56.25%; } .page-single-project .p-media-video-aspect iframe { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; } .page-single-project .p-title { font-family: 'MADE Outer Sans', sans-serif; font-size: 1.375em; letter-spacing: 0.5px; } .page-single-project .p-subtitle { font-size: 0.6875em; color: #A7A7A7; letter-spacing: 0.92px; margin-top: 8px; text-transform: uppercase; font-family: 'Eingrantch', sans-serif; } @media (max-width: 600px) { .page-single-project .p-subtitle { margin-top: 15px; } } .page-single-project .p-description { font-size: 0.875em; color: #A7A7A7; line-height: 23px; } .page-single-project .flex { display: flex; flex-wrap: wrap; align-items: center; } .page-single-project .flex.flex-top { position: absolute; margin-bottom: 30px; z-index: 10; width: 100%; padding-top: 10px; padding-right: 10px; } @media (max-width: 600px) { .page-single-project .flex.flex-top { margin-bottom: 40px; } } .page-single-project .flex.flex-top .right { align-self: flex-end; margin-left: auto; } .page-single-project .flex.flex-bottom { align-items: flex-start; margin-top: 30px; } .page-single-project .flex.flex-bottom .left { width: 35%; } @media (max-width: 600px) { .page-single-project .flex.flex-bottom .left { width: 100%; margin-bottom: 30px; } } .page-single-project .flex.flex-bottom .right { width: 55%; } @media (max-width: 600px) { .page-single-project .flex.flex-bottom .right { width: 100%; } } .page-single-good { padding: 100px 0; } .page-single-good .popup-nav { left: 0; top: 0; position: fixed; pointer-events: none; display: flex; height: 100vh; width: 100vw; justify-content: center; z-index: 20; } @media (max-width: 600px) { .page-single-good .popup-nav { display: none; } } .page-single-good .popup-nav .popup-nav-container { width: 90%; height: 50px; max-width: 1250px; pointer-events: none; position: relative; margin-top: 23vw; } @media (max-width: 1650px) { .page-single-good .popup-nav .popup-nav-container { margin-top: 25vw; } } @media (max-width: 1400px) { .page-single-good .popup-nav .popup-nav-container { margin-top: 30vw; } } @media (max-width: 1100px) { .page-single-good .popup-nav .popup-nav-container { margin-top: 32vw; } } .page-single-good .popup-nav .popup-previous, .page-single-good .popup-nav .popup-next { display: block; width: 50px; height: 50px; position: absolute; overflow: hidden; text-indent: 105%; white-space: nowrap; background-position: center center; background-repeat: no-repeat; cursor: pointer; pointer-events: auto; opacity: 0.3; -ms-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; } .page-single-good .popup-nav .popup-previous:hover, .page-single-good .popup-nav .popup-next:hover { opacity: 1; } .page-single-good .popup-nav .popup-previous { left: -90px; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2237%22%20viewBox%3D%220%200%2020%2037%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EPage%201%20Copy%202%3C%2Ftitle%3E%3Cpath%20d%3D%22M3.65%2018.5l16.264%2016.263-1.414%201.415L.822%2018.5%2018.5.822l1.414%201.415z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E"); } @media (max-width: 1023px) { .page-single-good .popup-nav .popup-previous { left: -60px; } } .page-single-good .popup-nav .popup-next { right: -90px; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2237%22%20viewBox%3D%220%200%2020%2037%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EPage%201%20Copy%202%3C%2Ftitle%3E%3Cpath%20d%3D%22M16.35%2018.5L.085%202.237%201.5.822%2019.178%2018.5%201.5%2036.178.086%2034.763z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E"); } @media (max-width: 1023px) { .page-single-good .popup-nav .popup-next { right: -60px; } } .page-single-good .g-popup-content { position: relative; z-index: 1; min-height: 200px; } .page-single-good .good-popup-content { background-color: #191919; } .page-single-good .swiper-slide { width: 100% !important; height: 100%; } .page-single-good .g-media-swiper-pagination.swiper-pagination-bullets { position: absolute; bottom: auto; margin-top: 34px; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 20; } @media (max-width: 600px) { .page-single-good .g-media-swiper-pagination.swiper-pagination-bullets { position: relative; margin-top: 30px; } } .page-single-good .g-media-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { cursor: pointer; display: inline-block; height: 8px; width: 8px; background-color: #FFF; opacity: 1; margin: 0 3px; -ms-transition: background-color 0.3s, border-color 0.3s; -webkit-transition: background-color 0.3s, border-color 0.3s; -moz-transition: background-color 0.3s, border-color 0.3s; -o-transition: background-color 0.3s, border-color 0.3s; transition: background-color 0.3s, border-color 0.3s; -webkit-backface-visibility: hidden; } .page-single-good .g-media-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:hover, .page-single-good .g-media-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #F8E71C; } .page-single-good .swiper-nav-container { position: relative; } .page-single-good .g-media-swiper-prev, .page-single-good .g-media-swiper-next { display: block; top: 50%; width: 50px; height: 50px; position: absolute; overflow: hidden; text-indent: 105%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); white-space: nowrap; background-position: center center; background-repeat: no-repeat; cursor: pointer; pointer-events: auto; opacity: 0.3; -ms-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; } @media (max-width: 600px) { .page-single-good .g-media-swiper-prev, .page-single-good .g-media-swiper-next { display: none; } } .page-single-good .g-media-swiper-prev:hover, .page-single-good .g-media-swiper-next:hover { opacity: 1; } .page-single-good .g-media-swiper-prev { left: -90px; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2237%22%20viewBox%3D%220%200%2020%2037%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EPage%201%20Copy%202%3C%2Ftitle%3E%3Cpath%20d%3D%22M3.65%2018.5l16.264%2016.263-1.414%201.415L.822%2018.5%2018.5.822l1.414%201.415z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E"); } @media (max-width: 1023px) { .page-single-good .g-media-swiper-prev { left: -60px; } } .page-single-good .g-media-swiper-next { right: -90px; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2237%22%20viewBox%3D%220%200%2020%2037%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EPage%201%20Copy%202%3C%2Ftitle%3E%3Cpath%20d%3D%22M16.35%2018.5L.085%202.237%201.5.822%2019.178%2018.5%201.5%2036.178.086%2034.763z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E"); } @media (max-width: 1023px) { .page-single-good .g-media-swiper-next { right: -60px; } } .page-single-good .g-media-aspect { position: relative; width: 100%; } .page-single-good .g-media-aspect:before { display: block; content: ""; width: 100%; padding-top: 56.25%; } .page-single-good .g-media-aspect img { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .page-single-good .g-media-video-aspect { position: relative; width: 100%; } .page-single-good .g-media-video-aspect:before { display: block; content: ""; width: 100%; padding-top: 56.25%; } .page-single-good .g-media-video-aspect iframe { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; } .page-single-good .g-title { font-family: 'MADE Outer Sans', sans-serif; font-size: 1.375em; letter-spacing: 0.5px; } .page-single-good .g-subtitle { font-size: 0.6875em; color: #A7A7A7; letter-spacing: 0.92px; margin-top: 8px; text-transform: uppercase; } .page-single-good .g-description { font-size: 0.875em; color: #A7A7A7; line-height: 23px; } .page-single-good .flex { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .page-single-good .flex.flex-bottom { align-items: flex-start; flex-wrap: wrap; margin-top: 30px; } .page-single-good .flex.flex-bottom .left { width: 45%; } .page-single-good .flex.flex-bottom .right { width: 45%; text-align: right; } .page-single-good .flex.flex-bottom .copyright { width: 100%; display: none; } .page-single-good .flex.flex-bottom .copyright .padding { margin-top: 20px; background-color: #222; color: #AAA; padding: 40px; font-size: 0.9375em; } @media (max-width: 600px) { .page-single-good .flex.flex-bottom .copyright .padding { padding: 20px; } } .page-single-good .flex.flex-bottom .copyright .padding p:last-of-type { margin-bottom: 0; } .page-single-good .flex.flex-bottom .download { margin-top: 56px; width: 100%; text-align: center; } .page-single-good .share { font-size: 1.25em; } .page-single-good .share span { margin-right: 10px; } .page-single-good .copyright-trigger { text-align: right; font-family: 'MADE Outer Sans', sans-serif; font-size: 0.875em; color: #A7A7A7; -ms-transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; -webkit-backface-visibility: hidden; cursor: pointer; } .page-single-good .copyright-trigger:hover, .page-single-good .copyright-trigger.active { color: #FFF; } .page-single-good .copyright-trigger .icon { display: inline-block; vertical-align: middle; margin-left: 10px; width: 26px; height: 26px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Eic_info_outline_24px%3C%2Ftitle%3E%3Cpath%20d%3D%22M11.7%2019.5h2.6v-7.8h-2.6v7.8zM13%200C5.824%200%200%205.824%200%2013s5.824%2013%2013%2013%2013-5.824%2013-13S20.176%200%2013%200zm0%2023.4C7.267%2023.4%202.6%2018.733%202.6%2013%202.6%207.267%207.267%202.6%2013%202.6c5.733%200%2010.4%204.667%2010.4%2010.4%200%205.733-4.667%2010.4-10.4%2010.4zM11.7%209.1h2.6V6.5h-2.6v2.6z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E"); } .page-single-good .btn-download { display: inline-block; background: #F8E71C; border-radius: 40px; font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 700; font-size: 0.875em; color: #000; letter-spacing: 1px; text-align: center; padding: 13px 30px; text-transform: uppercase; text-decoration: none; width: 220px; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; } .page-single-good .btn-download:hover { background-color: #FFF; } .page-general { padding: 100px 0; background-color: #FFF; } @media (max-width: 768px) { .page-general { padding: 60px 0; } } .page-general .container { width: 90%; max-width: 1000px; } .page-general .rocket-back { font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 500; color: #999; display: block; border-bottom: 1px solid #999; margin-bottom: 40px; padding-bottom: 10px; text-decoration: none; } .page-general .rocket-back:hover { color: #000; text-decoration: none; } .page-general .rocket-back.bottom { border-top: 1px solid #999; margin-top: 40px; padding-top: 10px; border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .page-links .section-title { font-family: 'Eingrantch', sans-serif; font-size: 0.875em; color: #FFF; letter-spacing: 0.64px; margin: 0 0 40px 180px; } @media (max-width: 767px) { .page-links .section-title { margin-left: 0; } } .page-links .links { display: flex; justify-content: center; position: relative; z-index: 1; width: 100%; } .page-links .links .flex { width: 90%; max-width: 1000px; border-radius: 0; padding: 225px 0 150px 0; position: relative; } @media (max-width: 1200px) { .page-links .links .flex { padding: 150px 0 150px 0; } } @media (max-width: 767px) { .page-links .links .flex { padding: 120px 0 150px 0; } } .shared-link { position: relative; display: flex; margin-bottom: 60px; align-items: flex-start; width: 100%; } .shared-link .l-link { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; display: block; } .shared-link .l-image { position: relative; border-radius: 17px; width: 125px; margin: 10px 55px 0 0; overflow: hidden; } .shared-link .l-image:before { display: block; content: ""; width: 100%; padding-top: 100%; } @media (max-width: 767px) { .shared-link .l-image { width: 80px; border-radius: 10px; margin: 5px 20px 0 0; } } .shared-link .l-image .l-fade { display: block; bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, 0.62) 94%); z-index: 2; } .shared-link .l-image img { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; } .shared-link .l-details { width: calc(100% - (125px + 55px)); } @media (max-width: 767px) { .shared-link .l-details { width: calc(100% - (80px + 20px)); } } .shared-link .l-details .l-title { font-family: 'MADE Outer Sans', sans-serif; font-weight: 700; font-size: 1.875em; color: #FFF; margin-bottom: 15px; line-height: 1.3; } @media (max-width: 1023px) { .shared-link .l-details .l-title { font-size: 1.5625em; } } @media (max-width: 767px) { .shared-link .l-details .l-title { font-size: 1.125em; } } .shared-link .l-details .l-subtitle { font-family: 'MADE Outer Sans', sans-serif; color: #F8E71C; letter-spacing: 0.73px; line-height: 1.2; } @media (max-width: 767px) { .shared-link .l-details .l-subtitle { font-size: 0.875em; } } .page-template-page-landing-branding { background-color: #000; } .page-template-page-landing-branding .panel-start .header .h-button, .page-template-page-landing-branding .panel-start .header .h-arrow { display: none; } .page-template-page-landing-branding .panel-start .contact-form-close { display: none; } .page-template-page-landing-branding .panel-start .blocks, .page-template-page-landing-branding .panel-start .pricing, .page-template-page-landing-branding .panel-start .footer { display: none; } .page-landing-branding .header { display: flex; justify-content: center; flex-wrap: wrap; padding: 150px 0 120px 0; } @media (min-width: 2201px) { .page-landing-branding .header { justify-content: space-between; padding: 150px 7% 120px 7%; } } @media (max-width: 1023px) { .page-landing-branding .header { padding: 150px 0 80px 0; } } @media (max-width: 767px) { .page-landing-branding .header { padding: 100px 0 80px 0; } } .page-landing-branding .header .header-video { position: relative; width: 90%; max-width: 1174px; overflow: hidden; border-radius: 10px; background-color: #000000; margin-bottom: 75px; } .page-landing-branding .header .header-video:before { display: block; content: ""; width: 100%; padding-top: 49.957374254%; } @media (min-width: 2201px) { .page-landing-branding .header .header-video { width: 48%; margin: 0; } } @media (max-width: 1023px) { .page-landing-branding .header .header-video { margin-bottom: 60px; } } @media (max-width: 767px) { .page-landing-branding .header .header-video { margin-bottom: 40px; } } .page-landing-branding .header .header-video .header-video-image { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .page-landing-branding .header .header-video .video-background iframe { opacity: 1; } .page-landing-branding .header .header-video .header-video-fade { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(7, 9, 8, 0.74) 100%); } .page-landing-branding .header .header-video .header-video-play { position: absolute; top: 50%; left: 50%; height: 72px; width: 72px; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-size: contain; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2272%22%20height%3D%2272%22%20viewBox%3D%220%200%2072%2072%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGroup%203%20Copy%203%3C%2Ftitle%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20fill%3D%22%23F8E71C%22%20cx%3D%2236%22%20cy%3D%2236%22%20r%3D%2236%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M47%2035.5L30%2050V21z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); white-space: nowrap; overflow: hidden; text-indent: 100%; } @media (max-width: 767px) { .page-landing-branding .header .header-video .header-video-play { height: 48px; width: 48px; } } .page-landing-branding .header .header-video .header-video-play.mobile { display: none; } @media (max-width: 767px) { .page-landing-branding .header .header-video .header-video-play.mobile { display: block; } } .page-landing-branding .header .header-video .header-video-play.desktop { display: block; } @media (max-width: 767px) { .page-landing-branding .header .header-video .header-video-play.desktop { display: none; } } .page-landing-branding .header .header-details { width: 80%; max-width: 1050px; } @media (min-width: 2201px) { .page-landing-branding .header .header-details { width: 48%; padding-top: 30px; max-width: 100%; } } @media (max-width: 1023px) { .page-landing-branding .header .header-details { width: 90%; } } .page-landing-branding .header .header-details .title { font-family: 'MADE Outer Sans', sans-serif; font-weight: 700; font-size: 3.4375em; color: #FFFFFF; letter-spacing: 5px; max-width: 900px; width: 100%; line-height: 1.25; margin-bottom: 30px; } @media (min-width: 2201px) { .page-landing-branding .header .header-details .title { max-width: 100%; } } @media (max-width: 1023px) { .page-landing-branding .header .header-details .title { font-size: 2.5em; letter-spacing: 2px; } } @media (max-width: 767px) { .page-landing-branding .header .header-details .title { font-size: 1.625em; letter-spacing: 1px; } } .page-landing-branding .header .header-details .subtitle { font-family: 'MADE Outer Sans', sans-serif; font-size: 1.125em; color: #FFF; letter-spacing: 0; line-height: 1.7; max-width: 900px; width: 100%; margin-bottom: 50px; } @media (min-width: 2201px) { .page-landing-branding .header .header-details .subtitle { max-width: 100%; } } @media (max-width: 767px) { .page-landing-branding .header .header-details .subtitle { font-size: 1em; margin-bottom: 40px; } } .page-landing-branding .header .header-details .statement { font-family: 'MADE Outer Sans', sans-serif; font-size: 2.0625em; color: #FFFFFF; letter-spacing: 1px; line-height: 1.2; } .page-landing-branding .header .header-details .statement u { text-decoration: none; border-bottom: 4px solid #F8E71C; display: inline-block; padding-bottom: 5px; } @media (max-width: 1023px) { .page-landing-branding .header .header-details .statement { font-size: 1.75em; } } @media (max-width: 767px) { .page-landing-branding .header .header-details .statement { font-size: 1.25em; } } .page-landing-branding .branding { display: flex; justify-content: center; background-color: #D8D8D8; padding: 80px 0 100px 0; flex-wrap: wrap; } .page-landing-branding .branding .container { max-width: 90%; width: 90%; margin-left: 10%; } @media (min-width: 1860px) { .page-landing-branding .branding .container { max-width: 90%; width: 90%; margin: 0; } } @media (max-width: 1199px) { .page-landing-branding .branding .container { max-width: 95%; width: 95%; margin-left: 5%; } } .page-landing-branding .branding .kit-swiper-nav { width: 100%; display: flex; justify-content: center; margin-top: 54px; } .page-landing-branding .branding .kit-swiper-nav .kit-swiper-prev, .page-landing-branding .branding .kit-swiper-nav .kit-swiper-next { width: 44px; height: 44px; margin: 0 7px; cursor: pointer; background-repeat: no-repeat; background-size: contain; background-position: center center; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGroup%3C%2Ftitle%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20fill%3D%22%23000%22%20cx%3D%2222%22%20cy%3D%2222%22%20r%3D%2222%22%2F%3E%3Cpath%20stroke%3D%22%23FFF%22%20stroke-width%3D%222%22%20d%3D%22M19%2013.515L27.485%2022%2019%2030.485%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .page-landing-branding .branding .kit-swiper-nav .kit-swiper-prev { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .page-landing-branding .branding .kit-swiper-nav .kit-swiper-pagination { display: none; } .page-landing-branding .branding .kit-swiper.swiper-container .swiper-slide { color: #000; height: auto; padding: 6px 0 0 18px; width: 307px; } .page-landing-branding .branding .kit-swiper.swiper-container .swiper-slide .s-bg { background-color: #fff; height: 100%; } .page-landing-branding .branding .kit-swiper.swiper-container .swiper-slide .s-number { position: absolute; background-color: #000; color: #FFF; display: flex; width: 36px; height: 36px; border-radius: 36px; justify-content: center; align-items: center; text-align: center; font-family: 'Eingrantch', sans-serif; font-weight: 500; margin: -6px 0 0 -18px; z-index: 5; } .page-landing-branding .branding .kit-swiper.swiper-container .swiper-slide .s-image img { width: 100%; height: auto; } .page-landing-branding .branding .kit-swiper.swiper-container .swiper-slide .s-details { padding: 25px 28px; } .page-landing-branding .branding .kit-swiper.swiper-container .swiper-slide .s-details .s-title { font-family: 'MADE Outer Sans', sans-serif; font-weight: 700; font-size: 1.1875em; color: #231F20; letter-spacing: 0; margin-bottom: 10px; line-height: 1.2; } .page-landing-branding .branding .kit-swiper.swiper-container .swiper-slide .s-details .s-description { font-family: 'Eingrantch', sans-serif; font-weight: 500; font-size: 0.75em; line-height: 1.7; } .page-landing-branding .endorsements { background: #000; color: #FFF; display: flex; justify-content: center; padding: 116px 0 0 0; } @media (max-width: 1023px) { .page-landing-branding .endorsements { padding: 80px 0 0 0; } } .page-landing-branding .endorsements .container { width: 90%; max-width: 1288px; display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 135px; border-bottom: 1px solid #393939; } @media (max-width: 1023px) { .page-landing-branding .endorsements .container { padding-bottom: 100px; } } @media (max-width: 767px) { .page-landing-branding .endorsements .container { padding-bottom: 20px; } } .page-landing-branding .endorsements .container:before, .page-landing-branding .endorsements .container::after { display: none; } .page-landing-branding .endorsements .container .endorsement { width: 48%; display: flex; justify-content: space-between; align-items: start; } @media (max-width: 1023px) { .page-landing-branding .endorsements .container .endorsement { flex-wrap: wrap; width: 47%; } } @media (max-width: 767px) { .page-landing-branding .endorsements .container .endorsement { width: 100%; margin-bottom: 60px; } } .page-landing-branding .endorsements .container .endorsement .e-image { border-radius: 6px; position: relative; width: 36%; overflow: hidden; } .page-landing-branding .endorsements .container .endorsement .e-image:before { display: block; content: ""; width: 100%; padding-top: 64.7577092511%; } @media (max-width: 1023px) { .page-landing-branding .endorsements .container .endorsement .e-image { width: 100%; margin-bottom: 30px; } } .page-landing-branding .endorsements .container .endorsement .e-image img { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .page-landing-branding .endorsements .container .endorsement .e-details { width: 59%; } @media (max-width: 1023px) { .page-landing-branding .endorsements .container .endorsement .e-details { width: 100%; } } .page-landing-branding .endorsements .container .endorsement .e-details .e-name { font-family: 'MADE Outer Sans', sans-serif; font-size: 1.8em; letter-spacing: 0.32px; line-height: 1.2; margin-bottom: 10px; } @media (max-width: 1100px) { .page-landing-branding .endorsements .container .endorsement .e-details .e-name { font-size: 1.375em; } } .page-landing-branding .endorsements .container .endorsement .e-details .e-title { font-family: 'Eingrantch', sans-serif; font-weight: 500; font-size: 0.7875em; letter-spacing: 0; margin-bottom: 10px; } .page-landing-branding .endorsements .container .endorsement .e-details .e-quote { font-family: 'MADE Outer Sans', sans-serif; font-size: 1.06875em; color: #FFFFFF; letter-spacing: 0.41px; line-height: 1.8; } @media (max-width: 1100px) { .page-landing-branding .endorsements .container .endorsement .e-details .e-quote { font-size: 1em; } } .page-landing-branding .client-list { background-color: #000; padding: 110px 0 134px 0; } @media (max-width: 1023px) { .page-landing-branding .client-list { padding: 80px 0 134px 0; } } .page-landing-branding .client-list .container { width: 80%; max-width: 1180px; position: relative; display: flex; justify-content: center; flex-wrap: wrap; } @media (max-width: 1100px) { .page-landing-branding .client-list .container { width: 90%; } } .page-landing-branding .client-list .container:before, .page-landing-branding .client-list .container:after { display: none; } .page-landing-branding .client-list .section-title { font-family: 'MADE Outer Sans', sans-serif; font-weight: 700; font-size: 1.9375em; color: #FFF; letter-spacing: 1.11px; text-transform: uppercase; margin-bottom: 45px; width: calc(100% - 80px); margin-left: 80px; } @media (max-width: 767px) { .page-landing-branding .client-list .section-title { width: 100%; margin-left: 0; margin-bottom: 35px; } } .page-landing-branding .client-list .side-title { font-family: 'MADE Outer Sans', sans-serif; width: 300px; position: absolute; text-align: right; transform-origin: 100% 100%; line-height: 20px; left: 0; top: 0; -ms-transform: translate(-280px, -20px) rotate(-90deg); -webkit-transform: translate(-280px, -20px) rotate(-90deg); -moz-transform: translate(-280px, -20px) rotate(-90deg); -o-transform: translate(-280px, -20px) rotate(-90deg); transform: translate(-280px, -20px) rotate(-90deg); font-weight: 500; font-size: 0.75em; color: #FFF; letter-spacing: 0.3px; } @media (max-width: 767px) { .page-landing-branding .client-list .side-title { display: none; } } .page-landing-branding .client-list .client-list-container { overflow: hidden; max-height: 350px; position: relative; width: calc(100% - 80px); margin-left: 80px; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; } @media (max-width: 767px) { .page-landing-branding .client-list .client-list-container { margin-left: 0; width: 100%; } } .page-landing-branding .client-list .client-list-container.expanded { max-height: 1000px; } @media (max-width: 767px) { .page-landing-branding .client-list .client-list-container.expanded { max-height: 1500px; } } .page-landing-branding .client-list .client-list-container.expanded .client-list-fade { opacity: 0; } .page-landing-branding .client-list .client-list-container .client-list-fade { position: absolute; bottom: 0; left: 0; right: 0; height: 300px; background: black; background: linear-gradient(180deg, rgba(0, 0, 0, 0.14) 0%, rgba(0, 0, 0, 0.88) 100%); z-index: 3; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; } .page-landing-branding .client-list .client-list-button { display: block; color: #F8E71C; text-transform: uppercase; font-weight: 700; font-size: 0.875em; letter-spacing: 1px; text-align: center; width: 100%; margin-top: 50px; cursor: pointer; } .page-landing-branding .client-list .client-list-button:hover { color: #FFF; } .page-landing-branding .client-list .client-list-button .more { display: inline; } .page-landing-branding .client-list .client-list-button .fewer { display: none; } .page-landing-branding .client-list .client-list-button.active .fewer { display: inline; } .page-landing-branding .client-list .client-list-button.active .more { display: none; } .page-landing-branding .client-list ul { column-count: 2; } @media (max-width: 600px) { .page-landing-branding .client-list ul { column-count: 1; } } .page-landing-branding .client-list ul li { display: block; width: 100%; text-align: left; line-height: 1.2; margin-bottom: 18px; padding-right: 10px; font-family: 'Eingrantch', sans-serif; font-size: 1.0625em; color: #FFF; letter-spacing: 0.77px; text-align: left; } .page-landing-branding .client-list .client-statement { margin-top: 140px; text-align: center; line-height: 1.2; font-family: 'MADE Outer Sans', sans-serif; font-weight: 500; font-size: 1.3125em; letter-spacing: 0.52px; text-align: center; width: 100%; } @media (max-width: 1024px) { .page-landing-branding .client-list .client-statement { margin-top: 100px; line-height: 1.6; } } @media (max-width: 600px) { .page-landing-branding .client-list .client-statement { width: 80%; margin: 60px auto 80px auto; } } .page-landing-branding .client-list .client-statement strong { color: #F8E71C; } .page-landing-branding .client-list .contact-button { margin-bottom: 0; } @media (max-width: 767px) { .page-landing-branding .client-list .contact-button { margin-top: 0; } } .page-landing-branding .contact-button { font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 700; border-radius: 50px; background-color: #F8E71C; color: #000; display: block; font-size: 0.9375em; letter-spacing: 1.07px; line-height: 1; max-width: 330px; padding: 26px; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%; margin: 160px auto 180px auto; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; } @media (max-width: 1024px) { .page-landing-branding .contact-button { margin-top: 100px; } } @media (max-width: 600px) { .page-landing-branding .contact-button { margin-top: 60px; max-width: 264px; padding: 16px; } } .page-landing-branding .contact-button:hover { background-color: #F8E71C; color: #000; } .gr-results { position: relative; *zoom: 1; } .gr-results:before, .gr-results:after { content: ""; display: table; } .gr-results:after { clear: both; } .gr-results .list-loader { background: #191919; bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-backface-visibility: hidden; } .gr-results .list-loader.active { opacity: 1; z-index: 10; } .gr-results .list-loader .loader { height: 300px; } .gr-results .pagination { text-align: center; font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 500; font-size: 0.9375em; color: #F8E71C; margin-top: 40px; } .gr-results .pagination a, .gr-results .pagination span { display: inline-block; color: #FFF; text-decoration: none; margin: 0 3px; } .gr-results .pagination a.current, .gr-results .pagination span.current { color: #F8E71C; } .gr-results .pagination .next, .gr-results .pagination .prev { margin: 0 12px; } .gr-results .pagination .go-to { font-size: 0.8125em; color: #666; margin-top: 15px; font-weight: normal; } .gr-results .pagination .go-to input[type=number]::-webkit-inner-spin-button, .gr-results .pagination .go-to input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .gr-results .pagination .go-to input[type=number] { border-radius: 0; -webkit-appearance: none; -moz-appearance: none; border: 1px solid #666; border-radius: 3px; background-color: transparent; height: 24px; line-height: 24px; margin-left: 5px; padding: 0; display: inline-block; vertical-align: middle; font: inherit; color: #FFF; width: 30px; text-align: center; } .gr-grid { position: relative; display: block; font-size: 0; min-height: 60vh; width: calc(100% + (12px * 2)); margin: -12px; } .gr-grid.grid .good { width: calc(25% - (12px * 2)); } @media (max-width: 768px) { .gr-grid.grid .good { width: calc(50% - (12px * 2)); } } @media (max-width: 600px) { .gr-grid.grid .good { width: calc(100% - (12px * 2)); } } .gr-grid.list .good { width: calc(100% - (12px * 2)); } .gr-grid.list .good .g-thumbnail .good-swiper .good-swiper-pagination.swiper-pagination-bullets { bottom: 40px; } .gr-grid.list .good .g-thumbnail .good-swiper .good-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { height: 10px; width: 10px; border: 2px solid #000; } .gr-grid .good.good-featured { width: calc(100% - (12px * 2)); } .gr-grid .good { display: inline-block; vertical-align: top; font-size: 16px; margin: 0 12px; -ms-transition: width 0.3s; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s; -webkit-backface-visibility: hidden; } .gr-grid .good .g-thumbnail { position: relative; width: 100%; position: relative; overflow: hidden; border-radius: 3px; z-index: 1; } .gr-grid .good .g-thumbnail:before { display: block; content: ""; width: 100%; padding-top: 65.0847457627%; } .gr-grid .good .g-thumbnail .g-icon-video { position: absolute; bottom: 16px; right: 16px; z-index: 3; height: 35px; width: 35px; background-repeat: no-repeat; background-size: cover; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2035%2035%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGroup%206%3C%2Ftitle%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20stroke%3D%22%23FFF%22%20stroke-width%3D%221.75%22%20fill%3D%22%23000%22%20cx%3D%2217.5%22%20cy%3D%2217.5%22%20r%3D%2216.625%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M24%2017l-10%207.5v-15z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .gr-grid .good .g-thumbnail .g-thumb-loader { -webkit-animation: p-loader-pulse 1s infinite; animation: p-loader-pulse 1s infinite; bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background: url("data:image/svg+xml,%3Csvg%20width%3D%2259%22%20height%3D%2215%22%20viewBox%3D%220%200%2059%2015%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EPage%201%20Copy%3C%2Ftitle%3E%3Cpath%20d%3D%22M39.333%200L0%207.002l23.747.274-4.547%207.273L59%207.374H34.843z%22%20fill%3D%22%23CCC%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center center; z-index: 0; opacity: 1; } .gr-grid .good .g-thumbnail .g-thumb-link { display: block; bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; box-shadow: inset 0 0 0 0 #F8E71C; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; z-index: 6; } .gr-grid .good .g-thumbnail .g-thumb-link:hover { box-shadow: inset 0 0 0 10px #F8E71C; } .gr-grid .good .g-thumbnail .g-thumb-image { object-fit: cover; bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-color: #000; } .gr-grid .good .g-thumbnail .good-swiper { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; } .gr-grid .good .g-thumbnail .good-swiper .good-swiper-fraction { position: absolute; top: 15px; right: 15px; height: 20px; line-height: 20px; width: 40px; background-color: #343434; border-radius: 40px; font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 500; font-size: 0.6875em; letter-spacing: 0.92px; text-align: center; z-index: 20; } .gr-grid .good .g-thumbnail .good-swiper .swiper-slide { width: 100%; height: 100%; } .gr-grid .good .g-thumbnail .good-swiper .good-swiper-pagination.swiper-pagination-bullets { bottom: 20px; } .gr-grid .good .g-thumbnail .good-swiper .good-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { cursor: pointer; display: inline-block; height: 7px; width: 7px; background-color: #FFF; border: 1px solid #000; opacity: 1; margin: 0 2px; -ms-transition: background-color 0.3s, border-color 0.3s; -webkit-transition: background-color 0.3s, border-color 0.3s; -moz-transition: background-color 0.3s, border-color 0.3s; -o-transition: background-color 0.3s, border-color 0.3s; transition: background-color 0.3s, border-color 0.3s; -webkit-backface-visibility: hidden; } .gr-grid .good .g-thumbnail .good-swiper .good-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:hover, .gr-grid .good .g-thumbnail .good-swiper .good-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #000; border-color: #FFF; } .gr-grid .good .g-details { padding: 15px 0 50px 0; position: relative; display: flex; justify-content: space-between; } .gr-grid .good .g-details .g-title { font-size: 0.875em; letter-spacing: 0; line-height: 1.3; } .gr-grid .good .g-details .g-title a { display: block; color: inherit; text-decoration: none; } .gr-grid .good .g-details a.download { display: inline-block; padding: 0; height: 18px; width: 15px; margin-left: 10px; color: #000; text-decoration: none; opacity: 0.25; text-indent: 100%; white-space: nowrap; overflow: hidden; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2219%22%20viewBox%3D%220%200%2017%2019%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGroup%204%3C%2Ftitle%3E%3Cg%20stroke%3D%22%23FFF%22%20stroke-width%3D%221.6%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20stroke-linecap%3D%22square%22%20d%3D%22M1%2013v5h15v-5%22%2F%3E%3Cpath%20d%3D%22M8.5.5V12%22%2F%3E%3Cpath%20stroke-linecap%3D%22square%22%20d%3D%22M5%209l3.5%203L12%209%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; } .gr-grid .good .g-details a.download:hover { opacity: 1; } .gr-grid .good .g-details a.download span { display: inline-block; height: 0; width: 0; overflow: hidden; } .page-case-study-12vc { display: flex; flex-wrap: wrap; padding-top: 100px; background-color: #000; } .page-case-study-12vc .flex-center { display: flex; justify-content: center; flex-wrap: wrap; } .page-case-study-12vc .header { width: 100%; padding: 0 0 calc((130 / 1380) * 100vw) 0; } .page-case-study-12vc .header .h-title-container { width: 80%; position: relative; } .page-case-study-12vc .header .h-title-container .h-case-study { display: inline-flex; font-family: 'MADE Outer Sans', sans-serif; font-size: calc((18.2 / 1380) * 100vw); font-weight: 700; color: #FFF; letter-spacing: 0; text-transform: uppercase; border: 1px solid #FFF; border-radius: calc((40 / 1380) * 100vw); padding: calc((7 / 1380) * 100vw) calc((20 / 1380) * 100vw); } .page-case-study-12vc .header .h-title-container .h-title { overflow: hidden; margin-top: calc((27 / 1380) * 100vw); width: 90%; } .page-case-study-12vc .header .h-title-container .h-title svg { width: 100%; height: auto; transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1); transform: translatex(-100%); } .page-case-study-12vc .header .h-title-container .h-title svg.animate { transform: translatex(0); } .page-case-study-12vc .header .h-title-container .h-animation { width: 10.5vw; height: 10.5vw; position: absolute; z-index: 1; right: 0; -ms-transform: translate(0, -40%); -webkit-transform: translate(0, -40%); -moz-transform: translate(0, -40%); -o-transform: translate(0, -40%); transform: translate(0, -40%); } .page-case-study-12vc .header .h-overview-container { width: 100%; max-width: calc((600 / 1380) * 100vw); margin-top: calc((140 / 1380) * 100vw); transition-delay: 1s; } @media (max-width: 1023px) { .page-case-study-12vc .header .h-overview-container { max-width: calc((550 / 768) * 100vw); } } .page-case-study-12vc .header .h-overview-container .h-overview-pretitle { position: absolute; text-align: right; height: calc((30 / 1380) * 100vw); display: inline-flex; align-items: center; transform-origin: 100% 100%; -ms-transform: translate(-100%, calc((-30 / 1380) * 100vw)) rotate(-90deg); -webkit-transform: translate(-100%, calc((-30 / 1380) * 100vw)) rotate(-90deg); -moz-transform: translate(-100%, calc((-30 / 1380) * 100vw)) rotate(-90deg); -o-transform: translate(-100%, calc((-30 / 1380) * 100vw)) rotate(-90deg); transform: translate(-100%, calc((-30 / 1380) * 100vw)) rotate(-90deg); font-family: 'MADE Outer Sans', sans-serif; font-weight: 700; text-transform: uppercase; font-size: calc((10 / 1380) * 100vw); } @media (max-width: 1023px) { .page-case-study-12vc .header .h-overview-container .h-overview-pretitle { height: calc((30 / 768) * 100vw); -ms-transform: translate(-100%, calc((-30 / 768) * 100vw)) rotate(-90deg); -webkit-transform: translate(-100%, calc((-30 / 768) * 100vw)) rotate(-90deg); -moz-transform: translate(-100%, calc((-30 / 768) * 100vw)) rotate(-90deg); -o-transform: translate(-100%, calc((-30 / 768) * 100vw)) rotate(-90deg); transform: translate(-100%, calc((-30 / 768) * 100vw)) rotate(-90deg); font-size: calc((10 / 768) * 100vw); } } @media (max-width: 767px) { .page-case-study-12vc .header .h-overview-container .h-overview-pretitle { font-size: 2vw; } } .page-case-study-12vc .header .h-overview-container .h-overview { border-left: 1px solid #FFF; padding: calc((10 / 1380) * 100vw) 0 calc((20 / 1380) * 100vw) calc((45 / 1380) * 100vw); font-size: calc((17 / 1380) * 100vw); font-family: 'MADE Outer Sans', sans-serif; font-weight: 700; line-height: 1.4; } @media (max-width: 1023px) { .page-case-study-12vc .header .h-overview-container .h-overview { font-size: calc((15 / 768) * 100vw); } } @media (max-width: 767px) { .page-case-study-12vc .header .h-overview-container .h-overview { font-size: 2.7vw; } } .page-case-study-12vc .header .h-overview-container .h-overview p { margin: 0; padding: calc((20 / 1380) * 100vw) 0 0 0; } @media (max-width: 767px) { .page-case-study-12vc .header .h-overview-container .h-overview p { padding: 10px 0 0 0; } } .page-case-study-12vc .header .h-overview-container .h-overview p:first-of-type { padding: 0; font-size: 1.35em; } @media (max-width: 767px) { .page-case-study-12vc .header .h-overview-container .h-overview p:first-of-type { font-size: 1.2em; } } .page-case-study-12vc .role { width: 100%; padding: 0 0 calc((160 / 1380) * 100vw) 0; } .page-case-study-12vc .role .role-container { width: 90%; position: relative; } .page-case-study-12vc .role .r-title { font-family: 'MADE Outer Sans', sans-serif; font-weight: 700; font-size: calc((75.2 / 1380) * 100vw); color: #FFF; letter-spacing: 0; margin-bottom: calc((30 / 1380) * 100vw); } .page-case-study-12vc .role .r-video { overflow: hidden; position: relative; overflow: hidden; } .page-case-study-12vc .role .r-video:before { display: block; content: ""; width: 100%; padding-top: 42.3076923077%; } .page-case-study-12vc .role .r-video .r-video-background { background-color: #656565; bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; z-index: 5; } .page-case-study-12vc .role .r-video .r-video-background iframe { position: absolute; width: 100%; height: 100%; max-width: auto; min-width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.4); opacity: 0.87; } .page-case-study-12vc .role .r-video .r-video-text { position: absolute; z-index: 10; top: 50%; left: 50%; width: 90%; transform: translate(-50%, 100%); font-family: 'MADE Outer Sans', sans-serif; font-weight: 700; font-size: calc((44 / 1380) * 100vw); color: #FFF; letter-spacing: 0; line-height: 1.38; transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1); } .page-case-study-12vc .role .r-video .r-video-text.animate { transform: translate(-50%, -50%); } .page-case-study-12vc .results { position: relative; z-index: 2; width: 100%; font-family: 'MADE Outer Sans', sans-serif; font-weight: 700; padding-bottom: calc((120 / 1380) * 100vw); } .page-case-study-12vc .results .results-container { width: calc((1210 / 1380) * 100vw); } .page-case-study-12vc .results .results-title-container { margin-bottom: calc((30 / 1380) * 100vw); line-height: 1.3; padding: 0 5%; } .page-case-study-12vc .results .results-title-container .r-title { font-size: calc((31.2 / 1380) * 100vw); letter-spacing: 0; } @media (max-width: 1023px) { .page-case-study-12vc .results .results-title-container .r-title { font-size: 2.1875em; } } .page-case-study-12vc .results .results-title-container .r-subtitle { opacity: 0.4; font-size: calc((19.2 / 1380) * 100vw); color: rgba(255, 255, 255, 0.6); letter-spacing: 0; line-height: 1.3; } @media (max-width: 1023px) { .page-case-study-12vc .results .results-title-container .r-subtitle { font-size: calc((16 / 768) * 100vw); } } @media (max-width: 599px) { .page-case-study-12vc .results .results-title-container .r-subtitle { font-size: 0.75em; } } .page-case-study-12vc .results .results-blocks { width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-items: stretch; } .page-case-study-12vc .results .results-blocks .r-block { width: calc(((100% / 2) * 1) - 20px); margin-left: 10px; margin-right: 10px; background-color: #191919; border-radius: 18px; padding: calc((35 / 1380) * 100vw); margin-bottom: 20px; display: flex; flex-wrap: wrap; align-content: center; align-items: center; min-height: calc((400 / 1380) * 100vw); opacity: 0; transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1); } .page-case-study-12vc .results .results-blocks .r-block.animate { opacity: 1; } @media (max-width: 599px) { .page-case-study-12vc .results .results-blocks .r-block { width: calc(((100% / 1) * 1) - 20px); margin-left: 10px; margin-right: 10px; min-height: 150px; padding: 30px; } } .page-case-study-12vc .results .results-blocks .r-block-01 { transition-delay: 0s; } .page-case-study-12vc .results .results-blocks .r-block-01 .rb-subtitle { width: 100%; text-transform: uppercase; font-size: calc((11 / 1380) * 100vw); letter-spacing: 0; margin-bottom: calc((15 / 1380) * 100vw); } @media (max-width: 1023px) { .page-case-study-12vc .results .results-blocks .r-block-01 .rb-subtitle { font-size: calc((11 / 768) * 100vw); } } @media (max-width: 599px) { .page-case-study-12vc .results .results-blocks .r-block-01 .rb-subtitle { font-size: 0.625em; } } .page-case-study-12vc .results .results-blocks .r-block-01 .rb-number { width: 100%; font-size: calc((52.2 / 1380) * 100vw); margin-bottom: calc((40 / 1380) * 100vw); } @media (max-width: 599px) { .page-case-study-12vc .results .results-blocks .r-block-01 .rb-number { font-size: 1.5em; } } .page-case-study-12vc .results .results-blocks .r-block-01 .rb-footnote { width: 100%; font-size: calc((14 / 1380) * 100vw); color: #FFFFFF; letter-spacing: 0; line-height: 1.3; } @media (max-width: 1023px) { .page-case-study-12vc .results .results-blocks .r-block-01 .rb-footnote { font-size: calc((11 / 768) * 100vw); } } @media (max-width: 599px) { .page-case-study-12vc .results .results-blocks .r-block-01 .rb-footnote { font-size: 0.5em; } } .page-case-study-12vc .results .results-blocks .r-block-02 { transition-delay: 0.3s; text-align: center; } .page-case-study-12vc .results .results-blocks .r-block-02 .rb-title { width: 100%; -webkit-text-stroke: calc((2 / 1380) * 100vw) #FFF; font-size: calc((115 / 1380) * 100vw); color: transparent; margin-bottom: calc((50 / 1380) * 100vw); } @media (max-width: 599px) { .page-case-study-12vc .results .results-blocks .r-block-02 .rb-title { font-size: 2.5em; } } .page-case-study-12vc .results .results-blocks .r-block-02 .rb-subtitle { width: 100%; font-size: calc((16 / 1380) * 100vw); } @media (max-width: 1023px) { .page-case-study-12vc .results .results-blocks .r-block-02 .rb-subtitle { font-size: calc((14 / 768) * 100vw); } } @media (max-width: 599px) { .page-case-study-12vc .results .results-blocks .r-block-02 .rb-subtitle { font-size: 0.625em; } } .page-case-study-12vc .results .results-blocks .r-block-03 { transition-delay: 0.6s; margin-left: auto; text-align: center; background-image: url("../case-studies/12vc/img/results-circle.svg"); background-position: center center; background-repeat: no-repeat; background-size: 58% 58%; } @media (max-width: 599px) { .page-case-study-12vc .results .results-blocks .r-block-03 { background-size: 78% 78%; } } .page-case-study-12vc .results .results-blocks .r-block-03 .rb-title { width: 100%; font-size: calc((115 / 1380) * 100vw); margin-bottom: calc((50 / 1380) * 100vw); } @media (max-width: 599px) { .page-case-study-12vc .results .results-blocks .r-block-03 .rb-title { font-size: 2.5em; } } .page-case-study-12vc .results .results-blocks .r-block-03 .rb-subtitle { width: 100%; font-size: calc((16 / 1380) * 100vw); } @media (max-width: 1023px) { .page-case-study-12vc .results .results-blocks .r-block-03 .rb-subtitle { font-size: calc((14 / 768) * 100vw); } } @media (max-width: 599px) { .page-case-study-12vc .results .results-blocks .r-block-03 .rb-subtitle { font-size: 0.625em; line-height: 1.3; } } .page-case-study-12vc .branding { width: 100%; padding: 0 0 calc((180 / 1380) * 100vw) 0; position: relative; z-index: 1; } .page-case-study-12vc .branding .branding-background { display: block; width: calc((1380 / 1380) * 100vw); height: calc((1520 / 1380) * 100vw); position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 0; background-image: radial-gradient(circle at 48% 50%, rgba(163, 67, 239, 0.56) 0%, #000000 43%); } .page-case-study-12vc .branding .branding-container { position: relative; z-index: 2; width: 90%; } .page-case-study-12vc .branding .b-title { font-family: 'MADE Outer Sans', sans-serif; font-weight: 700; font-size: calc((75.2 / 1380) * 100vw); display: block; line-height: 1; margin-bottom: calc((70 / 1380) * 100vw); } @media (max-width: 1023px) { .page-case-study-12vc .branding .b-title { font-size: 2.1875em; } } .page-case-study-12vc .branding .b-animations { position: relative; z-index: 2; display: flex; flex-wrap: wrap; align-items: flex-start; } .page-case-study-12vc .branding .b-01 { width: 50%; height: auto; } .page-case-study-12vc .branding .b-02 { margin: 9% 0 0 5%; width: 40%; height: auto; } .page-case-study-12vc .branding .b-03 { margin: 60px 0 10% 5%; width: 50%; height: auto; } .page-case-study-12vc .branding .b-04 { position: absolute; width: 8vw; height: 8vw; left: 54%; top: 37%; } .page-case-study-12vc .branding .b-05 { margin: 0 0 0 20%; width: 20%; height: auto; } .page-case-study-12vc .branding .b-06 { width: 15%; margin: 0 0 0 10%; align-self: center; } .page-case-study-12vc .branding .b-07 { width: 30%; margin: 0 10%; align-self: center; } .page-case-study-12vc .branding .b-08 { width: 15%; align-self: center; } .page-case-study-12vc .merch { position: relative; z-index: 2; overflow: hidden; width: 100%; position: relative; } .page-case-study-12vc .merch:before { display: block; content: ""; width: 100%; padding-top: 26.5217391304%; } @media (max-width: 767px) { .page-case-study-12vc .merch { position: relative; } .page-case-study-12vc .merch:before { display: block; content: ""; width: 100%; padding-top: 47.65625%; } } .page-case-study-12vc .merch .video-background iframe { width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.7777778vh; } .page-case-study-12vc .media { position: relative; width: 100%; background-color: #191919; overflow: hidden; padding: calc((70 / 1380) * 100vw) 0; z-index: 3; } @media (max-width: 1023px) { .page-case-study-12vc .media { padding: 50px 0; } } .page-case-study-12vc .media .media-container { width: calc((1210 / 1380) * 100vw); position: relative; } .page-case-study-12vc .media .m-title { font-family: 'MADE Outer Sans', sans-serif; font-weight: 700; font-size: calc((58 / 1380) * 100vw); margin: 0 0 calc((35 / 1380) * 100vw) 0; line-height: 1; } @media (max-width: 1023px) { .page-case-study-12vc .media .m-title { font-size: 2.1875em; } } .page-case-study-12vc .media .m-video { border-radius: 5px; width: 100%; position: relative; overflow: hidden; background-color: #000; } .page-case-study-12vc .media .m-video:before { display: block; content: ""; width: 100%; padding-top: 45.8333333333%; } .page-case-study-12vc .media .m-video:hover iframe.playing + .js-video-play.pause { opacity: 1; } .page-case-study-12vc .media .m-video iframe { position: absolute; width: 100%; height: 177%; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); } .page-case-study-12vc .media .m-video iframe.playing + .js-video-play.pause { opacity: 0; } .page-case-study-12vc .media .m-video .js-video-play { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; width: calc((100 / 1380) * 100vw); height: calc((100 / 1380) * 100vw); background-color: rgba(0, 0, 0, 0.3); border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; text-indent: calc((300 / 1380) * 100vw); overflow: hidden; white-space: nowrap; } @media (max-width: 599px) { .page-case-study-12vc .media .m-video .js-video-play { width: calc((150 / 1380) * 100vw); height: calc((150 / 1380) * 100vw); } } .page-case-study-12vc .media .m-video .js-video-play.pause::after { border: 0; border-left: calc((10 / 1380) * 100vw) solid #FFF; border-right: calc((10 / 1380) * 100vw) solid #FFF; width: calc((28 / 1380) * 100vw); height: calc((30 / 1380) * 100vw); top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 599px) { .page-case-study-12vc .media .m-video .js-video-play.pause::after { border-left: calc((15 / 1380) * 100vw) solid #FFF; border-right: calc((15 / 1380) * 100vw) solid #FFF; width: calc((42 / 1380) * 100vw); height: calc((45 / 1380) * 100vw); } } .page-case-study-12vc .media .m-video .js-video-play:hover { background-color: rgba(0, 0, 0, 0.6); } .page-case-study-12vc .media .m-video .js-video-play::after { position: absolute; content: ''; width: 0; height: 0; border-style: solid; border-width: calc((27.5 / 1380) * 100vw) 0 calc((27.5 / 1380) * 100vw) calc((33 / 1380) * 100vw); border-color: transparent transparent transparent #fff; top: 50%; left: 50%; -ms-transform: translate(-30%, -50%); -webkit-transform: translate(-30%, -50%); -moz-transform: translate(-30%, -50%); -o-transform: translate(-30%, -50%); transform: translate(-30%, -50%); } @media (max-width: 599px) { .page-case-study-12vc .media .m-video .js-video-play::after { border-width: calc((41.25 / 1380) * 100vw) 0 calc((41.25 / 1380) * 100vw) calc((49.5 / 1380) * 100vw); } } .page-case-study-12vc .media .m-subtitle { font-family: 'MADE Outer Sans', sans-serif; font-weight: 700; font-size: calc((28 / 1380) * 100vw); letter-spacing: 0; margin-top: calc((25 / 1380) * 100vw); } @media (max-width: 599px) { .page-case-study-12vc .media .m-subtitle { font-size: 1.125em; margin-top: 15px; } } .page-case-study-12vc .media .m-desc { font-family: 'Eingrantch', sans-serif; font-weight: 600; font-size: calc((11 / 1380) * 100vw); color: #A7A7A7; letter-spacing: calc((1 / 1380) * 100vw); text-transform: uppercase; margin-top: calc((13 / 1380) * 100vw); } @media (max-width: 599px) { .page-case-study-12vc .media .m-desc { font-size: 0.625em; margin-top: 8px; letter-spacing: 0.5px; } } .page-case-study-12vc .portfolio { width: 100%; } .page-case-study-12vc .portfolio .portfolio-results { min-height: 0; } .page-case-study-12vc .live-giving { position: relative; background-color: #fff; color: #000; width: 100%; display: flex; justify-content: center; padding: calc((100 / 1380) * 100vw) 0 calc((120 / 1380) * 100vw) 0; } @media (max-width: 599px) { .page-case-study-12vc .live-giving { padding: 50px 0; } } .page-case-study-12vc .live-giving .fade { z-index: 0; position: absolute; width: 100%; bottom: 0; left: 0; height: calc((500 / 1380) * 100vw); background-image: linear-gradient(180deg, #FFFFFF 0%, #753CD9 100%); } .page-case-study-12vc .live-giving .container { width: 90%; position: relative; z-index: 1; display: flex; align-items: flex-start; flex-wrap: wrap; max-width: 100%; } .page-case-study-12vc .live-giving .lg-phone { z-index: 1; position: relative; width: calc((330 / 1380) * 100vw); margin: 0 0 calc((-70 / 1380) * 100vw) calc((180 / 1380) * 100vw); } @media (max-width: 599px) { .page-case-study-12vc .live-giving .lg-phone { margin: 0 0 -20px 20px; width: 30%; } } .page-case-study-12vc .live-giving .lg-phone img { width: 100%; height: auto; } .page-case-study-12vc .live-giving .lg-phone video { z-index: -1; position: absolute; top: 50%; left: 50%; width: 91.1%; height: auto; -ms-transform: translate(-50%, -50.3%); -webkit-transform: translate(-50%, -50.3%); -moz-transform: translate(-50%, -50.3%); -o-transform: translate(-50%, -50.3%); transform: translate(-50%, -50.3%); border-radius: calc((40 / 1380) * 100vw); } .page-case-study-12vc .live-giving .lg-details { margin: calc((62 / 1380) * 100vw) 0 0 calc((83 / 1380) * 100vw); width: calc((506 / 1380) * 100vw); font-family: 'MADE Outer Sans', sans-serif; font-weight: 700; color: #000; } @media (max-width: 599px) { .page-case-study-12vc .live-giving .lg-details { margin: 10px 0 0 20px; width: 50%; } } .page-case-study-12vc .live-giving .lg-details .lg-title { font-size: calc((75.2 / 1380) * 100vw); letter-spacing: 0; text-align: left; line-height: 0.9308510638; margin-bottom: calc((60 / 1380) * 100vw); } .page-case-study-12vc .live-giving .lg-details .lg-desc { text-transform: uppercase; font-size: calc((18 / 1380) * 100vw); margin: 0 0 calc((170 / 1380) * 100vw) calc((50 / 1380) * 100vw); padding: 0 0 calc((60 / 1380) * 100vw) calc((10 / 1380) * 100vw); border-bottom: 1px solid #000; } @media (max-width: 599px) { .page-case-study-12vc .live-giving .lg-details .lg-desc { font-size: 0.75em; margin: 0 0 10px 10px; padding: 0 0 5px 0; } } .page-case-study-12vc .live-giving .lg-details .lg-desc ul { display: flex; justify-content: space-between; flex-wrap: wrap; } .page-case-study-12vc .live-giving .lg-details .lg-desc ul li { width: 45%; margin-bottom: calc((15 / 1380) * 100vw); } @media (max-width: 599px) { .page-case-study-12vc .live-giving .lg-details .lg-desc ul li { width: 100%; } } .page-case-study-12vc .live-giving .lg-desktop { width: calc((1278 / 1380) * 100vw); border-radius: 20px; overflow: hidden; transform: translateZ(0, 0, 0); } @media (max-width: 599px) { .page-case-study-12vc .live-giving .lg-desktop { border-radius: 10px; } } .page-case-study-12vc .live-giving .lg-desktop video { display: block; width: 100%; height: auto; } .page-case-study-12vc .live-giving .lg-statement { width: calc((1173 / 1380) * 100vw); margin: calc((100 / 1380) * 100vw) auto 0 auto; } .page-case-study-12vc .live-giving .lg-statement svg { width: 100%; height: auto; } .page-case-study-12vc .live-giving .lg-statement .lgs-footer { margin-top: calc((100 / 1380) * 100vw); border-top: 3px solid #000; display: flex; justify-content: space-between; font-family: 'MADE Outer Sans', sans-serif; font-size: calc((14px / 1380) * 100vw); font-weight: 700; text-transform: uppercase; padding-top: 20px; } @media (max-width: 599px) { .page-case-study-12vc .live-giving .lg-statement .lgs-footer { border-top: 1px solid #000; padding-top: 5px; font-size: 0.5em; } } .page-case-study-12vc .web-development { width: 100%; position: relative; z-index: 1; } .page-case-study-12vc .web-development .wd-header { width: 100%; display: flex; } .page-case-study-12vc .web-development .wd-header .box { width: 50%; padding-top: 25%; position: relative; } .page-case-study-12vc .web-development .wd-header .box img { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .page-case-study-12vc .web-development .wd-globes { position: absolute; right: 0; width: calc((1100 / 1380) * 100vw); height: calc((300 / 1380) * 100vw); -ms-transform: translate(9%, -30%); -webkit-transform: translate(9%, -30%); -moz-transform: translate(9%, -30%); -o-transform: translate(9%, -30%); transform: translate(9%, -30%); } .page-case-study-12vc .web-development .wd-details { margin: calc((245 / 1380) * 100vw) auto calc((100 / 1380) * 100vw) auto; display: flex; font-family: 'MADE Outer Sans', sans-serif; font-weight: 700; color: #FFF; align-items: center; width: 80%; } .page-case-study-12vc .web-development .wd-details .wd-title { font-size: calc((75.2 / 1380) * 100vw); letter-spacing: 0; text-align: left; line-height: 0.9308510638; width: calc((430 / 1380) * 100vw); } @media (max-width: 599px) { .page-case-study-12vc .web-development .wd-details .wd-title { font-size: 1.875em; width: 55%; } } .page-case-study-12vc .web-development .wd-details .wd-desc { text-transform: uppercase; font-size: calc((18 / 1380) * 100vw); margin-top: calc((20 / 1380) * 100vw); } @media (max-width: 599px) { .page-case-study-12vc .web-development .wd-details .wd-desc { font-size: 0.75em; } } .page-case-study-12vc .web-development .wd-details .wd-desc ul li { padding: calc((8 / 1380) * 100vw) 0; } .page-case-study-12vc .web-development .wd-mockup { width: 100%; display: flex; justify-content: center; position: relative; overflow: hidden; } .page-case-study-12vc .web-development .wd-mockup::after { display: block; content: ''; position: absolute; width: 100%; height: calc((120 / 1380) * 100vw); z-index: 0; bottom: 0; left: 0; background-color: #1F1F1F; } .page-case-study-12vc .web-development .wd-mockup .wd-mockup-container { width: calc((1116 / 1380) * 100vw); position: relative; z-index: 1; } .page-case-study-12vc .web-development .wd-mockup .wd-mockup-container .wd-mac { position: absolute; z-index: 1; width: 122%; margin: 0 -11% 0 -11%; } .page-case-study-12vc .web-development .wd-mockup .wd-mockup-container .wd-mac img { display: block; width: 100%; height: auto; } .page-case-study-12vc .web-development .wd-mockup .wd-mockup-container .wd-screen { position: relative; z-index: 2; width: 100%; padding-top: 1.5%; } .page-case-study-12vc .web-development .wd-mockup .wd-mockup-container .wd-screen img { width: 100%; height: auto; display: block; } .page-case-study-12vc .web-development .wd-devices { position: relative; z-index: 2; background-color: #1F1F1F; } .page-case-study-12vc .web-development .wd-devices img { margin: -5% 0; width: 90%; } .page-case-study-12vc .tours-artists { width: 100%; background-color: #000; color: #FFF; padding: calc((170 / 1380) * 100vw) 0; position: relative; z-index: 0; display: flex; justify-content: center; flex-wrap: wrap; overflow: hidden; } @media (max-width: 599px) { .page-case-study-12vc .tours-artists { padding: 15vw 0 20vw 0; } } .page-case-study-12vc .tours-artists .bubble-01 { overflow: hidden; border-radius: 100%; width: calc((377 / 1380) * 100vw); position: absolute; top: 11vw; left: -8vw; z-index: -1; } .page-case-study-12vc .tours-artists .bubble-01:before { display: block; content: ""; width: 100%; padding-top: 100%; } .page-case-study-12vc .tours-artists .bubble-01 img { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .page-case-study-12vc .tours-artists .bubble-02 { overflow: hidden; border-radius: 100%; width: calc((189 / 1380) * 100vw); position: absolute; right: 8.6vw; top: 39vw; z-index: 2; } .page-case-study-12vc .tours-artists .bubble-02:before { display: block; content: ""; width: 100%; padding-top: 100%; } .page-case-study-12vc .tours-artists .bubble-02 img { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .page-case-study-12vc .tours-artists .bubble-03 { overflow: hidden; border-radius: 100%; width: calc((377 / 1380) * 100vw); position: absolute; right: -9vw; top: 67.5vw; } .page-case-study-12vc .tours-artists .bubble-03:before { display: block; content: ""; width: 100%; padding-top: 100%; } .page-case-study-12vc .tours-artists .bubble-03 img { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .page-case-study-12vc .tours-artists hr { width: 100%; border: 0; margin: 0; } .page-case-study-12vc .tours-artists .ta-title { display: block; font-family: 'MADE Outer Sans', sans-serif; font-weight: 700; font-size: calc((16px / 1380) * 100vw); letter-spacing: 0; text-align: center; text-transform: uppercase; position: relative; padding: 5px; margin-bottom: 70px; } @media (max-width: 599px) { .page-case-study-12vc .tours-artists .ta-title { margin-bottom: 40px; } } .page-case-study-12vc .tours-artists .ta-title::before { display: block; content: ''; bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-color: #8B09F1; z-index: -1; transform: translate(calc((-12 / 1380) * 100vw), calc((-5 / 1380) * 100vw)); } .page-case-study-12vc .tours-artists .ta-artists { position: relative; display: flex; justify-content: center; flex-wrap: wrap; width: calc((1078 / 1380) * 100vw); z-index: 1; } .page-case-study-12vc .tours-artists .ta-artists hr { margin: calc((10 / 1380) * 100vw) 0; } .page-case-study-12vc .tours-artists .ta-artists svg { height: auto; } .page-case-study-12vc .tours-artists .ta-artists .passion { width: 41%; transition-delay: 0s; } .page-case-study-12vc .tours-artists .ta-artists .lysa-terkeurst { width: 80%; transition-delay: 0.2s; } .page-case-study-12vc .tours-artists .ta-artists .united { width: 35%; transition-delay: 0.4s; } .page-case-study-12vc .tours-artists .ta-artists .chris-tomlin { width: 72%; transition-delay: 0.8s; } .page-case-study-12vc .tours-artists .ta-artists .sadie-robertson { width: 91%; transition-delay: 1.0s; } .page-case-study-12vc .tours-artists .ta-artists .kari-jobe { width: 47%; transition-delay: 1.2s; } .page-case-study-12vc .tours-artists .ta-artists .elevation-worship { width: 100%; transition-delay: 1.4s; } .page-case-study-12vc .tours-artists .ta-artists .lecrae { width: 37%; transition-delay: 1.6s; } .page-case-study-12vc .tours-artists .ta-artists .cody-carnes { width: 70%; transition-delay: 1.8s; } .page-case-study-12vc .tours-artists .ta-artists .more { width: 38%; transition-delay: 2.0s; } .page-case-study-12vc .tours-artists .ta-sub-artists { margin-top: calc((62 / 1380) * 100vw); width: calc((800 / 1380) * 100vw); font-family: 'MADE Outer Sans', sans-serif; font-weight: 700; font-size: calc((12 / 1380) * 100vw); text-transform: uppercase; letter-spacing: 0; text-align: center; line-height: 2.08; } @media (max-width: 1023px) { .page-case-study-12vc .tours-artists .ta-sub-artists { font-size: 0.75em; width: 600px; max-width: 80%; } } @media (max-width: 767px) { .page-case-study-12vc .tours-artists .ta-sub-artists { margin-top: 30px; font-size: 0.625em; } } .page-case-study-12vc .artist-produced-content { width: 100%; padding: 0 0 calc((200 / 1380) * 100vw) 10vw; background-color: #191919; position: relative; z-index: 1; } @media (max-width: 599px) { .page-case-study-12vc .artist-produced-content { padding: 0 0 120px 10vw; } } .page-case-study-12vc .artist-produced-content .apc-title { font-family: 'MADE Outer Sans', sans-serif; font-weight: 700; font-size: calc((75.2 / 1380) * 100vw); color: #FFF; letter-spacing: 0; text-align: left; line-height: 0.93; word-spacing: 100vw; margin: calc((-65 / 1380) * 100vw) 0 calc((76 / 1380) * 100vw) 0; position: relative; } @media (max-width: 599px) { .page-case-study-12vc .artist-produced-content .apc-title { font-size: 8vw; margin: -7.5vw 0 8vw 0; } } .page-case-study-12vc .artist-produced-content .apc-swiper-outer-container { width: 100%; position: relative; } .page-case-study-12vc .artist-produced-content .apc-swiper-outer-container .apc-swiper-next, .page-case-study-12vc .artist-produced-content .apc-swiper-outer-container .apc-swiper-prev { display: block; position: absolute; top: 16vw; z-index: 2; width: calc((36 / 1380) * 100vw); height: calc((36 / 1380) * 100vw); border-left: 2px solid #FFF; border-bottom: 2px solid #FFF; text-indent: 100%; overflow: hidden; white-space: nowrap; } .page-case-study-12vc .artist-produced-content .apc-swiper-outer-container .apc-swiper-prev { left: -5vw; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .page-case-study-12vc .artist-produced-content .apc-swiper-outer-container .apc-swiper-next { right: 5vw; -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .page-case-study-12vc .artist-produced-content .apc-swiper .swiper-slide .s-image { overflow: hidden; position: relative; position: relative; border-radius: 6px; } .page-case-study-12vc .artist-produced-content .apc-swiper .swiper-slide .s-image:before { display: block; content: ""; width: 100%; padding-top: 56.2728380024%; } .page-case-study-12vc .artist-produced-content .apc-swiper .swiper-slide .s-image img { display: block; bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .page-case-study-12vc .artist-produced-content .apc-swiper .swiper-slide .s-image .video-play { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; width: calc((82 / 1380) * 100vw); height: calc((82 / 1380) * 100vw); background-color: rgba(0, 0, 0, 0.3); border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; text-indent: calc((300 / 1380) * 100vw); overflow: hidden; white-space: nowrap; } .page-case-study-12vc .artist-produced-content .apc-swiper .swiper-slide .s-image .video-play:hover { background-color: rgba(0, 0, 0, 0.6); } .page-case-study-12vc .artist-produced-content .apc-swiper .swiper-slide .s-image .video-play::after { position: absolute; content: ''; width: 0; height: 0; border-style: solid; border-width: calc((19 / 1380) * 100vw) 0 calc((19 / 1380) * 100vw) calc((22.8 / 1380) * 100vw); border-color: transparent transparent transparent #fff; top: 50%; left: 50%; -ms-transform: translate(-30%, -50%); -webkit-transform: translate(-30%, -50%); -moz-transform: translate(-30%, -50%); -o-transform: translate(-30%, -50%); transform: translate(-30%, -50%); } .page-case-study-12vc .artist-produced-content .apc-swiper .swiper-slide .s-details { margin-top: calc((25 / 1380) * 100vw); } .page-case-study-12vc .artist-produced-content .apc-swiper .swiper-slide .s-details .s-title { font-family: 'MADE Outer Sans', sans-serif; font-weight: 700; font-size: calc((28 / 1380) * 100vw); letter-spacing: 0; margin-bottom: calc((13 / 1380) * 100vw); } @media (max-width: 1023px) { .page-case-study-12vc .artist-produced-content .apc-swiper .swiper-slide .s-details .s-title { font-size: 1.5625em; } } @media (max-width: 599px) { .page-case-study-12vc .artist-produced-content .apc-swiper .swiper-slide .s-details .s-title { font-size: 1.125em; } } .page-case-study-12vc .artist-produced-content .apc-swiper .swiper-slide .s-details .s-description { font-family: 'Eingrantch', sans-serif; font-weight: 600; font-size: calc((11 / 1380) * 100vw); color: #A7A7A7; letter-spacing: calc((0.92 / 1380) * 100vw); text-transform: uppercase; } @media (max-width: 1023px) { .page-case-study-12vc .artist-produced-content .apc-swiper .swiper-slide .s-details .s-description { font-size: 0.6875em; } } @media print { * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: "(" attr(href) ")"; } abbr[title]:after { content: "(" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }