html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
} .container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
}
.container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container, .container-sm {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container, .container-sm, .container-md {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container, .container-sm, .container-md, .container-lg {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container, .container-sm, .container-md, .container-lg, .container-xl {
max-width: 1140px;
}
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
min-width: 0;
max-width: 100%;
}
.row-cols-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-6 > * {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-ms-flex-order: -1;
order: -1;
}
.order-last {
-ms-flex-order: 13;
order: 13;
}
.order-0 {
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-1 {
margin-left: 8.333333%;
}
.offset-2 {
margin-left: 16.666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.333333%;
}
.offset-5 {
margin-left: 41.666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.333333%;
}
.offset-8 {
margin-left: 66.666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.333333%;
}
.offset-11 {
margin-left: 91.666667%;
}
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
min-width: 0;
max-width: 100%;
}
.row-cols-sm-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-sm-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-sm-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-sm-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-sm-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-sm-6 > * {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-ms-flex-order: -1;
order: -1;
}
.order-sm-last {
-ms-flex-order: 13;
order: 13;
}
.order-sm-0 {
-ms-flex-order: 0;
order: 0;
}
.order-sm-1 {
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.333333%;
}
.offset-sm-2 {
margin-left: 16.666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.333333%;
}
.offset-sm-5 {
margin-left: 41.666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.333333%;
}
.offset-sm-8 {
margin-left: 66.666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.333333%;
}
.offset-sm-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
min-width: 0;
max-width: 100%;
}
.row-cols-md-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-md-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-md-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-md-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-md-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-md-6 > * {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-ms-flex-order: -1;
order: -1;
}
.order-md-last {
-ms-flex-order: 13;
order: 13;
}
.order-md-0 {
-ms-flex-order: 0;
order: 0;
}
.order-md-1 {
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.333333%;
}
.offset-md-2 {
margin-left: 16.666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.333333%;
}
.offset-md-5 {
margin-left: 41.666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.333333%;
}
.offset-md-8 {
margin-left: 66.666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.333333%;
}
.offset-md-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
min-width: 0;
max-width: 100%;
}
.row-cols-lg-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-lg-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-lg-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-lg-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-lg-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-lg-6 > * {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-ms-flex-order: -1;
order: -1;
}
.order-lg-last {
-ms-flex-order: 13;
order: 13;
}
.order-lg-0 {
-ms-flex-order: 0;
order: 0;
}
.order-lg-1 {
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.333333%;
}
.offset-lg-2 {
margin-left: 16.666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.333333%;
}
.offset-lg-5 {
margin-left: 41.666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.333333%;
}
.offset-lg-8 {
margin-left: 66.666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.333333%;
}
.offset-lg-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
min-width: 0;
max-width: 100%;
}
.row-cols-xl-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-xl-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-xl-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-xl-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-xl-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-xl-6 > * {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-ms-flex-order: -1;
order: -1;
}
.order-xl-last {
-ms-flex-order: 13;
order: 13;
}
.order-xl-0 {
-ms-flex-order: 0;
order: 0;
}
.order-xl-1 {
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.333333%;
}
.offset-xl-2 {
margin-left: 16.666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.333333%;
}
.offset-xl-5 {
margin-left: 41.666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.333333%;
}
.offset-xl-8 {
margin-left: 66.666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.333333%;
}
.offset-xl-11 {
margin-left: 91.666667%;
}
} html.has-scroll-smooth {
overflow: hidden;
}
html.has-scroll-dragging {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.has-scroll-smooth body {
overflow: hidden;
}
.has-scroll-smooth [data-scroll-container] {
min-height: 100vh;
}
[data-scroll-direction=horizontal] [data-scroll-container] {
white-space: nowrap;
height: 100vh;
display: inline-block;
white-space: nowrap;
}
[data-scroll-direction=horizontal] [data-scroll-section] {
display: inline-block;
vertical-align: top;
white-space: nowrap;
height: 100%;
}
.c-scrollbar {
position: absolute;
right: 0;
top: 0;
width: 11px;
height: 100%;
transform-origin: center right;
transition: transform 0.3s, opacity 0.3s;
opacity: 0;
}
.c-scrollbar:hover {
transform: scaleX(1.45);
}
.c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar {
opacity: 1;
}
[data-scroll-direction=horizontal] .c-scrollbar {
width: 100%;
height: 10px;
top: auto;
bottom: 0;
transform: scaleY(1);
}
[data-scroll-direction=horizontal] .c-scrollbar:hover {
transform: scaleY(1.3);
}
.c-scrollbar_thumb {
position: absolute;
top: 0;
right: 0;
background-color: black;
opacity: 0.5;
width: 7px;
border-radius: 10px;
margin: 2px;
cursor: -webkit-grab;
cursor: grab;
}
.has-scroll-dragging .c-scrollbar_thumb {
cursor: -webkit-grabbing;
cursor: grabbing;
}
[data-scroll-direction=horizontal] .c-scrollbar_thumb {
right: auto;
bottom: 0;
}  .splitting .word,
.splitting .char {
display: inline-block;
} .splitting .char {
position: relative;
} .splitting .char::before,
.splitting .char::after {
content: attr(data-char);
position: absolute;
top: 0;
left: 0;
visibility: hidden;
transition: inherit;
user-select: none;
} .splitting { --word-center: calc((var(--word-total) - 1) / 2); --char-center: calc((var(--char-total) - 1) / 2); --line-center: calc((var(--line-total) - 1) / 2);
}
.splitting .word { --word-percent: calc(var(--word-index) / var(--word-total)); --line-percent: calc(var(--line-index) / var(--line-total));
}
.splitting .char { --char-percent: calc(var(--char-index) / var(--char-total)); --char-offset: calc(var(--char-index) - var(--char-center)); --distance: calc(
(var(--char-offset) * var(--char-offset)) / var(--char-center)
); --distance-sine: calc(var(--char-offset) / var(--char-center)); --distance-percent: calc((var(--distance) / var(--char-center)));
} @font-face {
font-family: system;
font-style: normal;
font-weight: 300;
src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Ubuntu Light"), local("Segoe UI Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma");
}
@keyframes scrollMouse {
0% {
transform: translateY(-4px);
opacity: 0;
}
20% {
transform: translateY(0);
opacity: 1;
}
100% {
transition-timing-function: ease-in;
transform: translateY(10px);
opacity: 0;
}
}
@keyframes showOverflow {
0%, 99% {
overflow: hidden;
}
100% {
overflow: visible;
}
}
.splitting .word {
overflow: hidden;
}
.splitting .char {
transition: transform 1s ease-in-out;
transform: translateY(100%);
}
.is-animated-entrance .splitting .char {
transform: translateY(0);
}
.has-scroll-init .element-mask {
overflow: hidden;
}
.has-scroll-init .element-mask__content {
padding: 1px 0;
transform: translateY(102%);
transition: transform 1s cubic-bezier(0.65, 0.05, 0.36, 1);
transition-delay: calc((var(--index)/6) * 1s);
}
.has-scroll-init .img-mask {
clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
transition: clip-path 1s cubic-bezier(0.65, 0.05, 0.36, 1);
transition-delay: calc((var(--index)/8) * 1s);
}
.has-scroll-init .show-init {
transform: scale(1) translateY(0);
opacity: 1;
}
.has-scroll-init .is-inview .img-mask {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.has-scroll-init .is-inview .element-mask {
animation: showOverflow 2s ease-out;
animation-fill-mode: both;
}
.has-scroll-init .is-inview .element-mask__content {
transform: translateY(0);
}
.show-init {
opacity: 0;
transform-origin: center;
transform: scale(1.05) translateY(5%);
transition: opacity 2s cubic-bezier(0.65, 0.05, 0.36, 1), transform 2s cubic-bezier(0.65, 0.05, 0.36, 1);
transition-delay: calc((var(--index)/8) * 1s);
}
*, *::before, *::after {
box-sizing: border-box;
}
body {
background: #212121;
font-family: "Catamaran", "system", sans-serif;
font-size: 16px;
color: #FFFFFF;
line-height: 1.6;
}
a {
text-decoration: none;
color: #E4004D;
}
a:hover {
color: #b1003c;
}
h2, .h2 {
font-size: 35px;
font-weight: bold;
text-transform: uppercase;
}
h2.splitting, .h2.splitting {
line-height: 1.2;
}
h3, .h3, .wpgmp_listing_container .wpgmp-post__title a {
margin-bottom: 15px;
font-size: 25px;
}
figure {
margin: 0;
}
.site-main {
overflow-x: hidden;
}
img.alignright {
margin: 0 0 1em 1em;
float: right;
}
img.alignleft {
margin: 0 1em 1em 0;
float: left;
}
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignright {
margin-left: 15px;
float: right;
}
.alignleft {
margin-right: 15px;
float: left;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img[class^=wp-image] {
height: auto;
}
.acf-map {
width: 100%;
height: 400px;
border: none;
margin: 20px 0; }
.acf-map img {
max-width: inherit !important;
}
:focus {
outline: 1px dotted rgba(0, 0, 0, 0.1);
}
.wp-block-image a:hover {
opacity: 0.8;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.img-fit--cover {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
vertical-align: middle;
}
.img-fit--contain {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
vertical-align: middle;
}
.img-responsive, .socials__link svg, [class*=figure] svg {
display: block;
max-width: 100%;
height: auto;
}
.link-reset, .dropdown__link, .store-location__link {
color: #FFFFFF;
text-decoration: none;
}
.link-reset:hover, .dropdown__link:hover, .store-location__link:hover, .link-reset:focus, .dropdown__link:focus, .store-location__link:focus {
color: #FFFFFF;
text-decoration: none;
}
.list-unstyled, .site-footer__nav, .product-galerie__nav-list, .product-galerie__list, .cats-label__list, .fitters__list, .advantages__list, .checklist__list, .pdt-range-element__list, .pdt-range__list, .testimonies__list, .engage__list, .story__list, .brevets__list, .faq__list, .faq__group-list, .notices__group-list, .values__list, .socials__list, .store-location__list, .keyfigures__list, .products-card__list, .navbar__nav .sub-menu, .navbar__nav {
padding-left: 0;
list-style: none;
}
.text-center, .error404-section__copy {
text-align: center;
}
.text-pink {
color: #E4004D;
}
.block-center, .site-footer__content, .error404-section__copy, .sav__title, [class*=figure] svg, .interlude__content, .keyfigures__figure, .products-card__btn, .products-card__figure, .title-section .site-title, .hero__scroll, .scroll-indicator .chevron, .scroll-indicator .mouse {
margin-left: auto;
margin-right: auto;
}
.bg-grey {
background: #2C2C2C;
}
.little-line-title--center {
max-width: 110px;
border-color: #E4004D;
border-bottom: 0;
}
.is-hidden {
display: none !important;
}
.btn-container {
display: block;
margin-top: 15px;
}
.btn-outline, .site-main .with_frm_style.frm_style_formidable-style .frm_submit button {
display: inline-block;
padding: 10px 35px;
border: 1px solid #FFFFFF;
background: transparent;
color: #FFFFFF;
border-radius: 40px;
font-size: 20px;
cursor: pointer;
text-transform: uppercase;
text-align: center;
transition: background 0.4s, color 0.4s, border 0.4s;
}
.btn-outline__mask {
display: flex;
justify-content: center;
align-items: center;
margin: 0;
position: relative;
overflow: hidden;
}
.btn-outline__mask::after {
content: attr(data-title);
width: 100%;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
opacity: 0.5;
transform: translate(-50%, 80%) rotateX(90deg);
transition: transform 0.35s ease-in-out, opacity 0.25s ease-in-out;
}
.btn-outline__copy {
display: block;
position: relative;
opacity: 1;
transform: translateY(0) rotateX(0);
transition: transform 0.35s ease-in-out, opacity 0.25s ease-in-out;
}
.btn-outline:hover, .site-main .with_frm_style.frm_style_formidable-style .frm_submit button:hover {
color: #212121;
background: #FFFFFF;
}
.btn-outline:hover .btn-outline__copy, .site-main .with_frm_style.frm_style_formidable-style .frm_submit button:hover .btn-outline__copy {
opacity: 0.5;
transform: translateY(-80%) rotateX(-90deg);
}
.btn-outline:hover .btn-outline__mask::after, .site-main .with_frm_style.frm_style_formidable-style .frm_submit button:hover .btn-outline__mask::after {
opacity: 1;
transform: translate(-50%, -50%) rotateX(0);
}
.btn-outline.has-brand-color, .site-main .with_frm_style.frm_style_formidable-style .frm_submit button.has-brand-color {
background: #E4004D;
border-color: #E4004D;
color: #FFFFFF;
}
.btn-link, .entry-content a {
display: inline-block;
position: relative;
color: #FFFFFF;
}
.btn-link::after, .entry-content a::after {
width: 100%;
height: 1px;
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
z-index: 0;
background: #FFFFFF;
transform: scaleX(1);
transform-origin: left;
transition: transform 0.3s ease-in-out;
}
.btn-link:hover, .entry-content a:hover {
color: #FFFFFF;
}
.btn-link:hover::after, .entry-content a:hover::after {
transform-origin: right;
transform: scaleX(0);
}
.btn-link.has-brand-color, .entry-content a.has-brand-color {
color: #E4004D;
}
.btn-link.has-brand-color::after, .entry-content a.has-brand-color::after {
background-color: #E4004D;
}
.btn-link.has-brand-color:hover, .entry-content a.has-brand-color:hover {
color: #cb0044;
}
.btn-link.has-brand-color:hover::after, .entry-content a.has-brand-color:hover::after {
background-color: #cb0044;
}
.input-select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-ms-appearance: none; padding: 12px 35px 12px 25px;
background-color: transparent;
border: 1px solid #FFFFFF;
border-radius: 5px;
color: #FFFFFF;
background-color: #212121;
background-image: url(//serem-motion.com/wp-content/themes/serem-motion/images/svg/chevron-down.svg);
background-repeat: no-repeat;
background-size: 14px;
background-position: 96%;
}
.title-background {
margin: 0;
font-size: 70px;
color: #2C2C2C;
text-transform: uppercase;
font-weight: 800;
line-height: 1;
}
.title-background--center .title-background__content {
width: 100vw;
text-align: center;
}
.spacer--30 {
height: 30px;
}
.spacer--90 {
height: 90px;
}
.has-line--left {
position: relative;
}
.has-line--left::before {
content: "";
width: 50vw;
height: 1px;
display: block;
position: absolute;
top: 30px;
left: calc(-50vw - 12%);
z-index: 1;
background: #E4004D;
transform: scaleX(0);
transform-origin: left;
transition: transform 1s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.has-line--left--medium, .has-line--right--medium {
position: relative;
}
.has-line--left--medium::before, .has-line--right--medium::before {
content: "";
width: 100px;
height: 1px;
display: none;
position: absolute;
top: 30px;
left: -130px;
z-index: 1;
background: #E4004D;
transform: scaleX(0);
transform-origin: left;
transition: transform 1s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.has-line--right--medium::before {
left: unset;
right: -130px;
transform-origin: right;
}
.has-line--bottom {
position: relative;
}
.has-line--bottom::after {
content: "";
width: 100%;
height: 1px;
display: block;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
background: #E4004D;
transform: scaleX(0);
transform-origin: left;
transition: transform 1s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.has-line--bottom--center {
position: relative;
}
.has-line--bottom--center::after {
content: "";
width: 110px;
height: 1px;
display: block;
position: absolute;
bottom: 0;
left: calc(50% - 55px);
z-index: 1;
background: #E4004D;
transform: scaleX(0);
transform-origin: left;
transition: transform 1s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.has-line--vertical {
position: relative;
}
.has-line--vertical::before {
content: "";
width: 1px;
height: 90px;
display: block;
position: absolute;
top: 0;
left: 50%;
z-index: 1;
background: #E4004D;
transform: scaleY(0);
transform-origin: top;
transition: transform 1s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.is-inview.has-animated-line .has-line--left::before,
.is-inview.has-animated-line .has-line--left--medium::before,
.is-inview.has-animated-line .has-line--right--medium::before,
.is-inview.has-animated-line .has-line--bottom::after,
.is-inview.has-animated-line .has-line--bottom--center::after {
transform: scaleX(1);
}
.is-inview.has-animated-line .has-line--vertical::before {
transform: scaleY(1);
}
.site-main .with_frm_style {
--font: Catamaran, system, sans-serif;
--label-color: #FFFFFF;
--text-color: #FFFFFF;
--check-font-size: 15px;
--form-desc-size: 15px;
--check-label-color: rgba(255,255,255,0.8);
--form-desc-color: rgba(255,255,255,0.8);
--bg-color: transparent;
--bg-color-active: rgba(255,255,255,0.02);
--required-color: purple;
--submit-bg-color: transparent;
--submit-border-color: #FFFFFF;
--border-color: #FFFFFF;
--border-color-active: transparent;
--border-radius: 0;
}
.site-main .with_frm_style .frm_form_field {
position: relative;
}
.site-main .with_frm_style .frm_required {
color: transparent;
}
.site-main .with_frm_style .frm_primary_label {
margin-top: 10px;
margin-bottom: 2px;
display: inline-block;
position: relative;
top: 37px;
left: 15px;
font-size: 18px;
cursor: pointer;
transform-origin: left;
transform: scale(1);
transition-property: top, transform;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
}
.site-main .with_frm_style .vertical_radio .frm_primary_label {
position: static;
}
.site-main .with_frm_style .chosen-container .chosen-drop, .site-main .with_frm_style.frm_style_formidable-style .chosen-container-single.chosen-container-active .chosen-single {
background: #212121;
}
.site-main .with_frm_style .vertical_radio .frm_checkbox label,
.site-main .with_frm_style .vertical_radio .frm_radio label {
max-width: 300px;
}
.site-main .with_frm_style .chosen-container .chosen-results li.no-results {
background-color: transparent;
}
.site-main .with_frm_style.frm_style_formidable-style .frm_blank_field input[type=text], .site-main .with_frm_style.frm_style_formidable-style .frm_blank_field input[type=password], .site-main .with_frm_style.frm_style_formidable-style .frm_blank_field input[type=url], .site-main .with_frm_style.frm_style_formidable-style .frm_blank_field input[type=tel], .site-main .with_frm_style.frm_style_formidable-style .frm_blank_field input[type=number], .site-main .with_frm_style.frm_style_formidable-style .frm_blank_field input[type=email], .site-main .with_frm_style.frm_style_formidable-style .frm_blank_field textarea, .site-main .with_frm_style.frm_style_formidable-style .frm_blank_field .mce-edit-area iframe, .site-main .with_frm_style.frm_style_formidable-style .frm_blank_field select, .site-main .with_frm_style.frm_form_fields_error_style, .site-main .with_frm_style.frm_style_formidable-style .frm_blank_field .frm-g-recaptcha iframe, .site-main .with_frm_style.frm_style_formidable-style .frm_blank_field .g-recaptcha iframe, .site-main .with_frm_style.frm_style_formidable-style .frm_blank_field .frm-card-element.StripeElement, .site-main .with_frm_style.frm_style_formidable-style .frm_blank_field .chosen-container-multi .chosen-choices, .site-main .with_frm_style.frm_style_formidable-style .frm_blank_field .chosen-container-single .chosen-single, .site-main .with_frm_style.frm_style_formidable-style .frm_form_field :invalid {
color: rgba(255, 255, 255, 0.7);
background: transparent;
}
.site-main .with_frm_style.frm_style_formidable-style .form-field input:not([type=file]):not([type=checkbox]):not([type=radio]), .site-main .with_frm_style.frm_style_formidable-style textarea {
border-width: 0 0 1px 0;
padding: 20px 15px;
box-shadow: none;
}
.site-main .with_frm_style.frm_style_formidable-style .form-field input:not([type=file]):not([type=checkbox]):not([type=radio]):focus, .site-main .with_frm_style.frm_style_formidable-style textarea:focus {
background: var(--bg-color-active);
box-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
border-color: var(--border-color);
}
.site-main .with_frm_style.frm_style_formidable-style textarea {
border-width: 1px;
}
.site-main .with_frm_style.frm_style_formidable-style .chosen-container-single .chosen-single {
height: 42px;
padding: 7px 15px;
background: transparent;
box-shadow: none;
border-width: 0 0 1px 0;
}
.site-main .with_frm_style.frm_style_formidable-style .chosen-container-single .chosen-single:focus {
background: var(--bg-color-active);
box-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
border-color: var(--border-color);
}
.site-main .with_frm_style.frm_style_formidable-style .chosen-container-single .chosen-single div b {
background-position-y: 6px;
}
.site-main .with_frm_style .frm_dropzone .dz-message {
background: transparent;
}
.site-main .with_frm_style.frm_style_formidable-style .frm_submit button {
font-family: "Catamaran", "system", sans-serif;
box-shadow: none;
}
.site-main .with_frm_style.frm_style_formidable-style .frm_submit button:hover {
box-shadow: none;
border-color: #FFFFFF;
}
.site-main .with_frm_style.frm_style_formidable-style.with_frm_style .frm-show-form .frm_section_heading > h3 {
font-size: 26px;
color: #FFFFFF;
text-transform: uppercase;
text-align: center;
font-weight: lighter;
border: none;
}
.site-main .with_frm_style .frm_form_field.frm_html_container {
color: #FFFFFF;
}
.site-main .with_frm_style.frm_style_formidable-style.with_frm_style .frm-show-form .frm_html_container h3 {
border: none;
color: #FFFFFF;
font-size: 20px;
}
.site-main .with_frm_style.frm_style_formidable-style .frm-show-form.has-progress-bar {
padding: 45px 90px;
background: #2F2F2F;
}
.site-main .with_frm_style.frm_style_formidable-style .frm-show-form.has-progress-bar .frm_rootline_group {
margin-bottom: 60px;
}
.site-main .with_frm_style.frm_style_formidable-style .frm-show-form.has-progress-bar .frm_rootline.frm_no_numbers .frm_rootline_single:not(:first-of-type):not(:last-of-type) input, .site-main .with_frm_style.frm_style_formidable-style .frm-show-form.has-progress-bar .frm_rootline.frm_no_numbers .frm_rootline_single.frm_current_page input {
box-shadow: 0 0 0 6px #2F2F2F inset, 0 0 0 1px #E4004D inset;
}
.site-main .with_frm_style.frm_style_formidable-style .frm-show-form.has-progress-bar .frm_rootline.frm_no_numbers .frm_rootline_single:first-of-type:not(.frm_current_page) input, .site-main .with_frm_style.frm_style_formidable-style .frm-show-form.has-progress-bar .frm_rootline.frm_no_numbers .frm_rootline_single:last-of-type:not(.frm_current_page) input {
border: 10px solid #2F2F2F;
}
.site-main .with_frm_style.frm_style_formidable-style .frm-show-form.has-progress-bar .frm_rootline.frm_no_numbers .frm_rootline_single:not(.frm_current_page + *) input {
background: #E4004D;
border-color: #E4004D;
}
.site-main .with_frm_style.frm_style_formidable-style .frm-show-form.has-progress-bar .frm_submit {
margin-top: 60px;
display: flex;
justify-content: space-between;
}
.site-main .with_frm_style.frm_style_formidable-style .frm-show-form.has-progress-bar .frm_submit button:not(.frm_final_submit) {
padding: 0;
position: relative;
border: none;
border-radius: 0;
}
.site-main .with_frm_style.frm_style_formidable-style .frm-show-form.has-progress-bar .frm_submit button:not(.frm_final_submit)::after {
content: "";
width: 100%;
height: 1px;
display: block;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
background: #FFFFFF;
transform-origin: left;
transition: transform 0.3s ease-in-out;
transform: scaleX(1);
}
.site-main .with_frm_style.frm_style_formidable-style .frm-show-form.has-progress-bar .frm_submit button:not(.frm_final_submit):hover, .site-main .with_frm_style.frm_style_formidable-style .frm-show-form.has-progress-bar .frm_submit button:not(.frm_final_submit):focus {
color: #FFFFFF;
background: transparent;
}
.site-main .with_frm_style.frm_style_formidable-style .frm-show-form.has-progress-bar .frm_submit button:not(.frm_final_submit):hover::after, .site-main .with_frm_style.frm_style_formidable-style .frm-show-form.has-progress-bar .frm_submit button:not(.frm_final_submit):focus::after {
transform-origin: right;
transform: scaleX(0);
}
.site-main .with_frm_style.frm_style_formidable-style .frm-show-form.has-progress-bar .frm_submit button:not(.frm_final_submit):active {
color: #FFFFFF;
background: transparent;
}
.site-main .with_frm_style.frm_style_formidable-style .frm-show-form.has-progress-bar .frm_submit .frm_button_submit {
margin-left: auto;
}
.site-main .with_frm_style .frm_form_field.has-input-image input[type=radio],
.site-main .with_frm_style .frm_form_field.has-input-image input[type=checkbox] {
display: none;
}
.site-main .with_frm_style .frm_form_field.has-input-image .frm_radio label {
padding-top: 16px;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
transition: color 0.1s ease-in-out;
cursor: pointer;
}
.site-main .with_frm_style .frm_form_field.has-input-image .frm_radio label::before {
content: "";
width: 150px;
height: 150px;
margin-bottom: 10px;
display: block;
background-size: contain;
background-position: bottom;
background-repeat: no-repeat;
transition: filter 0.1s ease-in-out;
}
.site-main .with_frm_style .frm_form_field.has-input-image .frm_radio:nth-child(1) label::before {
background-image: url(//serem-motion.com/wp-content/themes/serem-motion/images/svg/icon-form-abri-piscine.svg);
}
.site-main .with_frm_style .frm_form_field.has-input-image .frm_radio:nth-child(2) label::before {
background-image: url(//serem-motion.com/wp-content/themes/serem-motion/images/svg/icon-form-abri-terrasse.svg);
}
.site-main .with_frm_style .frm_form_field.has-input-image .frm_radio:nth-child(3) label::before {
background-image: url(//serem-motion.com/wp-content/themes/serem-motion/images/svg/icon-form-abri-xxl.svg);
}
.site-main .with_frm_style .frm_form_field.has-input-image .frm_radio:nth-child(4) label::before {
background-image: url(//serem-motion.com/wp-content/themes/serem-motion/images/svg/icon-form-portail.svg);
}
.site-main .with_frm_style .frm_form_field.has-input-image .frm_radio:nth-child(5) label::before {
background-image: url(//serem-motion.com/wp-content/themes/serem-motion/images/svg/icon-form-toiture-mobile.svg);
}
.site-main .with_frm_style .frm_form_field.has-input-image .frm_radio.is-active label,
.site-main .with_frm_style .frm_form_field.has-input-image .frm_radio label:hover {
color: #E4004D;
}
.site-main .with_frm_style .frm_form_field.has-input-image .frm_radio.is-active label::before,
.site-main .with_frm_style .frm_form_field.has-input-image .frm_radio label:hover::before {
filter: invert(50%) sepia(89%) saturate(6802%) hue-rotate(332deg) brightness(86%) contrast(109%);
}
.site-main .with_frm_style .is-active .frm_primary_label {
top: 0;
transform: scale(0.8);
opacity: 0.8;
}
#frm_form_1_container.with_frm_style .frm_submit,
#frm_form_7_container.with_frm_style .frm_submit {
grid-column: span 4/span 6;
text-align: right;
}
.alm-btn-wrap {
text-align: center;
}
.alm-load-more-btn {
cursor: pointer;
}
.alm-load-more-btn.done {
display: none;
cursor: not-allowed;
}
.addtoany_share .a2a_svg,
.a2a_logo_color {
border: 1px solid white;
background: transparent !important;
}
body #powerTip {
border-radius: 0;
padding: 15px 30px;
}
.wpgmp_map_container::after {
content: "";
width: 100%;
height: 1px;
display: block;
clear: both;
}
.gm-style .gm-style-iw {
width: unset !important;
}
body .wpgmp_map_parent {
margin-bottom: 15px;
}
body .wpgmp_filter_wrappers {
background: #2F2F2F;
color: #FFFFFF;
}
body .wpgmp_filter_wrappers .wpgmp_filter_wrappers {
padding: 30px 25px;
}
body .wpgmp_filter_wrappers .wpgmp_before_listing {
text-transform: uppercase;
margin-bottom: 5px;
}
body .wpgmp_filter_wrappers .wpgmp_listing_header .wpgmp_search_form {
margin-top: 15px;
margin-bottom: 15px;
}
body .wpgmp_filter_wrappers .wpgmp_listing_header .wpgmp_search_form:after {
opacity: 0;
}
body .wpgmp_filter_wrappers div.wpgmp_search_form input.wpgmp_search_input {
background-color: transparent;
color: #FFFFFF;
}
body .wpgmp_filter_wrappers .categories_filter select {
background-color: #2C2C2C;
border: 1px solid #FFFFFF;
}
.wpgmp-card {
color: #212121;
}
.wpgmp_listing_container .wpgmp-post {
margin-top: 15px;
padding: 15px 15px 30px;
border: 1px solid #2F2F2F;
}
.wpgmp_listing_container .wpgmp-post:first-child {
margin-top: 25px;
}
.wpgmp_listing_container .wpgmp-post__figure::after {
content: "";
width: 100%;
height: 1px;
display: block;
clear: both;
}
.wpgmp_listing_container .wpgmp-post .fc-feature-img {
height: 100px;
}
.wpgmp_listing_container .wpgmp-post .fc-feature-img img {
height: 100%;
object-fit: contain;
}
.wpgmp_listing_container .wpgmp-post__content {
margin-top: 30px;
}
.wpgmp_listing_container .wpgmp-post__title {
margin-bottom: 10px;
}
.wpgmp_listing_container .wpgmp-post__title a {
color: #FFFFFF;
text-transform: uppercase;
}
.wpgmp_listing_container .wpgmp-post__tel a {
color: #FFFFFF;
}
.wpgmp_listing_container .wpgmp-post__btn {
margin-top: 15px;
}
body .wpgmp_pagination {
margin-top: 45px;
text-align: right;
font-size: 16px;
}
body .wpgmp_pagination a, body .wpgmp_pagination span {
background: #2F2F2F;
}
body .wpgmp_pagination a:hover, body .wpgmp_pagination span:hover {
background: #2C2C2C;
}
body .wpgmp_pagination span.current {
background: transparent;
border: 1px solid #2F2F2F;
}
.site-header {
width: 100%;
position: fixed;
top: 0;
z-index: 999;
padding-top: 15px;
padding-bottom: 15px;
background: rgba(0, 0, 0, 0.97);
transition: padding 0.3s ease-in-out;
}
.navbar__header {
display: flex;
justify-content: space-between;
align-items: center;
}
.navbar__content {
display: flex;
justify-content: space-between;
align-items: center;
}
.navbar__toggle {
width: 44px;
height: 30px;
display: flex;
justify-content: space-between;
flex-direction: column;
padding: 0;
background: transparent;
border: none;
box-shadow: none;
cursor: pointer;
}
.navbar__toggle:hover {
opacity: 0.9;
}
.navbar__toggle span {
width: 100%;
height: 3px;
display: inline-block;
background: #FFFFFF;
transform-origin: center;
transform: translateY(0);
transition: transform cubic-bezier(0.65, 0.05, 0.36, 1) 0.3s;
}
.navbar__toggle.is-active span:nth-child(2) {
transform: translateY(14px);
}
.navbar__toggle.is-active span:nth-child(4) {
transform: translateY(-13px);
}
.navbar__collapse {
width: 100%;
display: none;
position: fixed;
top: 0;
z-index: 999;
background: #FFFFFF;
}
.navbar__collapse.is-active .collapse-body {
overflow-y: scroll;
}
.navbar__collapse.is-active .navbar__close-icon span {
transition: transform 0.8s cubic-bezier(0.65, 0.05, 0.36, 1) 0.3s;
}
.navbar__collapse.is-active .navbar__close-icon span:nth-child(1) {
transform: rotateZ(45deg);
}
.navbar__collapse.is-active .navbar__close-icon span:nth-child(2) {
transform: rotateZ(-45deg);
}
.navbar .collapse-layout {
width: 100%;
height: 100vh;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 100px auto;
margin-left: auto;
margin-right: auto;
padding: 0 15px;
background: #FFFFFF;
}
.navbar .collapse-header {
display: flex;
justify-content: space-between;
padding-top: 15px;
padding-bottom: 30px;
}
.navbar .collapse-body {
display: flex;
justify-content: space-between;
flex-direction: column;
}
.navbar__close {
display: flex;
justify-content: center;
align-items: center;
min-width: 30px;
padding: 0;
padding-left: 10px;
background: transparent;
border: none;
box-shadow: none;
cursor: pointer;
}
.navbar__close:hover .navbar__close-label, .navbar__close:hover .navbar__close-icon {
opacity: 0.8;
}
.navbar__close-label {
margin-right: 15px;
color: #AAAAAA;
text-transform: uppercase;
}
.navbar__close-icon {
width: 40px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
position: relative;
}
.navbar__close-icon span {
width: 100%;
height: 3px;
display: inline-block;
position: absolute;
top: calc(50% - 2px);
left: 0;
z-index: 0;
background: #AAAAAA;
transform-origin: center;
transform: rotateZ(0);
transition: transform 1s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.navbar__nav {
margin-top: 45px;
}
.navbar__nav a {
width: 100%;
display: inline-block;
padding: 8px 0;
color: #2C2C2C;
font-size: 20px;
}
.navbar__nav .sub-menu {
display: none;
}
.navbar__nav .sub-menu a {
padding: 10px 15px;
margin-bottom: 2px;
color: #2C2C2C;
background: rgba(0, 0, 0, 0.02);
}
.navbar__nav .menu-item__title a {
position: relative;
color: #212121;
margin-top: 5px;
text-transform: uppercase;
font-weight: bold;
}
.navbar__nav .menu-item__title a::after {
content: "";
width: 25%;
height: 1px;
display: block;
position: absolute;
bottom: 0;
left: 0;
z-index: 0;
background: #AAAAAA;
opacity: 0.5;
}
.navbar__social {
margin-top: 45px;
margin-bottom: 30px;
text-align: center;
}
.navbar__social .socials__label {
color: #2C2C2C;
}
.navbar__social .socials__list {
margin-top: 0;
}
.navbar__social .socials__link:hover svg {
opacity: 0.8;
}
.navbar em {
font-style: normal;
}
.scroll-indicator {
width: 60px;
padding: 5px;
}
.scroll-indicator .mouse {
width: 35px;
height: 50px;
display: flex;
justify-content: center;
padding-top: 10px;
border: 3px solid #FFFFFF;
border-radius: 16px;
cursor: pointer;
}
.scroll-indicator .mouse::before {
content: "";
width: 3px;
height: 8px;
display: block;
border-radius: 6px;
background: #FFFFFF;
animation: scrollMouse 1.8s ease-in-out infinite;
}
.scroll-indicator .chevron {
width: 18px;
margin-top: 12px;
display: block;
text-align: center;
}
.scroll-to-top {
width: 60px;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
position: fixed;
bottom: 5%;
right: 5%;
z-index: -100;
background: #212121;
border: 1px solid #2C2C2C;
border-radius: 50%;
opacity: 0;
transition: background 0.15s, opacity 0.5s;
}
.scroll-to-top:hover {
background: #2C2C2C;
}
.scroll-to-top:focus {
outline: none;
}
.scroll-to-top.is-active {
opacity: 1;
z-index: 100;
}
.scroll-to-top .chevron {
transform-origin: center;
transform: rotateZ(180deg);
}
.hero {
position: relative;
margin-bottom: 90px;
}
.hero__content {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
height: 100vh;
position: relative;
overflow: hidden;
}
.hero__content::before, .hero__content::after {
content: "";
display: block;
position: absolute;
z-index: 1;
}
.hero__content::before {
width: 100%;
height: 100%;
top: 0;
left: 0;
background: linear-gradient(to bottom, #010101 12%, rgba(0, 0, 0, 0) 40%);
}
.hero__content::after {
width: 200%;
height: 150%;
left: -50%;
bottom: -3px;
background: radial-gradient(ellipse at top, rgba(0, 0, 0, 0) 50%, #212121 75%, #212121 100%);
}
.hero__text-fg {
position: relative;
z-index: 1;
}
.hero__text-bg {
width: 100%;
position: absolute;
top: 50%;
left: 0;
z-index: 0;
transform-origin: center;
transform: translate(0, -50%);
text-align: center;
}
.hero__img {
min-width: 100%;
}
.hero__scroll {
width: 100%;
position: absolute;
bottom: 5.8vh;
left: 0;
z-index: 10;
transition: opacity 0.5s;
opacity: 0.8;
}
.hero__scroll.is-scrolled {
opacity: 0;
}
.home .hero__content {
overflow: visible;
}
.title-section .site-title {
max-width: 1000px;
margin-bottom: 60px;
padding-top: 60px;
padding-bottom: 30px;
position: relative;
text-transform: uppercase;
font-size: 35px;
line-height: 1.3;
text-align: center;
}
.title-section .site-title::after {
content: "";
width: 110px;
height: 1px;
position: absolute;
bottom: 0;
left: 50%;
transform-origin: left;
transform: translateX(-50%);
transform-origin: left center;
transition: transform 0.3s ease-in-out;
background: #E4004D;
}
.title-section__copy {
max-width: 600px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.title-section.has-animated-line .site-title::after {
transform: translateX(-50%) scaleX(0);
transition: transform 1s ease-in-out;
}
.title-section.is-inview.has-animated-line .site-title::after {
transform: translateX(-50%) scaleX(1);
}
.home .site-title {
padding-bottom: 60px;
}
.products {
margin-top: 90px;
}
.products__title {
position: relative;
top: 15px;
z-index: 0;
line-height: 0.6;
}
.products-card__list {
display: flex;
justify-content: center;
flex-wrap: wrap;
position: relative;
z-index: 1;
text-align: center;
}
.products-card__item {
width: 100%;
max-width: 500px;
margin-bottom: 60px;
}
.products-card__figure-link {
display: block;
}
.products-card__figure-link:hover .products-card__img {
transform: scale(1.02);
}
.products-card__figure {
width: 100%;
height: 260px;
}
.products-card__img {
transform-origin: center;
transform: scale(1);
transition: transform 0.5s linear;
}
.products-card__title {
margin-top: 25px;
margin-bottom: 12px;
font-size: 26px;
font-weight: bold;
text-transform: uppercase;
}
.keyfigures {
padding-top: 120px;
padding-bottom: 70px;
position: relative;
background: #2C2C2C;
text-align: center;
}
.keyfigures::before {
content: "";
width: 1px;
height: 120px;
display: block;
position: absolute;
top: -60px;
left: 50%;
background: #E4004D;
transform-origin: top;
}
.keyfigures.has-animated-line::before {
transform: scaleY(0);
transition: transform 1s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.keyfigures.has-animated-line.is-inview::before {
transform: scaleY(1);
}
.keyfigures__title {
margin-top: 0;
margin-bottom: 40px;
}
.keyfigures__list .element-mask__content {
transform: translateY(120%);
}
.keyfigures__item {
max-width: 195px;
margin: 50px auto 0;
padding: 5px 10px;
}
.keyfigures__figure {
max-width: 76px;
max-height: 76px;
margin-bottom: 30px;
}
.keyfigures__btn-container {
margin-top: 60px;
}
.home .keyfigures {
margin-top: 120px;
}
.home .keyfigures__title {
font-weight: normal;
text-transform: initial;
}
.store-location {
margin-top: 90px;
}
.store-location__title {
max-width: 350px;
margin-top: 0;
margin-bottom: 45px;
}
.store-location__item:nth-child(2) {
margin-top: 60px;
}
.store-location__figure {
height: 260px;
}
.store-location__link {
height: 100%;
display: block;
position: relative;
}
.store-location__figcaption {
display: inline-block;
padding: 25px 20px;
background: #2C2C2C;
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
}
.interlude {
position: relative;
padding-top: 110px;
padding-bottom: 110px;
margin-top: 90px;
background-color: rgba(255, 255, 255, 0.2);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.interlude:before {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 0;
background-image: linear-gradient(to bottom, #212121 5%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, #212121 100%);
}
.interlude.has-animated-line .interlude__title::after {
transform: scaleX(0);
transition: transform 1s ease-in-out;
}
.interlude.is-inview.has-animated-line .interlude__title::after {
transform: scaleX(1);
}
.interlude__content {
max-width: 600px;
position: relative;
border-radius: 80px;
text-align: center;
z-index: 1;
}
.interlude__content::before {
content: "";
width: 100%;
height: 100%;
display: block;
background: #2C2C2C;
position: absolute;
top: 0;
left: 0;
z-index: 0;
border-radius: 50%;
filter: blur(30px);
transform: scale(1.2, 1.1);
opacity: 0.7;
border-radius: 50%;
}
.interlude__text {
position: relative;
z-index: 1;
}
.interlude__title {
margin-top: 0;
margin-bottom: 0;
padding-bottom: 30px;
position: relative;
}
.interlude__title:after {
content: "";
width: 100%;
height: 1px;
display: block;
position: absolute;
bottom: 0;
left: 0;
background: #E4004D;
transform-origin: left;
}
.interlude__copy {
margin-top: 60px;
margin-bottom: 60px;
}
.home .interlude {
margin-top: 0;
}
.joinus {
padding-top: 90px;
padding-bottom: 45px;
position: relative;
}
.joinus::after {
content: "";
width: 50%;
height: 66%;
display: block;
position: absolute;
bottom: 0;
right: 0;
z-index: 0;
background: #2C2C2C;
box-shadow: -5px 3px 8px rgba(0, 0, 0, 0.15);
}
.joinus__layout {
position: relative;
z-index: 1;
}
.joinus__col:nth-child(2) {
margin-top: 60px;
}
.joinus__title {
margin-top: 0;
margin-bottom: 20px;
}
.joinus__subtitle {
font-size: 30px;
}
.joinus__figure-container {
max-width: 840px;
}
.joinus__figcaption {
padding: 30px 20px;
background: #212121;
}
.joinus__btn-container {
width: 100%;
}
[class*=title] em, h1 em, h2 em, h3 em {
color: #E4004D;
font-style: inherit;
}
.brand-link {
max-height: 40px;
display: inline-block;
}
.brand-link:hover {
opacity: 0.9;
}
.dropdown {
min-width: 360px;
width: 100%;
display: inline-block;
}
.dropdown__toggle {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 15px 35px;
position: relative;
background: #2C2C2C;
color: #FFFFFF;
border: none;
font-size: 20px;
font-weight: bold;
cursor: pointer;
}
.dropdown__toggle:hover {
opacity: 0.9;
}
.dropdown__icon {
display: inline-block;
margin-left: 10px;
transform-origin: center;
transform: rotateZ(0);
transition: transform 0.3s ease-in-out;
}
.dropdown__collapse {
display: none;
}
.dropdown__link {
width: 100%;
display: block;
padding: 10px 35px;
background: #282828;
}
.dropdown__link:hover {
background: #2C2C2C;
}
.dropdown.is-active .dropdown__icon {
transform: rotateZ(180deg);
}
.socials__list {
display: flex;
justify-content: center;
align-items: center;
margin: 10px auto 0;
}
.socials__link {
width: 30px;
padding: 5px;
display: block;
}
.sav {
margin-top: 90px;
}
.sav__title {
max-width: 800px;
margin-top: 0;
margin-bottom: 90px;
text-align: center;
text-transform: initial;
}
.sav__col:nth-child(2) {
margin-top: 60px;
}
.sav__figure {
height: 260px;
}
.sav__figcaption {
width: 100%;
padding: 30px 20px;
background: #2C2C2C;
}
.sav__copy {
max-width: 310px;
}
.sav h3 {
margin-top: 0;
}
.join-motor {
margin-top: 90px;
position: relative;
}
.join-motor::before {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 50%;
left: 0;
z-index: 0;
transform-origin: center;
transform: translateY(-50%);
background: #2C2C2C;
}
.join-motor__layout {
position: relative;
z-index: 1;
}
.join-motor__figure {
height: 260px;
}
.join-motor__content {
padding-bottom: 45px;
}
.join-motor .btn-container {
margin-top: 30px;
}
.post-item {
margin-bottom: 90px;
}
.post-item__day {
display: inline-block;
font-size: 30px;
font-weight: bold;
line-height: 1;
}
.post-item__month {
display: inline-block;
text-transform: uppercase;
line-height: 1;
}
.post-item__figure {
width: 100%;
height: 250px;
}
.post-item__title {
margin-bottom: 0;
font-size: 30px;
text-transform: initial;
}
.post-item__cat {
opacity: 0.7;
margin-top: 5px;
font-weight: bold;
}
.post-item__copy {
margin-top: 15px;
}
.post-item hr {
border-width: 1px 0 0;
border-style: solid;
border-color: #555;
}
.contact-section__form {
margin-bottom: 30px;
padding: 30px;
background: #2F2F2F;
}
.contact-spont {
max-width: 800px;
margin: auto;
background-color: #2F2F2F;
padding: 30px;
}
.about-section {
position: relative;
padding-top: 90px;
padding-bottom: 90px;
}
.about-section__title-bg {
width: 200vw;
position: absolute;
top: 50%;
left: 0;
z-index: -1;
}
.about-section__layout {
position: relative;
z-index: 1;
}
.about-section__title-second {
margin-top: 0;
text-transform: uppercase;
}
.about-section--centered .about-section__layout {
max-width: 600px;
margin: auto;
display: block;
text-align: center;
}
.about-section--centered .about-section__title-second {
margin-bottom: 40px;
padding-bottom: 90px;
}
.values {
position: relative;
padding-bottom: 120px;
}
.values__figure-bg {
width: 100%;
height: 25%;
position: absolute;
bottom: 0;
right: 0;
z-index: 0;
opacity: 0.3;
}
.values__content {
position: relative;
z-index: 1;
}
.values__title {
padding-bottom: 30px;
}
.values__title-content {
max-width: 500px;
}
.values__list {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 50px;
margin-top: 90px;
margin-bottom: 0;
}
.values__figure {
text-align: center;
}
.values__item-title {
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
}
.values__item-title {
text-align: center;
}
.interlude2 {
padding-top: 90px;
padding-bottom: 90px;
position: relative;
}
.interlude2__figure-bg {
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
right: 0;
z-index: 0;
opacity: 0.3;
}
.interlude2__figure-bg img {
object-position: left;
}
.interlude2__content {
position: relative;
z-index: 1;
}
.interlude2__title {
margin-top: 0;
margin-bottom: 0;
}
.interlude2__copy {
margin-top: 60px;
margin-bottom: 60px;
}
.notices__title {
margin-top: 90px;
margin-bottom: 30px;
color: #E4004D;
font-size: 30px;
}
.notices__list {
padding-left: 0;
list-style-type: disc;
list-style-position: inside;
}
.notices__item {
padding-bottom: 15px;
}
.about-line-vertical {
padding-top: 90px;
padding-bottom: 60px;
}
.faq__title {
color: #E4004D;
font-size: 30px;
}
.faq__subtitle {
font-size: 25px;
text-transform: uppercase;
}
.faq__list {
margin-top: 60px;
margin-bottom: 90px;
}
.faq__item {
margin-bottom: 30px;
}
.panel__title {
padding: 25px 30px;
display: grid;
grid-template-columns: auto 25px;
grid-gap: 10px;
background: #2C2C2C;
cursor: pointer;
}
.panel__title:hover {
opacity: 0.85;
}
.panel__icon--plus {
width: 22px;
height: 22px;
margin-left: auto;
border: 1px solid #FFFFFF;
border-radius: 50%;
position: relative;
}
.panel__icon--plus::before, .panel__icon--plus::after {
content: "";
width: 12px;
height: 2px;
display: block;
position: absolute;
top: 50%;
left: 50%;
background: #FFFFFF;
transform-origin: center;
transform: translate(-50%, -50%);
transition: transform 0.3s ease-in;
}
.panel__icon--plus::before {
transform: translate(-50%, -50%) rotateZ(90deg) scaleX(1);
}
.panel__content {
padding: 1px 30px 25px;
display: none;
background: #2C2C2C;
}
.panel.is-active .panel__icon--plus::before {
transform: translate(-50%, -50%) rotateZ(90deg) scaleX(0);
}
.brevets {
margin-top: 90px;
}
.brevets__list {
margin-top: 60px;
margin-bottom: 90px;
}
.brevets__item {
margin-bottom: 45px;
}
.brevets__item-title {
text-transform: uppercase;
}
.brevets__figure {
max-width: 100px;
}
.story {
margin-top: 90px;
}
.story-item {
margin-bottom: 90px;
}
.story-item__text {
padding-top: 8px;
}
.story-item__title-bg {
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.story-item__content {
position: relative;
z-index: 1;
}
.story-item__title {
margin-bottom: 0;
}
.story-item__title--pink {
color: #E4004D;
text-transform: initial;
}
.story-item__figure {
max-height: 500px;
margin-bottom: 10px;
position: relative;
z-index: 1;
}
.story-item__credit {
position: absolute;
bottom: 3px;
right: 10px;
z-index: 1;
color: #FFFFFF;
opacity: 0.5;
}
.engage {
margin-top: 90px;
}
.engage-item {
position: relative;
margin-bottom: 90px;
}
.engage-item:nth-child(odd) .engage-item__content {
position: relative;
}
.engage-item:nth-child(odd) .engage-item__content::before {
width: 50%;
height: 100%;
content: "";
display: block;
background: #2C2C2C;
position: absolute;
top: 0;
left: 0;
z-index: 0;
transform: translateX(-99%);
}
.engage-item:nth-child(odd) .engage-item__content::after {
width: 2px;
height: calc(100% - 90px);
content: "";
display: block;
background: #E4004D;
position: absolute;
top: 50%;
left: -5px;
z-index: 0;
transform: translateY(-50%);
}
.engage-item:nth-child(even) .engage-item__content {
position: relative;
margin-left: auto;
text-align: right;
}
.engage-item:nth-child(even) .engage-item__content::before {
width: 50%;
height: 100%;
content: "";
display: block;
background: #2C2C2C;
position: absolute;
top: 0;
right: 0;
z-index: 0;
transform: translateX(99%);
}
.engage-item:nth-child(even) .engage-item__content::after {
width: 2px;
height: calc(100% - 90px);
content: "";
display: block;
background: #E4004D;
position: absolute;
top: 50%;
right: -5px;
z-index: 0;
transform: translateY(-50%);
}
.engage-item__title-bg {
margin-top: -98px;
margin-bottom: -20px;
}
.engage-item__content {
padding: 15px 15px 30px;
background: #2C2C2C;
}
.engage-item__figure {
max-width: 600px;
opacity: 0.5;
}
.page-template-expertise .join-motor__img {
object-position: 57% center;
}
.testimonies__list {
margin-top: 120px;
margin-bottom: 90px;
}
.testimonies .slick-list {
overflow: visible;
}
.testimonies .slick-track {
display: flex;
align-items: stretch;
}
.testimonies .slick-prev, .testimonies .slick-next {
width: 60px;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 50%;
z-index: 1;
border-radius: 50%;
border: 1px solid #2C2C2C;
background: #212121;
transition: opacity 0.2s ease-in-out;
cursor: pointer;
}
.testimonies .slick-prev:hover, .testimonies .slick-next:hover {
background: #2C2C2C;
}
.testimonies .slick-prev::before, .testimonies .slick-next::before {
content: "";
width: 20px;
height: 20px;
display: block;
background-image: url(//serem-motion.com/wp-content/themes/serem-motion/images/svg/icon-arrow--white.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
transform-origin: center;
}
.testimonies .slick-prev {
left: 5px;
}
.testimonies .slick-next {
right: 5px;
}
.testimonies .slick-next::before {
transform: rotateZ(180deg);
}
.testimonies .slick-disabled {
opacity: 0.1;
}
.testimonies .slick-slide .testimonies-item__layout {
opacity: 0.4;
transform-origin: center;
perspective-origin: center;
transform-style: preserve-3d;
will-change: transform;
transform: perspective(300px) rotateY(15deg) scale(0.85);
transition-property: transform, opacity;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
}
.testimonies .slick-current ~ .slick-slide .testimonies-item__layout {
transform: perspective(300px) rotateY(-15deg) scale(0.85);
}
.testimonies .slick-current .testimonies-item__layout {
opacity: 1;
transform: perspective(300px) rotateY(0) scale(1);
}
.testimonies-item {
height: auto;
text-align: center;
background-size: cover;
background-repeat: no-repeat;
}
.testimonies-item__layout {
height: 100%;
padding: 30px 25px;
position: relative;
background: #2F2F2F;
}
.testimonies-item__header, .testimonies-item__body {
position: relative;
z-index: 2;
}
.testimonies-item__figure-bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.testimonies-item__figure-bg::after {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 0;
background: rgba(10, 10, 10, 0.5);
}
.testimonies-item__figure {
width: 50px;
height: 50px;
margin: auto;
border: 2px solid #FFFFFF;
border-radius: 50%;
overflow: hidden;
}
.testimonies-item__author {
font-size: 25px;
font-weight: bold;
}
.page-template-temoignages .spacer {
transform-origin: center;
transform: translateY(100%);
}
.abri {
margin-top: 90px;
}
.abri.is-inview .abri__title::after {
transform: scaleX(1);
}
.abri__title {
padding-bottom: 15px;
display: inline-block;
position: relative;
font-size: 25px;
font-weight: bold;
text-transform: initial;
}
.abri__title::after {
content: "";
width: 100%;
height: 1px;
display: block;
position: absolute;
bottom: 0;
left: 0;
z-index: 0;
background: #E4004D;
transform-origin: left;
transform: scaleX(0);
transition: transform 1s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.abri-select {
margin-top: 60px;
}
.abri-select__layout {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 40px;
align-items: end;
}
.abri-select__title {
margin-top: 15px;
color: #E4004D;
text-transform: capitalize;
text-align: center;
font-weight: bold;
}
.abri-select__option {
cursor: pointer;
}
.abri-select__figure {
filter: invert(0%) sepia(0) saturate(16802%) hue-rotate(332deg) brightness(86%) contrast(109%);
transition: filter 0.1s ease-in-out;
}
.abri-select__option.is-active .abri-select__figure, .abri-select__option:hover .abri-select__figure {
filter: invert(50%) sepia(89%) saturate(6802%) hue-rotate(332deg) brightness(86%) contrast(109%);
}
.abri-card {
display: none;
padding-top: 90px;
}
.abri-card__figure {
height: 350px;
position: relative;
}
.abri-card__img {
position: absolute;
top: 0;
left: 0;
z-index: 0;
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.abri-card__content {
padding: 15px;
background: #2C2C2C;
text-align: center;
}
.abri-card__copy {
display: none;
}
.abri-product__content {
display: none;
}
.pdt-range {
padding-bottom: 45px;
}
.pdt-range.is-inview .pdt-range__title::after {
transform: scaleX(1);
}
.pdt-range__title {
margin-top: 0;
margin-bottom: 60px;
padding-bottom: 20px;
position: relative;
text-align: center;
}
.pdt-range__title::after {
content: "";
width: 110px;
height: 1px;
margin: 0 auto;
display: block;
position: absolute;
bottom: 0;
left: calc(50% - 55px);
z-index: 0;
background: #E4004D;
transform-origin: left;
transform: scaleX(0);
transition: transform 1s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.pdt-range__list {
margin-top: 60px;
}
.pdt-range__selection {
margin-top: -60px;
}
.pdt-range--alt {
margin-top: -30px;
}
.pdt-range-element__list {
margin-top: 90px;
}
.pdt-range-element__item {
margin-bottom: 60px;
text-align: center;
}
.pdt-range-element__item-doc {
display: flex;
justify-content: center;
align-items: center;
min-height: 250px;
background: #2C2C2C;
padding: 50px 15px;
}
.pdt-range-element__title {
margin-bottom: 45px;
padding-bottom: 15px;
text-transform: uppercase;
}
.pdt-range-element__figure-link:hover img {
transform: scale(1.05);
}
.pdt-range-element__figure {
height: 250px;
overflow: hidden;
}
.pdt-range-element__figure img {
transform-origin: center;
transform: scaleX(1);
transition: transform 0.5s ease-in-out;
}
.pdt-range-element__item-title {
margin-top: 30px;
margin-bottom: 5px;
font-size: 26px;
font-weight: bold;
text-transform: uppercase;
}
.checklist {
margin-top: 90px;
}
.checklist__title {
padding-bottom: 15px;
margin-bottom: 60px;
}
.checklist-item__header::after {
content: "";
display: block;
clear: both;
}
.checklist-item__figure {
width: 25px;
margin-right: 5px;
float: left;
}
.checklist-item__title {
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
}
.checklist-item__copy > *:first-child {
margin-top: 5px;
}
.advantages {
margin-top: 90px;
}
.advantages__title {
padding-bottom: 15px;
margin-bottom: 60px;
}
.advantages__item {
margin-bottom: 30px;
}
.advantages__figure {
width: 75px;
height: 75px;
display: block;
}
.fitters__list {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 30px;
margin-top: 45px;
margin-bottom: 90px;
}
.fitters-item {
border: 1px solid #2F2F2F;
border-left-width: 2px;
border-left-color: #E4004D;
}
.fitters-item__content {
padding: 30px 15px;
}
.fitters-item__title {
margin-top: 10px;
}
.fitters-item__address {
margin: 15px 0;
}
.fitters-item__btns-group {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
gap: 10px;
margin-top: 30px;
}
.contact-info__title {
margin-bottom: 45px;
padding-bottom: 20px;
font-size: 30px;
}
.contact-info__title::after {
width: 120px;
}
.contact-info__addresse, .contact-info__form-container {
max-width: 690px;
margin-left: auto;
}
.contact-info__map {
margin-top: 180px;
}
.contact-info__map iframe {
width: 100%;
}
.cats-label {
padding-bottom: 45px;
}
.cats-label__list {
display: flex;
justify-content: center;
align-items: center;
margin: 0;
}
.cats-label__item {
max-width: 150px;
padding: 5px 15px;
display: block;
border: 1px solid #2F2F2F;
font-size: 14px;
letter-spacing: 2px;
}
.post-cat {
margin-bottom: 90px;
}
.post-cat__filter {
margin-bottom: 30px;
}
.post-cat hr {
border-width: 1px 0 0;
border-style: solid;
border-color: #555;
}
.single-hero {
height: 78vh;
padding: 18vh 0 10vh;
}
.single-hero__figure {
height: 100%;
overflow: hidden;
}
.single-hero .show-init, .single-hero .container {
height: 100%;
}
.single-title.is-inview .single-title__content::after {
transform: scaleX(1);
}
.single-title__content {
position: relative;
}
.single-title__content::after {
content: "";
width: 100%;
height: 1px;
display: block;
margin-top: 15px;
background: #2C2C2C;
transform-origin: left;
transform: scaleX(0);
transition: transform 1s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.single-title .site-title {
margin: 0;
text-transform: uppercase;
line-height: 1.1;
}
.single-content {
max-width: 600px;
margin: 60px auto;
}
.cta-share__title {
margin-bottom: 15px;
font-size: 20px;
text-transform: uppercase;
}
.product-desc {
margin-top: 60px;
}
.product-desc__header {
margin-top: 60px;
padding-bottom: 20px;
position: relative;
}
.product-desc__title {
margin-bottom: 0;
text-transform: uppercase;
}
.product-desc__stock::first-letter {
text-transform: capitalize;
}
.product-desc__title-bg {
position: absolute;
top: -30px;
left: 0;
z-index: -1;
}
.product-desc__body {
padding: 45px 0;
}
.product-desc__footer {
margin-top: 60px;
}
.product-desc__price {
font-size: 30px;
font-weight: bold;
}
.product-desc__store {
margin-top: 30px;
padding: 30px;
display: none;
background: #4E5860;
}
.product-galerie {
width: 100%;
height: 100%;
}
.product-galerie__list {
height: 300px;
margin: 0;
overflow: hidden;
}
.product-galerie__figure {
height: 100%;
}
.product-galerie .slick-list,
.product-galerie .slick-track {
height: 100%;
}
.product-galerie__nav-list {
margin: 0;
}
.product-galerie__nav-item {
padding: 15px 8px 0;
transition: opacity 0.1s;
cursor: pointer;
}
.product-galerie__nav-item:hover {
opacity: 0.5;
}
.product-galerie__nav-figure {
height: 50px;
}
.product-detail {
margin-top: 90px;
}
.product-detail__title {
margin-bottom: 30px;
padding-bottom: 20px;
font-size: 25px;
text-transform: initial;
}
.product-detail__col {
margin-bottom: 45px;
}
.product-detail__title--2 {
font-size: 20px;
color: #E4004D;
}
.product-detail .btn-container {
margin-top: 30px;
}
.product-hotspot {
margin-top: 90px;
}
.product-hotspot__title {
margin-bottom: 30px;
padding-bottom: 20px;
font-size: 25px;
text-transform: initial;
}
.product-hotspot__content {
margin-top: 60px;
}
.product-notice {
margin-top: 90px;
}
.product-notice__title {
margin-bottom: 30px;
padding-bottom: 20px;
font-size: 25px;
text-transform: initial;
}
.product-notice .btn-container {
margin-top: 60px;
}
.product-notice .btn-outline, .product-notice .site-main .with_frm_style.frm_style_formidable-style .frm_submit button, .site-main .with_frm_style.frm_style_formidable-style .frm_submit .product-notice button {
margin-bottom: 15px;
}
.error404-section__copy {
max-width: 480px;
font-size: 20px;
}
.wpmapspro-custom-popup {
display: none;
}
.wpmapspro-custom-popup__main {
width: 100%;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
z-index: 999;
}
.wpmapspro-custom-popup__bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
background: rgba(255, 255, 255, 0.8);
cursor: pointer;
}
.wpmapspro-custom-popup__content {
width: 90vw;
max-width: 600px;
padding: 15px 30px 30px;
position: relative;
z-index: 1;
background: #212121;
color: #FFFFFF;
}
.wpmapspro-custom-popup__title {
font-size: 24px;
}
.wpmapspro-custom-popup__btn-close {
padding: 5px 10px;
display: inline-block;
position: absolute;
top: 0;
right: 0;
z-index: 1;
border: none;
background: #212121;
font-size: 13px;
color: #FFFFFF;
transform-origin: center;
transform: translateY(-100%);
}
.wpmapspro-custom-popup__actions {
text-align: right;
}
.wpmapspro-custom-popup [class*=btn] {
cursor: pointer;
}
.site-footer {
margin-top: 90px;
}
.site-footer__content {
max-width: 340px;
padding-bottom: 30px;
text-align: center;
}
.site-footer__nav {
margin: 0;
padding: 10px 15px;
border-top: 1px solid #2C2C2C;
text-align: center;
font-size: 14px;
}
.site-footer .menu-item {
display: inline-block;
}
.site-footer .menu-item:nth-child(n+2)::before {
content: "-";
display: inline-block;
}
.site-footer .brand-link {
margin-bottom: 25px;
}
.site-footer .address-link {
display: block;
color: #FFFFFF;
}
.site-footer .tel-link {
display: block;
color: #FFFFFF;
font-weight: bold;
}
.site-footer a {
display: inline-block;
padding: 5px;
color: #FFFFFF;
}
.site-footer a:hover {
color: #FFFFFF;
opacity: 0.8;
} @media screen and (min-width: 580px) {
.is-hidden-xs--plus {
display: none !important;
}
} @media screen and (min-width: 768px) {
.title-background {
font-size: 130px;
}
.wpgmp_listing_container .wpgmp-post {
padding: 30px;
}
.wpgmp_listing_container .wpgmp-post__layout {
display: grid;
grid-template-columns: 25% auto 30%;
grid-gap: 15px;
}
.wpgmp_listing_container .wpgmp-post__col {
display: flex;
flex-direction: column;
justify-content: center;
}
.wpgmp_listing_container .wpgmp-post__content {
margin-top: 0;
}
.wpgmp_listing_container .wpgmp-post__meta {
max-width: 200px;
}
.navbar__nav {
margin-top: 10vh;
}
.navbar .collapse-layout {
max-width: 720px;
}
.navbar .collapse-header {
padding-top: 30px;
position: relative;
}
.navbar .collapse-header::after {
content: "";
width: 100%;
height: 1px;
background: #DEDEDE;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
transform-origin: right;
transform: scaleX(0);
transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.navbar .is-active .collapse-header::after {
transform-origin: left;
transform: scaleY(1);
transition: transform 0.8s cubic-bezier(0.65, 0.05, 0.36, 1) 0.3s;
}
.hero {
margin-bottom: 110px;
}
.products {
margin-top: 140px;
}
.keyfigures::before {
height: 175px;
top: -87px;
}
.keyfigures__title {
margin-top: 30px;
}
.keyfigures__list {
display: flex;
justify-content: space-between;
justify-content: space-evenly;
flex-wrap: wrap;
}
.store-location {
margin-top: 120px;
}
.store-location__list {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 50px;
}
.store-location__item:nth-child(2) {
margin-top: 0;
}
.store-location__figcaption {
width: 100%;
height: 100%;
}
.interlude {
margin-top: 110px;
}
.interlude__content {
padding: 45px 60px;
}
.joinus::after {
height: calc(100% - 240px);
}
.joinus__figure-container {
max-width: 500px;
margin-left: auto;
}
.joinus__figure {
height: 400px;
}
.dropdown {
width: unset;
}
.sav {
margin-top: 140px;
}
.sav__title {
margin-bottom: 130px;
}
.sav__layout {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 50px;
}
.sav__col:nth-child(2) {
margin-top: 0;
}
.join-motor {
margin-top: 140px;
}
.join-motor::before {
height: calc(100% - 120px);
}
.join-motor__layout {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 50px;
}
.join-motor__figure {
height: 100%;
}
.join-motor__content {
padding-top: 90px;
padding-bottom: 120px;
}
.contact-spont {
padding: 45px 90px;
}
.about-section__title-bg {
top: 30%;
}
.values__figure-bg {
width: 50%;
height: unset;
}
.values__list {
grid-template-columns: repeat(2, 1fr);
}
.values__figure, .values__item-title {
text-align: unset;
}
.interlude2 {
padding-top: 170px;
padding-bottom: 200px;
}
.interlude2__figure-bg {
width: 60%;
}
.interlude2__content {
width: 50%;
}
.notices__list {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px 30px;
}
.notices__item {
padding-bottom: 10px;
}
.about-line-vertical {
padding-top: 120px;
padding-bottom: 30px;
}
.brevets__list {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 30px;
}
.brevets__item {
margin-bottom: 0;
}
.story-item:nth-child(odd) .story-item__content {
padding-left: 15px;
}
.story-item:nth-child(odd) .story-item__col--figure {
left: 0;
}
.story-item:nth-child(odd) .story-item__text {
margin-left: auto;
}
.story-item:nth-child(even) .story-item__layout {
flex-direction: row-reverse;
}
.story-item:nth-child(even) .story-item__col--figure {
right: 0;
}
.story-item:nth-child(even) .story-item__text {
margin-right: auto;
}
.story-item:nth-child(even) .story-item__content {
padding-right: 15px;
text-align: right;
}
.story-item__layout {
display: block;
position: relative;
}
.story-item__col--figure {
width: 50%;
height: 100%;
position: absolute;
top: 0%;
z-index: 1;
}
.story-item__figure {
height: 100%;
max-height: unset;
margin-bottom: 0;
}
.story-item__text {
width: 50%;
padding-top: 60px;
padding-bottom: 60px;
position: relative;
}
.engage-item:nth-child(odd) .engage-item__content::after {
width: 5px;
left: 0;
}
.engage-item:nth-child(odd) .engage-item__figure {
position: absolute;
top: 50%;
right: 0;
z-index: 0;
transform: translateY(-50%);
}
.engage-item:nth-child(even) .engage-item__content::after {
width: 5px;
right: 0;
}
.engage-item:nth-child(even) .engage-item__figure {
position: absolute;
top: 50%;
left: 0;
z-index: 0;
transform: translateY(-50%);
}
.engage-item__title-bg {
margin-top: -104px;
margin-bottom: -30px;
}
.engage-item__content {
width: 90%;
padding: 30px 60px 90px;
}
.abri-select {
margin-top: 90px;
}
.abri-select__layout {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 60px;
}
.abri-card {
padding-top: 180px;
}
.abri-card__layout {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 0;
}
.abri-card__figure {
height: 100%;
}
.abri-card__content {
padding: 30px;
}
.pdt-range-element__list {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 50px;
}
.pdt-range-element__item {
margin-bottom: 0;
}
.pdt-range-element__title {
margin-top: 90px;
}
.checklist__list {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px 90px;
}
.advantages__list {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px 90px;
}
.fitters__list {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 30px;
}
.fitters-item__title {
margin-top: 0;
}
.post-elem .alm-reveal {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.product-desc {
margin-top: 160px;
}
.product-desc__layout {
display: grid;
grid-template-columns: 47% 47%;
grid-gap: 6%;
}
.product-desc__title-bg {
top: -100px;
left: -30%;
}
.product-galerie__list {
height: 550px;
}
.product-detail__layout {
display: grid;
grid-template-columns: 1fr 1fr 2fr;
grid-gap: 15px;
}
.product-notice .btn-outline, .product-notice .site-main .with_frm_style.frm_style_formidable-style .frm_submit button, .site-main .with_frm_style.frm_style_formidable-style .frm_submit .product-notice button {
margin-bottom: 15px;
margin-right: 30px;
}
.is-hidden-sm--plus {
display: none !important;
}
} @media screen and (min-width: 992px) {
h2, .h2 {
font-size: 40px;
line-height: 1.4;
}
.title-background {
font-size: 200px;
}
.has-line--left--medium::before, .has-line--right--medium::before {
display: block;
}
.wp-block-columns.has-gap--medium .wp-block-column:not(:first-child) {
margin-left: 120px;
}
.wpgmp_listing_container .wpgmp-post {
padding: 45px 30px;
}
.wpgmp_listing_container .wpgmp-post__layout {
grid-template-columns: 25% auto 35%;
grid-gap: 30px;
}
.wpgmp_listing_container .wpgmp-post .fc-feature-img {
height: 150px;
margin: auto;
text-align: center;
}
.site-header {
padding-top: 30px;
padding-bottom: 30px;
}
.site-header.is-scrolled {
padding-top: 15px;
padding-bottom: 15px;
}
.navbar__content {
display: flex;
justify-content: space-between;
align-items: center;
}
.navbar__toggle {
margin-left: 110px;
}
.navbar__collapse-cache {
width: 100%;
height: 100%;
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 999;
background: rgba(33, 33, 33, 0.98);
cursor: pointer;
}
.navbar__collapse {
background: transparent;
}
.navbar__collapse.is-active .collapse-body {
overflow: unset;
}
.navbar .collapse-layout {
max-width: unset;
height: max-content;
padding: 0;
display: grid;
grid-template-columns: auto 960px auto;
grid-template-rows: 130px auto;
grid-template-areas: "left header header" "left main right";
background: transparent;
}
.navbar .collapse-layout:before {
content: "";
width: 90px;
height: 100%;
display: block;
margin-left: auto;
grid-area: left;
background: #FFFFFF;
}
.navbar .collapse-layout:after {
content: "";
width: 100%;
height: 100%;
display: block;
grid-area: right;
background: #FFFFFF;
}
.navbar .collapse-header {
grid-area: header;
background: #FFFFFF;
}
.navbar .collapse-body {
padding-top: 8vh;
padding-bottom: 8vh;
grid-area: main;
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
background: #FFFFFF;
}
.navbar__social {
margin-bottom: 25px;
display: flex;
align-items: flex-end;
text-align: left;
}
.navbar__social .socials__label {
margin-right: 10px;
}
.navbar__nav-container {
width: 75%;
}
.navbar__nav > .menu-item {
position: relative;
}
.navbar__nav > .menu-item::before {
content: "";
width: 60px;
height: 1px;
display: block;
position: absolute;
top: 48%;
left: -110px;
background: #E4004D;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.6s ease-in-out;
}
.navbar__nav > .menu-item.is-hovered::before {
transform: scaleX(1);
}
.navbar .menu-item.menu-item-has-children {
position: relative;
z-index: 1;
}
.navbar .menu-item.menu-item-has-children.is-hovered {
z-index: 2;
}
.navbar .menu-item.menu-item-has-children.is-hovered .sub-menu {
display: block;
}
.navbar .menu-item.menu-item-has-children > a {
width: 50%;
}
.navbar .menu-item .sub-menu {
width: 50%;
position: absolute;
top: 0;
left: 50%;
z-index: 1;
}
.navbar .menu-item .sub-menu a {
margin-bottom: 0;
padding: 5px 15px;
font-size: 16px;
color: #2C2C2C;
background: #FFFFFF;
opacity: 0.6;
transition: opacity 0.3s;
}
.navbar .menu-item .sub-menu a:hover {
opacity: 1;
}
.navbar .sub-menu .menu-item.menu-item__title a {
text-indent: -15px;
opacity: 1;
}
.navbar__close {
margin-right: 8vw;
}
.title-section .site-title {
font-size: 40px;
}
.products__item {
margin-bottom: 0;
}
.products__title {
top: 40px;
}
.products-card__list {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 50px;
}
.products-card__figure {
height: 360px;
}
.products-card__title {
margin-top: 40px;
}
.keyfigures__list {
justify-content: space-between;
flex-wrap: nowrap;
}
.keyfigures__item {
margin: 0;
}
.home .keyfigures {
margin-top: 200px;
}
.store-location {
margin-top: 200px;
}
.store-location__title {
margin-bottom: 130px;
}
.store-location__item {
height: 490px;
}
.store-location__figure {
height: 100%;
margin-top: 0;
}
.store-location__figcaption {
width: unset;
height: unset;
padding: 30px 45px;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
transform: translateY(50%);
}
.interlude {
padding-top: 130px;
padding-bottom: 130px;
}
.joinus {
padding-top: 130px;
padding-bottom: 130px;
}
.joinus::after {
height: calc(100% - 200px);
}
.joinus__col:nth-child(1) {
max-width: 400px;
position: relative;
top: 20px;
}
.joinus__col:nth-child(2) {
margin-top: 0;
position: relative;
left: 60px;
}
.joinus__figure-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 0;
width: 75%;
height: 420px;
max-width: unset;
}
.joinus__figure {
height: unset;
min-height: 400px;
}
.joinus__figcaption {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 60px;
}
.sav {
margin-top: 160px;
}
.sav__layout {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 50px;
}
.sav__col {
position: relative;
}
.sav__col:nth-child(1) .sav__figure {
transform-origin: bottom right;
}
.sav__col:nth-child(2) {
margin-top: 0;
}
.sav__col:nth-child(2) .sav__figure {
transform-origin: bottom left;
}
.sav__figure {
height: 490px;
transform: scale(1.11);
}
.sav__figcaption {
position: absolute;
bottom: -20%;
left: 0%;
z-index: 1;
}
.join-motor {
margin-top: 160px;
}
.join-motor__figure {
height: 95%;
transform-origin: right;
transform: scale(1.11);
}
.join-motor__content {
padding-top: 120px;
padding-bottom: 160px;
}
.post-item {
margin-bottom: 120px;
}
.post-item__layout {
min-height: 300px;
display: grid;
grid-template-columns: 1fr 4fr 5fr;
grid-gap: 50px;
}
.post-item__day {
font-size: 75px;
}
.post-item__month {
font-size: 42px;
}
.post-item__figure {
height: 100%;
}
.post-item__col--figure {
max-height: 450px;
}
.post-item__col--content {
padding-bottom: 5px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.post-item__title {
margin-top: 0;
}
.contact-section__form {
margin-bottom: 0;
padding: 50px;
padding-top: 30px;
}
.contact-section__content {
margin-top: 90px;
display: grid;
grid-template-columns: 5fr 3fr;
grid-gap: 50px;
}
.about-section {
padding-top: 230px;
padding-bottom: 230px;
}
.about-section__title-bg {
top: 20%;
}
.about-section__layout {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.values {
padding-bottom: 200px;
}
.values__list {
grid-template-columns: repeat(3, 1fr);
}
.about-line-vertical {
padding-bottom: 0;
}
.faq__list {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 30px;
}
.faq__item {
margin-bottom: 0;
}
.brevets__list {
grid-gap: 60px;
}
.story-item {
margin-bottom: 160px;
}
.story-item:nth-child(odd) .story-item__content {
padding-left: 60px;
}
.story-item:nth-child(even) .story-item__content {
padding-right: 60px;
}
.story-item__text {
padding-top: 100px;
}
.engage-item {
margin-bottom: 120px;
}
.engage-item:nth-child(odd) .engage-item__content {
padding-right: 130px;
}
.engage-item:nth-child(even) .engage-item__content {
padding-left: 130px;
}
.engage-item__title-bg {
margin-top: -140px;
margin-bottom: -45px;
}
.engage-item__content {
width: 75%;
}
.page-template-engagement .about-section {
padding-top: 90px;
padding-bottom: 90px;
}
.page-template-engagement .about-section__layout {
grid-gap: 90px;
align-items: center;
}
.testimonies .slick-prev {
left: 40px;
}
.testimonies .slick-next {
right: 40px;
}
.testimonies-item__layout {
padding: 45px;
}
.abri-card__content {
padding: 45px 60px;
}
.page-template-choix-abri .pdt-range-element__list {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 50px;
}
.pdt-range--alt {
margin-top: -170px;
}
.pdt-range-element__list {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 50px;
}
.checklist__list {
grid-gap: 20px 90px;
}
.advantages__list {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 60px 90px;
}
.contact-info__addresse, .contact-info__form-container {
max-width: 58%;
}
.post-elem .alm-reveal {
display: block;
}
.single-content {
max-width: 750px;
}
.product-detail__layout {
grid-gap: 60px;
}
.site-footer {
margin-top: 180px;
}
.is-hidden-md--plus {
display: none !important;
}
} @media screen and (min-width: 1200px) {
.has-line--left--medium::before, .has-line--right--medium::before {
width: 160px;
left: -200px;
}
.has-line--right--medium::before {
left: unset;
right: -200px;
}
.navbar .collapse-layout {
grid-template-columns: auto 1140px auto;
}
.navbar__nav-container {
width: 60%;
}
.values__list {
grid-gap: 90px;
}
.brevets__list {
grid-gap: 60px 120px;
}
.story-item {
margin-bottom: 200px;
}
.story-item:nth-child(odd) .story-item__content {
padding-left: 120px;
}
.story-item:nth-child(even) .story-item__content {
padding-right: 120px;
}
.abri-select__layout {
grid-gap: 90px 120px;
}
.abri-card__content {
padding: 90px 90px 110px;
}
.pdt-range-element__list {
grid-gap: 50px 130px;
}
.checklist__list {
grid-gap: 30px 130px;
}
.advantages__list {
grid-gap: 60px 130px;
}
.single-content {
max-width: 750px;
}
.is-hidden-lg--plus {
display: none !important;
}
} @media screen and (min-width: 1600px) {
.story-item__layout {
min-height: 27vw;
}
} @media screen and (max-width: 1199px) {
.is-hidden-lg {
display: none !important;
}
} @media screen and (max-width: 991px) {
.is-hidden-md {
display: none !important;
}
} @media screen and (max-width: 767px) {
.is-hidden-sm {
display: none !important;
}
} @media screen and (max-width: 579px) {
.is-hidden-xs {
display: none !important;
}
}.addtoany_content{clear:both;margin:16px auto}.addtoany_header{margin:0 0 16px}.addtoany_list{display:inline;line-height:16px}.a2a_kit a:empty,.a2a_kit a[class^="a2a_button_"]:has(.a2a_s_undefined){display:none}.addtoany_list a,.widget .addtoany_list a{border:0;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle}.addtoany_list a img{border:0;display:inline-block;opacity:1;overflow:hidden;vertical-align:baseline}.addtoany_list a span{display:inline-block;float:none}.addtoany_list.a2a_kit_size_32 a{font-size:32px}.addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span{height:32px;line-height:32px;width:32px}.addtoany_list a:not(.addtoany_special_service)>span{border-radius:4px;display:inline-block;opacity:1}.addtoany_list a .a2a_count{position:relative;vertical-align:top}.site .a2a_kit.addtoany_list a:focus,.addtoany_list a:hover,.widget .addtoany_list a:hover{background:none;border:0;box-shadow:none}.addtoany_list a:hover img,.addtoany_list a:hover span{opacity:.7}.addtoany_list a.addtoany_special_service:hover img,.addtoany_list a.addtoany_special_service:hover span{opacity:1}.addtoany_special_service{display:inline-block;vertical-align:middle}.addtoany_special_service a,.addtoany_special_service div,.addtoany_special_service div.fb_iframe_widget,.addtoany_special_service iframe,.addtoany_special_service span{margin:0;vertical-align:baseline!important}.addtoany_special_service iframe{display:inline;max-width:none}a.addtoany_share.addtoany_no_icon span.a2a_img_text{display:none}a.addtoany_share img{border:0;width:auto;height:auto}h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}