@font-face { font-family: 'Sporting'; src: url("fonts/sporting-grotesque-regular.woff2") format("woff2"), url("fonts/sporting-grotesque-regular.woff") format("woff"); font-weight: 400; font-display: swap }
@font-face { font-family: 'Founders'; src: url("fonts/founders-grotesk-regular.woff2") format("woff2"), url("fonts/founders-grotesk-regular.woff") format("woff"); font-weight: 400; font-display: swap }
@font-face { font-family: 'Founders'; src: url("fonts/founders-grotesk-medium.woff2") format("woff2"), url("fonts/founders-grotesk-medium.woff") format("woff"); font-weight: 500; font-display: swap }
html { margin: 0; padding: 0; border: 0 }

article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block }

table { border-collapse: separate; border-spacing: 0 }
caption, th, td { text-align: left; font-weight: normal; float: none !important }
table, th, td { vertical-align: middle }
blockquote before, blockquote after, q before, q after { content: '' }
a img { border: none }
b, i { display: none }
* { box-sizing: border-box; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -moz-osx-font-smoothing: grayscale }

@media (min-width: 1100px) {

html.menu-no-scroll { overflow: hidden }
html.noscroll { height: 100%; overflow: auto }
html.noscroll-hidden { height: 100%; overflow: hidden }
.noscroll body { height: 100%; overflow: auto }
.noscroll-hidden body { height: 100%; overflow: hidden }
body.cookie-display { /*padding-bottom: 71px */}
@media (max-width: 800px) {
body.cookie-display { padding-bottom: 89px }
}
@media (max-width: 640px) {
body.cookie-display { padding-bottom: 180px }
}
.o-main-wrapper__inner { overflow: hidden }
.loading-curtain { display: none; position: fixed; height: 100%; top: 0; left: 0; right: 0; bottom: 0; -ms-transform: translateY(100%); transform: translateY(100%); background-color: #000; z-index: 105 }
[data-in-viewport] {
opacity:0;
position:relative;
display:block
}
[data-in-viewport][data-animation-type="headline"] {
-ms-transform:translateY(100%);
transform:translateY(100%)
}
[data-in-viewport][data-animation-type="paragraph"] {
-ms-transform:translateY(80px);
transform:translateY(80px)
}
@media (max-width: 640px) {
[data-in-viewport][data-animation-type="paragraph"] {
-ms-transform:translateY(60px);
transform:translateY(60px)
}
}
[data-in-viewport][data-animation-type="skew-text"] {
-ms-transform:translateY(150px);
transform:translateY(150px)
}
@media (max-width: 640px) {
[data-in-viewport][data-animation-type="skew-text"] {
-ms-transform:translateY(50px);
transform:translateY(50px)
}
}
[data-in-viewport][data-animation-type="reveal"] {
opacity:0
}
[data-in-viewport][data-animation-type="reveal"].animated { opacity: 1 }
[data-in-viewport].animated { -ms-transform: none !important; transform: none !important }
img, video { display: block; max-width: 100% }
button { background: none; border: 0; cursor: pointer; padding: 0; border-radius: 0; outline: 0 }
h1 { font-size: 52px; line-height: 127%; font-family: "Sporting", Helvetica, Arial; letter-spacing: -1px }
@media (max-width: 1300px) {
h1 { font-size: 36px }
}
@media (max-width: 1100px) {
h1 { font-size: 36px }
}
@media (max-width: 800px) {
h1 { font-size: 36px }
}
@media (max-width: 640px) {
h1 { font-size: 24px }
}
@media (max-width: 800px) {
h1 { line-height: 139% }
}
@media (max-width: 640px) {
.m-stats-module h1 { font-size: 72px }
}
@media (max-width: 640px) and (max-width: 1300px) {
.m-stats-module h1 { font-size: 56px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.m-stats-module h1 { font-size: 56px }
}
@media (max-width: 640px) and (max-width: 800px) {
.m-stats-module h1 { font-size: 56px }
}
@media (max-width: 640px) and (max-width: 640px) {
.m-stats-module h1 { font-size: 32px }
}

@media (max-width: 640px) {
.c-drawing-app h3, .c-contact h3 { font-size: 18px }
}
@media (max-width: 640px) and (max-width: 1300px) {
.c-drawing-app h3, .c-contact h3 { font-size: 16px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.c-drawing-app h3, .c-contact h3 { font-size: 16px }
}
@media (max-width: 640px) and (max-width: 800px) {
.c-drawing-app h3, .c-contact h3 { font-size: 16px }
}
@media (max-width: 640px) and (max-width: 640px) {
.c-drawing-app h3, .c-contact h3 { font-size: 16px }
}

}
@media (max-width: 640px) {
.c-audio p, .c-audio li { font-size: 16px }
}
@media (max-width: 640px) and (max-width: 1300px) {
.c-audio p, .c-audio li { font-size: 14px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.c-audio p, .c-audio li { font-size: 14px }
}
@media (max-width: 640px) and (max-width: 800px) {
.c-audio p, .c-audio li { font-size: 14px }
}
@media (max-width: 640px) and (max-width: 640px) {
.c-audio p, .c-audio li { font-size: 14px }
}
.dark-bg .o-module-wrapper--about p, .dark-bg .o-module-wrapper--about li { color: #858689 }


.o-module-wrapper--about ul li { color: #000 !important; line-height: 140%; margin-bottom: 13px }
.dark-bg .o-module-wrapper--about ul li { color: #5a5c63 !important }
@media (max-width: 640px) {
.o-module-wrapper--about ul li { margin-bottom: 18px }
}
.o-module-wrapper--about ul li:last-child { margin-bottom: 0 }
a { text-decoration: none; color: inherit }
.o-container { margin: 0 auto; max-width: 1800px; width: 100%; padding-left: 50px; padding-right: 50px }
@media (max-width: 1100px) {
.o-container { padding-left: 23px; padding-right: 23px }
}
@media (max-width: 800px) {
.o-container { padding-left: 23px; padding-right: 23px }
}
@media (max-width: 640px) {
.o-container { padding-left: 15px; padding-right: 15px }
}
.o-row:after { content: ""; display: table; clear: both }
.o-col { width: 100%; float: left; padding-left: 50px; padding-right: 50px }
@media (max-width: 1100px) {
.o-col { padding-left: 23px; padding-right: 23px }
}
@media (max-width: 800px) {
.o-col { padding-left: 23px; padding-right: 23px }
}
@media (max-width: 640px) {
.o-col { padding-left: 15px; padding-right: 15px }
}
.o-col--1 { width: 8.33333% }
.o-col--offset-1 { margin-left: 8.33333% }
.o-col--2 { width: 16.66667% }
.o-col--offset-2 { margin-left: 16.66667% }
.o-col--3 { width: 25% }
.o-col--offset-3 { margin-left: 25% }
.o-col--4 { width: 33.33333% }
.o-col--offset-4 { margin-left: 33.33333% }
.o-col--5 { width: 41.66667% }
.o-col--offset-5 { margin-left: 41.66667% }
.o-col--6 { width: 50% }
.o-col--offset-6 { margin-left: 50% }
.o-col--7 { width: 58.33333% }
.o-col--offset-7 { margin-left: 58.33333% }
.o-col--8 { width: 66.66667% }
.o-col--offset-8 { margin-left: 66.66667% }
.o-col--9 { width: 75% }
.o-col--offset-9 { margin-left: 75% }
.o-col--10 { width: 83.33333% }
.o-col--offset-10 { margin-left: 83.33333% }
.o-col--11 { width: 91.66667% }
.o-col--offset-11 { margin-left: 91.66667% }
.o-col--12 { width: 100% }
.o-col--offset-12 { margin-left: 100% }
.o-col--offset-0 { margin-left: 0 }
@media (max-width: 1700px) {
.o-col--xlg-1 { width: 8.33333% }
.o-col--xlg-offset-1 { margin-left: 8.33333% }
.o-col--xlg-2 { width: 16.66667% }
.o-col--xlg-offset-2 { margin-left: 16.66667% }
.o-col--xlg-3 { width: 25% }
.o-col--xlg-offset-3 { margin-left: 25% }
.o-col--xlg-4 { width: 33.33333% }
.o-col--xlg-offset-4 { margin-left: 33.33333% }
.o-col--xlg-5 { width: 41.66667% }
.o-col--xlg-offset-5 { margin-left: 41.66667% }
.o-col--xlg-6 { width: 50% }
.o-col--xlg-offset-6 { margin-left: 50% }
.o-col--xlg-7 { width: 58.33333% }
.o-col--xlg-offset-7 { margin-left: 58.33333% }
.o-col--xlg-8 { width: 66.66667% }
.o-col--xlg-offset-8 { margin-left: 66.66667% }
.o-col--xlg-9 { width: 75% }
.o-col--xlg-offset-9 { margin-left: 75% }
.o-col--xlg-10 { width: 83.33333% }
.o-col--xlg-offset-10 { margin-left: 83.33333% }
.o-col--xlg-11 { width: 91.66667% }
.o-col--xlg-offset-11 { margin-left: 91.66667% }
.o-col--xlg-12 { width: 100% }
.o-col--xlg-offset-12 { margin-left: 100% }
.o-col--xlg-offset-0 { margin-left: 0 }
}
@media (max-width: 1560px) {
.o-col--lg-1 { width: 8.33333% }
.o-col--lg-offset-1 { margin-left: 8.33333% }
.o-col--lg-2 { width: 16.66667% }
.o-col--lg-offset-2 { margin-left: 16.66667% }
.o-col--lg-3 { width: 25% }
.o-col--lg-offset-3 { margin-left: 25% }
.o-col--lg-4 { width: 33.33333% }
.o-col--lg-offset-4 { margin-left: 33.33333% }
.o-col--lg-5 { width: 41.66667% }
.o-col--lg-offset-5 { margin-left: 41.66667% }
.o-col--lg-6 { width: 50% }
.o-col--lg-offset-6 { margin-left: 50% }
.o-col--lg-7 { width: 58.33333% }
.o-col--lg-offset-7 { margin-left: 58.33333% }
.o-col--lg-8 { width: 66.66667% }
.o-col--lg-offset-8 { margin-left: 66.66667% }
.o-col--lg-9 { width: 75% }
.o-col--lg-offset-9 { margin-left: 75% }
.o-col--lg-10 { width: 83.33333% }
.o-col--lg-offset-10 { margin-left: 83.33333% }
.o-col--lg-11 { width: 91.66667% }
.o-col--lg-offset-11 { margin-left: 91.66667% }
.o-col--lg-12 { width: 100% }
.o-col--lg-offset-12 { margin-left: 100% }
.o-col--lg-offset-0 { margin-left: 0 }
}
@media (max-width: 1100px) {
.o-col--md-1 { width: 8.33333% }
.o-col--md-offset-1 { margin-left: 8.33333% }
.o-col--md-2 { width: 16.66667% }
.o-col--md-offset-2 { margin-left: 16.66667% }
.o-col--md-3 { width: 25% }
.o-col--md-offset-3 { margin-left: 25% }
.o-col--md-4 { width: 33.33333% }
.o-col--md-offset-4 { margin-left: 33.33333% }
.o-col--md-5 { width: 41.66667% }
.o-col--md-offset-5 { margin-left: 41.66667% }
.o-col--md-6 { width: 50% }
.o-col--md-offset-6 { margin-left: 50% }
.o-col--md-7 { width: 58.33333% }
.o-col--md-offset-7 { margin-left: 58.33333% }
.o-col--md-8 { width: 66.66667% }
.o-col--md-offset-8 { margin-left: 66.66667% }
.o-col--md-9 { width: 75% }
.o-col--md-offset-9 { margin-left: 75% }
.o-col--md-10 { width: 83.33333% }
.o-col--md-offset-10 { margin-left: 83.33333% }
.o-col--md-11 { width: 91.66667% }
.o-col--md-offset-11 { margin-left: 91.66667% }
.o-col--md-12 { width: 100% }
.o-col--md-offset-12 { margin-left: 100% }
.o-col--md-offset-0 { margin-left: 0 }
}
@media (max-width: 800px) {
.o-col--sm-1 { width: 8.33333% }
.o-col--sm-offset-1 { margin-left: 8.33333% }
.o-col--sm-2 { width: 16.66667% }
.o-col--sm-offset-2 { margin-left: 16.66667% }
.o-col--sm-3 { width: 25% }
.o-col--sm-offset-3 { margin-left: 25% }
.o-col--sm-4 { width: 33.33333% }
.o-col--sm-offset-4 { margin-left: 33.33333% }
.o-col--sm-5 { width: 41.66667% }
.o-col--sm-offset-5 { margin-left: 41.66667% }
.o-col--sm-6 { width: 50% }
.o-col--sm-offset-6 { margin-left: 50% }
.o-col--sm-7 { width: 58.33333% }
.o-col--sm-offset-7 { margin-left: 58.33333% }
.o-col--sm-8 { width: 66.66667% }
.o-col--sm-offset-8 { margin-left: 66.66667% }
.o-col--sm-9 { width: 75% }
.o-col--sm-offset-9 { margin-left: 75% }
.o-col--sm-10 { width: 83.33333% }
.o-col--sm-offset-10 { margin-left: 83.33333% }
.o-col--sm-11 { width: 91.66667% }
.o-col--sm-offset-11 { margin-left: 91.66667% }
.o-col--sm-12 { width: 100% }
.o-col--sm-offset-12 { margin-left: 100% }
.o-col--sm-offset-0 { margin-left: 0 }
}
@media (max-width: 640px) {
.o-col--xs-1 { width: 8.33333% }
.o-col--xs-offset-1 { margin-left: 8.33333% }
.o-col--xs-2 { width: 16.66667% }
.o-col--xs-offset-2 { margin-left: 16.66667% }
.o-col--xs-3 { width: 25% }
.o-col--xs-offset-3 { margin-left: 25% }
.o-col--xs-4 { width: 33.33333% }
.o-col--xs-offset-4 { margin-left: 33.33333% }
.o-col--xs-5 { width: 41.66667% }
.o-col--xs-offset-5 { margin-left: 41.66667% }
.o-col--xs-6 { width: 50% }
.o-col--xs-offset-6 { margin-left: 50% }
.o-col--xs-7 { width: 58.33333% }
.o-col--xs-offset-7 { margin-left: 58.33333% }
.o-col--xs-8 { width: 66.66667% }
.o-col--xs-offset-8 { margin-left: 66.66667% }
.o-col--xs-9 { width: 75% }
.o-col--xs-offset-9 { margin-left: 75% }
.o-col--xs-10 { width: 83.33333% }
.o-col--xs-offset-10 { margin-left: 83.33333% }
.o-col--xs-11 { width: 91.66667% }
.o-col--xs-offset-11 { margin-left: 91.66667% }
.o-col--xs-12 { width: 100% }
.o-col--xs-offset-12 { margin-left: 100% }
.o-col--xs-offset-0 { margin-left: 0 }
}
.o-fb-row { display: -ms-flexbox; display: flex; -ms-flex: 0 1 auto; flex: 0 1 auto; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative }
.o-fb-row--ai-baseline { -ms-flex-align: baseline; align-items: baseline }
.o-fb-row--ai-center { -ms-flex-align: center; align-items: center }
.o-fb-row--jc-center { -ms-flex-pack: center; justify-content: center }
.o-fb-row--ai-flex-end { -ms-flex-align: end; align-items: flex-end }
.o-fb-col { padding-left: 50px; padding-right: 50px; width: 100% }
@media (max-width: 1100px) {
.o-fb-col { padding-left: 23px; padding-right: 23px }
}
@media (max-width: 800px) {
.o-fb-col { padding-left: 23px; padding-right: 23px }
}
@media (max-width: 640px) {
.o-fb-col { padding-left: 15px; padding-right: 15px }
}
.o-fb-col--1 { -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333% }
.o-fb-col--offset-1 { margin-left: 8.33333% }
.o-fb-col--2 { -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667% }
.o-fb-col--offset-2 { margin-left: 16.66667% }
.o-fb-col--3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25% }
.o-fb-col--offset-3 { margin-left: 25% }
.o-fb-col--4 { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333% }
.o-fb-col--offset-4 { margin-left: 33.33333% }
.o-fb-col--5 { -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667% }
.o-fb-col--offset-5 { margin-left: 41.66667% }
.o-fb-col--6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50% }
.o-fb-col--offset-6 { margin-left: 50% }
.o-fb-col--7 { -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333% }
.o-fb-col--offset-7 { margin-left: 58.33333% }
.o-fb-col--8 { -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667% }
.o-fb-col--offset-8 { margin-left: 66.66667% }
.o-fb-col--9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75% }
.o-fb-col--offset-9 { margin-left: 75% }
.o-fb-col--10 { -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333% }
.o-fb-col--offset-10 { margin-left: 83.33333% }
.o-fb-col--11 { -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667% }
.o-fb-col--offset-11 { margin-left: 91.66667% }
.o-fb-col--12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100% }
.o-fb-col--offset-12 { margin-left: 100% }
.o-fb-col--offset-0 { margin-left: 0 }
@media (max-width: 1100px) {
.o-fb-col--md-1 { -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333% }
.o-fb-col--md-offset-1 { margin-left: 8.33333% }
.o-fb-col--md-2 { -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667% }
.o-fb-col--md-offset-2 { margin-left: 16.66667% }
.o-fb-col--md-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25% }
.o-fb-col--md-offset-3 { margin-left: 25% }
.o-fb-col--md-4 { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333% }
.o-fb-col--md-offset-4 { margin-left: 33.33333% }
.o-fb-col--md-5 { -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667% }
.o-fb-col--md-offset-5 { margin-left: 41.66667% }
.o-fb-col--md-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50% }
.o-fb-col--md-offset-6 { margin-left: 50% }
.o-fb-col--md-7 { -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333% }
.o-fb-col--md-offset-7 { margin-left: 58.33333% }
.o-fb-col--md-8 { -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667% }
.o-fb-col--md-offset-8 { margin-left: 66.66667% }
.o-fb-col--md-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75% }
.o-fb-col--md-offset-9 { margin-left: 75% }
.o-fb-col--md-10 { -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333% }
.o-fb-col--md-offset-10 { margin-left: 83.33333% }
.o-fb-col--md-11 { -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667% }
.o-fb-col--md-offset-11 { margin-left: 91.66667% }
.o-fb-col--md-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100% }
.o-fb-col--md-offset-12 { margin-left: 100% }
.o-fb-col--md-offset-0 { margin-left: 0 }
}
@media (max-width: 800px) {
.o-fb-col--sm-1 { -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333% }
.o-fb-col--sm-offset-1 { margin-left: 8.33333% }
.o-fb-col--sm-2 { -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667% }
.o-fb-col--sm-offset-2 { margin-left: 16.66667% }
.o-fb-col--sm-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25% }
.o-fb-col--sm-offset-3 { margin-left: 25% }
.o-fb-col--sm-4 { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333% }
.o-fb-col--sm-offset-4 { margin-left: 33.33333% }
.o-fb-col--sm-5 { -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667% }
.o-fb-col--sm-offset-5 { margin-left: 41.66667% }
.o-fb-col--sm-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50% }
.o-fb-col--sm-offset-6 { margin-left: 50% }
.o-fb-col--sm-7 { -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333% }
.o-fb-col--sm-offset-7 { margin-left: 58.33333% }
.o-fb-col--sm-8 { -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667% }
.o-fb-col--sm-offset-8 { margin-left: 66.66667% }
.o-fb-col--sm-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75% }
.o-fb-col--sm-offset-9 { margin-left: 75% }
.o-fb-col--sm-10 { -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333% }
.o-fb-col--sm-offset-10 { margin-left: 83.33333% }
.o-fb-col--sm-11 { -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667% }
.o-fb-col--sm-offset-11 { margin-left: 91.66667% }
.o-fb-col--sm-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100% }
.o-fb-col--sm-offset-12 { margin-left: 100% }
.o-fb-col--sm-offset-0 { margin-left: 0 }
}
@media (max-width: 640px) {
.o-fb-col--xs-1 { -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333% }
.o-fb-col--xs-offset-1 { margin-left: 8.33333% }
.o-fb-col--xs-2 { -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667% }
.o-fb-col--xs-offset-2 { margin-left: 16.66667% }
.o-fb-col--xs-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25% }
.o-fb-col--xs-offset-3 { margin-left: 25% }
.o-fb-col--xs-4 { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333% }
.o-fb-col--xs-offset-4 { margin-left: 33.33333% }
.o-fb-col--xs-5 { -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667% }
.o-fb-col--xs-offset-5 { margin-left: 41.66667% }
.o-fb-col--xs-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50% }
.o-fb-col--xs-offset-6 { margin-left: 50% }
.o-fb-col--xs-7 { -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333% }
.o-fb-col--xs-offset-7 { margin-left: 58.33333% }
.o-fb-col--xs-8 { -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667% }
.o-fb-col--xs-offset-8 { margin-left: 66.66667% }
.o-fb-col--xs-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75% }
.o-fb-col--xs-offset-9 { margin-left: 75% }
.o-fb-col--xs-10 { -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333% }
.o-fb-col--xs-offset-10 { margin-left: 83.33333% }
.o-fb-col--xs-11 { -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667% }
.o-fb-col--xs-offset-11 { margin-left: 91.66667% }
.o-fb-col--xs-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100% }
.o-fb-col--xs-offset-12 { margin-left: 100% }
.o-fb-col--xs-offset-0 { margin-left: 0 }
}
.o-typo--ff-base { font-family: "Founders", Helvetica, Arial; letter-spacing: 0.5px }
.o-typo--ff-headline { font-family: "Sporting", Helvetica, Arial; letter-spacing: -1px }
.o-typo--fs-xlarge { font-size: 72px; line-height: 111% }
@media (max-width: 1300px) {
.o-typo--fs-xlarge { font-size: 56px }
}
@media (max-width: 1100px) {
.o-typo--fs-xlarge { font-size: 56px }
}
@media (max-width: 800px) {
.o-typo--fs-xlarge { font-size: 56px }
}
@media (max-width: 640px) {
.o-typo--fs-xlarge { font-size: 32px }
}
@media (max-width: 800px) {
.o-typo--fs-xlarge { line-height: 118% }
}
.o-typo--fs-large { font-size: 52px; line-height: 127% }
@media (max-width: 1300px) {
.o-typo--fs-large { font-size: 36px }
}
@media (max-width: 1100px) {
.o-typo--fs-large { font-size: 36px }
}
@media (max-width: 800px) {
.o-typo--fs-large { font-size: 36px }
}
@media (max-width: 640px) {
.o-typo--fs-large { font-size: 24px }
}
@media (max-width: 800px) {
.o-typo--fs-large { line-height: 139% }
}
@media (max-width: 640px) {
.m-stats-module .o-typo--fs-large { font-size: 72px }
}
@media (max-width: 640px) and (max-width: 1300px) {
.m-stats-module .o-typo--fs-large { font-size: 56px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.m-stats-module .o-typo--fs-large { font-size: 56px }
}
@media (max-width: 640px) and (max-width: 800px) {
.m-stats-module .o-typo--fs-large { font-size: 56px }
}
@media (max-width: 640px) and (max-width: 640px) {
.m-stats-module .o-typo--fs-large { font-size: 32px }
}
.o-typo--fs-medium { font-size: 32px; line-height: 125% }
@media (max-width: 1300px) {
.o-typo--fs-medium { font-size: 26px }
}
@media (max-width: 1100px) {
.o-typo--fs-medium { font-size: 26px }
}
@media (max-width: 800px) {
.o-typo--fs-medium { font-size: 26px }
}
@media (max-width: 640px) {
.o-typo--fs-medium { font-size: 20px }
}
@media (max-width: 800px) {
.o-typo--fs-medium { line-height: 138% }
}
@media (max-width: 640px) {
.o-typo--fs-medium { line-height: 130% }
}
.o-typo--fs-semi { font-size: 24px; line-height: 150% }
@media (max-width: 1300px) {
.o-typo--fs-semi { font-size: 20px }
}
@media (max-width: 1100px) {
.o-typo--fs-semi { font-size: 20px }
}
@media (max-width: 800px) {
.o-typo--fs-semi { font-size: 20px }
}
@media (max-width: 640px) {
.o-typo--fs-semi { font-size: 16px }
}
@media (max-width: 800px) {
.o-typo--fs-semi { line-height: 163% }
}
@media (max-width: 640px) {
.c-drawing-app .o-typo--fs-semi, .c-contact .o-typo--fs-semi { font-size: 18px }
}
@media (max-width: 640px) and (max-width: 1300px) {
.c-drawing-app .o-typo--fs-semi, .c-contact .o-typo--fs-semi { font-size: 16px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.c-drawing-app .o-typo--fs-semi, .c-contact .o-typo--fs-semi { font-size: 16px }
}
@media (max-width: 640px) and (max-width: 800px) {
.c-drawing-app .o-typo--fs-semi, .c-contact .o-typo--fs-semi { font-size: 16px }
}
@media (max-width: 640px) and (max-width: 640px) {
.c-drawing-app .o-typo--fs-semi, .c-contact .o-typo--fs-semi { font-size: 16px }
}
.o-typo--fs-small { font-size: 18px; line-height: 188% }
@media (max-width: 1300px) {
.o-typo--fs-small { font-size: 16px }
}
@media (max-width: 1100px) {
.o-typo--fs-small { font-size: 16px }
}
@media (max-width: 800px) {
.o-typo--fs-small { font-size: 16px }
}
@media (max-width: 640px) {
.o-typo--fs-small { font-size: 16px }
}
@media (max-width: 800px) {
.o-typo--fs-small { line-height: 175% }
}
@media (max-width: 640px) {
.o-typo--fs-small { line-height: 163% }
}
@media (max-width: 640px) {
.c-audio .o-typo--fs-small { font-size: 16px }
}
@media (max-width: 640px) and (max-width: 1300px) {
.c-audio .o-typo--fs-small { font-size: 14px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.c-audio .o-typo--fs-small { font-size: 14px }
}
@media (max-width: 640px) and (max-width: 800px) {
.c-audio .o-typo--fs-small { font-size: 14px }
}
@media (max-width: 640px) and (max-width: 640px) {
.c-audio .o-typo--fs-small { font-size: 14px }
}
.o-typo--fs-xsmall { font-size: 16px; line-height: 150% }
@media (max-width: 1300px) {
.o-typo--fs-xsmall { font-size: 14px }
}
@media (max-width: 1100px) {
.o-typo--fs-xsmall { font-size: 14px }
}
@media (max-width: 800px) {
.o-typo--fs-xsmall { font-size: 14px }
}
@media (max-width: 640px) {
.o-typo--fs-xsmall { font-size: 14px }
}
.o-typo--c-grey { color: #858689 }
.dark-bg .o-typo--c-grey { color: #b4b4b8 }
.o-typo--c-dark-grey { color: #5a5c63 }
.o-typo--c-light-grey { color: #b4b4b8 }
.o-typo--c-black { color: #000 }
.o-typo--c-white { color: #fff }
.o-typo--o-40 { opacity: 0.4 }
.o-typo--italic { font-style: italic }
.o-typo--anchor { text-decoration: none; font-family: "Founders", Helvetica, Arial; letter-spacing: 0.5px; font-size: 16px; line-height: 150% }
@media (max-width: 1300px) {
.o-typo--anchor { font-size: 14px }
}
@media (max-width: 1100px) {
.o-typo--anchor { font-size: 14px }
}
@media (max-width: 800px) {
.o-typo--anchor { font-size: 14px }
}
@media (max-width: 640px) {
.o-typo--anchor { font-size: 14px }
}
.o-typo--fw-medium { font-weight: 500 }
@media (max-width: 640px) {
.o-typo--fs-semi-medium { font-size: 32px; line-height: 125% }
}
@media (max-width: 640px) and (max-width: 1300px) {
.o-typo--fs-semi-medium { font-size: 26px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-typo--fs-semi-medium { font-size: 26px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-typo--fs-semi-medium { font-size: 26px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-typo--fs-semi-medium { font-size: 20px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-typo--fs-semi-medium { line-height: 138% }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-typo--fs-semi-medium { line-height: 130% }
}
.o-typo--fs-xlarge-large { font-size: 56px }
@media (max-width: 1300px) {
.o-typo--fs-xlarge-large { font-size: 72px }
}
@media (max-width: 1300px) and (max-width: 1300px) {
.o-typo--fs-xlarge-large { font-size: 56px }
}
@media (max-width: 1300px) and (max-width: 1100px) {
.o-typo--fs-xlarge-large { font-size: 56px }
}
@media (max-width: 1300px) and (max-width: 800px) {
.o-typo--fs-xlarge-large { font-size: 56px }
}
@media (max-width: 1300px) and (max-width: 640px) {
.o-typo--fs-xlarge-large { font-size: 32px }
}
.o-typo--fs-medium-semi { font-size: 26px }
@media (max-width: 1300px) {
.o-typo--fs-medium-semi { font-size: 32px }
}
@media (max-width: 1300px) and (max-width: 1300px) {
.o-typo--fs-medium-semi { font-size: 26px }
}
@media (max-width: 1300px) and (max-width: 1100px) {
.o-typo--fs-medium-semi { font-size: 26px }
}
@media (max-width: 1300px) and (max-width: 800px) {
.o-typo--fs-medium-semi { font-size: 26px }
}
@media (max-width: 1300px) and (max-width: 640px) {
.o-typo--fs-medium-semi { font-size: 20px }
}
.o-typo--wysiwyg p { font-size: inherit; line-height: inherit; margin-bottom: 30px }
@media (max-width: 1100px) {
.o-typo--wysiwyg p { margin-bottom: 30px }
}
@media (max-width: 800px) {
.o-typo--wysiwyg p { margin-bottom: 30px }
}
@media (max-width: 640px) {
.o-typo--wysiwyg p { margin-bottom: 20px }
}
.o-typo--wysiwyg p:last-child { margin-bottom: 0 }
.o-module-wrapper--career .o-typo--wysiwyg p { color: #5a5c63 }
.o-module-wrapper--case .o-typo--wysiwyg p, .o-module-wrapper--article .o-typo--wysiwyg p { font-size: 18px; line-height: 188% }
@media (max-width: 1300px) {
.o-module-wrapper--case .o-typo--wysiwyg p, .o-module-wrapper--article .o-typo--wysiwyg p { font-size: 16px }
}
@media (max-width: 1100px) {
.o-module-wrapper--case .o-typo--wysiwyg p, .o-module-wrapper--article .o-typo--wysiwyg p { font-size: 16px }
}
@media (max-width: 800px) {
.o-module-wrapper--case .o-typo--wysiwyg p, .o-module-wrapper--article .o-typo--wysiwyg p { font-size: 16px }
}
@media (max-width: 640px) {
.o-module-wrapper--case .o-typo--wysiwyg p, .o-module-wrapper--article .o-typo--wysiwyg p { font-size: 16px }
}
@media (max-width: 800px) {
.o-module-wrapper--case .o-typo--wysiwyg p, .o-module-wrapper--article .o-typo--wysiwyg p { line-height: 175% }
}
@media (max-width: 640px) {
.o-module-wrapper--case .o-typo--wysiwyg p, .o-module-wrapper--article .o-typo--wysiwyg p { line-height: 163% }
}
@media (max-width: 640px) {
.c-audio .o-module-wrapper--case .o-typo--wysiwyg p, .c-audio .o-module-wrapper--article .o-typo--wysiwyg p { font-size: 16px }
}
@media (max-width: 640px) and (max-width: 1300px) {
.c-audio .o-module-wrapper--case .o-typo--wysiwyg p, .c-audio .o-module-wrapper--article .o-typo--wysiwyg p { font-size: 14px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.c-audio .o-module-wrapper--case .o-typo--wysiwyg p, .c-audio .o-module-wrapper--article .o-typo--wysiwyg p { font-size: 14px }
}
@media (max-width: 640px) and (max-width: 800px) {
.c-audio .o-module-wrapper--case .o-typo--wysiwyg p, .c-audio .o-module-wrapper--article .o-typo--wysiwyg p { font-size: 14px }
}
@media (max-width: 640px) and (max-width: 640px) {
.c-audio .o-module-wrapper--case .o-typo--wysiwyg p, .c-audio .o-module-wrapper--article .o-typo--wysiwyg p { font-size: 14px }
}
.o-module-wrapper--article .o-typo--wysiwyg p { color: #5a5c63 }
.o-typo--wysiwyg.dark-grey p { color: #5a5c63 }
.o-typo--wysiwyg ol, .o-typo--wysiwyg ul { list-style-position: inside }
@media (max-width: 640px) {
.m-text-repeater--column .o-typo--wysiwyg ol, .m-text-repeater--column .o-typo--wysiwyg ul { margin-top: 30px }
}
.o-module-wrapper--article .o-typo--wysiwyg ol li, .o-module-wrapper--article .o-typo--wysiwyg ul li { margin-bottom: 10px }
@media (max-width: 1100px) {
.o-module-wrapper--article .o-typo--wysiwyg ol li, .o-module-wrapper--article .o-typo--wysiwyg ul li { margin-bottom: 10px }
}
@media (max-width: 800px) {
.o-module-wrapper--article .o-typo--wysiwyg ol li, .o-module-wrapper--article .o-typo--wysiwyg ul li { margin-bottom: 10px }
}
@media (max-width: 640px) {
.o-module-wrapper--article .o-typo--wysiwyg ol li, .o-module-wrapper--article .o-typo--wysiwyg ul li { margin-bottom: 5px }
}
.o-module-wrapper--article .o-typo--wysiwyg ol li:last-child, .o-module-wrapper--article .o-typo--wysiwyg ul li:last-child { margin-bottom: 0 }
.o-module-wrapper--article .o-typo--wysiwyg ol, .o-module-wrapper--article .o-typo--wysiwyg ul { margin-bottom: 30px }
@media (max-width: 1100px) {
.o-module-wrapper--article .o-typo--wysiwyg ol, .o-module-wrapper--article .o-typo--wysiwyg ul { margin-bottom: 30px }
}
@media (max-width: 800px) {
.o-module-wrapper--article .o-typo--wysiwyg ol, .o-module-wrapper--article .o-typo--wysiwyg ul { margin-bottom: 30px }
}
@media (max-width: 640px) {
.o-module-wrapper--article .o-typo--wysiwyg ol, .o-module-wrapper--article .o-typo--wysiwyg ul { margin-bottom: 20px }
}
.o-module-wrapper--article .o-typo--wysiwyg ol:last-child, .o-module-wrapper--article .o-typo--wysiwyg ul:last-child { margin-bottom: 0 }
.o-typo--wysiwyg ul li { color: #b4b4b8 }
.o-typo--wysiwyg ol li a { color: #5a5c63 }
.o-typo--wysiwyg ol { color: #5a5c63; list-style-type: none }
.o-typo--wysiwyg ol li { counter-increment: step-counter; line-height: 162.5%; position: relative; padding-left: 25px }
.o-module-wrapper--article .o-typo--wysiwyg ol li { margin-bottom: 18px }
@media (max-width: 640px) {
.o-module-wrapper--article .o-typo--wysiwyg ol li { margin-bottom: 8px }
}
.o-typo--wysiwyg ol li:before { position: absolute; left: 0px; content: counter(step-counter) ". " }
.dark-bg .o-typo--wysiwyg.o-typo--tbr a { color: #fff; opacity: 1; border: none }
.dark-bg .o-typo--wysiwyg.o-typo--tbr a:hover { opacity: 0.4 }
.o-typo--wysiwyg a { color: #5a5c63; text-decoration: none; border-bottom: solid 1px; opacity: 0.4 }
.dark-bg .o-typo--wysiwyg a { color: #fff }
@media (min-width: 1100px) {
.o-typo--wysiwyg a:hover { opacity: 1 }
}
.o-typo--wysiwyg ul { list-style: none; padding-left: 0 }
.o-module-wrapper--article .o-typo--wysiwyg ul { list-style-position: inside; list-style-type: disc }
.o-gutter--mb-xxlarge { margin-bottom: 300px }
@media (max-width: 1100px) {
.o-gutter--mb-xxlarge { margin-bottom: 300px }
}
@media (max-width: 800px) {
.o-gutter--mb-xxlarge { margin-bottom: 150px }
}
@media (max-width: 640px) {
.o-gutter--mb-xxlarge { margin-bottom: 120px }
}
.o-gutter--mt-xxlarge { margin-top: 300px }
@media (max-width: 1100px) {
.o-gutter--mt-xxlarge { margin-top: 300px }
}
@media (max-width: 800px) {
.o-gutter--mt-xxlarge { margin-top: 150px }
}
@media (max-width: 640px) {
.o-gutter--mt-xxlarge { margin-top: 120px }
}
.o-gutter--ml-xxlarge { margin-left: 300px }
@media (max-width: 1100px) {
.o-gutter--ml-xxlarge { margin-left: 300px }
}
@media (max-width: 800px) {
.o-gutter--ml-xxlarge { margin-left: 150px }
}
@media (max-width: 640px) {
.o-gutter--ml-xxlarge { margin-left: 120px }
}
.o-gutter--mr-xxlarge { margin-right: 300px }
@media (max-width: 1100px) {
.o-gutter--mr-xxlarge { margin-right: 300px }
}
@media (max-width: 800px) {
.o-gutter--mr-xxlarge { margin-right: 150px }
}
@media (max-width: 640px) {
.o-gutter--mr-xxlarge { margin-right: 120px }
}
.o-gutter--mb-xlarge { margin-bottom: 200px }
@media (max-width: 1100px) {
.o-gutter--mb-xlarge { margin-bottom: 200px }
}
@media (max-width: 800px) {
.o-gutter--mb-xlarge { margin-bottom: 100px }
}
@media (max-width: 640px) {
.o-gutter--mb-xlarge { margin-bottom: 100px }
}
.o-gutter--mt-xlarge { margin-top: 200px }
@media (max-width: 1100px) {
.o-gutter--mt-xlarge { margin-top: 200px }
}
@media (max-width: 800px) {
.o-gutter--mt-xlarge { margin-top: 100px }
}
@media (max-width: 640px) {
.o-gutter--mt-xlarge { margin-top: 100px }
}
.o-gutter--ml-xlarge { margin-left: 200px }
@media (max-width: 1100px) {
.o-gutter--ml-xlarge { margin-left: 200px }
}
@media (max-width: 800px) {
.o-gutter--ml-xlarge { margin-left: 100px }
}
@media (max-width: 640px) {
.o-gutter--ml-xlarge { margin-left: 100px }
}
.o-gutter--mr-xlarge { margin-right: 200px }
@media (max-width: 1100px) {
.o-gutter--mr-xlarge { margin-right: 200px }
}
@media (max-width: 800px) {
.o-gutter--mr-xlarge { margin-right: 100px }
}
@media (max-width: 640px) {
.o-gutter--mr-xlarge { margin-right: 100px }
}
.o-gutter--mb-large { margin-bottom: 150px }
@media (max-width: 1100px) {
.o-gutter--mb-large { margin-bottom: 150px }
}
@media (max-width: 800px) {
.o-gutter--mb-large { margin-bottom: 100px }
}
@media (max-width: 640px) {
.o-gutter--mb-large { margin-bottom: 60px }
}
.o-gutter--mt-large { margin-top: 150px }
@media (max-width: 1100px) {
.o-gutter--mt-large { margin-top: 150px }
}
@media (max-width: 800px) {
.o-gutter--mt-large { margin-top: 100px }
}
@media (max-width: 640px) {
.o-gutter--mt-large { margin-top: 60px }
}
.o-gutter--ml-large { margin-left: 150px }
@media (max-width: 1100px) {
.o-gutter--ml-large { margin-left: 150px }
}
@media (max-width: 800px) {
.o-gutter--ml-large { margin-left: 100px }
}
@media (max-width: 640px) {
.o-gutter--ml-large { margin-left: 60px }
}
.o-gutter--mr-large { margin-right: 150px }
@media (max-width: 1100px) {
.o-gutter--mr-large { margin-right: 150px }
}
@media (max-width: 800px) {
.o-gutter--mr-large { margin-right: 100px }
}
@media (max-width: 640px) {
.o-gutter--mr-large { margin-right: 60px }
}
.o-gutter--mb-medium { margin-bottom: 100px }
@media (max-width: 1100px) {
.o-gutter--mb-medium { margin-bottom: 100px }
}
@media (max-width: 800px) {
.o-gutter--mb-medium { margin-bottom: 60px }
}
@media (max-width: 640px) {
.o-gutter--mb-medium { margin-bottom: 60px }
}
.o-gutter--mt-medium { margin-top: 100px }
@media (max-width: 1100px) {
.o-gutter--mt-medium { margin-top: 100px }
}
@media (max-width: 800px) {
.o-gutter--mt-medium { margin-top: 60px }
}
@media (max-width: 640px) {
.o-gutter--mt-medium { margin-top: 60px }
}
.o-gutter--ml-medium { margin-left: 100px }
@media (max-width: 1100px) {
.o-gutter--ml-medium { margin-left: 100px }
}
@media (max-width: 800px) {
.o-gutter--ml-medium { margin-left: 60px }
}
@media (max-width: 640px) {
.o-gutter--ml-medium { margin-left: 60px }
}
.o-gutter--mr-medium { margin-right: 100px }
@media (max-width: 1100px) {
.o-gutter--mr-medium { margin-right: 100px }
}
@media (max-width: 800px) {
.o-gutter--mr-medium { margin-right: 60px }
}
@media (max-width: 640px) {
.o-gutter--mr-medium { margin-right: 60px }
}
.o-gutter--mb-semi { margin-bottom: 60px }
@media (max-width: 1100px) {
.o-gutter--mb-semi { margin-bottom: 60px }
}
@media (max-width: 800px) {
.o-gutter--mb-semi { margin-bottom: 40px }
}
@media (max-width: 640px) {
.o-gutter--mb-semi { margin-bottom: 40px }
}
.o-gutter--mt-semi { margin-top: 60px }
@media (max-width: 1100px) {
.o-gutter--mt-semi { margin-top: 60px }
}
@media (max-width: 800px) {
.o-gutter--mt-semi { margin-top: 40px }
}
@media (max-width: 640px) {
.o-gutter--mt-semi { margin-top: 40px }
}
.o-gutter--ml-semi { margin-left: 60px }
@media (max-width: 1100px) {
.o-gutter--ml-semi { margin-left: 60px }
}
@media (max-width: 800px) {
.o-gutter--ml-semi { margin-left: 40px }
}
@media (max-width: 640px) {
.o-gutter--ml-semi { margin-left: 40px }
}
.o-gutter--mr-semi { margin-right: 60px }
@media (max-width: 1100px) {
.o-gutter--mr-semi { margin-right: 60px }
}
@media (max-width: 800px) {
.o-gutter--mr-semi { margin-right: 40px }
}
@media (max-width: 640px) {
.o-gutter--mr-semi { margin-right: 40px }
}
.o-gutter--mb-small { margin-bottom: 40px }
@media (max-width: 1100px) {
.o-gutter--mb-small { margin-bottom: 40px }
}
@media (max-width: 800px) {
.o-gutter--mb-small { margin-bottom: 40px }
}
@media (max-width: 640px) {
.o-gutter--mb-small { margin-bottom: 30px }
}
.o-gutter--mt-small { margin-top: 40px }
@media (max-width: 1100px) {
.o-gutter--mt-small { margin-top: 40px }
}
@media (max-width: 800px) {
.o-gutter--mt-small { margin-top: 40px }
}
@media (max-width: 640px) {
.o-gutter--mt-small { margin-top: 30px }
}
.o-gutter--ml-small { margin-left: 40px }
@media (max-width: 1100px) {
.o-gutter--ml-small { margin-left: 40px }
}
@media (max-width: 800px) {
.o-gutter--ml-small { margin-left: 40px }
}
@media (max-width: 640px) {
.o-gutter--ml-small { margin-left: 30px }
}
.o-gutter--mr-small { margin-right: 40px }
@media (max-width: 1100px) {
.o-gutter--mr-small { margin-right: 40px }
}
@media (max-width: 800px) {
.o-gutter--mr-small { margin-right: 40px }
}
@media (max-width: 640px) {
.o-gutter--mr-small { margin-right: 30px }
}
.o-gutter--mb-xsmall { margin-bottom: 30px }
@media (max-width: 1100px) {
.o-gutter--mb-xsmall { margin-bottom: 30px }
}
@media (max-width: 800px) {
.o-gutter--mb-xsmall { margin-bottom: 30px }
}
@media (max-width: 640px) {
.o-gutter--mb-xsmall { margin-bottom: 20px }
}
.o-gutter--mt-xsmall { margin-top: 30px }
@media (max-width: 1100px) {
.o-gutter--mt-xsmall { margin-top: 30px }
}
@media (max-width: 800px) {
.o-gutter--mt-xsmall { margin-top: 30px }
}
@media (max-width: 640px) {
.o-gutter--mt-xsmall { margin-top: 20px }
}
.o-gutter--ml-xsmall { margin-left: 30px }
@media (max-width: 1100px) {
.o-gutter--ml-xsmall { margin-left: 30px }
}
@media (max-width: 800px) {
.o-gutter--ml-xsmall { margin-left: 30px }
}
@media (max-width: 640px) {
.o-gutter--ml-xsmall { margin-left: 20px }
}
.o-gutter--mr-xsmall { margin-right: 30px }
@media (max-width: 1100px) {
.o-gutter--mr-xsmall { margin-right: 30px }
}
@media (max-width: 800px) {
.o-gutter--mr-xsmall { margin-right: 30px }
}
@media (max-width: 640px) {
.o-gutter--mr-xsmall { margin-right: 20px }
}
.o-gutter--mb-xxsmall { margin-bottom: 20px }
@media (max-width: 1100px) {
.o-gutter--mb-xxsmall { margin-bottom: 15px }
}
@media (max-width: 800px) {
.o-gutter--mb-xxsmall { margin-bottom: 15px }
}
@media (max-width: 640px) {
.o-gutter--mb-xxsmall { margin-bottom: 10px }
}
.o-gutter--mt-xxsmall { margin-top: 20px }
@media (max-width: 1100px) {
.o-gutter--mt-xxsmall { margin-top: 15px }
}
@media (max-width: 800px) {
.o-gutter--mt-xxsmall { margin-top: 15px }
}
@media (max-width: 640px) {
.o-gutter--mt-xxsmall { margin-top: 10px }
}
.o-gutter--ml-xxsmall { margin-left: 20px }
@media (max-width: 1100px) {
.o-gutter--ml-xxsmall { margin-left: 15px }
}
@media (max-width: 800px) {
.o-gutter--ml-xxsmall { margin-left: 15px }
}
@media (max-width: 640px) {
.o-gutter--ml-xxsmall { margin-left: 10px }
}
.o-gutter--mr-xxsmall { margin-right: 20px }
@media (max-width: 1100px) {
.o-gutter--mr-xxsmall { margin-right: 15px }
}
@media (max-width: 800px) {
.o-gutter--mr-xxsmall { margin-right: 15px }
}
@media (max-width: 640px) {
.o-gutter--mr-xxsmall { margin-right: 10px }
}
.o-gutter--mb-xxxsmall { margin-bottom: 10px }
@media (max-width: 1100px) {
.o-gutter--mb-xxxsmall { margin-bottom: 10px }
}
@media (max-width: 800px) {
.o-gutter--mb-xxxsmall { margin-bottom: 10px }
}
@media (max-width: 640px) {
.o-gutter--mb-xxxsmall { margin-bottom: 5px }
}
.o-gutter--mt-xxxsmall { margin-top: 10px }
@media (max-width: 1100px) {
.o-gutter--mt-xxxsmall { margin-top: 10px }
}
@media (max-width: 800px) {
.o-gutter--mt-xxxsmall { margin-top: 10px }
}
@media (max-width: 640px) {
.o-gutter--mt-xxxsmall { margin-top: 5px }
}
.o-gutter--ml-xxxsmall { margin-left: 10px }
@media (max-width: 1100px) {
.o-gutter--ml-xxxsmall { margin-left: 10px }
}
@media (max-width: 800px) {
.o-gutter--ml-xxxsmall { margin-left: 10px }
}
@media (max-width: 640px) {
.o-gutter--ml-xxxsmall { margin-left: 5px }
}
.o-gutter--mr-xxxsmall { margin-right: 10px }
@media (max-width: 1100px) {
.o-gutter--mr-xxxsmall { margin-right: 10px }
}
@media (max-width: 800px) {
.o-gutter--mr-xxxsmall { margin-right: 10px }
}
@media (max-width: 640px) {
.o-gutter--mr-xxxsmall { margin-right: 5px }
}
@media (max-width: 1100px) {
.o-gutter--md-mb-xxlarge { margin-bottom: 300px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-gutter--md-mb-xxlarge { margin-bottom: 300px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-gutter--md-mb-xxlarge { margin-bottom: 150px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-gutter--md-mb-xxlarge { margin-bottom: 120px }
}
@media (max-width: 1100px) {
.o-gutter--md-mt-xxlarge { margin-top: 300px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-gutter--md-mt-xxlarge { margin-top: 300px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-gutter--md-mt-xxlarge { margin-top: 150px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-gutter--md-mt-xxlarge { margin-top: 120px }
}
@media (max-width: 1100px) {
.o-gutter--md-ml-xxlarge { margin-left: 300px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-gutter--md-ml-xxlarge { margin-left: 300px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-gutter--md-ml-xxlarge { margin-left: 150px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-gutter--md-ml-xxlarge { margin-left: 120px }
}
@media (max-width: 1100px) {
.o-gutter--md-mr-xxlarge { margin-right: 300px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-gutter--md-mr-xxlarge { margin-right: 300px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-gutter--md-mr-xxlarge { margin-right: 150px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-gutter--md-mr-xxlarge { margin-right: 120px }
}
@media (max-width: 1100px) {
.o-gutter--md-mb-xlarge { margin-bottom: 200px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-gutter--md-mb-xlarge { margin-bottom: 200px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-gutter--md-mb-xlarge { margin-bottom: 100px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-gutter--md-mb-xlarge { margin-bottom: 100px }
}
@media (max-width: 1100px) {
.o-gutter--md-mt-xlarge { margin-top: 200px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-gutter--md-mt-xlarge { margin-top: 200px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-gutter--md-mt-xlarge { margin-top: 100px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-gutter--md-mt-xlarge { margin-top: 100px }
}
@media (max-width: 1100px) {
.o-gutter--md-ml-xlarge { margin-left: 200px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-gutter--md-ml-xlarge { margin-left: 200px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-gutter--md-ml-xlarge { margin-left: 100px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-gutter--md-ml-xlarge { margin-left: 100px }
}
@media (max-width: 1100px) {
.o-gutter--md-mr-xlarge { margin-right: 200px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-gutter--md-mr-xlarge { margin-right: 200px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-gutter--md-mr-xlarge { margin-right: 100px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-gutter--md-mr-xlarge { margin-right: 100px }
}
@media (max-width: 1100px) {
.o-gutter--md-mb-large { margin-bottom: 150px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-gutter--md-mb-large { margin-bottom: 150px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-gutter--md-mb-large { margin-bottom: 100px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-gutter--md-mb-large { margin-bottom: 60px }
}
@media (max-width: 1100px) {
.o-gutter--md-mt-large { margin-top: 150px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-gutter--md-mt-large { margin-top: 150px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-gutter--md-mt-large { margin-top: 100px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-gutter--md-mt-large { margin-top: 60px }
}
@media (max-width: 1100px) {
.o-gutter--md-ml-large { margin-left: 150px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-gutter--md-ml-large { margin-left: 150px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-gutter--md-ml-large { margin-left: 100px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-gutter--md-ml-large { margin-left: 60px }
}
@media (max-width: 1100px) {
.o-gutter--md-mr-large { margin-right: 150px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-gutter--md-mr-large { margin-right: 150px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-gutter--md-mr-large { margin-right: 100px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-gutter--md-mr-large { margin-right: 60px }
}
@media (max-width: 1100px) {
.o-gutter--md-mb-medium { margin-bottom: 100px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-gutter--md-mb-medium { margin-bottom: 100px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-gutter--md-mb-medium { margin-bottom: 60px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-gutter--md-mb-medium { margin-bottom: 60px }
}
@media (max-width: 1100px) {
.o-gutter--md-mt-medium { margin-top: 100px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-gutter--md-mt-medium { margin-top: 100px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-gutter--md-mt-medium { margin-top: 60px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-gutter--md-mt-medium { margin-top: 60px }
}
@media (max-width: 1100px) {
.o-gutter--md-ml-medium { margin-left: 100px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-gutter--md-ml-medium { margin-left: 100px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-gutter--md-ml-medium { margin-left: 60px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-gutter--md-ml-medium { margin-left: 60px }
}
@media (max-width: 1100px) {
.o-gutter--md-mr-medium { margin-right: 100px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-gutter--md-mr-medium { margin-right: 100px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-gutter--md-mr-medium { margin-right: 60px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-gutter--md-mr-medium { margin-right: 60px }
}
@media (max-width: 1100px) {
.o-gutter--md-mb-semi { margin-bottom: 60px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-gutter--md-mb-semi { margin-bottom: 60px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-gutter--md-mb-semi { margin-bottom: 40px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-gutter--md-mb-semi { margin-bottom: 40px }
}
@media (max-width: 1100px) {
.o-gutter--md-mt-semi { margin-top: 60px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-gutter--md-mt-semi { margin-top: 60px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-gutter--md-mt-semi { margin-top: 40px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-gutter--md-mt-semi { margin-top: 40px }
}
@media (max-width: 1100px) {
.o-gutter--md-ml-semi { margin-left: 60px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-gutter--md-ml-semi { margin-left: 60px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-gutter--md-ml-semi { margin-left: 40px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-gutter--md-ml-semi { margin-left: 40px }
}
@media (max-width: 1100px) {
.o-gutter--md-mr-semi { margin-right: 60px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-gutter--md-mr-semi { margin-right: 60px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-gutter--md-mr-semi { margin-right: 40px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-gutter--md-mr-semi { margin-right: 40px }
}
@media (max-width: 1100px) {
.o-gutter--md-mb-small { margin-bottom: 40px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-gutter--md-mb-small { margin-bottom: 40px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-gutter--md-mb-small { margin-bottom: 40px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-gutter--md-mb-small { margin-bottom: 30px }
}
@media (max-width: 1100px) {
.o-gutter--md-mt-small { margin-top: 40px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-gutter--md-mt-small { margin-top: 40px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-gutter--md-mt-small { margin-top: 40px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-gutter--md-mt-small { margin-top: 30px }
}
@media (max-width: 1100px) {
.o-gutter--md-ml-small { margin-left: 40px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-gutter--md-ml-small { margin-left: 40px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-gutter--md-ml-small { margin-left: 40px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-gutter--md-ml-small { margin-left: 30px }
}
@media (max-width: 1100px) {
.o-gutter--md-mr-small { margin-right: 40px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-gutter--md-mr-small { margin-right: 40px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-gutter--md-mr-small { margin-right: 40px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-gutter--md-mr-small { margin-right: 30px }
}
@media (max-width: 1100px) {
.o-gutter--md-mb-xsmall { margin-bottom: 30px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-gutter--md-mb-xsmall { margin-bottom: 30px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-gutter--md-mb-xsmall { margin-bottom: 30px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-gutter--md-mb-xsmall { margin-bottom: 20px }
}
@media (max-width: 1100px) {
.o-gutter--md-mt-xsmall { margin-top: 30px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-gutter--md-mt-xsmall { margin-top: 30px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-gutter--md-mt-xsmall { margin-top: 30px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-gutter--md-mt-xsmall { margin-top: 20px }
}
@media (max-width: 1100px) {
.o-gutter--md-ml-xsmall { margin-left: 30px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-gutter--md-ml-xsmall { margin-left: 30px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-gutter--md-ml-xsmall { margin-left: 30px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-gutter--md-ml-xsmall { margin-left: 20px }
}
@media (max-width: 1100px) {
.o-gutter--md-mr-xsmall { margin-right: 30px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-gutter--md-mr-xsmall { margin-right: 30px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-gutter--md-mr-xsmall { margin-right: 30px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-gutter--md-mr-xsmall { margin-right: 20px }
}
@media (max-width: 1100px) {
.o-gutter--md-mb-xxsmall { margin-bottom: 20px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-gutter--md-mb-xxsmall { margin-bottom: 15px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-gutter--md-mb-xxsmall { margin-bottom: 15px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-gutter--md-mb-xxsmall { margin-bottom: 10px }
}
@media (max-width: 1100px) {
.o-gutter--md-mt-xxsmall { margin-top: 20px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-gutter--md-mt-xxsmall { margin-top: 15px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-gutter--md-mt-xxsmall { margin-top: 15px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-gutter--md-mt-xxsmall { margin-top: 10px }
}
@media (max-width: 1100px) {
.o-gutter--md-ml-xxsmall { margin-left: 20px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-gutter--md-ml-xxsmall { margin-left: 15px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-gutter--md-ml-xxsmall { margin-left: 15px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-gutter--md-ml-xxsmall { margin-left: 10px }
}
@media (max-width: 1100px) {
.o-gutter--md-mr-xxsmall { margin-right: 20px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-gutter--md-mr-xxsmall { margin-right: 15px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-gutter--md-mr-xxsmall { margin-right: 15px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-gutter--md-mr-xxsmall { margin-right: 10px }
}
@media (max-width: 1100px) {
.o-gutter--md-mb-xxxsmall { margin-bottom: 10px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-gutter--md-mb-xxxsmall { margin-bottom: 10px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-gutter--md-mb-xxxsmall { margin-bottom: 10px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-gutter--md-mb-xxxsmall { margin-bottom: 5px }
}
@media (max-width: 1100px) {
.o-gutter--md-mt-xxxsmall { margin-top: 10px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-gutter--md-mt-xxxsmall { margin-top: 10px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-gutter--md-mt-xxxsmall { margin-top: 10px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-gutter--md-mt-xxxsmall { margin-top: 5px }
}
@media (max-width: 1100px) {
.o-gutter--md-ml-xxxsmall { margin-left: 10px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-gutter--md-ml-xxxsmall { margin-left: 10px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-gutter--md-ml-xxxsmall { margin-left: 10px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-gutter--md-ml-xxxsmall { margin-left: 5px }
}
@media (max-width: 1100px) {
.o-gutter--md-mr-xxxsmall { margin-right: 10px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-gutter--md-mr-xxxsmall { margin-right: 10px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-gutter--md-mr-xxxsmall { margin-right: 10px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-gutter--md-mr-xxxsmall { margin-right: 5px }
}
@media (max-width: 800px) {
.o-gutter--sm-mb-xxlarge { margin-bottom: 300px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-gutter--sm-mb-xxlarge { margin-bottom: 300px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-gutter--sm-mb-xxlarge { margin-bottom: 150px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-gutter--sm-mb-xxlarge { margin-bottom: 120px }
}
@media (max-width: 800px) {
.o-gutter--sm-mt-xxlarge { margin-top: 300px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-gutter--sm-mt-xxlarge { margin-top: 300px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-gutter--sm-mt-xxlarge { margin-top: 150px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-gutter--sm-mt-xxlarge { margin-top: 120px }
}
@media (max-width: 800px) {
.o-gutter--sm-ml-xxlarge { margin-left: 300px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-gutter--sm-ml-xxlarge { margin-left: 300px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-gutter--sm-ml-xxlarge { margin-left: 150px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-gutter--sm-ml-xxlarge { margin-left: 120px }
}
@media (max-width: 800px) {
.o-gutter--sm-mr-xxlarge { margin-right: 300px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-gutter--sm-mr-xxlarge { margin-right: 300px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-gutter--sm-mr-xxlarge { margin-right: 150px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-gutter--sm-mr-xxlarge { margin-right: 120px }
}
@media (max-width: 800px) {
.o-gutter--sm-mb-xlarge { margin-bottom: 200px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-gutter--sm-mb-xlarge { margin-bottom: 200px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-gutter--sm-mb-xlarge { margin-bottom: 100px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-gutter--sm-mb-xlarge { margin-bottom: 100px }
}
@media (max-width: 800px) {
.o-gutter--sm-mt-xlarge { margin-top: 200px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-gutter--sm-mt-xlarge { margin-top: 200px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-gutter--sm-mt-xlarge { margin-top: 100px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-gutter--sm-mt-xlarge { margin-top: 100px }
}
@media (max-width: 800px) {
.o-gutter--sm-ml-xlarge { margin-left: 200px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-gutter--sm-ml-xlarge { margin-left: 200px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-gutter--sm-ml-xlarge { margin-left: 100px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-gutter--sm-ml-xlarge { margin-left: 100px }
}
@media (max-width: 800px) {
.o-gutter--sm-mr-xlarge { margin-right: 200px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-gutter--sm-mr-xlarge { margin-right: 200px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-gutter--sm-mr-xlarge { margin-right: 100px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-gutter--sm-mr-xlarge { margin-right: 100px }
}
@media (max-width: 800px) {
.o-gutter--sm-mb-large { margin-bottom: 150px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-gutter--sm-mb-large { margin-bottom: 150px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-gutter--sm-mb-large { margin-bottom: 100px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-gutter--sm-mb-large { margin-bottom: 60px }
}
@media (max-width: 800px) {
.o-gutter--sm-mt-large { margin-top: 150px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-gutter--sm-mt-large { margin-top: 150px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-gutter--sm-mt-large { margin-top: 100px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-gutter--sm-mt-large { margin-top: 60px }
}
@media (max-width: 800px) {
.o-gutter--sm-ml-large { margin-left: 150px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-gutter--sm-ml-large { margin-left: 150px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-gutter--sm-ml-large { margin-left: 100px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-gutter--sm-ml-large { margin-left: 60px }
}
@media (max-width: 800px) {
.o-gutter--sm-mr-large { margin-right: 150px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-gutter--sm-mr-large { margin-right: 150px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-gutter--sm-mr-large { margin-right: 100px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-gutter--sm-mr-large { margin-right: 60px }
}
@media (max-width: 800px) {
.o-gutter--sm-mb-medium { margin-bottom: 100px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-gutter--sm-mb-medium { margin-bottom: 100px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-gutter--sm-mb-medium { margin-bottom: 60px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-gutter--sm-mb-medium { margin-bottom: 60px }
}
@media (max-width: 800px) {
.o-gutter--sm-mt-medium { margin-top: 100px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-gutter--sm-mt-medium { margin-top: 100px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-gutter--sm-mt-medium { margin-top: 60px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-gutter--sm-mt-medium { margin-top: 60px }
}
@media (max-width: 800px) {
.o-gutter--sm-ml-medium { margin-left: 100px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-gutter--sm-ml-medium { margin-left: 100px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-gutter--sm-ml-medium { margin-left: 60px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-gutter--sm-ml-medium { margin-left: 60px }
}
@media (max-width: 800px) {
.o-gutter--sm-mr-medium { margin-right: 100px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-gutter--sm-mr-medium { margin-right: 100px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-gutter--sm-mr-medium { margin-right: 60px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-gutter--sm-mr-medium { margin-right: 60px }
}
@media (max-width: 800px) {
.o-gutter--sm-mb-semi { margin-bottom: 60px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-gutter--sm-mb-semi { margin-bottom: 60px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-gutter--sm-mb-semi { margin-bottom: 40px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-gutter--sm-mb-semi { margin-bottom: 40px }
}
@media (max-width: 800px) {
.o-gutter--sm-mt-semi { margin-top: 60px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-gutter--sm-mt-semi { margin-top: 60px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-gutter--sm-mt-semi { margin-top: 40px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-gutter--sm-mt-semi { margin-top: 40px }
}
@media (max-width: 800px) {
.o-gutter--sm-ml-semi { margin-left: 60px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-gutter--sm-ml-semi { margin-left: 60px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-gutter--sm-ml-semi { margin-left: 40px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-gutter--sm-ml-semi { margin-left: 40px }
}
@media (max-width: 800px) {
.o-gutter--sm-mr-semi { margin-right: 60px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-gutter--sm-mr-semi { margin-right: 60px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-gutter--sm-mr-semi { margin-right: 40px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-gutter--sm-mr-semi { margin-right: 40px }
}
@media (max-width: 800px) {
.o-gutter--sm-mb-small { margin-bottom: 40px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-gutter--sm-mb-small { margin-bottom: 40px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-gutter--sm-mb-small { margin-bottom: 40px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-gutter--sm-mb-small { margin-bottom: 30px }
}
@media (max-width: 800px) {
.o-gutter--sm-mt-small { margin-top: 40px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-gutter--sm-mt-small { margin-top: 40px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-gutter--sm-mt-small { margin-top: 40px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-gutter--sm-mt-small { margin-top: 30px }
}
@media (max-width: 800px) {
.o-gutter--sm-ml-small { margin-left: 40px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-gutter--sm-ml-small { margin-left: 40px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-gutter--sm-ml-small { margin-left: 40px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-gutter--sm-ml-small { margin-left: 30px }
}
@media (max-width: 800px) {
.o-gutter--sm-mr-small { margin-right: 40px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-gutter--sm-mr-small { margin-right: 40px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-gutter--sm-mr-small { margin-right: 40px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-gutter--sm-mr-small { margin-right: 30px }
}
@media (max-width: 800px) {
.o-gutter--sm-mb-xsmall { margin-bottom: 30px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-gutter--sm-mb-xsmall { margin-bottom: 30px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-gutter--sm-mb-xsmall { margin-bottom: 30px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-gutter--sm-mb-xsmall { margin-bottom: 20px }
}
@media (max-width: 800px) {
.o-gutter--sm-mt-xsmall { margin-top: 30px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-gutter--sm-mt-xsmall { margin-top: 30px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-gutter--sm-mt-xsmall { margin-top: 30px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-gutter--sm-mt-xsmall { margin-top: 20px }
}
@media (max-width: 800px) {
.o-gutter--sm-ml-xsmall { margin-left: 30px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-gutter--sm-ml-xsmall { margin-left: 30px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-gutter--sm-ml-xsmall { margin-left: 30px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-gutter--sm-ml-xsmall { margin-left: 20px }
}
@media (max-width: 800px) {
.o-gutter--sm-mr-xsmall { margin-right: 30px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-gutter--sm-mr-xsmall { margin-right: 30px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-gutter--sm-mr-xsmall { margin-right: 30px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-gutter--sm-mr-xsmall { margin-right: 20px }
}
@media (max-width: 800px) {
.o-gutter--sm-mb-xxsmall { margin-bottom: 20px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-gutter--sm-mb-xxsmall { margin-bottom: 15px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-gutter--sm-mb-xxsmall { margin-bottom: 15px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-gutter--sm-mb-xxsmall { margin-bottom: 10px }
}
@media (max-width: 800px) {
.o-gutter--sm-mt-xxsmall { margin-top: 20px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-gutter--sm-mt-xxsmall { margin-top: 15px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-gutter--sm-mt-xxsmall { margin-top: 15px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-gutter--sm-mt-xxsmall { margin-top: 10px }
}
@media (max-width: 800px) {
.o-gutter--sm-ml-xxsmall { margin-left: 20px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-gutter--sm-ml-xxsmall { margin-left: 15px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-gutter--sm-ml-xxsmall { margin-left: 15px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-gutter--sm-ml-xxsmall { margin-left: 10px }
}
@media (max-width: 800px) {
.o-gutter--sm-mr-xxsmall { margin-right: 20px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-gutter--sm-mr-xxsmall { margin-right: 15px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-gutter--sm-mr-xxsmall { margin-right: 15px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-gutter--sm-mr-xxsmall { margin-right: 10px }
}
@media (max-width: 800px) {
.o-gutter--sm-mb-xxxsmall { margin-bottom: 10px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-gutter--sm-mb-xxxsmall { margin-bottom: 10px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-gutter--sm-mb-xxxsmall { margin-bottom: 10px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-gutter--sm-mb-xxxsmall { margin-bottom: 5px }
}
@media (max-width: 800px) {
.o-gutter--sm-mt-xxxsmall { margin-top: 10px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-gutter--sm-mt-xxxsmall { margin-top: 10px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-gutter--sm-mt-xxxsmall { margin-top: 10px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-gutter--sm-mt-xxxsmall { margin-top: 5px }
}
@media (max-width: 800px) {
.o-gutter--sm-ml-xxxsmall { margin-left: 10px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-gutter--sm-ml-xxxsmall { margin-left: 10px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-gutter--sm-ml-xxxsmall { margin-left: 10px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-gutter--sm-ml-xxxsmall { margin-left: 5px }
}
@media (max-width: 800px) {
.o-gutter--sm-mr-xxxsmall { margin-right: 10px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-gutter--sm-mr-xxxsmall { margin-right: 10px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-gutter--sm-mr-xxxsmall { margin-right: 10px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-gutter--sm-mr-xxxsmall { margin-right: 5px }
}
@media (max-width: 640px) {
.o-gutter--xs-mb-xxlarge { margin-bottom: 300px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-gutter--xs-mb-xxlarge { margin-bottom: 300px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-gutter--xs-mb-xxlarge { margin-bottom: 150px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-gutter--xs-mb-xxlarge { margin-bottom: 120px }
}
@media (max-width: 640px) {
.o-gutter--xs-mt-xxlarge { margin-top: 300px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-gutter--xs-mt-xxlarge { margin-top: 300px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-gutter--xs-mt-xxlarge { margin-top: 150px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-gutter--xs-mt-xxlarge { margin-top: 120px }
}
@media (max-width: 640px) {
.o-gutter--xs-ml-xxlarge { margin-left: 300px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-gutter--xs-ml-xxlarge { margin-left: 300px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-gutter--xs-ml-xxlarge { margin-left: 150px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-gutter--xs-ml-xxlarge { margin-left: 120px }
}
@media (max-width: 640px) {
.o-gutter--xs-mr-xxlarge { margin-right: 300px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-gutter--xs-mr-xxlarge { margin-right: 300px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-gutter--xs-mr-xxlarge { margin-right: 150px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-gutter--xs-mr-xxlarge { margin-right: 120px }
}
@media (max-width: 640px) {
.o-gutter--xs-mb-xlarge { margin-bottom: 200px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-gutter--xs-mb-xlarge { margin-bottom: 200px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-gutter--xs-mb-xlarge { margin-bottom: 100px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-gutter--xs-mb-xlarge { margin-bottom: 100px }
}
@media (max-width: 640px) {
.o-gutter--xs-mt-xlarge { margin-top: 200px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-gutter--xs-mt-xlarge { margin-top: 200px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-gutter--xs-mt-xlarge { margin-top: 100px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-gutter--xs-mt-xlarge { margin-top: 100px }
}
@media (max-width: 640px) {
.o-gutter--xs-ml-xlarge { margin-left: 200px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-gutter--xs-ml-xlarge { margin-left: 200px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-gutter--xs-ml-xlarge { margin-left: 100px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-gutter--xs-ml-xlarge { margin-left: 100px }
}
@media (max-width: 640px) {
.o-gutter--xs-mr-xlarge { margin-right: 200px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-gutter--xs-mr-xlarge { margin-right: 200px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-gutter--xs-mr-xlarge { margin-right: 100px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-gutter--xs-mr-xlarge { margin-right: 100px }
}
@media (max-width: 640px) {
.o-gutter--xs-mb-large { margin-bottom: 150px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-gutter--xs-mb-large { margin-bottom: 150px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-gutter--xs-mb-large { margin-bottom: 100px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-gutter--xs-mb-large { margin-bottom: 60px }
}
@media (max-width: 640px) {
.o-gutter--xs-mt-large { margin-top: 150px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-gutter--xs-mt-large { margin-top: 150px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-gutter--xs-mt-large { margin-top: 100px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-gutter--xs-mt-large { margin-top: 60px }
}
@media (max-width: 640px) {
.o-gutter--xs-ml-large { margin-left: 150px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-gutter--xs-ml-large { margin-left: 150px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-gutter--xs-ml-large { margin-left: 100px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-gutter--xs-ml-large { margin-left: 60px }
}
@media (max-width: 640px) {
.o-gutter--xs-mr-large { margin-right: 150px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-gutter--xs-mr-large { margin-right: 150px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-gutter--xs-mr-large { margin-right: 100px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-gutter--xs-mr-large { margin-right: 60px }
}
@media (max-width: 640px) {
.o-gutter--xs-mb-medium { margin-bottom: 100px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-gutter--xs-mb-medium { margin-bottom: 100px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-gutter--xs-mb-medium { margin-bottom: 60px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-gutter--xs-mb-medium { margin-bottom: 60px }
}
@media (max-width: 640px) {
.o-gutter--xs-mt-medium { margin-top: 100px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-gutter--xs-mt-medium { margin-top: 100px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-gutter--xs-mt-medium { margin-top: 60px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-gutter--xs-mt-medium { margin-top: 60px }
}
@media (max-width: 640px) {
.o-gutter--xs-ml-medium { margin-left: 100px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-gutter--xs-ml-medium { margin-left: 100px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-gutter--xs-ml-medium { margin-left: 60px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-gutter--xs-ml-medium { margin-left: 60px }
}
@media (max-width: 640px) {
.o-gutter--xs-mr-medium { margin-right: 100px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-gutter--xs-mr-medium { margin-right: 100px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-gutter--xs-mr-medium { margin-right: 60px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-gutter--xs-mr-medium { margin-right: 60px }
}
@media (max-width: 640px) {
.o-gutter--xs-mb-semi { margin-bottom: 60px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-gutter--xs-mb-semi { margin-bottom: 60px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-gutter--xs-mb-semi { margin-bottom: 40px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-gutter--xs-mb-semi { margin-bottom: 40px }
}
@media (max-width: 640px) {
.o-gutter--xs-mt-semi { margin-top: 60px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-gutter--xs-mt-semi { margin-top: 60px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-gutter--xs-mt-semi { margin-top: 40px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-gutter--xs-mt-semi { margin-top: 40px }
}
@media (max-width: 640px) {
.o-gutter--xs-ml-semi { margin-left: 60px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-gutter--xs-ml-semi { margin-left: 60px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-gutter--xs-ml-semi { margin-left: 40px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-gutter--xs-ml-semi { margin-left: 40px }
}
@media (max-width: 640px) {
.o-gutter--xs-mr-semi { margin-right: 60px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-gutter--xs-mr-semi { margin-right: 60px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-gutter--xs-mr-semi { margin-right: 40px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-gutter--xs-mr-semi { margin-right: 40px }
}
@media (max-width: 640px) {
.o-gutter--xs-mb-small { margin-bottom: 40px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-gutter--xs-mb-small { margin-bottom: 40px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-gutter--xs-mb-small { margin-bottom: 40px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-gutter--xs-mb-small { margin-bottom: 30px }
}
@media (max-width: 640px) {
.o-gutter--xs-mt-small { margin-top: 40px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-gutter--xs-mt-small { margin-top: 40px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-gutter--xs-mt-small { margin-top: 40px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-gutter--xs-mt-small { margin-top: 30px }
}
@media (max-width: 640px) {
.o-gutter--xs-ml-small { margin-left: 40px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-gutter--xs-ml-small { margin-left: 40px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-gutter--xs-ml-small { margin-left: 40px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-gutter--xs-ml-small { margin-left: 30px }
}
@media (max-width: 640px) {
.o-gutter--xs-mr-small { margin-right: 40px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-gutter--xs-mr-small { margin-right: 40px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-gutter--xs-mr-small { margin-right: 40px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-gutter--xs-mr-small { margin-right: 30px }
}
@media (max-width: 640px) {
.o-gutter--xs-mb-xsmall { margin-bottom: 30px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-gutter--xs-mb-xsmall { margin-bottom: 30px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-gutter--xs-mb-xsmall { margin-bottom: 30px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-gutter--xs-mb-xsmall { margin-bottom: 20px }
}
@media (max-width: 640px) {
.o-gutter--xs-mt-xsmall { margin-top: 30px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-gutter--xs-mt-xsmall { margin-top: 30px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-gutter--xs-mt-xsmall { margin-top: 30px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-gutter--xs-mt-xsmall { margin-top: 20px }
}
@media (max-width: 640px) {
.o-gutter--xs-ml-xsmall { margin-left: 30px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-gutter--xs-ml-xsmall { margin-left: 30px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-gutter--xs-ml-xsmall { margin-left: 30px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-gutter--xs-ml-xsmall { margin-left: 20px }
}
@media (max-width: 640px) {
.o-gutter--xs-mr-xsmall { margin-right: 30px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-gutter--xs-mr-xsmall { margin-right: 30px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-gutter--xs-mr-xsmall { margin-right: 30px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-gutter--xs-mr-xsmall { margin-right: 20px }
}
@media (max-width: 640px) {
.o-gutter--xs-mb-xxsmall { margin-bottom: 20px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-gutter--xs-mb-xxsmall { margin-bottom: 15px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-gutter--xs-mb-xxsmall { margin-bottom: 15px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-gutter--xs-mb-xxsmall { margin-bottom: 10px }
}
@media (max-width: 640px) {
.o-gutter--xs-mt-xxsmall { margin-top: 20px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-gutter--xs-mt-xxsmall { margin-top: 15px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-gutter--xs-mt-xxsmall { margin-top: 15px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-gutter--xs-mt-xxsmall { margin-top: 10px }
}
@media (max-width: 640px) {
.o-gutter--xs-ml-xxsmall { margin-left: 20px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-gutter--xs-ml-xxsmall { margin-left: 15px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-gutter--xs-ml-xxsmall { margin-left: 15px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-gutter--xs-ml-xxsmall { margin-left: 10px }
}
@media (max-width: 640px) {
.o-gutter--xs-mr-xxsmall { margin-right: 20px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-gutter--xs-mr-xxsmall { margin-right: 15px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-gutter--xs-mr-xxsmall { margin-right: 15px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-gutter--xs-mr-xxsmall { margin-right: 10px }
}
@media (max-width: 640px) {
.o-gutter--xs-mb-xxxsmall { margin-bottom: 10px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-gutter--xs-mb-xxxsmall { margin-bottom: 10px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-gutter--xs-mb-xxxsmall { margin-bottom: 10px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-gutter--xs-mb-xxxsmall { margin-bottom: 5px }
}
@media (max-width: 640px) {
.o-gutter--xs-mt-xxxsmall { margin-top: 10px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-gutter--xs-mt-xxxsmall { margin-top: 10px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-gutter--xs-mt-xxxsmall { margin-top: 10px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-gutter--xs-mt-xxxsmall { margin-top: 5px }
}
@media (max-width: 640px) {
.o-gutter--xs-ml-xxxsmall { margin-left: 10px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-gutter--xs-ml-xxxsmall { margin-left: 10px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-gutter--xs-ml-xxxsmall { margin-left: 10px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-gutter--xs-ml-xxxsmall { margin-left: 5px }
}
@media (max-width: 640px) {
.o-gutter--xs-mr-xxxsmall { margin-right: 10px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-gutter--xs-mr-xxxsmall { margin-right: 10px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-gutter--xs-mr-xxxsmall { margin-right: 10px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-gutter--xs-mr-xxxsmall { margin-right: 5px }
}
.o-text-gutter--mb-xxlarge { margin-bottom: 295px }
@media (max-width: 1100px) {
.o-text-gutter--mb-xxlarge { margin-bottom: 295px }
}
@media (max-width: 800px) {
.o-text-gutter--mb-xxlarge { margin-bottom: 140px }
}
@media (max-width: 640px) {
.o-text-gutter--mb-xxlarge { margin-bottom: 115px }
}
.o-text-gutter--mt-xxlarge { margin-top: 295px }
@media (max-width: 1100px) {
.o-text-gutter--mt-xxlarge { margin-top: 295px }
}
@media (max-width: 800px) {
.o-text-gutter--mt-xxlarge { margin-top: 140px }
}
@media (max-width: 640px) {
.o-text-gutter--mt-xxlarge { margin-top: 115px }
}
.o-text-gutter--ml-xxlarge { margin-left: 295px }
@media (max-width: 1100px) {
.o-text-gutter--ml-xxlarge { margin-left: 295px }
}
@media (max-width: 800px) {
.o-text-gutter--ml-xxlarge { margin-left: 140px }
}
@media (max-width: 640px) {
.o-text-gutter--ml-xxlarge { margin-left: 115px }
}
.o-text-gutter--mr-xxlarge { margin-right: 295px }
@media (max-width: 1100px) {
.o-text-gutter--mr-xxlarge { margin-right: 295px }
}
@media (max-width: 800px) {
.o-text-gutter--mr-xxlarge { margin-right: 140px }
}
@media (max-width: 640px) {
.o-text-gutter--mr-xxlarge { margin-right: 115px }
}
.o-text-gutter--mb-xlarge { margin-bottom: 190px }
@media (max-width: 1100px) {
.o-text-gutter--mb-xlarge { margin-bottom: 190px }
}
@media (max-width: 800px) {
.o-text-gutter--mb-xlarge { margin-bottom: 90px }
}
@media (max-width: 640px) {
.o-text-gutter--mb-xlarge { margin-bottom: 90px }
}
.o-text-gutter--mt-xlarge { margin-top: 190px }
@media (max-width: 1100px) {
.o-text-gutter--mt-xlarge { margin-top: 190px }
}
@media (max-width: 800px) {
.o-text-gutter--mt-xlarge { margin-top: 90px }
}
@media (max-width: 640px) {
.o-text-gutter--mt-xlarge { margin-top: 90px }
}
.o-text-gutter--ml-xlarge { margin-left: 190px }
@media (max-width: 1100px) {
.o-text-gutter--ml-xlarge { margin-left: 190px }
}
@media (max-width: 800px) {
.o-text-gutter--ml-xlarge { margin-left: 90px }
}
@media (max-width: 640px) {
.o-text-gutter--ml-xlarge { margin-left: 90px }
}
.o-text-gutter--mr-xlarge { margin-right: 190px }
@media (max-width: 1100px) {
.o-text-gutter--mr-xlarge { margin-right: 190px }
}
@media (max-width: 800px) {
.o-text-gutter--mr-xlarge { margin-right: 90px }
}
@media (max-width: 640px) {
.o-text-gutter--mr-xlarge { margin-right: 90px }
}
.o-text-gutter--mb-large { margin-bottom: 140px }
@media (max-width: 1100px) {
.o-text-gutter--mb-large { margin-bottom: 140px }
}
@media (max-width: 800px) {
.o-text-gutter--mb-large { margin-bottom: 90px }
}
@media (max-width: 640px) {
.o-text-gutter--mb-large { margin-bottom: 55px }
}
.o-text-gutter--mt-large { margin-top: 140px }
@media (max-width: 1100px) {
.o-text-gutter--mt-large { margin-top: 140px }
}
@media (max-width: 800px) {
.o-text-gutter--mt-large { margin-top: 90px }
}
@media (max-width: 640px) {
.o-text-gutter--mt-large { margin-top: 55px }
}
.o-text-gutter--ml-large { margin-left: 140px }
@media (max-width: 1100px) {
.o-text-gutter--ml-large { margin-left: 140px }
}
@media (max-width: 800px) {
.o-text-gutter--ml-large { margin-left: 90px }
}
@media (max-width: 640px) {
.o-text-gutter--ml-large { margin-left: 55px }
}
.o-text-gutter--mr-large { margin-right: 140px }
@media (max-width: 1100px) {
.o-text-gutter--mr-large { margin-right: 140px }
}
@media (max-width: 800px) {
.o-text-gutter--mr-large { margin-right: 90px }
}
@media (max-width: 640px) {
.o-text-gutter--mr-large { margin-right: 55px }
}
.o-text-gutter--mb-medium { margin-bottom: 80px }
@media (max-width: 1100px) {
.o-text-gutter--mb-medium { margin-bottom: 80px }
}
@media (max-width: 800px) {
.o-text-gutter--mb-medium { margin-bottom: 50px }
}
@media (max-width: 640px) {
.o-text-gutter--mb-medium { margin-bottom: 55px }
}
.o-text-gutter--mt-medium { margin-top: 80px }
@media (max-width: 1100px) {
.o-text-gutter--mt-medium { margin-top: 80px }
}
@media (max-width: 800px) {
.o-text-gutter--mt-medium { margin-top: 50px }
}
@media (max-width: 640px) {
.o-text-gutter--mt-medium { margin-top: 55px }
}
.o-text-gutter--ml-medium { margin-left: 80px }
@media (max-width: 1100px) {
.o-text-gutter--ml-medium { margin-left: 80px }
}
@media (max-width: 800px) {
.o-text-gutter--ml-medium { margin-left: 50px }
}
@media (max-width: 640px) {
.o-text-gutter--ml-medium { margin-left: 55px }
}
.o-text-gutter--mr-medium { margin-right: 80px }
@media (max-width: 1100px) {
.o-text-gutter--mr-medium { margin-right: 80px }
}
@media (max-width: 800px) {
.o-text-gutter--mr-medium { margin-right: 50px }
}
@media (max-width: 640px) {
.o-text-gutter--mr-medium { margin-right: 55px }
}
.o-text-gutter--mb-semi { margin-bottom: 52px }
@media (max-width: 1100px) {
.o-text-gutter--mb-semi { margin-bottom: 50px }
}
@media (max-width: 800px) {
.o-text-gutter--mb-semi { margin-bottom: 30px }
}
@media (max-width: 640px) {
.o-text-gutter--mb-semi { margin-bottom: 30px }
}
.o-text-gutter--mt-semi { margin-top: 52px }
@media (max-width: 1100px) {
.o-text-gutter--mt-semi { margin-top: 50px }
}
@media (max-width: 800px) {
.o-text-gutter--mt-semi { margin-top: 30px }
}
@media (max-width: 640px) {
.o-text-gutter--mt-semi { margin-top: 30px }
}
.o-text-gutter--ml-semi { margin-left: 52px }
@media (max-width: 1100px) {
.o-text-gutter--ml-semi { margin-left: 50px }
}
@media (max-width: 800px) {
.o-text-gutter--ml-semi { margin-left: 30px }
}
@media (max-width: 640px) {
.o-text-gutter--ml-semi { margin-left: 30px }
}
.o-text-gutter--mr-semi { margin-right: 52px }
@media (max-width: 1100px) {
.o-text-gutter--mr-semi { margin-right: 50px }
}
@media (max-width: 800px) {
.o-text-gutter--mr-semi { margin-right: 30px }
}
@media (max-width: 640px) {
.o-text-gutter--mr-semi { margin-right: 30px }
}
.o-text-gutter--mb-small { margin-bottom: 40px }
@media (max-width: 1100px) {
.o-text-gutter--mb-small { margin-bottom: 40px }
}
@media (max-width: 800px) {
.o-text-gutter--mb-small { margin-bottom: 30px }
}
@media (max-width: 640px) {
.o-text-gutter--mb-small { margin-bottom: 20px }
}
.o-text-gutter--mt-small { margin-top: 40px }
@media (max-width: 1100px) {
.o-text-gutter--mt-small { margin-top: 40px }
}
@media (max-width: 800px) {
.o-text-gutter--mt-small { margin-top: 30px }
}
@media (max-width: 640px) {
.o-text-gutter--mt-small { margin-top: 20px }
}
.o-text-gutter--ml-small { margin-left: 40px }
@media (max-width: 1100px) {
.o-text-gutter--ml-small { margin-left: 40px }
}
@media (max-width: 800px) {
.o-text-gutter--ml-small { margin-left: 30px }
}
@media (max-width: 640px) {
.o-text-gutter--ml-small { margin-left: 20px }
}
.o-text-gutter--mr-small { margin-right: 40px }
@media (max-width: 1100px) {
.o-text-gutter--mr-small { margin-right: 40px }
}
@media (max-width: 800px) {
.o-text-gutter--mr-small { margin-right: 30px }
}
@media (max-width: 640px) {
.o-text-gutter--mr-small { margin-right: 20px }
}
.o-text-gutter--mb-xsmall { margin-bottom: 30px }
@media (max-width: 1100px) {
.o-text-gutter--mb-xsmall { margin-bottom: 30px }
}
@media (max-width: 800px) {
.o-text-gutter--mb-xsmall { margin-bottom: 20px }
}
@media (max-width: 640px) {
.o-text-gutter--mb-xsmall { margin-bottom: 15px }
}
.o-text-gutter--mt-xsmall { margin-top: 30px }
@media (max-width: 1100px) {
.o-text-gutter--mt-xsmall { margin-top: 30px }
}
@media (max-width: 800px) {
.o-text-gutter--mt-xsmall { margin-top: 20px }
}
@media (max-width: 640px) {
.o-text-gutter--mt-xsmall { margin-top: 15px }
}
.o-text-gutter--ml-xsmall { margin-left: 30px }
@media (max-width: 1100px) {
.o-text-gutter--ml-xsmall { margin-left: 30px }
}
@media (max-width: 800px) {
.o-text-gutter--ml-xsmall { margin-left: 20px }
}
@media (max-width: 640px) {
.o-text-gutter--ml-xsmall { margin-left: 15px }
}
.o-text-gutter--mr-xsmall { margin-right: 30px }
@media (max-width: 1100px) {
.o-text-gutter--mr-xsmall { margin-right: 30px }
}
@media (max-width: 800px) {
.o-text-gutter--mr-xsmall { margin-right: 20px }
}
@media (max-width: 640px) {
.o-text-gutter--mr-xsmall { margin-right: 15px }
}
.o-text-gutter--mb-xxsmall { margin-bottom: 15px }
@media (max-width: 1100px) {
.o-text-gutter--mb-xxsmall { margin-bottom: 15px }
}
@media (max-width: 800px) {
.o-text-gutter--mb-xxsmall { margin-bottom: 10px }
}
@media (max-width: 640px) {
.o-text-gutter--mb-xxsmall { margin-bottom: 10px }
}
.o-text-gutter--mt-xxsmall { margin-top: 15px }
@media (max-width: 1100px) {
.o-text-gutter--mt-xxsmall { margin-top: 15px }
}
@media (max-width: 800px) {
.o-text-gutter--mt-xxsmall { margin-top: 10px }
}
@media (max-width: 640px) {
.o-text-gutter--mt-xxsmall { margin-top: 10px }
}
.o-text-gutter--ml-xxsmall { margin-left: 15px }
@media (max-width: 1100px) {
.o-text-gutter--ml-xxsmall { margin-left: 15px }
}
@media (max-width: 800px) {
.o-text-gutter--ml-xxsmall { margin-left: 10px }
}
@media (max-width: 640px) {
.o-text-gutter--ml-xxsmall { margin-left: 10px }
}
.o-text-gutter--mr-xxsmall { margin-right: 15px }
@media (max-width: 1100px) {
.o-text-gutter--mr-xxsmall { margin-right: 15px }
}
@media (max-width: 800px) {
.o-text-gutter--mr-xxsmall { margin-right: 10px }
}
@media (max-width: 640px) {
.o-text-gutter--mr-xxsmall { margin-right: 10px }
}
.o-text-gutter--mb-xxxsmall { margin-bottom: 10px }
@media (max-width: 1100px) {
.o-text-gutter--mb-xxxsmall { margin-bottom: 10px }
}
@media (max-width: 800px) {
.o-text-gutter--mb-xxxsmall { margin-bottom: 5px }
}
@media (max-width: 640px) {
.o-text-gutter--mb-xxxsmall { margin-bottom: 5px }
}
.o-text-gutter--mt-xxxsmall { margin-top: 10px }
@media (max-width: 1100px) {
.o-text-gutter--mt-xxxsmall { margin-top: 10px }
}
@media (max-width: 800px) {
.o-text-gutter--mt-xxxsmall { margin-top: 5px }
}
@media (max-width: 640px) {
.o-text-gutter--mt-xxxsmall { margin-top: 5px }
}
.o-text-gutter--ml-xxxsmall { margin-left: 10px }
@media (max-width: 1100px) {
.o-text-gutter--ml-xxxsmall { margin-left: 10px }
}
@media (max-width: 800px) {
.o-text-gutter--ml-xxxsmall { margin-left: 5px }
}
@media (max-width: 640px) {
.o-text-gutter--ml-xxxsmall { margin-left: 5px }
}
.o-text-gutter--mr-xxxsmall { margin-right: 10px }
@media (max-width: 1100px) {
.o-text-gutter--mr-xxxsmall { margin-right: 10px }
}
@media (max-width: 800px) {
.o-text-gutter--mr-xxxsmall { margin-right: 5px }
}
@media (max-width: 640px) {
.o-text-gutter--mr-xxxsmall { margin-right: 5px }
}
@media (max-width: 1100px) {
.o-text-gutter--md-mb-xxlarge { margin-bottom: 295px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-text-gutter--md-mb-xxlarge { margin-bottom: 295px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-text-gutter--md-mb-xxlarge { margin-bottom: 140px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-text-gutter--md-mb-xxlarge { margin-bottom: 115px }
}
@media (max-width: 1100px) {
.o-text-gutter--md-mt-xxlarge { margin-top: 295px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-text-gutter--md-mt-xxlarge { margin-top: 295px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-text-gutter--md-mt-xxlarge { margin-top: 140px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-text-gutter--md-mt-xxlarge { margin-top: 115px }
}
@media (max-width: 1100px) {
.o-text-gutter--md-ml-xxlarge { margin-left: 295px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-text-gutter--md-ml-xxlarge { margin-left: 295px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-text-gutter--md-ml-xxlarge { margin-left: 140px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-text-gutter--md-ml-xxlarge { margin-left: 115px }
}
@media (max-width: 1100px) {
.o-text-gutter--md-mr-xxlarge { margin-right: 295px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-text-gutter--md-mr-xxlarge { margin-right: 295px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-text-gutter--md-mr-xxlarge { margin-right: 140px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-text-gutter--md-mr-xxlarge { margin-right: 115px }
}
@media (max-width: 1100px) {
.o-text-gutter--md-mb-xlarge { margin-bottom: 190px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-text-gutter--md-mb-xlarge { margin-bottom: 190px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-text-gutter--md-mb-xlarge { margin-bottom: 90px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-text-gutter--md-mb-xlarge { margin-bottom: 90px }
}
@media (max-width: 1100px) {
.o-text-gutter--md-mt-xlarge { margin-top: 190px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-text-gutter--md-mt-xlarge { margin-top: 190px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-text-gutter--md-mt-xlarge { margin-top: 90px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-text-gutter--md-mt-xlarge { margin-top: 90px }
}
@media (max-width: 1100px) {
.o-text-gutter--md-ml-xlarge { margin-left: 190px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-text-gutter--md-ml-xlarge { margin-left: 190px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-text-gutter--md-ml-xlarge { margin-left: 90px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-text-gutter--md-ml-xlarge { margin-left: 90px }
}
@media (max-width: 1100px) {
.o-text-gutter--md-mr-xlarge { margin-right: 190px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-text-gutter--md-mr-xlarge { margin-right: 190px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-text-gutter--md-mr-xlarge { margin-right: 90px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-text-gutter--md-mr-xlarge { margin-right: 90px }
}
@media (max-width: 1100px) {
.o-text-gutter--md-mb-large { margin-bottom: 140px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-text-gutter--md-mb-large { margin-bottom: 140px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-text-gutter--md-mb-large { margin-bottom: 90px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-text-gutter--md-mb-large { margin-bottom: 55px }
}
@media (max-width: 1100px) {
.o-text-gutter--md-mt-large { margin-top: 140px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-text-gutter--md-mt-large { margin-top: 140px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-text-gutter--md-mt-large { margin-top: 90px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-text-gutter--md-mt-large { margin-top: 55px }
}
@media (max-width: 1100px) {
.o-text-gutter--md-ml-large { margin-left: 140px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-text-gutter--md-ml-large { margin-left: 140px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-text-gutter--md-ml-large { margin-left: 90px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-text-gutter--md-ml-large { margin-left: 55px }
}
@media (max-width: 1100px) {
.o-text-gutter--md-mr-large { margin-right: 140px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-text-gutter--md-mr-large { margin-right: 140px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-text-gutter--md-mr-large { margin-right: 90px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-text-gutter--md-mr-large { margin-right: 55px }
}
@media (max-width: 1100px) {
.o-text-gutter--md-mb-medium { margin-bottom: 80px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-text-gutter--md-mb-medium { margin-bottom: 80px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-text-gutter--md-mb-medium { margin-bottom: 50px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-text-gutter--md-mb-medium { margin-bottom: 55px }
}
@media (max-width: 1100px) {
.o-text-gutter--md-mt-medium { margin-top: 80px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-text-gutter--md-mt-medium { margin-top: 80px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-text-gutter--md-mt-medium { margin-top: 50px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-text-gutter--md-mt-medium { margin-top: 55px }
}
@media (max-width: 1100px) {
.o-text-gutter--md-ml-medium { margin-left: 80px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-text-gutter--md-ml-medium { margin-left: 80px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-text-gutter--md-ml-medium { margin-left: 50px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-text-gutter--md-ml-medium { margin-left: 55px }
}
@media (max-width: 1100px) {
.o-text-gutter--md-mr-medium { margin-right: 80px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-text-gutter--md-mr-medium { margin-right: 80px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-text-gutter--md-mr-medium { margin-right: 50px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-text-gutter--md-mr-medium { margin-right: 55px }
}
@media (max-width: 1100px) {
.o-text-gutter--md-mb-semi { margin-bottom: 52px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-text-gutter--md-mb-semi { margin-bottom: 50px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-text-gutter--md-mb-semi { margin-bottom: 30px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-text-gutter--md-mb-semi { margin-bottom: 30px }
}
@media (max-width: 1100px) {
.o-text-gutter--md-mt-semi { margin-top: 52px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-text-gutter--md-mt-semi { margin-top: 50px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-text-gutter--md-mt-semi { margin-top: 30px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-text-gutter--md-mt-semi { margin-top: 30px }
}
@media (max-width: 1100px) {
.o-text-gutter--md-ml-semi { margin-left: 52px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-text-gutter--md-ml-semi { margin-left: 50px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-text-gutter--md-ml-semi { margin-left: 30px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-text-gutter--md-ml-semi { margin-left: 30px }
}
@media (max-width: 1100px) {
.o-text-gutter--md-mr-semi { margin-right: 52px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-text-gutter--md-mr-semi { margin-right: 50px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-text-gutter--md-mr-semi { margin-right: 30px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-text-gutter--md-mr-semi { margin-right: 30px }
}
@media (max-width: 1100px) {
.o-text-gutter--md-mb-small { margin-bottom: 40px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-text-gutter--md-mb-small { margin-bottom: 40px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-text-gutter--md-mb-small { margin-bottom: 30px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-text-gutter--md-mb-small { margin-bottom: 20px }
}
@media (max-width: 1100px) {
.o-text-gutter--md-mt-small { margin-top: 40px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-text-gutter--md-mt-small { margin-top: 40px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-text-gutter--md-mt-small { margin-top: 30px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-text-gutter--md-mt-small { margin-top: 20px }
}
@media (max-width: 1100px) {
.o-text-gutter--md-ml-small { margin-left: 40px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-text-gutter--md-ml-small { margin-left: 40px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-text-gutter--md-ml-small { margin-left: 30px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-text-gutter--md-ml-small { margin-left: 20px }
}
@media (max-width: 1100px) {
.o-text-gutter--md-mr-small { margin-right: 40px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-text-gutter--md-mr-small { margin-right: 40px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-text-gutter--md-mr-small { margin-right: 30px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-text-gutter--md-mr-small { margin-right: 20px }
}
@media (max-width: 1100px) {
.o-text-gutter--md-mb-xsmall { margin-bottom: 30px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-text-gutter--md-mb-xsmall { margin-bottom: 30px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-text-gutter--md-mb-xsmall { margin-bottom: 20px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-text-gutter--md-mb-xsmall { margin-bottom: 15px }
}
@media (max-width: 1100px) {
.o-text-gutter--md-mt-xsmall { margin-top: 30px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-text-gutter--md-mt-xsmall { margin-top: 30px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-text-gutter--md-mt-xsmall { margin-top: 20px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-text-gutter--md-mt-xsmall { margin-top: 15px }
}
@media (max-width: 1100px) {
.o-text-gutter--md-ml-xsmall { margin-left: 30px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-text-gutter--md-ml-xsmall { margin-left: 30px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-text-gutter--md-ml-xsmall { margin-left: 20px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-text-gutter--md-ml-xsmall { margin-left: 15px }
}
@media (max-width: 1100px) {
.o-text-gutter--md-mr-xsmall { margin-right: 30px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-text-gutter--md-mr-xsmall { margin-right: 30px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-text-gutter--md-mr-xsmall { margin-right: 20px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-text-gutter--md-mr-xsmall { margin-right: 15px }
}
@media (max-width: 1100px) {
.o-text-gutter--md-mb-xxsmall { margin-bottom: 15px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-text-gutter--md-mb-xxsmall { margin-bottom: 15px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-text-gutter--md-mb-xxsmall { margin-bottom: 10px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-text-gutter--md-mb-xxsmall { margin-bottom: 10px }
}
@media (max-width: 1100px) {
.o-text-gutter--md-mt-xxsmall { margin-top: 15px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-text-gutter--md-mt-xxsmall { margin-top: 15px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-text-gutter--md-mt-xxsmall { margin-top: 10px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-text-gutter--md-mt-xxsmall { margin-top: 10px }
}
@media (max-width: 1100px) {
.o-text-gutter--md-ml-xxsmall { margin-left: 15px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-text-gutter--md-ml-xxsmall { margin-left: 15px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-text-gutter--md-ml-xxsmall { margin-left: 10px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-text-gutter--md-ml-xxsmall { margin-left: 10px }
}
@media (max-width: 1100px) {
.o-text-gutter--md-mr-xxsmall { margin-right: 15px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-text-gutter--md-mr-xxsmall { margin-right: 15px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-text-gutter--md-mr-xxsmall { margin-right: 10px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-text-gutter--md-mr-xxsmall { margin-right: 10px }
}
@media (max-width: 1100px) {
.o-text-gutter--md-mb-xxxsmall { margin-bottom: 10px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-text-gutter--md-mb-xxxsmall { margin-bottom: 10px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-text-gutter--md-mb-xxxsmall { margin-bottom: 5px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-text-gutter--md-mb-xxxsmall { margin-bottom: 5px }
}
@media (max-width: 1100px) {
.o-text-gutter--md-mt-xxxsmall { margin-top: 10px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-text-gutter--md-mt-xxxsmall { margin-top: 10px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-text-gutter--md-mt-xxxsmall { margin-top: 5px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-text-gutter--md-mt-xxxsmall { margin-top: 5px }
}
@media (max-width: 1100px) {
.o-text-gutter--md-ml-xxxsmall { margin-left: 10px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-text-gutter--md-ml-xxxsmall { margin-left: 10px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-text-gutter--md-ml-xxxsmall { margin-left: 5px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-text-gutter--md-ml-xxxsmall { margin-left: 5px }
}
@media (max-width: 1100px) {
.o-text-gutter--md-mr-xxxsmall { margin-right: 10px }
}
@media (max-width: 1100px) and (max-width: 1100px) {
.o-text-gutter--md-mr-xxxsmall { margin-right: 10px }
}
@media (max-width: 1100px) and (max-width: 800px) {
.o-text-gutter--md-mr-xxxsmall { margin-right: 5px }
}
@media (max-width: 1100px) and (max-width: 640px) {
.o-text-gutter--md-mr-xxxsmall { margin-right: 5px }
}
@media (max-width: 800px) {
.o-text-gutter--sm-mb-xxlarge { margin-bottom: 295px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-text-gutter--sm-mb-xxlarge { margin-bottom: 295px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-text-gutter--sm-mb-xxlarge { margin-bottom: 140px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-text-gutter--sm-mb-xxlarge { margin-bottom: 115px }
}
@media (max-width: 800px) {
.o-text-gutter--sm-mt-xxlarge { margin-top: 295px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-text-gutter--sm-mt-xxlarge { margin-top: 295px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-text-gutter--sm-mt-xxlarge { margin-top: 140px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-text-gutter--sm-mt-xxlarge { margin-top: 115px }
}
@media (max-width: 800px) {
.o-text-gutter--sm-ml-xxlarge { margin-left: 295px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-text-gutter--sm-ml-xxlarge { margin-left: 295px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-text-gutter--sm-ml-xxlarge { margin-left: 140px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-text-gutter--sm-ml-xxlarge { margin-left: 115px }
}
@media (max-width: 800px) {
.o-text-gutter--sm-mr-xxlarge { margin-right: 295px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-text-gutter--sm-mr-xxlarge { margin-right: 295px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-text-gutter--sm-mr-xxlarge { margin-right: 140px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-text-gutter--sm-mr-xxlarge { margin-right: 115px }
}
@media (max-width: 800px) {
.o-text-gutter--sm-mb-xlarge { margin-bottom: 190px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-text-gutter--sm-mb-xlarge { margin-bottom: 190px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-text-gutter--sm-mb-xlarge { margin-bottom: 90px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-text-gutter--sm-mb-xlarge { margin-bottom: 90px }
}
@media (max-width: 800px) {
.o-text-gutter--sm-mt-xlarge { margin-top: 190px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-text-gutter--sm-mt-xlarge { margin-top: 190px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-text-gutter--sm-mt-xlarge { margin-top: 90px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-text-gutter--sm-mt-xlarge { margin-top: 90px }
}
@media (max-width: 800px) {
.o-text-gutter--sm-ml-xlarge { margin-left: 190px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-text-gutter--sm-ml-xlarge { margin-left: 190px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-text-gutter--sm-ml-xlarge { margin-left: 90px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-text-gutter--sm-ml-xlarge { margin-left: 90px }
}
@media (max-width: 800px) {
.o-text-gutter--sm-mr-xlarge { margin-right: 190px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-text-gutter--sm-mr-xlarge { margin-right: 190px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-text-gutter--sm-mr-xlarge { margin-right: 90px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-text-gutter--sm-mr-xlarge { margin-right: 90px }
}
@media (max-width: 800px) {
.o-text-gutter--sm-mb-large { margin-bottom: 140px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-text-gutter--sm-mb-large { margin-bottom: 140px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-text-gutter--sm-mb-large { margin-bottom: 90px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-text-gutter--sm-mb-large { margin-bottom: 55px }
}
@media (max-width: 800px) {
.o-text-gutter--sm-mt-large { margin-top: 140px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-text-gutter--sm-mt-large { margin-top: 140px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-text-gutter--sm-mt-large { margin-top: 90px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-text-gutter--sm-mt-large { margin-top: 55px }
}
@media (max-width: 800px) {
.o-text-gutter--sm-ml-large { margin-left: 140px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-text-gutter--sm-ml-large { margin-left: 140px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-text-gutter--sm-ml-large { margin-left: 90px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-text-gutter--sm-ml-large { margin-left: 55px }
}
@media (max-width: 800px) {
.o-text-gutter--sm-mr-large { margin-right: 140px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-text-gutter--sm-mr-large { margin-right: 140px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-text-gutter--sm-mr-large { margin-right: 90px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-text-gutter--sm-mr-large { margin-right: 55px }
}
@media (max-width: 800px) {
.o-text-gutter--sm-mb-medium { margin-bottom: 80px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-text-gutter--sm-mb-medium { margin-bottom: 80px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-text-gutter--sm-mb-medium { margin-bottom: 50px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-text-gutter--sm-mb-medium { margin-bottom: 55px }
}
@media (max-width: 800px) {
.o-text-gutter--sm-mt-medium { margin-top: 80px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-text-gutter--sm-mt-medium { margin-top: 80px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-text-gutter--sm-mt-medium { margin-top: 50px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-text-gutter--sm-mt-medium { margin-top: 55px }
}
@media (max-width: 800px) {
.o-text-gutter--sm-ml-medium { margin-left: 80px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-text-gutter--sm-ml-medium { margin-left: 80px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-text-gutter--sm-ml-medium { margin-left: 50px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-text-gutter--sm-ml-medium { margin-left: 55px }
}
@media (max-width: 800px) {
.o-text-gutter--sm-mr-medium { margin-right: 80px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-text-gutter--sm-mr-medium { margin-right: 80px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-text-gutter--sm-mr-medium { margin-right: 50px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-text-gutter--sm-mr-medium { margin-right: 55px }
}
@media (max-width: 800px) {
.o-text-gutter--sm-mb-semi { margin-bottom: 52px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-text-gutter--sm-mb-semi { margin-bottom: 50px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-text-gutter--sm-mb-semi { margin-bottom: 30px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-text-gutter--sm-mb-semi { margin-bottom: 30px }
}
@media (max-width: 800px) {
.o-text-gutter--sm-mt-semi { margin-top: 52px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-text-gutter--sm-mt-semi { margin-top: 50px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-text-gutter--sm-mt-semi { margin-top: 30px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-text-gutter--sm-mt-semi { margin-top: 30px }
}
@media (max-width: 800px) {
.o-text-gutter--sm-ml-semi { margin-left: 52px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-text-gutter--sm-ml-semi { margin-left: 50px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-text-gutter--sm-ml-semi { margin-left: 30px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-text-gutter--sm-ml-semi { margin-left: 30px }
}
@media (max-width: 800px) {
.o-text-gutter--sm-mr-semi { margin-right: 52px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-text-gutter--sm-mr-semi { margin-right: 50px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-text-gutter--sm-mr-semi { margin-right: 30px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-text-gutter--sm-mr-semi { margin-right: 30px }
}
@media (max-width: 800px) {
.o-text-gutter--sm-mb-small { margin-bottom: 40px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-text-gutter--sm-mb-small { margin-bottom: 40px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-text-gutter--sm-mb-small { margin-bottom: 30px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-text-gutter--sm-mb-small { margin-bottom: 20px }
}
@media (max-width: 800px) {
.o-text-gutter--sm-mt-small { margin-top: 40px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-text-gutter--sm-mt-small { margin-top: 40px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-text-gutter--sm-mt-small { margin-top: 30px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-text-gutter--sm-mt-small { margin-top: 20px }
}
@media (max-width: 800px) {
.o-text-gutter--sm-ml-small { margin-left: 40px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-text-gutter--sm-ml-small { margin-left: 40px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-text-gutter--sm-ml-small { margin-left: 30px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-text-gutter--sm-ml-small { margin-left: 20px }
}
@media (max-width: 800px) {
.o-text-gutter--sm-mr-small { margin-right: 40px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-text-gutter--sm-mr-small { margin-right: 40px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-text-gutter--sm-mr-small { margin-right: 30px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-text-gutter--sm-mr-small { margin-right: 20px }
}
@media (max-width: 800px) {
.o-text-gutter--sm-mb-xsmall { margin-bottom: 30px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-text-gutter--sm-mb-xsmall { margin-bottom: 30px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-text-gutter--sm-mb-xsmall { margin-bottom: 20px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-text-gutter--sm-mb-xsmall { margin-bottom: 15px }
}
@media (max-width: 800px) {
.o-text-gutter--sm-mt-xsmall { margin-top: 30px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-text-gutter--sm-mt-xsmall { margin-top: 30px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-text-gutter--sm-mt-xsmall { margin-top: 20px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-text-gutter--sm-mt-xsmall { margin-top: 15px }
}
@media (max-width: 800px) {
.o-text-gutter--sm-ml-xsmall { margin-left: 30px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-text-gutter--sm-ml-xsmall { margin-left: 30px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-text-gutter--sm-ml-xsmall { margin-left: 20px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-text-gutter--sm-ml-xsmall { margin-left: 15px }
}
@media (max-width: 800px) {
.o-text-gutter--sm-mr-xsmall { margin-right: 30px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-text-gutter--sm-mr-xsmall { margin-right: 30px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-text-gutter--sm-mr-xsmall { margin-right: 20px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-text-gutter--sm-mr-xsmall { margin-right: 15px }
}
@media (max-width: 800px) {
.o-text-gutter--sm-mb-xxsmall { margin-bottom: 15px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-text-gutter--sm-mb-xxsmall { margin-bottom: 15px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-text-gutter--sm-mb-xxsmall { margin-bottom: 10px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-text-gutter--sm-mb-xxsmall { margin-bottom: 10px }
}
@media (max-width: 800px) {
.o-text-gutter--sm-mt-xxsmall { margin-top: 15px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-text-gutter--sm-mt-xxsmall { margin-top: 15px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-text-gutter--sm-mt-xxsmall { margin-top: 10px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-text-gutter--sm-mt-xxsmall { margin-top: 10px }
}
@media (max-width: 800px) {
.o-text-gutter--sm-ml-xxsmall { margin-left: 15px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-text-gutter--sm-ml-xxsmall { margin-left: 15px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-text-gutter--sm-ml-xxsmall { margin-left: 10px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-text-gutter--sm-ml-xxsmall { margin-left: 10px }
}
@media (max-width: 800px) {
.o-text-gutter--sm-mr-xxsmall { margin-right: 15px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-text-gutter--sm-mr-xxsmall { margin-right: 15px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-text-gutter--sm-mr-xxsmall { margin-right: 10px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-text-gutter--sm-mr-xxsmall { margin-right: 10px }
}
@media (max-width: 800px) {
.o-text-gutter--sm-mb-xxxsmall { margin-bottom: 10px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-text-gutter--sm-mb-xxxsmall { margin-bottom: 10px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-text-gutter--sm-mb-xxxsmall { margin-bottom: 5px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-text-gutter--sm-mb-xxxsmall { margin-bottom: 5px }
}
@media (max-width: 800px) {
.o-text-gutter--sm-mt-xxxsmall { margin-top: 10px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-text-gutter--sm-mt-xxxsmall { margin-top: 10px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-text-gutter--sm-mt-xxxsmall { margin-top: 5px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-text-gutter--sm-mt-xxxsmall { margin-top: 5px }
}
@media (max-width: 800px) {
.o-text-gutter--sm-ml-xxxsmall { margin-left: 10px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-text-gutter--sm-ml-xxxsmall { margin-left: 10px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-text-gutter--sm-ml-xxxsmall { margin-left: 5px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-text-gutter--sm-ml-xxxsmall { margin-left: 5px }
}
@media (max-width: 800px) {
.o-text-gutter--sm-mr-xxxsmall { margin-right: 10px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.o-text-gutter--sm-mr-xxxsmall { margin-right: 10px }
}
@media (max-width: 800px) and (max-width: 800px) {
.o-text-gutter--sm-mr-xxxsmall { margin-right: 5px }
}
@media (max-width: 800px) and (max-width: 640px) {
.o-text-gutter--sm-mr-xxxsmall { margin-right: 5px }
}
@media (max-width: 640px) {
.o-text-gutter--xs-mb-xxlarge { margin-bottom: 295px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-text-gutter--xs-mb-xxlarge { margin-bottom: 295px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-text-gutter--xs-mb-xxlarge { margin-bottom: 140px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-text-gutter--xs-mb-xxlarge { margin-bottom: 115px }
}
@media (max-width: 640px) {
.o-text-gutter--xs-mt-xxlarge { margin-top: 295px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-text-gutter--xs-mt-xxlarge { margin-top: 295px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-text-gutter--xs-mt-xxlarge { margin-top: 140px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-text-gutter--xs-mt-xxlarge { margin-top: 115px }
}
@media (max-width: 640px) {
.o-text-gutter--xs-ml-xxlarge { margin-left: 295px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-text-gutter--xs-ml-xxlarge { margin-left: 295px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-text-gutter--xs-ml-xxlarge { margin-left: 140px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-text-gutter--xs-ml-xxlarge { margin-left: 115px }
}
@media (max-width: 640px) {
.o-text-gutter--xs-mr-xxlarge { margin-right: 295px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-text-gutter--xs-mr-xxlarge { margin-right: 295px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-text-gutter--xs-mr-xxlarge { margin-right: 140px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-text-gutter--xs-mr-xxlarge { margin-right: 115px }
}
@media (max-width: 640px) {
.o-text-gutter--xs-mb-xlarge { margin-bottom: 190px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-text-gutter--xs-mb-xlarge { margin-bottom: 190px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-text-gutter--xs-mb-xlarge { margin-bottom: 90px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-text-gutter--xs-mb-xlarge { margin-bottom: 90px }
}
@media (max-width: 640px) {
.o-text-gutter--xs-mt-xlarge { margin-top: 190px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-text-gutter--xs-mt-xlarge { margin-top: 190px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-text-gutter--xs-mt-xlarge { margin-top: 90px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-text-gutter--xs-mt-xlarge { margin-top: 90px }
}
@media (max-width: 640px) {
.o-text-gutter--xs-ml-xlarge { margin-left: 190px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-text-gutter--xs-ml-xlarge { margin-left: 190px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-text-gutter--xs-ml-xlarge { margin-left: 90px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-text-gutter--xs-ml-xlarge { margin-left: 90px }
}
@media (max-width: 640px) {
.o-text-gutter--xs-mr-xlarge { margin-right: 190px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-text-gutter--xs-mr-xlarge { margin-right: 190px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-text-gutter--xs-mr-xlarge { margin-right: 90px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-text-gutter--xs-mr-xlarge { margin-right: 90px }
}
@media (max-width: 640px) {
.o-text-gutter--xs-mb-large { margin-bottom: 140px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-text-gutter--xs-mb-large { margin-bottom: 140px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-text-gutter--xs-mb-large { margin-bottom: 90px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-text-gutter--xs-mb-large { margin-bottom: 55px }
}
@media (max-width: 640px) {
.o-text-gutter--xs-mt-large { margin-top: 140px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-text-gutter--xs-mt-large { margin-top: 140px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-text-gutter--xs-mt-large { margin-top: 90px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-text-gutter--xs-mt-large { margin-top: 55px }
}
@media (max-width: 640px) {
.o-text-gutter--xs-ml-large { margin-left: 140px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-text-gutter--xs-ml-large { margin-left: 140px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-text-gutter--xs-ml-large { margin-left: 90px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-text-gutter--xs-ml-large { margin-left: 55px }
}
@media (max-width: 640px) {
.o-text-gutter--xs-mr-large { margin-right: 140px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-text-gutter--xs-mr-large { margin-right: 140px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-text-gutter--xs-mr-large { margin-right: 90px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-text-gutter--xs-mr-large { margin-right: 55px }
}
@media (max-width: 640px) {
.o-text-gutter--xs-mb-medium { margin-bottom: 80px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-text-gutter--xs-mb-medium { margin-bottom: 80px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-text-gutter--xs-mb-medium { margin-bottom: 50px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-text-gutter--xs-mb-medium { margin-bottom: 55px }
}
@media (max-width: 640px) {
.o-text-gutter--xs-mt-medium { margin-top: 80px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-text-gutter--xs-mt-medium { margin-top: 80px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-text-gutter--xs-mt-medium { margin-top: 50px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-text-gutter--xs-mt-medium { margin-top: 55px }
}
@media (max-width: 640px) {
.o-text-gutter--xs-ml-medium { margin-left: 80px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-text-gutter--xs-ml-medium { margin-left: 80px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-text-gutter--xs-ml-medium { margin-left: 50px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-text-gutter--xs-ml-medium { margin-left: 55px }
}
@media (max-width: 640px) {
.o-text-gutter--xs-mr-medium { margin-right: 80px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-text-gutter--xs-mr-medium { margin-right: 80px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-text-gutter--xs-mr-medium { margin-right: 50px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-text-gutter--xs-mr-medium { margin-right: 55px }
}
@media (max-width: 640px) {
.o-text-gutter--xs-mb-semi { margin-bottom: 52px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-text-gutter--xs-mb-semi { margin-bottom: 50px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-text-gutter--xs-mb-semi { margin-bottom: 30px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-text-gutter--xs-mb-semi { margin-bottom: 30px }
}
@media (max-width: 640px) {
.o-text-gutter--xs-mt-semi { margin-top: 52px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-text-gutter--xs-mt-semi { margin-top: 50px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-text-gutter--xs-mt-semi { margin-top: 30px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-text-gutter--xs-mt-semi { margin-top: 30px }
}
@media (max-width: 640px) {
.o-text-gutter--xs-ml-semi { margin-left: 52px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-text-gutter--xs-ml-semi { margin-left: 50px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-text-gutter--xs-ml-semi { margin-left: 30px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-text-gutter--xs-ml-semi { margin-left: 30px }
}
@media (max-width: 640px) {
.o-text-gutter--xs-mr-semi { margin-right: 52px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-text-gutter--xs-mr-semi { margin-right: 50px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-text-gutter--xs-mr-semi { margin-right: 30px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-text-gutter--xs-mr-semi { margin-right: 30px }
}
@media (max-width: 640px) {
.o-text-gutter--xs-mb-small { margin-bottom: 40px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-text-gutter--xs-mb-small { margin-bottom: 40px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-text-gutter--xs-mb-small { margin-bottom: 30px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-text-gutter--xs-mb-small { margin-bottom: 20px }
}
@media (max-width: 640px) {
.o-text-gutter--xs-mt-small { margin-top: 40px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-text-gutter--xs-mt-small { margin-top: 40px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-text-gutter--xs-mt-small { margin-top: 30px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-text-gutter--xs-mt-small { margin-top: 20px }
}
@media (max-width: 640px) {
.o-text-gutter--xs-ml-small { margin-left: 40px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-text-gutter--xs-ml-small { margin-left: 40px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-text-gutter--xs-ml-small { margin-left: 30px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-text-gutter--xs-ml-small { margin-left: 20px }
}
@media (max-width: 640px) {
.o-text-gutter--xs-mr-small { margin-right: 40px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-text-gutter--xs-mr-small { margin-right: 40px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-text-gutter--xs-mr-small { margin-right: 30px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-text-gutter--xs-mr-small { margin-right: 20px }
}
@media (max-width: 640px) {
.o-text-gutter--xs-mb-xsmall { margin-bottom: 30px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-text-gutter--xs-mb-xsmall { margin-bottom: 30px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-text-gutter--xs-mb-xsmall { margin-bottom: 20px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-text-gutter--xs-mb-xsmall { margin-bottom: 15px }
}
@media (max-width: 640px) {
.o-text-gutter--xs-mt-xsmall { margin-top: 30px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-text-gutter--xs-mt-xsmall { margin-top: 30px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-text-gutter--xs-mt-xsmall { margin-top: 20px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-text-gutter--xs-mt-xsmall { margin-top: 15px }
}
@media (max-width: 640px) {
.o-text-gutter--xs-ml-xsmall { margin-left: 30px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-text-gutter--xs-ml-xsmall { margin-left: 30px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-text-gutter--xs-ml-xsmall { margin-left: 20px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-text-gutter--xs-ml-xsmall { margin-left: 15px }
}
@media (max-width: 640px) {
.o-text-gutter--xs-mr-xsmall { margin-right: 30px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-text-gutter--xs-mr-xsmall { margin-right: 30px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-text-gutter--xs-mr-xsmall { margin-right: 20px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-text-gutter--xs-mr-xsmall { margin-right: 15px }
}
@media (max-width: 640px) {
.o-text-gutter--xs-mb-xxsmall { margin-bottom: 15px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-text-gutter--xs-mb-xxsmall { margin-bottom: 15px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-text-gutter--xs-mb-xxsmall { margin-bottom: 10px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-text-gutter--xs-mb-xxsmall { margin-bottom: 10px }
}
@media (max-width: 640px) {
.o-text-gutter--xs-mt-xxsmall { margin-top: 15px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-text-gutter--xs-mt-xxsmall { margin-top: 15px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-text-gutter--xs-mt-xxsmall { margin-top: 10px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-text-gutter--xs-mt-xxsmall { margin-top: 10px }
}
@media (max-width: 640px) {
.o-text-gutter--xs-ml-xxsmall { margin-left: 15px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-text-gutter--xs-ml-xxsmall { margin-left: 15px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-text-gutter--xs-ml-xxsmall { margin-left: 10px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-text-gutter--xs-ml-xxsmall { margin-left: 10px }
}
@media (max-width: 640px) {
.o-text-gutter--xs-mr-xxsmall { margin-right: 15px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-text-gutter--xs-mr-xxsmall { margin-right: 15px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-text-gutter--xs-mr-xxsmall { margin-right: 10px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-text-gutter--xs-mr-xxsmall { margin-right: 10px }
}
@media (max-width: 640px) {
.o-text-gutter--xs-mb-xxxsmall { margin-bottom: 10px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-text-gutter--xs-mb-xxxsmall { margin-bottom: 10px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-text-gutter--xs-mb-xxxsmall { margin-bottom: 5px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-text-gutter--xs-mb-xxxsmall { margin-bottom: 5px }
}
@media (max-width: 640px) {
.o-text-gutter--xs-mt-xxxsmall { margin-top: 10px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-text-gutter--xs-mt-xxxsmall { margin-top: 10px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-text-gutter--xs-mt-xxxsmall { margin-top: 5px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-text-gutter--xs-mt-xxxsmall { margin-top: 5px }
}
@media (max-width: 640px) {
.o-text-gutter--xs-ml-xxxsmall { margin-left: 10px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-text-gutter--xs-ml-xxxsmall { margin-left: 10px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-text-gutter--xs-ml-xxxsmall { margin-left: 5px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-text-gutter--xs-ml-xxxsmall { margin-left: 5px }
}
@media (max-width: 640px) {
.o-text-gutter--xs-mr-xxxsmall { margin-right: 10px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-text-gutter--xs-mr-xxxsmall { margin-right: 10px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-text-gutter--xs-mr-xxxsmall { margin-right: 5px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-text-gutter--xs-mr-xxxsmall { margin-right: 5px }
}
.o-module--pixel-hero { position: relative }
.o-module:not(:first-child) { margin-top: 0 !important }
.o-module-wrapper--article .o-module:last-child, .o-module-wrapper--case .o-module:last-child { margin-bottom: 0 !important }
.o-swiper { overflow: hidden; position: relative; cursor: none }
.o-swiper--media-carousel { overflow: visible }
.o-swiper__wrapper { cursor: none !important; -ms-flex-align: start !important; align-items: flex-start !important; opacity: 1 }
.o-swiper__inner { position: relative }
.o-swiper__item { pointer-events: auto !important; opacity: 0 !important }
.o-swiper--feed-carousel .o-swiper__item { margin-right: 60px }
.o-swiper__item img { max-width: 100%; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.o-swiper__item--active { z-index: 100; opacity: 1 !important }
.o-swiper__container--end-reached .o-swiper__item--next>figure { opacity: 1 }
.o-swiper__caption { opacity: 0; transition: opacity 200ms linear 0ms; max-width: 75%; line-height: 114% }
@media (max-width: 640px) {
.o-swiper__caption { font-size: 16px }
}
@media (max-width: 640px) and (max-width: 1300px) {
.o-swiper__caption { font-size: 14px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-swiper__caption { font-size: 14px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-swiper__caption { font-size: 14px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-swiper__caption { font-size: 14px }
}
.o-swiper--some-carousel .o-swiper__caption { max-width: 100%; line-height: 175% }
@media (max-width: 640px) {
.o-swiper--some-carousel .o-swiper__caption { line-height: 158% }
}
.o-swiper__item--active .o-swiper__caption { opacity: 0.4; transition: opacity 200ms linear 200ms }
.o-swiper__item-media-wrapper { width: 100%; padding-bottom: 56.25%; position: relative }
.o-swiper--some-carousel .o-swiper__item-media-wrapper { padding-bottom: 100% }
@media (max-width: 640px) {
.o-swiper--media-carousel .o-swiper__item-media-wrapper { padding-bottom: 67.25%; left: -30px; right: -30px; width: calc(100% + 60px) }
}
.o-swiper__item-media-wrapper .c-video { height: 100% }
.o-swiper__item-media-wrapper .c-video__ratio { display: none }
.o-swiper__item-media { position: absolute; top: 0; width: 100%; left: 0; height: 100%; overflow: hidden }
.o-swiper__item-media img, .o-swiper__item-media video { object-fit: cover; height: 100%; width: 100% }
.o-swiper__container { position: relative }
.o-swiper__progressbar { height: 1px; width: 100%; position: relative !important }
.o-case-modules--bts .o-swiper__progressbar { background-color: rgba(255,255,255,0.3) }
.o-swiper__progressbar-fill { width: 100%; height: 100%; display: block; -ms-transform-origin: left; transform-origin: left }
.o-case-modules--bts .o-swiper__progressbar-fill { background-color: #fff }
.o-swiper__controls { width: 100%; padding-bottom: 100%; position: absolute; top: 0; margin-top: 0 }
.o-swiper__arrows { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between }
.o-swiper__arrow { cursor: pointer; width: 13px; height: 10px }
@media (max-width: 640px) {
.o-swiper__arrow { width: 9px; height: 6.92308px }
}
.o-swiper__arrow svg { height: 100%; width: 100%; display: block }
.o-case-modules--bts .o-swiper__arrow svg * { fill: #fff }
.o-swiper__arrow svg * { fill: var(--text-color) }
.o-swiper__arrow--left { -ms-transform: rotate(180deg); transform: rotate(180deg); position: relative }
@media (max-width: 640px) {
.o-swiper__arrow--left { top: 0 }
}
.o-swiper__pagination { bottom: 30px; left: 0; right: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center }
.o-swiper__pagination .swiper-pagination-bullet { background-color: rgba(255,255,255,0.3); opacity: 1; margin: 0 5px }
.o-swiper__pagination .swiper-pagination-bullet-active { background-color: #fff }
.o-swiper__drag-cursor { opacity: 0; position: absolute; width: 80px; height: 80px; background-color: #000; color: #fff; line-height: 80px; text-align: center; border-radius: 50%; z-index: 1; margin-left: -40px; margin-top: -40px; pointer-events: none; top: 50%; left: 50%; text-transform: uppercase; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; transition: opacity 250ms }
.o-swiper__drag-cursor-text { display: block }
.o-swiper__drag-cursor-arrow { display: block; width: 6px; height: 4px; transition: transform 150ms }
.o-swiper__drag-cursor-arrow svg { width: 100%; height: 100%; display: block }
.o-swiper__drag-cursor-arrow--left { margin-right: 2px }
.on-drag .o-swiper__drag-cursor-arrow--left { -ms-transform: translateX(-3px); transform: translateX(-3px) }
.o-swiper__drag-cursor-arrow--left svg { -ms-transform: rotate(90deg); transform: rotate(90deg) }
.o-swiper__drag-cursor-arrow--right { margin-left: 2px }
.on-drag .o-swiper__drag-cursor-arrow--right { -ms-transform: translateX(3px); transform: translateX(3px) }
.o-swiper__drag-cursor-arrow--right svg { -ms-transform: rotate(-90deg); transform: rotate(-90deg) }
.o-swiper__drag-cursor-arrow * { fill: #fff }
.o-swiper__cursor { z-index: 100 }
.o-swiper__index { position: absolute; top: 0; right: 0; opacity: 0; transition: opacity 200ms; line-height: 114%; padding-top: 56.25% }
@media (max-width: 640px) {
.o-swiper__index { font-size: 16px; padding-top: 67.25% }
}
@media (max-width: 640px) and (max-width: 1300px) {
.o-swiper__index { font-size: 14px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.o-swiper__index { font-size: 14px }
}
@media (max-width: 640px) and (max-width: 800px) {
.o-swiper__index { font-size: 14px }
}
@media (max-width: 640px) and (max-width: 640px) {
.o-swiper__index { font-size: 14px }
}
.o-image { position: relative; overflow: hidden }
@media (max-width: 640px) {
.u-bleed-on-mobile .o-image { left: -30px; right: -30px; width: calc(100% + 60px) }
}
.c-hero .o-image, .o-swiper__item-media .o-image { height: 100%; width: 100% }
.o-image__placeholder { width: 100%; opacity: 0; visibility: hidden }
.o-image__placeholder--xs { display: none }
@media (max-width: 640px) {
.o-image__placeholder--xs { display: block }
}
.o-image__no-animation { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.o-image__lazy-force, .o-image__lazy { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -ms-transform: scale(1.29) rotate(0.0001deg); transform: scale(1.29) rotate(0.0001deg); transition: transform 1050ms cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; transform-style: preserve-3d }
.o-image--alpha .o-image__lazy-force, .o-image--alpha .o-image__lazy { opacity: 0; transition: opacity 550ms }
.o-image--no-transition .o-image__lazy-force, .o-image--no-transition .o-image__lazy { transition: none !important }
.o-image__lazy-force.loaded, .o-image__lazy.loaded { -ms-transform: scale(1, 1) rotate(0.0001deg); transform: scale(1, 1) rotate(0.0001deg) }
.u-device-frame .o-image__lazy-force.loaded, .u-device-frame .o-image__lazy.loaded { -ms-transform: scale(1.01, 1.01); transform: scale(1.01, 1.01) }
.o-image--alpha .o-image__lazy-force.loaded, .o-image--alpha .o-image__lazy.loaded { opacity: 1 }
.m-featured-case .o-image__lazy-force.loaded, .m-featured-case .o-image__lazy.loaded { -ms-transform: scale(1.29, 1.29) rotate(0.0001deg); transform: scale(1.29, 1.29) rotate(0.0001deg) }
.o-image__lazy-force.loaded+.o-image__placeholder+.o-image__xsmall+.o-image__curtain--portrait, .o-image__lazy-force.loaded+.o-image__curtain--portrait, .o-image__lazy.loaded+.o-image__placeholder+.o-image__xsmall+.o-image__curtain--portrait, .o-image__lazy.loaded+.o-image__curtain--portrait { -ms-transform: translateY(101%) rotate(0.0001deg); transform: translateY(101%) rotate(0.0001deg); visibility: hidden }
[data-animation-type="reveal"] .o-image__lazy-force.loaded+.o-image__placeholder+.o-image__xsmall+.o-image__curtain--portrait, [data-animation-type="reveal"] .o-image__lazy-force.loaded+.o-image__curtain--portrait, [data-animation-type="reveal"] .o-image__lazy.loaded+.o-image__placeholder+.o-image__xsmall+.o-image__curtain--portrait, [data-animation-type="reveal"] .o-image__lazy.loaded+.o-image__curtain--portrait { -ms-transform: translateY(0%) rotate(0.0001deg); transform: translateY(0%) rotate(0.0001deg); visibility: visible }
[data-animation-type="reveal"].animated .o-image__lazy-force.loaded+.o-image__placeholder+.o-image__xsmall+.o-image__curtain--portrait, [data-animation-type="reveal"].animated .o-image__lazy-force.loaded+.o-image__curtain--portrait, [data-animation-type="reveal"].animated .o-image__lazy.loaded+.o-image__placeholder+.o-image__xsmall+.o-image__curtain--portrait, [data-animation-type="reveal"].animated .o-image__lazy.loaded+.o-image__curtain--portrait { -ms-transform: translateY(101%) rotate(0.0001deg); transform: translateY(101%) rotate(0.0001deg); visibility: hidden }
.m-featured-case .o-image__lazy-force.loaded+.o-image__placeholder+.o-image__xsmall+.o-image__curtain--portrait, .m-featured-case .o-image__lazy-force.loaded+.o-image__curtain--portrait, .m-featured-case .o-image__lazy.loaded+.o-image__placeholder+.o-image__xsmall+.o-image__curtain--portrait, .m-featured-case .o-image__lazy.loaded+.o-image__curtain--portrait { -ms-transform: translateY(0%) rotate(0.0001deg); transform: translateY(0%) rotate(0.0001deg) }
.o-image__lazy-force.loaded+.o-image__placeholder+.o-image__xsmall+.o-image__curtain--landscape, .o-image__lazy-force.loaded+.o-image__curtain--landscape, .o-image__lazy.loaded+.o-image__placeholder+.o-image__xsmall+.o-image__curtain--landscape, .o-image__lazy.loaded+.o-image__curtain--landscape { -ms-transform: translateX(101%) rotate(0.0001deg); transform: translateX(101%) rotate(0.0001deg); visibility: hidden }
[data-animation-type="reveal"] .o-image__lazy-force.loaded+.o-image__placeholder+.o-image__xsmall+.o-image__curtain--landscape, [data-animation-type="reveal"] .o-image__lazy-force.loaded+.o-image__curtain--landscape, [data-animation-type="reveal"] .o-image__lazy.loaded+.o-image__placeholder+.o-image__xsmall+.o-image__curtain--landscape, [data-animation-type="reveal"] .o-image__lazy.loaded+.o-image__curtain--landscape { -ms-transform: translateX(0%) rotate(0.0001deg); transform: translateX(0%) rotate(0.0001deg); visibility: visible }
[data-animation-type="reveal"].animated .o-image__lazy-force.loaded+.o-image__placeholder+.o-image__xsmall+.o-image__curtain--landscape, [data-animation-type="reveal"].animated .o-image__lazy-force.loaded+.o-image__curtain--landscape, [data-animation-type="reveal"].animated .o-image__lazy.loaded+.o-image__placeholder+.o-image__xsmall+.o-image__curtain--landscape, [data-animation-type="reveal"].animated .o-image__lazy.loaded+.o-image__curtain--landscape { -ms-transform: translateX(101%) rotate(0.0001deg); transform: translateX(101%) rotate(0.0001deg); visibility: hidden }
.m-featured-case .o-image__lazy-force.loaded+.o-image__placeholder+.o-image__xsmall+.o-image__curtain--landscape, .m-featured-case .o-image__lazy-force.loaded+.o-image__curtain--landscape, .m-featured-case .o-image__lazy.loaded+.o-image__placeholder+.o-image__xsmall+.o-image__curtain--landscape, .m-featured-case .o-image__lazy.loaded+.o-image__curtain--landscape { -ms-transform: translateY(0%) rotate(0.0001deg); transform: translateY(0%) rotate(0.0001deg) }
.o-image__curtain { background-color: var(--bg-color); position: absolute; width: calc(100% + 2px); height: calc(100% + 2px); top: -1px; left: -1px; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform-style: preserve-3d; -ms-transform: translateX(0%) translateY(0%) rotate(0.0001deg); transform: translateX(0%) translateY(0%) rotate(0.0001deg); transition: transform 1050ms cubic-bezier(0.215, 0.61, 0.355, 1), background-color 350ms linear, visibility 0ms linear 1050ms }
.m-featured-case .o-image__curtain, .m-image-grid .o-image__curtain { transition: none; visibility: visible !important }
.u-device-frame .o-image__curtain { z-index: 3 }
.o-image__extra-wrapper { overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform-style: preserve-3d }
@media (max-width: 640px) {
.o-image__large--hide-on-xs { display: none }
}
@media (max-width: 800px) {
.m-featured-case .o-image__large--hide-on-xs { display: none }
}
.o-image__curtain-new { -ms-transform: translateX(100%); transform: translateX(100%) }
.o-image__xsmall { display: none }
@media (max-width: 640px) {
.o-image__xsmall { display: block }
}
@media (max-width: 800px) {
.m-featured-case .o-image__xsmall { display: block }
}
.o-headline { overflow: hidden }
.o-headline__inner { -ms-transform-origin: top left; transform-origin: top left; opacity: 0 }
.o-animation--overflow-hidden { overflow: hidden }
.o-animation--headline-wrapper { overflow: hidden }
.o-animation--headline { display: block; opacity: 0; -ms-transform: translateY(80px); transform: translateY(80px) }
.m-featured-case .o-animation--headline { -ms-transform: translateY(150px); transform: translateY(150px) }
.o-animation--paragraph-wrapper { overflow: hidden }
.o-animation--paragraph { display: block; opacity: 0; -ms-transform: translateY(80px); transform: translateY(80px) }
.m-featured-case .o-animation--paragraph { -ms-transform: translateY(150px); transform: translateY(150px) }
.o-list__headline { margin-bottom: 18px }
@media (max-width: 640px) {
.o-list__headline { margin-bottom: 13px }
}
.o-list__item { margin-bottom: 13px; line-height: 140% }
@media (max-width: 640px) {
.o-list__item { margin-bottom: 8px }
}
.o-list__item:last-child { margin-bottom: 0 }
@media (max-width: 640px) {
.m-gallery-module__row--columns-6 { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: initial; align-items: initial }
}
.m-gallery-module__row--columns-6 .m-gallery-module__item:nth-child(-n+2) { margin-top: 0 }
@media (max-width: 640px) {
.m-gallery-module__row--columns-6 .m-gallery-module__item:nth-child(-n+2) { margin-top: 100px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.m-gallery-module__row--columns-6 .m-gallery-module__item:nth-child(-n+2) { margin-top: 100px }
}
@media (max-width: 640px) and (max-width: 800px) {
.m-gallery-module__row--columns-6 .m-gallery-module__item:nth-child(-n+2) { margin-top: 60px }
}
@media (max-width: 640px) and (max-width: 640px) {
.m-gallery-module__row--columns-6 .m-gallery-module__item:nth-child(-n+2) { margin-top: 60px }
}
.m-gallery-module__row--columns-6 .m-gallery-module__item:first-child { margin-top: 0 }
@media (max-width: 640px) {
.m-gallery-module__row--columns-6 .m-gallery-module__item--0 { position: relative; left: -30px }
.m-gallery-module__row--columns-6 .m-gallery-module__item--0 h4 { padding-left: 30px }
}
@media (max-width: 640px) {
.m-gallery-module__row--columns-6 .m-gallery-module__item--1 { position: relative; right: -30px }
}
.m-gallery-module__row--columns-4 .m-gallery-module__item:nth-child(-n+3) { margin-top: 0 }
@media (max-width: 640px) {
.m-gallery-module__row--columns-4 .m-gallery-module__item:nth-child(-n+3) { margin-top: 100px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.m-gallery-module__row--columns-4 .m-gallery-module__item:nth-child(-n+3) { margin-top: 100px }
}
@media (max-width: 640px) and (max-width: 800px) {
.m-gallery-module__row--columns-4 .m-gallery-module__item:nth-child(-n+3) { margin-top: 60px }
}
@media (max-width: 640px) and (max-width: 640px) {
.m-gallery-module__row--columns-4 .m-gallery-module__item:nth-child(-n+3) { margin-top: 60px }
}
@media (max-width: 640px) {
.m-gallery-module__row--columns-4 .m-gallery-module__item--left { position: relative; left: -30px }
.m-gallery-module__row--columns-4 .m-gallery-module__item--left h4 { padding-left: 30px }
}
@media (max-width: 640px) {
.m-gallery-module__row--columns-4 .m-gallery-module__item--right { position: relative; right: -30px }
}
.m-gallery-module__row--columns-3 .m-gallery-module__item:nth-child(-n+4) { margin-top: 0 }
@media (max-width: 640px) {
.m-gallery-module__row--columns-3 .m-gallery-module__item:nth-child(-n+4) { margin-top: 100px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.m-gallery-module__row--columns-3 .m-gallery-module__item:nth-child(-n+4) { margin-top: 100px }
}
@media (max-width: 640px) and (max-width: 800px) {
.m-gallery-module__row--columns-3 .m-gallery-module__item:nth-child(-n+4) { margin-top: 60px }
}
@media (max-width: 640px) and (max-width: 640px) {
.m-gallery-module__row--columns-3 .m-gallery-module__item:nth-child(-n+4) { margin-top: 60px }
}
.m-gallery-module__row--columns-2 .m-gallery-module__item:nth-child(-n+6) { margin-top: 0 }
.m-about-promo { min-height: 100vh }
@media (max-width: 800px) {
.m-about-promo { min-height: auto; margin-top: 150px; margin-bottom: 150px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.m-about-promo { margin-top: 150px }
}
@media (max-width: 800px) and (max-width: 800px) {
.m-about-promo { margin-top: 100px }
}
@media (max-width: 800px) and (max-width: 640px) {
.m-about-promo { margin-top: 60px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.m-about-promo { margin-bottom: 150px }
}
@media (max-width: 800px) and (max-width: 800px) {
.m-about-promo { margin-bottom: 100px }
}
@media (max-width: 800px) and (max-width: 640px) {
.m-about-promo { margin-bottom: 60px }
}
.m-about-promo__by-day, .m-about-promo__by-night { white-space: nowrap }
@media (max-width: 800px) {
.m-about-promo__by-day, .m-about-promo__by-night { white-space: normal }
}
.m-about-promo__text { display: block; overflow: hidden }
@media (max-width: 800px) {
.m-about-promo__text { display: inline; overflow: visible }
.m-about-promo__text br { display: none }
}
.m-about-promo__text-inner { -ms-transform-origin: top left; transform-origin: top left; display: block }
@media (max-width: 800px) {
.m-about-promo__text-inner { display: inline }
}
@media (max-width: 800px) {
.m-about-promo__text-wrapper { margin-top: 60px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.m-about-promo__text-wrapper { margin-top: 60px }
}
@media (max-width: 800px) and (max-width: 800px) {
.m-about-promo__text-wrapper { margin-top: 40px }
}
@media (max-width: 800px) and (max-width: 640px) {
.m-about-promo__text-wrapper { margin-top: 40px }
}
@media (max-width: 640px) {
.m-about-promo__image { position: relative; left: -30px }
}
.m-featured-case { cursor: none; min-height: auto; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; position: relative; overflow: hidden; margin: 80px 0 200px; height: calc(100vh - 160px) }
@media (max-width: 800px) {
.m-featured-case { height: auto; margin: auto; margin: 80px 0 100px; min-height:calc(var(--vh, 1vh)*100)
}
}
@media (max-width: 800px) {
.m-featured-case__item-wrapper { position: relative }
}
.m-featured-case__item { display: none; position: relative }
@media (max-width: 640px) {
.m-featured-case__item .o-image { right: -30px }
}
.m-featured-case__image { -ms-transform: scale(1.3); transform: scale(1.3) }
.m-featured-case__text { position: absolute; width: 100%; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1 }
@media (max-width: 800px) {
.m-featured-case__text { position: relative; top: auto; -ms-transform: none; transform: none; margin-top: 60px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.m-featured-case__text { margin-top: 60px }
}
@media (max-width: 800px) and (max-width: 800px) {
.m-featured-case__text { margin-top: 40px }
}
@media (max-width: 800px) and (max-width: 640px) {
.m-featured-case__text { margin-top: 40px }
}
.m-featured-case__cursor { width: 43px; height: 26px; position: fixed; margin-left: -22px; margin-top: -13px; top: 50%; left: 50%; -ms-touch-action: none; touch-action: none; transition: opacity 400ms }
.m-featured-case__cursor svg { height: 100%; width: 100% }
@media (max-width: 800px) {
.m-featured-case__cursor { display: none }
}
.m-featured-case__anchor { height: 70px; display: block; line-height: 70px; margin-top: -35px; padding-right: 40px; font-size: 16px }
@media (max-width: 800px) {
.m-featured-case__anchor { line-height: inherit; height: auto; display: inline; padding: 0 }
}
@media (max-width: 640px) {
.m-featured-case__anchor { font-size: 14px }
}
.m-featured-case__anchor-wrapper { display: inline-block; cursor: pointer }
.m-featured-case__headline, .m-featured-case__client, .m-featured-case__anchor-wrapper { opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.m-featured-case__index-wrapper { position: absolute; width: 100%; bottom: 0 }
@media (max-width: 800px) {
.m-featured-case__index-wrapper { text-align: right; right: 0 }
.m-featured-case__index-wrapper .o-typo--fs-small { line-height: inherit }
}
.m-featured-case__index { font-size: 16px }
@media (max-width: 640px) {
.m-featured-case__index { font-size: 14px }
}
.m-image-grid { max-width: 1600px; margin: 0 auto; width: 100% }
.m-image-grid__inner { padding-bottom: 62.5%; position: relative }
@media (max-width: 640px) {
.m-image-grid__inner { padding-bottom: 146% }
}
.m-image-grid__container { padding: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: calc(100% - 100px); margin: 0 auto; display: none }
@media (max-width: 1100px) {
.m-image-grid__container { width: calc(100% - 46px) }
}
@media (max-width: 640px) {
.m-image-grid__container { width: calc(100% - 30px) }
}
.m-image-grid__container:first-child { display: block }
.m-image-grid__image { position: absolute }
.m-image-grid__image--1x1 { top: 0 }
.m-image-grid__container--3 .m-image-grid__image--1x1 { bottom: 0; top: auto }
@media (max-width: 640px) {
.m-image-grid__container--1 .m-image-grid__image--1x1, .m-image-grid__container--3 .m-image-grid__image--1x1 { display: none }
}
@media (max-width: 640px) {
.m-image-grid__container--2 .m-image-grid__image--1x1 { left: -30px }
}
.m-image-grid__image--1x2 { top: 60px }
.m-image-grid__container--3 .m-image-grid__image--1x2 { top: 0 }
.m-image-grid__container--2 .m-image-grid__image--1x2 { top: 0; bottom: auto }
@media (max-width: 640px) {
.m-image-grid__container--2 .m-image-grid__image--1x2 { top: auto; bottom: 0; right: -30px }
}
@media (max-width: 640px) {
.m-image-grid__container--3 .m-image-grid__image--1x2 { bottom: 0; top: auto; right: -30px }
}
@media (max-width: 640px) {
.m-image-grid__container--1 .m-image-grid__image--1x2 { top: 0; left: -30px }
}
.m-image-grid__image--2x1 { bottom: 0 }
.m-image-grid__container--3 .m-image-grid__image--2x1 { bottom: auto; top: 0 }
@media (max-width: 640px) {
.m-image-grid__container--3 .m-image-grid__image--2x1 { left: -30px }
}
@media (max-width: 640px) {
.m-image-grid__container--2 .m-image-grid__image--2x1 { display: none }
}
@media (max-width: 640px) {
.m-image-grid__container--3 .m-image-grid__image--2x1 { bottom: auto; top: 0 }
}
@media (max-width: 640px) {
.m-image-grid__container--1 .m-image-grid__image--2x1 { right: -30px }
}
.m-image-grid__shuffle { position: absolute; bottom: -16px; left: calc(100px - 8px) }
@media (max-width: 1100px) {
.m-image-grid__shuffle { left: calc(46px - 8px) }
}
@media (max-width: 640px) {
.m-image-grid__shuffle { left: calc(30px - 8px) }
}
.m-image-grid__shuffle-icon { width: 17px; height: 21px }
.m-image-grid__shuffle-icon svg { height: 100%; width: 100% }
.m-image-grid__image-lazy { -ms-transform: scale(1.29) rotate(0.0001deg); transform: scale(1.29) rotate(0.0001deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; transform-style: preserve-3d; position: absolute; top: 0; left: 0; width: 100%; height: 100% }
@media (max-width: 640px) {
.m-text-block-module__text { -ms-flex-order: 2 !important; order: 2 !important }
}
@media (max-width: 640px) {
.m-text-block-module__image { -ms-flex-order: 1 !important; order: 1 !important; margin-bottom: 60px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.m-text-block-module__image { margin-bottom: 60px }
}
@media (max-width: 640px) and (max-width: 800px) {
.m-text-block-module__image { margin-bottom: 40px }
}
@media (max-width: 640px) and (max-width: 640px) {
.m-text-block-module__image { margin-bottom: 40px }
}
.o-module-wrapper--article .m-text-block-module p.dark-grey, .o-module-wrapper--case .m-text-block-module p.dark-grey { color: #5a5c63; transition: color 350ms }
.dark-bg .o-module-wrapper--article .m-text-block-module p, .dark-bg .o-module-wrapper--case .m-text-block-module p { color: #fff; transition: color 350ms }
.m-text-block-module p a { border-bottom: solid 1px; transition: opacity 300ms; opacity: 0.4; display: inline-block; line-height: 140% }
@media (min-width: 1100px) {
.m-text-block-module p a:hover { opacity: 1 }
}
@media (max-width: 800px) {
.m-work-grid__row { -ms-flex-direction: column; flex-direction: column }
}
@media (max-width: 800px) {
.m-work-grid__item { margin-top: 200px; margin-bottom: 0 }
}
@media (max-width: 800px) and (max-width: 1100px) {
.m-work-grid__item { margin-top: 200px }
}
@media (max-width: 800px) and (max-width: 800px) {
.m-work-grid__item { margin-top: 100px }
}
@media (max-width: 800px) and (max-width: 640px) {
.m-work-grid__item { margin-top: 100px }
}
@media (max-width: 800px) {
.m-work-grid__item:first-child { margin-top: 0 }
}
@media (max-width: 640px) {
.m-work-grid__item--left { position: relative; left: -30px }
.m-work-grid__item--left h2 { padding-left: 100px; padding-right: 100px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.m-work-grid__item--left h2 { padding-left: 46px; padding-right: 46px }
}
@media (max-width: 640px) and (max-width: 800px) {
.m-work-grid__item--left h2 { padding-left: 46px; padding-right: 46px }
}
@media (max-width: 640px) and (max-width: 640px) {
.m-work-grid__item--left h2 { padding-left: 30px; padding-right: 30px }
}
@media (max-width: 640px) {
.m-work-grid__item--right { position: relative; right: -30px }
.m-work-grid__item--right h2 { padding-left: 100px; padding-right: 100px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.m-work-grid__item--right h2 { padding-left: 46px; padding-right: 46px }
}
@media (max-width: 640px) and (max-width: 800px) {
.m-work-grid__item--right h2 { padding-left: 46px; padding-right: 46px }
}
@media (max-width: 640px) and (max-width: 640px) {
.m-work-grid__item--right h2 { padding-left: 30px; padding-right: 30px }
}
@media (max-width: 640px) {
.m-work-grid__item--center .o-image { position: relative; left: -30px; right: -30px; width: calc(100% + 60px) }
}
.o-module-wrapper--career .m-stats-module { text-align: center }
.m-stats-module__infinity .m-stats-module__number-wrapper { line-height: 46px }
@media (max-width: 1300px) {
.m-stats-module__infinity .m-stats-module__number-wrapper { line-height: 30px }
}
@media (max-width: 640px) {
.m-stats-module__infinity .m-stats-module__number-wrapper { font-size: 52px; line-height: 28px }
}
.m-stats-module__caption { line-height: 122%; white-space: nowrap }
.o-module-wrapper--case .m-stats-module__caption { white-space: normal }
@media (max-width: 640px) {
.m-stats-module__caption { line-height: 114% }
}
.m-text-carousel { cursor: none }
@media (max-width: 640px) {
.m-text-carousel {
height:calc(var(--vh, 1vh)*85); display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between }
}
.m-text-carousel__item { position: absolute; width: 100%; opacity: 0; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%) }
.m-text-carousel__item-wrapper-inner { position: relative }
.m-text-carousel__navigate { display: -ms-flexbox; display: flex; -ms-flex-align: baseline; align-items: baseline; -ms-flex-pack: center; justify-content: center }
.m-text-carousel__navigate-arrow { width: 25px; height: 25px; -ms-flex-align: center; align-items: center; display: none }
@media (max-width: 640px) {
.m-text-carousel__navigate-arrow { display: -ms-flexbox; display: flex }
}
.m-text-carousel__navigate-arrow--left { -ms-transform: rotate(180deg); transform: rotate(180deg) }
.m-text-carousel__navigate-arrow svg { width: 14px; height: 8.46512px; display: block }
.m-text-carousel__navigate-arrow svg path { fill: var(--text-color) }
.m-text-carousel__navigate-index { margin: 0 15px; min-width: 40px }
@media (max-width: 640px) {
.m-text-carousel__text { font-size: 32px; line-height: 125% }
}
@media (max-width: 640px) and (max-width: 1300px) {
.m-text-carousel__text { font-size: 26px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.m-text-carousel__text { font-size: 26px }
}
@media (max-width: 640px) and (max-width: 800px) {
.m-text-carousel__text { font-size: 26px }
}
@media (max-width: 640px) and (max-width: 640px) {
.m-text-carousel__text { font-size: 20px }
}
@media (max-width: 640px) and (max-width: 800px) {
.m-text-carousel__text { line-height: 138% }
}
@media (max-width: 640px) and (max-width: 640px) {
.m-text-carousel__text { line-height: 130% }
}
@media (max-width: 800px) {
.m-text-repeater--special-bm { margin-bottom: 142px }
}
@media (max-width: 640px) {
.m-text-repeater--special-bm { margin-bottom: 92px }
}
.m-text-repeater--row .m-text-repeater__item { display: -ms-flexbox; display: flex; margin-bottom: 80px }
@media (max-width: 800px) {
.m-text-repeater--row .m-text-repeater__item { margin-bottom: 60px }
}
@media (max-width: 640px) {
.m-text-repeater--row .m-text-repeater__item { -ms-flex-direction: column; flex-direction: column; margin-bottom: 40px }
}
.m-text-repeater--row .m-text-repeater__item--pudding { margin-bottom: 160px }
@media (max-width: 800px) {
.m-text-repeater--row .m-text-repeater__item--pudding { margin-bottom: 100px }
}
@media (max-width: 640px) {
.m-text-repeater--row .m-text-repeater__item--pudding { margin-bottom: 40px }
}
.m-text-repeater--row .m-text-repeater__item:last-child { margin-bottom: 0 }
.m-text-repeater--column .m-text-repeater__item:nth-last-child(-n+2) { margin-bottom: 0 }
@media (max-width: 640px) {
.m-text-repeater--column .m-text-repeater__item:nth-last-child(-n+2) { margin-bottom: 80px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.m-text-repeater--column .m-text-repeater__item:nth-last-child(-n+2) { margin-bottom: 80px }
}
@media (max-width: 640px) and (max-width: 800px) {
.m-text-repeater--column .m-text-repeater__item:nth-last-child(-n+2) { margin-bottom: 50px }
}
@media (max-width: 640px) and (max-width: 640px) {
.m-text-repeater--column .m-text-repeater__item:nth-last-child(-n+2) { margin-bottom: 55px }
}
@media (max-width: 640px) {
.m-text-repeater--column .m-text-repeater__item:nth-last-child(-n+2):last-child { margin-bottom: 0 }
}
.m-text-repeater__illustration { -ms-flex-item-align: end; align-self: flex-end; margin-top: 80px }
@media (max-width: 800px) {
.m-text-repeater__illustration { margin-top: 0; margin-bottom: -20px }
}
@media (max-width: 640px) {
.m-text-repeater__illustration { -ms-flex-item-align: start; align-self: flex-start; -ms-flex-order: 2; order: 2; margin-top: 40px; margin-bottom: 0 }
}
@media (max-width: 800px) {
.m-text-repeater__illustration--tree { margin-top: 0; margin-bottom: -80px }
}
@media (max-width: 640px) {
.m-text-repeater__illustration--tree { margin-bottom: 0; margin-top: 40px }
}
.m-text-repeater__illustration--pudding { margin-bottom: -80px }
@media (max-width: 800px) {
.m-text-repeater__illustration--pudding { margin-bottom: -40px; margin-top: 0 }
}
@media (max-width: 640px) {
.m-text-repeater__illustration--pudding { margin-top: 40px; margin-bottom: 0 }
}
.m-clients { min-height: 100px }
@media (max-width: 640px) {
.m-clients { min-height: 280px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center }
}
.m-clients__client-wrapper { display: none; -ms-flex-align: center; align-items: center }
@media (max-width: 640px) {
.m-clients__client-wrapper { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: normal; align-items: normal }
}
.m-clients__client-wrapper:first-child { display: -ms-flexbox; display: flex }
.m-clients__client { -ms-flex: 1; flex: 1 }
.m-clients__client-logo { opacity: 0; -ms-transform: translateY(100px); transform: translateY(100px); max-height: 100px; max-width: 200px; margin: 0 auto }
@media (max-width: 800px) {
.m-clients__client-logo { max-width: 120px; max-height: 70px }
}
@media (max-width: 640px) {
.m-clients__client-logo { max-height: 70px; max-width: 200px; padding: 0 40px }
}
@media (max-width: 640px) {
.m-clients__client-logo-wrapper { margin-bottom: 60px }
.m-clients__client-logo-wrapper:last-child { margin-bottom: 0 }
}
.m-clients__client-logo-wrapper:first-child img { float: right }
@media (max-width: 640px) {
.m-clients__client-logo-wrapper:first-child img { float: none }
}
.m-clients__client-logo-wrapper:last-child img { float: left }
@media (max-width: 640px) {
.m-clients__client-logo-wrapper:last-child img { float: none }
}
.c-header { width: 100%; --header-color:#000
}
.dark-bg .c-header { --header-color:#fff
}
.is-ie .c-header { color: #000 }
.is-ie.dark-bg .c-header { color: #fff }
.c-header--light-hero { --header-color:#fff
}
.is-ie .c-header--light-hero { color: #fff }
.c-header--open { --header-color:#000 !important
}
.is-ie .c-header--open { color: #000 !important }
.c-header__top-nav-wrapper { position: fixed; z-index: 106; top: 0; left: 0; right: 0; width: 100%; background:#fff;}
@media (min-width: 1100px) {
.c-header__top-nav-wrapper { width: 100vw }
}
@media (max-width: 640px) {
.c-header__top-nav-wrapper .o-container { padding-left: 5px; padding-right: 5px }
}
.c-header__top-nav { height: 80px; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: relative; -ms-flex-pack: justify; justify-content: space-between; opacity: 0; transform: translate3d(0, 0, 0) }
.c-drawing-app .c-header__top-nav { opacity: 1 }
@media (max-width: 640px) {
.c-header__top-nav { height: 60px }
}
.c-header__nav { display: none; position: fixed; height: 100vh; width: 100%; padding-top: 80px; z-index: 103 }
@media (min-width: 1100px) {
.c-header__nav { width: 100vw }
}
@media (max-width: 640px) {
.c-header__nav { padding-top: 60px }
}
.c-header__nav-inner { opacity: 0 }
.c-header__nav-bg { background-color: #fff; height: 100vh; top: -100vh; width: 100%; position: absolute; -ms-transform: translateY(0%); transform: translateY(0%) }
.is-touch .c-header__nav-bg { height:calc(var(--flex-vh, 1vh)*100);
top:calc(var(--flex-vh, -1vh)*-100)
}
.c-header__mid-nav-wrapper { color: #000; height: calc(100vh - 160px); display: -ms-flexbox; display: flex; position: relative; overflow: hidden }
.is-touch .c-header__mid-nav-wrapper { height:calc((var(--flex-vh, -1vh)*100) - 160px)
}
@media (max-width: 640px) {
.is-touch .c-header__mid-nav-wrapper { height:calc((var(--flex-vh, -1vh)*100) - 120px)
}
}
@media (max-width: 800px) {
.c-header__mid-nav-wrapper { -ms-flex-direction: column; flex-direction: column }
}
.c-header__mid-line { background-color: #000; height: 100%; width: 1px; position: absolute; -ms-transform: translateY(0%); transform: translateY(0%); top: 100%; left: calc(50% - 1px) }
@media (max-width: 800px) {
.c-header__mid-line { height: 1px; width: 100%; left: -100%; top: calc(50% - 1px) }
}
.c-header__bottom-nav-wrapper { color: #000; height: 80px; position: relative }
.c-header__bottom-nav-wrapper a { display: block; margin: 0 20px }
@media (max-width: 640px) {
.c-header__bottom-nav-wrapper { height: 60px }
}
.c-header__bottom-nav-inner { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; height: 100% }
.c-header__mid-nav-left, .c-header__mid-nav-right { -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; text-align: center }
.c-header__logo { height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex: 1; flex: 1; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-pack: center; justify-content: center; opacity: 1; transition: opacity 200ms }
.c-header--draw .c-header__logo { opacity: 0 }
.c-header__logo--hidden { opacity: 1 }
.c-header__logo-image { width: 109px; height: 11.89091px; display: block; box-sizing: content-box; padding: 15px; opacity: 0 }
.c-header__logo-image svg { width: 109px; height: 11.89091px; display: block; fill: var(--header-color); transition: fill 300ms }
.is-ie .c-header__logo-image svg { fill: #000 }
.is-ie.dark-bg .c-header__logo-image svg { fill: #fff }
.is-ie .c-header--light-hero .c-header__logo-image svg { fill: #fff }
.is-ie .c-header--open .c-header__logo-image svg { fill: #000 }
.c-header__logo-image--hidden { pointer-events: none; -ms-touch-action: none; touch-action: none }
.c-header__logo-title-wrapper { opacity: 1; transition: opacity 300ms }
.c-header__logo-title-wrapper--hidden { opacity: 0 }
.c-header__logo-title { pointer-events: none; position: relative; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; color: var(--header-color); transition: color 300ms; font-size: 20px; letter-spacing:5px; font-weight:bolder; margin-top:20px;}
.is-ie .c-header__logo-title { color: #000 }
.is-ie.dark-bg .c-header__logo-title { color: #fff }
.is-ie .c-header--light-hero .c-header__logo-title { color: #fff;}
.is-ie .c-header--open .c-header__logo-title { color: #000 }
.c-header__burger { cursor: pointer; width: 40px; height: 40px; right: -11px; position: relative; opacity: 1; transition: opacity 200ms }
.c-header--draw .c-header__burger { opacity: 0 }
.c-header__burger span { display: block; background-color: var(--header-color); display: block; height: 1px; width: 18px; position: absolute; transition: transform 500ms ease, background-color 300ms; top: 50%; left: 50% }
.is-ie .c-header__burger span { background-color: #000 }
.is-ie.dark-bg .c-header__burger span { background-color: #fff }
.is-ie .c-header--light-hero .c-header__burger span { background-color: #fff }
.is-ie .c-header--open .c-header__burger span { background-color: #000 }
.c-header__burger span:nth-child(1) { margin-top: -4px; -ms-transform: translateY(0px) rotate(0deg) translateX(-50%); transform: translateY(0px) rotate(0deg) translateX(-50%) }
.c-header--burger-close .c-header__burger span:nth-child(1) { -ms-transform: translateY(4px) translateX(-50%) rotate(-45deg); transform: translateY(4px) translateX(-50%) rotate(-45deg) }
.c-header__burger span:nth-child(2) { margin-top: 4px; -ms-transform: translateY(0px) translateX(-50%) rotate(0deg); transform: translateY(0px) translateX(-50%) rotate(0deg) }
.c-header--burger-close .c-header__burger span:nth-child(2) { -ms-transform: translateY(-4px) translateX(-50%) rotate(45deg); transform: translateY(-4px) translateX(-50%) rotate(45deg) }
.c-header__actions { width: 40px; }
.c-header__action { display: none; opacity: 0 }
.c-header__action--show { display: block }
.c-header__action--show.c-header__action-draw-it { display: -ms-flexbox; display: flex; display:none; }
.c-drawing-app .c-header__action { display: -ms-flexbox; display: flex; opacity: 1 }
.c-header__action-draw-it { cursor: pointer; width: 25px; height: 25px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; left: -5px; position: relative }
.c-header__action-draw-it:after { content: ''; display: block; width: 14px; height: 14px; background-color: transparent; border: solid 1px var(--header-color); transition: transform 650ms cubic-bezier(0.23, 1, 0.32, 1), border-color 300ms }
.is-ie .c-header__action-draw-it:after { border: solid 1px #000 }
.is-ie.dark-bg .c-header__action-draw-it:after { border: solid 1px #fff }
.is-ie .c-header--light-hero .c-header__action-draw-it:after { border: solid 1px #fff }
.is-ie .c-header--open .c-header__action-draw-it:after { border: solid 1px #000 }
.c-drawing-app .c-header__action-draw-it:after, .c-header--draw .c-header__action-draw-it:after { background-color: #fff }
@media (min-width: 1100px) {
.c-header__action-draw-it:hover:after { -ms-transform: rotate(180deg); transform: rotate(180deg) }
}
.c-header__action-back { -ms-transform: rotate(90deg); transform: rotate(90deg); position: relative; width: 17px; left: 5px }
.c-header__action-back:before { content: ""; width: 10px; height: 1px; background-color: var(--header-color); display: inline-block; -ms-transform: rotate(45deg); transform: rotate(45deg); top: 3px; position: relative }
.is-ie .c-header__action-back:before { background-color: #000 }
.is-ie.dark-bg .c-header__action-back:before { background-color: #fff }
.is-ie .c-header--light-hero .c-header__action-back:before { background-color: #fff }
.is-ie .c-header--open .c-header__action-back:before { background-color: #000 }
.c-header__action-back:after { content: ""; width: 10px; height: 1px; background-color: var(--header-color); display: inline-block; -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: -3px; top: 3px; position: relative }
.is-ie .c-header__action-back:after { background-color: #000 }
.is-ie.dark-bg .c-header__action-back:after { background-color: #fff }
.is-ie .c-header--light-hero .c-header__action-back:after { background-color: #fff }
.is-ie .c-header--open .c-header__action-back:after { background-color: #000 }
.c-header__top-nav-line, .c-header__bottom-nav-line { background-color: #000; height: 1px; width: 100%; position: absolute; -ms-transform: translateX(0%); transform: translateX(0%); left: -100% }
.c-header__animate-in { opacity: 0; -ms-transform: translateY(15px); transform: translateY(15px) }
.c-contact { height: 100vh; background-color: transparent; padding-bottom: 50px }
@media (max-width: 1100px) {
.c-contact { padding-bottom: 50px }
}
@media (max-width: 800px) {
.c-contact { padding-bottom: 40px }
}
@media (max-width: 640px) {
.c-contact { padding-bottom: 30px }
}
.is-touch .c-contact { height:calc(var(--vh, 1vh)*100)
}
.c-contact--red { background-color: #db4d31; height: auto }
.is-touch .c-contact--red { height: auto }
.c-contact__inner { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 100%; -ms-flex-pack: end; justify-content: flex-end }
.c-contact--red .c-contact__inner { height: auto; min-height: calc(100vh - 50px) }
.is-touch .c-contact--red .c-contact__inner { min-height:calc((var(--vh, 1vh)*100) - 50px)
}
@media (max-width: 800px) {
.is-touch .c-contact--red .c-contact__inner { min-height:calc((var(--vh, 1vh)*100) - 40px)
}
}
@media (max-width: 640px) {
.is-touch .c-contact--red .c-contact__inner { min-height:calc((var(--vh, 1vh)*100) - 30px)
}
}
.c-contact__headline { -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column }
.c-contact__headline br { display: none }
@media (max-width: 800px) {
.c-contact__headline br { display: inline }
}
@media (max-width: 640px) {
.c-contact__headline br { display: none }
}
@media (max-width: 640px) {
.c-contact__illustration-wrapper { margin-top: 40px }
}
.c-contact__text-content { padding: 0 150px }
@media (max-width: 1560px) {
.c-contact__text-content { padding-left: 50px; padding-right: 50px }
}
@media (max-width: 1560px) and (max-width: 1100px) {
.c-contact__text-content { padding-left: 23px; padding-right: 23px }
}
@media (max-width: 1560px) and (max-width: 800px) {
.c-contact__text-content { padding-left: 23px; padding-right: 23px }
}
@media (max-width: 1560px) and (max-width: 640px) {
.c-contact__text-content { padding-left: 15px; padding-right: 15px }
}
@media (max-width: 640px) {
.c-contact__text-content { margin-bottom: 30px }
}
.c-contact__illustration { margin-bottom: 5px }
@media (max-width: 1700px) {
.c-contact__illustration { max-width: 90%; margin: 0 auto }
}
@media (max-width: 1560px) {
.c-contact__illustration { max-width: 75%; margin: 0 auto }
}
@media (max-width: 800px) {
.c-contact__illustration { max-width: 100%; margin: 0 auto }
}
.c-contact__illustration .c-illustration { position: absolute; top: 0; left: 0 }
.c-contact__h1 { font-size: 72px }
@media (max-width: 1300px) {
.c-contact__h1 { font-size: 56px }
}
@media (max-width: 1100px) {
.c-contact__h1 { font-size: 56px }
}
@media (max-width: 800px) {
.c-contact__h1 { font-size: 56px }
}
@media (max-width: 640px) {
.c-contact__h1 { font-size: 32px }
}
@media (max-width: 1700px) {
.c-contact__h1 { font-size: 52px; font-size: 56px }
}
@media (max-width: 1700px) and (max-width: 1300px) {
.c-contact__h1 { font-size: 36px }
}
@media (max-width: 1700px) and (max-width: 1100px) {
.c-contact__h1 { font-size: 36px }
}
@media (max-width: 1700px) and (max-width: 800px) {
.c-contact__h1 { font-size: 36px }
}
@media (max-width: 1700px) and (max-width: 640px) {
.c-contact__h1 { font-size: 24px }
}
@media (max-width: 1560px) {
.c-contact__h1 { font-size: 32px }
}
@media (max-width: 1560px) and (max-width: 1300px) {
.c-contact__h1 { font-size: 26px }
}
@media (max-width: 1560px) and (max-width: 1100px) {
.c-contact__h1 { font-size: 26px }
}
@media (max-width: 1560px) and (max-width: 800px) {
.c-contact__h1 { font-size: 26px }
}
@media (max-width: 1560px) and (max-width: 640px) {
.c-contact__h1 { font-size: 20px }
}
@media (max-width: 800px) {
.c-contact__h1 { font-size: 36px; line-height: 1.1 }
}
@media (max-width: 640px) {
.c-contact__h1 { font-size: 24px }
}
.c-contact__paragraph { font-size: 32px; line-height: 125% }
@media (max-width: 1300px) {
.c-contact__paragraph { font-size: 26px }
}
@media (max-width: 1100px) {
.c-contact__paragraph { font-size: 26px }
}
@media (max-width: 800px) {
.c-contact__paragraph { font-size: 26px }
}
@media (max-width: 640px) {
.c-contact__paragraph { font-size: 20px }
}
@media (max-width: 1700px) {
.c-contact__paragraph { font-size: 24px }
}
@media (max-width: 1700px) and (max-width: 1300px) {
.c-contact__paragraph { font-size: 20px }
}
@media (max-width: 1700px) and (max-width: 1100px) {
.c-contact__paragraph { font-size: 20px }
}
@media (max-width: 1700px) and (max-width: 800px) {
.c-contact__paragraph { font-size: 20px }
}
@media (max-width: 1700px) and (max-width: 640px) {
.c-contact__paragraph { font-size: 16px }
}
@media (max-width: 800px) {
.c-contact__paragraph { font-size: 26px; line-height: 139% }
}
@media (max-width: 640px) {
.c-contact__paragraph { font-size: 20px }
}
.c-latest { min-height: 100vh }
.c-latest__col { margin-top: 200px }
@media (max-width: 1100px) {
.c-latest__col { margin-top: 200px }
}
@media (max-width: 800px) {
.c-latest__col { margin-top: 100px }
}
@media (max-width: 640px) {
.c-latest__col { margin-top: 100px }
}
.c-latest__col:nth-child(-n+3) { margin-top: 0 }
@media (max-width: 800px) {
.c-latest__col:nth-child(-n+3) { margin-top: 200px }
}
@media (max-width: 800px) and (max-width: 1100px) {
.c-latest__col:nth-child(-n+3) { margin-top: 200px }
}
@media (max-width: 800px) and (max-width: 800px) {
.c-latest__col:nth-child(-n+3) { margin-top: 100px }
}
@media (max-width: 800px) and (max-width: 640px) {
.c-latest__col:nth-child(-n+3) { margin-top: 100px }
}
@media (max-width: 800px) {
.c-latest__col:nth-child(-n+2) { margin-top: 0 }
}
@media (max-width: 640px) {
.c-latest__col:nth-child(-n+2) { margin-top: 200px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.c-latest__col:nth-child(-n+2) { margin-top: 200px }
}
@media (max-width: 640px) and (max-width: 800px) {
.c-latest__col:nth-child(-n+2) { margin-top: 100px }
}
@media (max-width: 640px) and (max-width: 640px) {
.c-latest__col:nth-child(-n+2) { margin-top: 100px }
}
@media (max-width: 640px) {
.c-latest__col:nth-child(-n+2):first-child { margin-top: 0 }
}
.c-latest__col--no-media h2 { margin-top: 0 }
@media (max-width: 640px) {
.c-latest__col--no-media h2 { font-size: 52px }
}
@media (max-width: 640px) and (max-width: 1300px) {
.c-latest__col--no-media h2 { font-size: 36px }
}
@media (max-width: 640px) and (max-width: 1100px) {
.c-latest__col--no-media h2 { font-size: 36px }
}
@media (max-width: 640px) and (max-width: 800px) {
.c-latest__col--no-media h2 { font-size: 36px }
}
@media (max-width: 640px) and (max-width: 640px) {
.c-latest__col--no-media h2 { font-size: 24px }
}
.c-latest__item-anchor { display: block; text-decoration: none; color: inherit }
.c-hero { height: 100vh; min-height: 500px; color: #fff; overflow: hidden; position: relative }
.is-touch .c-hero { height:calc(var(--vh, 1vh)*100)
}
.c-hero--not-fh { height: auto !important; min-height: auto; overflow: visible; padding-top: 200px }
@media (max-width: 1100px) {
.c-hero--not-fh { padding-top: 200px }
}
@media (max-width: 800px) {
.c-hero--not-fh { padding-top: 100px }
}
@media (max-width: 640px) {
.c-hero--not-fh { padding-top: 100px }
}
@media (max-width: 800px) {
.c-hero--not-fh { padding-top: 142px }
}
@media (max-width: 640px) {
.c-hero--not-fh { padding-top: 92px }
}
.c-hero--no-gutter { padding-top: 0; color: inherit }
.c-hero__media-wrapper { height: 100%; width: 100%; position: absolute }
.c-hero__content { height: 100%; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: relative; z-index: 1 }
.c-adjacent { background-color: #fff; height: 400px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center }
@media (max-width: 640px) {
.c-adjacent { height: 300px }
}
.c-adjacent--beige { background-color: #f5f2e9 }
.c-drawing-app { background-color: #000; color: #fff; position: fixed; height: 100vh; width: 100%; top: 0; text-align: center; z-index: 107; display: none; opacity: 0; overflow-y: auto; overscroll-behavior: contain }
.is-touch .c-drawing-app { height:calc(var(--flex-vh, 1vh)*100)
}
.c-drawing-app__success, .c-drawing-app__playground { min-height: 100vh; padding-bottom: 80px; padding-top: 80px; -ms-flex-direction: column; flex-direction: column; display: none }
.is-touch .c-drawing-app__success, .is-touch .c-drawing-app__playground { min-height:calc(var(--flex-vh, 1vh)*100)
}
@media (max-width: 640px) {
.is-touch .c-drawing-app__success, .is-touch .c-drawing-app__playground { min-height: auto; height:calc((var(--flex-vh, -1vh)*100) - 60px)
}
}
@media (max-width: 640px) {
.c-drawing-app__success, .c-drawing-app__playground { padding-bottom: 0; padding-top: 40px }
}
@media (max-width: 374px) {
.c-drawing-app__success, .c-drawing-app__playground { padding-top: 20px }
}
.c-drawing-app__success--show, .c-drawing-app__playground--show { display: -ms-flexbox; display: flex }
.c-drawing-app__playground { opacity: 0; transition: opacity 200ms }
.c-drawing-app__controls { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; margin-top: 60px }
@media (max-width: 1100px) {
.c-drawing-app__controls { margin-top: 60px }
}
@media (max-width: 800px) {
.c-drawing-app__controls { margin-top: 40px }
}
@media (max-width: 640px) {
.c-drawing-app__controls { margin-top: 40px }
}
.c-drawing-app__controls-item { -ms-flex: 1; flex: 1 }
.c-drawing-app__actions { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end }
.c-drawing-app__color-picker-wrapper { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start }
.c-drawing-app__color-picker-wrapper-inner { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 20px; position: relative }
.c-drawing-app__color-pickers { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; position: absolute; bottom: 0px; padding-bottom: 30px; transition: opacity 250ms; z-index: 0; height: 95px; width: 30px; -ms-flex-align: center; align-items: center; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%) }
.c-drawing-app__color-pick { height: 12px; width: 12px; border-radius: 50%; cursor: pointer; -ms-transform: translateY(20px); transform: translateY(20px); opacity: 0; transition: transform 350ms, opacity 350ms; transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53) }
.c-drawing-app__color-pick:nth-child(1) { -ms-transform: translateY(60px); transform: translateY(60px); transition-delay: 0ms }
.c-drawing-app__color-pick:nth-child(2) { -ms-transform: translateY(45px); transform: translateY(45px); transition-delay: 60ms }
.c-drawing-app__color-pick:nth-child(3) { -ms-transform: translateY(30px); transform: translateY(30px); transition-delay: 120ms }
.c-drawing-app__color-picker-wrapper:hover .c-drawing-app__color-pick { -ms-transform: translateY(0); transform: translateY(0); opacity: 1; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1) }
.c-drawing-app__color-picker-wrapper:hover .c-drawing-app__color-pick:nth-child(1) { transition-delay: 120ms }
.c-drawing-app__color-picker-wrapper:hover .c-drawing-app__color-pick:nth-child(2) { transition-delay: 60ms }
.c-drawing-app__color-picker-wrapper:hover .c-drawing-app__color-pick:nth-child(3) { transition-delay: 0ms }
.c-drawing-app__color-pick--blue { background-color: #a7badb }
.c-drawing-app__color-pick--green { background-color: #115e4a }
.c-drawing-app__color-pick--black { background-color: #000; border: solid 1px #b4b4b8 }
.c-drawing-app__color-pick--red { background-color: #db4d31 }
.c-drawing-app__active-color-picker { position: relative; z-index: 1 }
.c-drawing-app__active-color-pick { cursor: pointer; display: block; border: solid 2px #5a5c63; height: 16px; width: 16px; border-radius: 50%; cursor: pointer; transition: background-color 250ms }
.c-drawing-app__canvas-wrapper { position: relative; width: 400px; height: 400px; margin: 0 auto }
@media (max-width: 1560px) {
.c-drawing-app__canvas-wrapper { width: 320px; height: 320px }
}
@media (max-width: 640px) {
.c-drawing-app__canvas-wrapper { width: 250px; height: 250px }
}
@media (max-width: 374px) {
.c-drawing-app__canvas-wrapper { width: 200px; height: 200px }
}
.c-drawing-app__canvas-wrapper canvas { width: 100%; height: 100%; position: absolute; top: 0; left: 0 }
.c-drawing-app__draw-area { position: absolute; z-index: 1; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 95%; height: 95% }
.c-drawing-app__success { display: none; opacity: 0; text-align: center; -ms-flex-pack: center; justify-content: center }
.c-drawing-app__success--show { display: -ms-flexbox; display: flex }
@media (max-width: 640px) {
.c-drawing-app__success h2 { font-family: "Founders", Helvetica, Arial; letter-spacing: 0.5px; line-height: 1.6 }
}
@media (max-width: 640px) {
.c-drawing-app__success button { font-size: 14px }
}
.c-drawing-app__header { margin-bottom: 60px }
@media (max-width: 1100px) {
.c-drawing-app__header { margin-bottom: 60px }
}
@media (max-width: 800px) {
.c-drawing-app__header { margin-bottom: 40px }
}
@media (max-width: 640px) {
.c-drawing-app__header { margin-bottom: 40px }
}
@media (max-width: 640px) {
.c-drawing-app__header h2 { font-family: "Founders", Helvetica, Arial; letter-spacing: 0.5px }
}
@media (max-width: 640px) {
.c-drawing-app__header p { line-height: 137.5% }
}
.c-drawing-app__mid { -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center }
@media (min-height: 900px) and (min-width: 640px) {
.c-drawing-app__mid { position: absolute; top: calc(50% + 55px); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100% }
}
.c-drawing-app__top-nav-wrapper { position: fixed; left: 0; width: 100% }
@media (max-width: 640px) {
.c-drawing-app__top-nav-wrapper .o-container { padding-left: 5px; padding-right: 5px }
}
@media (min-width: 1100px) {
.c-drawing-app__top-nav-wrapper { width: 100vw }
}
.c-drawing-app__top-nav-wrapper .c-drawing-app__close { cursor: pointer; width: 25px; height: 25px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; left: -5px; position: relative; display: -ms-flexbox; display: flex }
.c-drawing-app__undo { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center }
@media (max-width: 640px) {
.c-drawing-app__undo { font-size: 14px }
}
@media (max-width: 640px) {
.c-drawing-app__new-napkin { font-size: 14px }
}
.c-drawing-app__undo-icon { width: 17px; height: 21px; margin-right: 5px }
.c-drawing-app__undo-icon svg { width: 100%; height: 100%; display: block; transform: rotate3d(0, 1, 0, 180deg) }
.c-drawing-app__undo-icon svg path:first-child { stroke: #5a5c63 }
.c-drawing-app__undo-icon svg path:last-child { fill: #5a5c63 }
@media (max-width: 640px) {
.c-drawing-app__send-wrapper { -ms-flex: 0; flex: 0 }
}
.c-drawing-app__send { background-color: transparent; cursor: pointer; height: 50px; padding: 0 38px; border: solid 1px #fff; border-radius: 25px; transition: background-color 200ms, color 200ms }
@media (min-width: 1100px) {
.c-drawing-app__send:hover { background-color: #fff; color: #000 }
}
@media (max-width: 640px) {
.c-drawing-app__send { height: 60px; position: fixed; bottom: 0; width: 100%; border-radius: 0; left: 0; border: 0; background-color: #28282B }
}
@media (max-width: 640px) {
.c-drawing-app__canvas-col { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding-left: 30px; padding-right: 30px }
}
@media (max-width: 640px) {
.c-drawing-app__controls-col { position: absolute; left: 0; right: 0; bottom: 85px; padding-left: 30px; padding-right: 30px }
}
.c-video { position: relative }
.o-swiper .c-video { cursor: none }
@media (max-width: 640px) {
.u-bleed-on-mobile .c-video { left: -30px; right: -30px; width: calc(100% + 60px) }
}
@media (max-width: 640px) {
.o-module--media .c-video { margin-left: -30px; margin-right: -30px }
}
.c-video__ratio { height: 0; padding-top: 56.25%; width: 100% }
.c-video__overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 2 }
.c-video__player { opacity: 0; cursor: auto }
.c-video--vimeo .c-video__player, .c-video--yt .c-video__player { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 1 }
.c-video--vimeo .c-video__player iframe, .c-video--yt .c-video__player iframe { width: 100%; height: 100% }
.c-video__title { position: absolute; color: #fff; top: 60px; left: 60px }
@media (max-width: 1100px) {
.c-video__title { top: 60px }
}
@media (max-width: 800px) {
.c-video__title { top: 40px }
}
@media (max-width: 640px) {
.c-video__title { top: 40px }
}
@media (max-width: 1100px) {
.c-video__title { left: 60px }
}
@media (max-width: 800px) {
.c-video__title { left: 40px }
}
@media (max-width: 640px) {
.c-video__title { left: 40px }
}
.c-video__play-btn { height: 60px; width: 60px; position: absolute; color: #fff; cursor: pointer; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 100; text-align: center; border-radius: 50%; border: solid 1px #fff }
@media (max-width: 640px) {
.c-video__play-btn { border-width: 1px }
}
.c-video__play-btn svg { width: 17px; height: 20.10175px; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-35%, -50%); transform: translate(-35%, -50%); pointer-events: none }
.c-video__play-btn svg path { stroke: #fff }
.c-video__play-btn-icon { display: inline-block; margin-left: 5px; width: 10px; height: 13px }
@media (max-width: 640px) {
.c-video__play-btn-icon { width: 6px; height: 7.8px }
}
.c-video__play-btn-icon svg { width: 100%; height: 100% }
.c-video__poster-wrapper { width: 100%; height: 100% }
.c-video__poster-media { width: 100%; height: 100%; object-fit: cover }
.c-video__poster-media img, .c-video__poster-media video { width: 100%; height: 100%; object-fit: cover }
.c-video__controls { color: #fff; position: absolute; z-index: 1; left: 0; right: 0; width: 100%; bottom: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; visibility: hidden; opacity: 0 }
@media (max-width: 800px) {
.c-video__controls { left: 10px; right: 10px; bottom: 0; width: calc(100% - 20px) }
}
@media (max-width: 640px) {
.c-video__controls { display: none }
}
.c-video__controls.show { opacity: 1; visibility: visible; transition: opacity 200ms linear 0ms, visibility 0ms linear 0ms }
.c-video__state-button { display: none; color: #fff; min-width: 45px; position: relative }
.c-video__state-button .pause { margin: 0 auto }
.c-video__state-button .pause svg { display: block; width: 100%; height: 100% }
@media (max-width: 800px) {
.c-video__state-button { min-width: 35px }
}
.c-video__progress { cursor: pointer; -ms-flex: 1; flex: 1; width: 100%; height: 40px; position: relative }
.c-video__progress-inner { width: 100%; color: #fff }
.c-video__progress-inner[value] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 10px; bottom: 0; position: absolute }
.c-video__progress-inner[value]::-webkit-progress-bar {
background-color:rgba(255,255,255,0.3)
}
.c-video__progress-inner[value]::-webkit-progress-value {
background-color:#fff
}
.c-video__progress-inner[role] { background-color: #fff }
.c-video__progress-inner[role]:after { background-image: none }
.c-video__fullscreen-button { display: none; margin-right: 1.25rem; width: 15px; height: 15px }
.c-video__fullscreen-button svg { display: block; width: 100%; height: 100% }
.c-video__total-time { text-align: center; position: absolute; right: 20px; top: 0 }
.c-video__curr-time { position: absolute; left: 0; top: 0; min-width: 40px; margin-left: -20px; opacity: 0; transition: opacity 200ms }
.c-audio { font-family: "Founders", Helvetica, Arial; letter-spacing: 0.5px; position: relative }
.c-audio--multiple { height: 120px; padding-left: 20px; padding-right: 20px; margin-bottom: 20px; background-color: transparent; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column }
.dark-bg .c-audio--multiple { background-color: rgba(0,0,0,0.1) }
@media (max-width: 640px) {
.c-audio--multiple { padding-left: 10px; padding-right: 10px }
}
.c-audio__inner { display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1; -ms-flex-align: center; align-items: center }
.c-audio__player { opacity: 0.2 }
.c-audio__state-button { cursor: pointer; -ms-flex-negative: 0; flex-shrink: 0 }
.c-audio__right-content { margin-left: 20px; -ms-flex: 1; flex: 1; overflow: hidden }
.c-audio__progress { cursor: pointer; -ms-flex: 1; flex: 1; width: 100%; height: 25px; position: absolute; bottom: 0; left: 0; right: 0 }
.c-audio__progress-inner { background-color: rgba(0,0,0,0.3); width: 100%; height: 2px; bottom: 0; position: absolute; overflow: hidden }
.dark-bg .c-audio__progress-inner { background-color: rgba(255,255,255,0.3) }
.c-audio__progress-inner-bar { background-color: #fff; height: 100%; position: relative; left: -100% }
.c-audio__curr-time { position: absolute; left: 0; top: 0; min-width: 40px; margin-left: -20px; opacity: 0; font-size: 14px; transition: opacity 200ms }
@media (max-width: 640px) {
.c-audio__title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 110% }
}
@media (max-width: 640px) {
.c-audio__title+span { line-height: 110% }
}
.c-audio-play-button { height: 66px; position: relative }
.c-audio--multiple .c-audio-play-button { width: 66px }
.c-audio-play-button__donut { width: 100%; height: 100%; height: 66px }
.c-audio-play-button--shuffle .c-audio-play-button__donut { width: auto }
.c-audio-play-button__hole { cx: 21; cy: 21; r: 15.91549430918954; fill: transparent }
.c-audio-play-button__ring { cx: 21; cy: 21; r: 15.91549430918954; fill: transparent; stroke-width: 0.75; stroke: rgba(0,0,0,0.2) }
.dark-bg .c-audio-play-button__ring { stroke: rgba(255,255,255,0.2) }
.c-audio-play-button__segment { cx: 21; cy: 21; r: 15.91549430918954; fill: transparent; stroke: #000; stroke-width: 0.75; stroke-dashoffset: 25 }
.dark-bg .c-audio-play-button__segment { stroke: #fff }
.c-audio--multiple .c-audio-play-button__segment { stroke-dasharray: 100 0 }
.c-audio-play-button__icon { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.c-audio-play-button__icon * { fill: #000 }
.dark-bg .c-audio-play-button__icon * { fill: #fff }
.c-audio-play-button__play-icon { width: 12px; height: 15px; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-35%, -50%); transform: translate(-35%, -50%); opacity: 1 }
.c-audio-play-button--playing .c-audio-play-button__play-icon { opacity: 0 }
.c-audio-play-button__play-icon svg { display: block; height: 100%; width: 100% }
.c-audio-play-button__play-icon svg * { stroke: #000 }
.dark-bg .c-audio-play-button__play-icon svg * { stroke: #fff }
.c-audio-play-button__pause-icon { width: 8px; height: 12px; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0 }
.c-audio-play-button--playing .c-audio-play-button__pause-icon { opacity: 1 }
.c-audio-play-button__pause-icon svg { display: block; height: 100%; width: 100% }
.c-audio-play-button__pause-icon svg * { stroke: #000 }
.dark-bg .c-audio-play-button__pause-icon svg * { stroke: #fff }
.c-arrow-cursor { cursor: none; width: 43px; height: 26px; position: absolute; margin-left: -22px; margin-top: -13px; top: 50%; left: 50%; -ms-touch-action: none; touch-action: none; pointer-events: none; transition: opacity 400ms; z-index: 101; opacity: 0 }
.c-arrow-cursor svg { height: 100%; width: 100% }
.c-arrow-cursor svg path { fill: var(--text-color) }
.is-ie .c-arrow-cursor svg path { fill: #000 }
.is-ie.dark-bg .c-arrow-cursor svg path { fill: #fff }
.c-anchor { cursor: pointer }
@media (min-width: 1100px) {
.c-anchor:hover { opacity: 0.4 !important }
}
@media (min-width: 1100px) {
.c-anchor--hover-fill:hover { opacity: 1 !important; color: #b4b4b8 }
}
@media (min-width: 1100px) {
.c-anchor--hover-black:hover { opacity: 1 !important; color: black }
}
.c-anchor--underline { box-shadow: inset 0 -0.05em #fff, inset 0 0em #fff }
.c-anchor--grey-to-black { color: #5a5c63; opacity: 0.4 !important }
@media (min-width: 1100px) {
.c-anchor--grey-to-black:hover { color: #000; opacity: 1 !important }
}
.c-cursor { height: 25px; width: 25px; position: fixed; left: 50%; top: 50%; margin-top: -5px; margin-left: -5px; z-index: 190; pointer-events: none; -ms-touch-action: none; touch-action: none; opacity: 0 }
@media (max-width: 1100px) {
.c-cursor { display: none !important }
}
.c-cursor--dot { height: 25px; width: 25px; margin-top: -5px; margin-left: -5px }
.c-cursor--arrow { width: 43px; height: 26px; margin-left: -22px; margin-top: -13px }
.c-cursor--arrow svg { height: 100%; width: 100% }
.c-cursor--arrow svg path { fill: var(--text-color) }
.c-cursor__dot { display: none; width: 10px; height: 10px; background-color: var(--text-color); border-radius: 50%; transition: color 200ms, opacity 200ms; opacity: 1 }
.c-cursor--hover .c-cursor__dot { opacity: 0.4 !important }
.c-cursor--dot .c-cursor__dot { display: block }
.c-cursor__arrow { display: none; width: 100%; height: 100% }
.c-cursor--arrow .c-cursor__arrow { display: block }
.c-not-found__inner { height: 100vh; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center }
.is-touch .c-not-found__inner { height:calc(var(--flex-vh, 1vh)*100)
}
.c-three-hero { height: 100vh; width: 100%; position: relative; z-index: 5; cursor: none }
.is-touch .c-three-hero { height:calc(var(--vh, 1vh)*100)
}
.c-three-hero--fallback { cursor: default }
.c-three-hero canvas { height: 100%; width: 100% }
.c-three-hero__loader { top: 50%; left: 50%; position: absolute; z-index: 100; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 170px; opacity: 0 }
.c-three-hero__loader img { width: 100% }
.c-three-hero__logo { top: 50%; left: 50%; position: absolute; z-index: 100; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 109px; height: 11.89091px }
.c-three-hero__logo svg { display: block; width: 109px; height: 11.89091px }
.c-three-hero__cursor { top: 50%; left: 50%; position: fixed; -ms-touch-action: none; touch-action: none; pointer-events: none; opacity: 0; transition: opacity 400ms; z-index: 6; width: 80px; height: 80px; margin-left: -40px; margin-top: -40px; -ms-transform-origin: center; transform-origin: center }
@media (max-width: 640px) {
.c-three-hero__cursor { display: none }
}
.c-three-hero--fallback .c-three-hero__cursor { display: none }
.c-three-hero__cursor-dot { width: 100%; height: 100%; position: relative; -ms-transform-origin: center; transform-origin: center }
.c-three-hero__cursor-dot-inner { background-color: #000; border-radius: 50%; width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px }
.c-three-hero__fallback { display: none; height: 100%; width: 100% }
.c-three-hero--fallback .c-three-hero__fallback { display: block }
.c-three-hero__fallback-items { width: 100%; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center }
.c-three-hero__fallback-item { position: absolute; width: 100%; opacity: 0; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%) }
.c-three-hero__fallback-item .o-animation--headline { line-height: 118.75% }
.c-info-disclaimer { background-color: #fff; border-top: solid 1px #000; position: fixed; z-index: 40; bottom: 0; width: 100%; display: -ms-flexbox; display: flex; padding: 20px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; opacity: 0; font-size: 14px; display:none; }
@media (max-width: 640px) {
.c-info-disclaimer { padding: 30px }
}
.c-info-disclaimer p { font-size: 14px; color: #000 }
@media (max-width: 640px) {
.c-info-disclaimer p { text-align: center; margin-bottom: 20px }
}
@media (max-width: 640px) {
.c-info-disclaimer { -ms-flex-direction: column; flex-direction: column }
}
.c-info-disclaimer__button { border-radius: 20px; border: solid 1px #000; background-color: #fff; color: #000; font-family: "Founders", Helvetica, Arial; letter-spacing: 0.5px; right: auto; top: auto; width: auto; height: 30px; position: relative; padding: 0 20px; font-size: 14px; margin-left: 25px; transition: all 200ms }
@media (min-width: 1100px) {
.c-info-disclaimer__button:hover { background-color: #000; color: #fff }
}
.u-reset-anchor { color: inherit; text-decoration: none }
.u-tac { text-align: center }
.u-tal { text-align: left }
@media (max-width: 1100px) {
.u-tal--md { text-align: left }
}
@media (max-width: 800px) {
.u-tal--sm { text-align: left }
}
@media (max-width: 640px) {
.u-tal--xs { text-align: left }
}
.u-dblock { display: block; font-weight:bolder;}
.u-object-fit { object-fit: cover; object-position: center; width: 100%; height: 100% }
.u-flex-order--1 { -ms-flex-order: 1; order: 1 }
.u-flex-order--2 { -ms-flex-order: 2; order: 2 }
.u-tc-white { color: #fff }
.u-tc-black { color: #000 }
.u-reset-lh { line-height: 100% }
@media (max-width: 640px) {
.u-reset-lh--xs { line-height: 100% }
}
.u-media-caption { opacity: 0.4 }
.u-fullscreen-image { width: 100% }
.u-device-frame { position: relative; border-radius: 2.1vw; border: 1.1vw solid var(--device-frame-color) }
.is-ie .u-device-frame { border: 1.1vw solid #f5f2e9 }
@media (min-width: 1800px) {
.u-device-frame { border-radius: 38px; border: 20px solid var(--device-frame-color) }
.is-ie .u-device-frame { border: 20px solid #f5f2e9 }
}
@media (max-width: 800px) {
.u-device-frame { border-radius: 24px; border: 10px solid var(--device-frame-color) }
.is-ie .u-device-frame { border: 10px solid #f5f2e9 }
}
.u-device-frame--mobile video, .u-device-frame--mobile img { width: 100%; z-index: -1; position: absolute; top: 0; left: 0 }
.u-device-frame--tablet_portrait video, .u-device-frame--tablet_portrait img { width: 100%; z-index: -1; position: absolute; top: 0; left: 0 }
.u-device-frame--tablet_landscape video, .u-device-frame--tablet_landscape img { width: 100%; z-index: -1; position: absolute; top: 0; left: 0 }
.u-device-frame__mobile { background-image: url("/application/themes/animal/images/device-frames/mobile.png"); position: relative; top: 0; height: 100%; width: 100%; left: 0; background-size: 100% 100%; z-index: 1; display: none }
.u-device-frame__tablet_portrait { background-image: url("/application/themes/animal/images/device-frames/tablet_portrait.png"); position: absolute; top: 0; height: 100%; width: 100%; left: 0; background-size: 100% 100%; z-index: 1; display: none }
.u-device-frame__tablet_landscape { background-image: url("/application/themes/animal/images/device-frames/tablet_landscape.png"); position: absolute; top: 0; height: 100%; width: 100%; left: 0; background-size: 100% 100%; z-index: 1; display: none }
.u-o-fit-100 { object-fit: cover; font-family: 'object-fit: cover; object-position: center center;'; height: 100%; width: 100% }
.u-min-height-100 { min-height: 100vh }
.u-pixel-hero-anchors { position: absolute; bottom: 0; height: 80px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 100%; z-index: 6; opacity: 1 }
@media (max-width: 640px) {
.u-pixel-hero-anchors { height: 70px }
}
.u-pixel-hero-anchors a:first-child { margin-right: 35px }
.u-pixel-hero-anchor { opacity: 0; -ms-transform: translateY(50px); transform: translateY(50px) }
.u-scale-on-hover { cursor: pointer }
.u-scale-on-hover .o-image { -ms-transform: scale(1); transform: scale(1); transition: transform 0.8s cubic-bezier(0.39, 0.575, 0.565, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden }
.disable-hover .u-scale-on-hover { pointer-events: none }
@media (min-width: 1100px) {
.u-scale-on-hover:hover .o-image { -ms-transform: scale(1.015); transform: scale(1.015) }
}
@media (max-width: 800px) {
.u-testimonial h3 { line-height: 154% }
}
.u-illustration--conga { margin-bottom: 5px }
.c-illustration { width: 100% }
.c-illustration canvas { width: 100%; display: block }
.c-illustration--conga { margin-bottom: 5px }
@media (max-width: 800px) {
.u-top-gutter { margin-top: 150px }
.u-top-gutter--text { margin-top: 142px }
}
@media (max-width: 640px) {
.u-top-gutter { margin-top: 100px }
.u-top-gutter--text { margin-top: 92px }
}
#outdated { position: absolute; background-color: #f25648; color: #fff; display: none; overflow: hidden; left: 0; position: fixed; text-align: center; text-transform: uppercase; top: 0; width: 100%; z-index: 1500; padding: 24px }
#outdated h6 { font-size: 25px; line-height: 25px; margin: 12px 0 }
#outdated p { font-size: 12px; line-height: 12px; margin: 0 }
#outdated #buttonUpdateBrowser { border: 2px solid #fff; color: #fff; cursor: pointer; display: block; margin: 30px auto 0; padding: 10px 20px; position: relative; text-decoration: none; width: 230px }
#outdated #buttonUpdateBrowser:hover { background-color: #fff; color: #f25648 }
#outdated .last { height: 20px; position: absolute; right: 25px; top: 10px; width: 0px }
#outdated .last[dir=rtl] { left: 25px !important; right: auto !important }
#outdated #buttonCloseUpdateBrowser { color: #fff; display: block; font-size: 36px; height: 100%; line-height: 36px; position: relative; text-decoration: none; width: 100% }
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 }
.swiper-container-no-flexbox .swiper-slide { float: left }
.swiper-container-vertical>.swiper-wrapper { -ms-flex-direction: column; flex-direction: column }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -ms-flexbox; display: flex; transition-property: transform; box-sizing: content-box }
.swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0) }
.swiper-container-multirow>.swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap }
.swiper-container-free-mode>.swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto }
.swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform }
.swiper-slide-invisible-blank { visibility: hidden }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto }
.swiper-container-autoheight .swiper-wrapper { -ms-flex-align: start; align-items: flex-start; transition-property: transform, height }
.swiper-container-3d { perspective: 1200px }
.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { transform-style: preserve-3d }
.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 }
.swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0,0,0,0.5), transparent) }
.swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0,0,0,0.5), transparent) }
.swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0,0,0,0.5), transparent) }
.swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), transparent) }
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y }
.swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x }
.swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat }
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto }
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") }
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") }
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") }
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") }
.swiper-button-lock { display: none }
.swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10 }
.swiper-pagination.swiper-pagination-hidden { opacity: 0 }
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 10px; left: 0; width: 100% }
.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -ms-transform: scale(0.33); transform: scale(0.33); position: relative }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -ms-transform: scale(1); transform: scale(1) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -ms-transform: scale(1); transform: scale(1) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -ms-transform: scale(0.66); transform: scale(0.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -ms-transform: scale(0.33); transform: scale(0.33) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -ms-transform: scale(0.66); transform: scale(0.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -ms-transform: scale(0.33); transform: scale(0.33) }
.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2 }
button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer }
.swiper-pagination-bullet-active { opacity: 1; background: #007aff }
.swiper-container-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0) }
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block }
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px }
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left }
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right }
.swiper-pagination-progressbar { background: rgba(0,0,0,0.25); position: absolute }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -ms-transform: scale(0); transform: scale(0); -ms-transform-origin: left top; transform-origin: left top }
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -ms-transform-origin: right top; transform-origin: right top }
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0 }
.swiper-container-vertical>.swiper-pagination-progressbar, .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0 }
.swiper-pagination-white .swiper-pagination-bullet-active { background: #ffffff }
.swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255,255,255,0.25) }
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #ffffff }
.swiper-pagination-black .swiper-pagination-bullet-active { background: #000000 }
.swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0,0,0,0.25) }
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000000 }
.swiper-pagination-lock { display: none }
.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0,0,0,0.1) }
.swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% }
.swiper-container-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% }
.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,0.5); border-radius: 10px; left: 0; top: 0 }
.swiper-scrollbar-cursor-drag { cursor: move }
.swiper-scrollbar-lock { display: none }
.swiper-zoom-container { width: 100%; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align: center }
.swiper-zoom-container>img, .swiper-zoom-container>svg, .swiper-zoom-container>canvas { max-width: 100%; max-height: 100%; object-fit: contain }
.swiper-slide-zoomed { cursor: move }
.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -ms-transform-origin: 50%; transform-origin: 50%; animation: swiper-preloader-spin 1s steps(12, end) infinite }
.swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat }
.swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") }
@keyframes swiper-preloader-spin { 100% {
transform:rotate(360deg)
}
}
.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 }
.swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out }
.swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity }
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none }
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto }
.swiper-container-cube { overflow: visible }
.swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100% }
.swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none }
.swiper-container-cube.swiper-container-rtl .swiper-slide { -ms-transform-origin: 100% 0; transform-origin: 100% 0 }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next+.swiper-slide { pointer-events: auto; visibility: visible }
.swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; filter: blur(50px); z-index: 0 }
.swiper-container-flip { overflow: visible }
.swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 }
.swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none }
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto }
.swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px }