@charset "UTF-8";
    .text--white {
color: #FFFFFF;
}
.text--primary {
color: #2781BE;
}
.text--secondary {
color: #318CE7;
}
.text--tertiary {
color: #888C8D;
}
.text--sm, .text--m, .text--l, .text--xl, .text--xxl, .text--picture, .text--service, .text--advantages {
line-height: 100% !important;
}
.text--light {
font-weight: 100 !important;
}
.text--regular {
font-weight: 200 !important;
}
.text--bold {
font-weight: 400 !important;
}
.text--x-bold {
font-weight: 600 !important;
}
.title--uppercase {
text-transform: uppercase !important;
} @font-face {
font-family: 'HelveticaNeueLTCom-BdCn';
src: url(//plasmacom.ch/wp-content/themes/plasma/asset/fonts/HelveticaNeueLTCom-BdCn.ttf);
}
@font-face {
font-family: 'HelveticaNeueLTCom-MdCn';
src: url(//plasmacom.ch/wp-content/themes/plasma/asset/fonts/HelveticaNeueLTCom-MdCn.ttf);
}
@font-face {
font-family: 'HelveticaNeueLTStdLtCn';
src: url(//plasmacom.ch/wp-content/themes/plasma/asset/fonts/HelveticaNeueLTStd-LtCn.eot); src: url(//plasmacom.ch/wp-content/themes/plasma/asset/fonts/HelveticaNeueLTStd-LtCn.eot?#iefix) format("embedded-opentype"), url(//plasmacom.ch/wp-content/themes/plasma/asset/fonts/HelveticaNeueLTStd-LtCn.woff) format("woff"), url(//plasmacom.ch/wp-content/themes/plasma/asset/fonts/HelveticaNeueLTStd-LtCn.svg#HelveticaNeueLTStd-LtCn) format("svg"); font-style: normal;
font-weight: normal;
}
@font-face {
font-family: 'HelveticaNeueLTStdMedCn';
src: url(//plasmacom.ch/wp-content/themes/plasma/asset/fonts/HelveticaNeueLTStd-MdCn.eot); src: url(//plasmacom.ch/wp-content/themes/plasma/asset/fonts/HelveticaNeueLTStd-MdCn.eot?#iefix) format("embedded-opentype"), url(//plasmacom.ch/wp-content/themes/plasma/asset/fonts/HelveticaNeueLTStd-MdCn.woff) format("woff"), url(//plasmacom.ch/wp-content/themes/plasma/asset/fonts/HelveticaNeueLTStd-MdCn.svg#HelveticaNeueLTStd-MdCn) format("svg"); font-style: normal;
font-weight: normal;
}
@font-face {
font-family: 'HelveticaNeueLTStdCn';
src: url(//plasmacom.ch/wp-content/themes/plasma/asset/fonts/HelveticaNeueLTStd-BdCn.eot); src: url(//plasmacom.ch/wp-content/themes/plasma/asset/fonts/HelveticaNeueLTStd-BdCn.eot?#iefix) format("embedded-opentype"), url(//plasmacom.ch/wp-content/themes/plasma/asset/fonts/HelveticaNeueLTStd-BdCn.woff) format("woff"), url(//plasmacom.ch/wp-content/themes/plasma/asset/fonts/HelveticaNeueLTStd-BdCn.svg#HelveticaNeueLTStd-BdCn) format("svg"); font-style: normal;
font-weight: bold;
}
@font-face {
font-family: 'HelveticaNeue-Light';
src: url(//plasmacom.ch/wp-content/themes/plasma/asset/fonts/HelveticaNeue-Light-08.ttf);
}
@font-face {
font-family: 'HelveticaNeue-CondensedBold';
src: url(//plasmacom.ch/wp-content/themes/plasma/asset/fonts/HelveticaNeue-CondensedBold-05.ttf);
} .alignfull {
left: calc(-1rrem - 15px);
position: relative;
max-width: 100vw;
width: 100vw;
}
@media only screen and (min-width: 992px) {
.alignfull {
left: calc(-1.25 * (10% + 15px));
}
}
@media only screen and (min-width: 1500px) {
.alignfull {
left: calc(-50vw + 50%);
}
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html, body {
font-size: 16px;
}
html, .btn {
font-family: "HelveticaNeue-CondensedBold", sans-serif;
font-weight: 600;
font-stretch: condensed;
overflow-x: hidden;
}
*,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
.container {
width: 80vw;
margin: 0 auto;
max-width: 1500px;
}
.inner-container {
padding: 0 80px;
} a {
text-decoration: none;
}
a:active, a:visited, a:hover {
color: inherit;
}
p {
margin: 0;
}
figure {
margin: 0;
}
.border-none {
border: none !important;
} .centered-text {
text-align: center !important;
}
.justified-text-left {
text-align: left !important;
}
.justified-text-right {
text-align: right !important;
} .text--h1 {
font-size: 2.438rem;
line-height: 90%;
}
@media (min-width: 992px) {
.text--h1 {
font-size: 5rem;
}
}
.text--card {
font-size: 1.75rem;
}
@media (min-width: 992px) {
.text--card {
font-size: 2.375rem;
}
}
.text--menu-secondary {
font-size: 5vw;
}
@media (min-width: 768px) {
.text--menu-secondary {
font-size: 3vw;
}
}
@media (min-width: 992px) {
.text--menu-secondary {
font-size: 2vw;
}
}
.text--menu-primary {
font-size: 10vw;
line-height: 100%;
}
@media (min-width: 768px) {
.text--menu-primary {
font-size: 7vw;
}
}
@media (min-width: 992px) {
.text--menu-primary {
font-size: 3.5vw;
}
}
.text--h3 {
font-size: 2.438rem;
}
@media (min-width: 992px) {
.text--h3 {
font-size: 3.125rem;
}
}
.text--challenge {
font-size: 6.4vw;
}
@media (min-width: 768px) {
.text--challenge {
font-size: 3.125vw;
}
}
@media (min-width: 992px) {
.text--challenge {
font-size: 2.424vw;
}
}
.text--contact {
font-size: 1.125rem;
}
@media (min-width: 768px) {
.text--contact {
font-size: 1.25rem;
}
}
@media (min-width: 992px) {
.text--contact {
font-size: 1.625rem;
}
}
.text--menuFooter {
font-size: 0.938rem;
}
@media (min-width: 768px) {
.text--menuFooter {
font-size: 1.125rem;
}
}
@media (min-width: 992px) {
.text--menuFooter {
font-size: 2.3rem;
}
}
.text--coordonnee {
font-size: 0.938rem;
}
@media (min-width: 768px) {
.text--coordonnee {
font-size: 1.125rem;
}
}
@media (min-width: 992px) {
.text--coordonnee {
font-size: 1.563rem;
}
}
.text--text {
font-size: 1.125rem;
}
@media (min-width: 992px) {
.text--text {
font-size: 1.563rem;
}
}
.text--catchphrase {
font-size: 2.125rem;
}
@media (min-width: 768px) {
.text--catchphrase {
font-size: 2.25rem;
}
}
@media (min-width: 992px) {
.text--catchphrase {
font-size: 3.125rem;
}
}
.text--copyright {
font-size: 0.75rem;
}
@media (min-width: 992px) {
.text--copyright {
font-size: 1rem;
}
}
.text--contactCardCoord {
font-size: 0.875rem;
}
.text--banner {
font-size: 1.625rem;
}
@media (min-width: 768px) {
.text--banner {
font-size: 2.25rem;
}
}
@media (min-width: 992px) {
.text--banner {
font-size: 3.125rem;
}
} .square {
overflow: hidden;
}
.square__text {
position: relative;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow-wrap: break-word;
}
.square__text .bloc__title {
opacity: 1;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
border-bottom: 4px solid transparent;
}
.square__text .bloc__title:hover {
border-bottom: 4px solid #2781BE;
}
.square.background--primary .bloc__title {
border-bottom: 4px solid transparent;
}
.square.background--primary .bloc__title:hover {
border-bottom: 4px solid #FFFFFF;
}
.square.primary .bloc__title {
border-bottom: 4px solid transparent;
}
.square.primary .bloc__title:hover {
border-bottom: 4px solid #FFFFFF;
}
.square__img {
position: absolute;
height: 100%;
width: 100%;
}
.square__img img {
display: block;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
opacity: 20%;
height: 100%;
}
.square__img.background--white {
background: #FFFFFF;
}
.square__img.background--primary {
background: #2781BE;
}
.background--white {
background: #FFFFFF;
}
.background--primary {
background: #2781BE;
}
.background--primary-opacity--60 {
background: #7ab2d7;
}
.background--primary-opacity--80 {
background: #529acb;
}
.size-1x2 {
grid-area: span 2 / span 1;
position: relative;
}
.size-2x1 {
grid-area: span 1 / span 2;
position: relative;
}
.size-1x1 {
grid-area: span 1 / span 1;
position: relative;
}
.size-2x2 {
grid-area: span 2 / span 2;
position: relative;
} .btn {
cursor: pointer;
border: none;
}
.btn:hover {
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
a {
color: inherit;
}
a:hover, a:active {
color: inherit;
}
.start-scrolling {
height: 100%;
overflow: scroll;
}
.stop-scrolling {
overflow: hidden;
}
.display__block {
display: block !important;
}
.half {
width: 50%;
}
.full {
width: 100%;
} html, body {
height: 100%;
}
body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.content {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.footer {
-ms-flex-negative: 0;
flex-shrink: 0;
}   html {
-webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }   abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
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 {
-webkit-box-sizing: border-box;
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"] {
-webkit-box-sizing: border-box;
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;
}
ul, menu, dir {
-webkit-padding-start: 0;
padding-inline-start: 0;
}  .btn {
display: inline-block;
padding: 1em 1.5em;
border: none;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.15s;
transition: all 0.15s;
}
@media (min-width: 768px) {
.btn {
padding: 1em 2em;
}
}
.btn.is-checked {
background: #2781BE;
color: #FFFFFF;
border: none;
}
.btn--primary {
color: #FFFFFF;
background: #2781BE;
}
.btn--tertiary {
color: #FFFFFF;
background: #888C8D;
}
.btn--white {
color: #2781BE;
background: #FFFFFF;
}
.btn--filter {
background: #FFFFFF;
border: 2px solid #FFFFFF;
color: #2781BE;
padding: 0.5em 0.5em;
}
@media (max-width: 575.98px) {
.btn--filter .dropdown-content {
border: none;
}
}
.btn--filter:hover {
border: none;
}
.btn:active {
color: #FFFFFF;
background: #2781BE;
}
.btn-groupe.btn {
float: left;
}
.btn-groupe.btn:first-child {
border-radius: 0.5em 0 0 0.5em;
}
.btn-groupe.btn:last-child {
border-radius: 0 0.5em 0.5em 0;
}
@media (max-width: 575.98px) {
.btn-groupe.btn:first-child, .btn-groupe.btn:last-child {
border-radius: 0;
}
}
.btn-groupe:after {
content: "\0020";
display: block;
clear: both;
}
.events {
position: relative;
min-height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.events .bloc__subtitle {
font-family: HelveticaNeue-Light;
font-weight: normal;
}
.events img {
position: absolute;
min-height: 800px;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.events .bloc {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 4vh;
-webkit-box-flex: 3;
-ms-flex: 3;
flex: 3;
position: relative;
}
.events .bloc__text {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
.events .bloc__button {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.banner {
background: #2781BE;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
padding: 20px;
min-height: 150px;
}
.cards {
list-style: none;
padding: 0;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-auto-rows: minmax(17vh, -webkit-min-content);
grid-auto-rows: minmax(17vh, min-content);
grid-gap: 1.5rem;
margin-top: 4vh;
margin-bottom: 4vh;
}
@media (min-width: 992px) {
.cards {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
}
.cards li {
padding: 0;
}
.cards .cards__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-bottom: 4px solid #2781BE;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-bottom: 10px;
}
@media (min-width: 992px) {
.cards .cards__item {
padding-bottom: 0;
}
}
.cards .cards__item:first-child {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.cards .cards__item:first-child + div {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.cards .cards__item:first-child + div + div {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.cards .cards__item:last-child {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.cards .cards__item--full {
border-bottom: none;
}
.cards .cards__item--full .card__content, .cards .cards__item--full .card__image {
height: 100%;
}
.cards .card__title, .cards .card__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 33px;
}
.cards .card__title span.numero, .cards .card__list span.numero {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-item-align: center;
align-self: center;
color: #FFFFFF;
background: #2781BE;
border-radius: 50%;
padding: 5%;
width: 5vw;
height: 5vw;
min-width: 70px;
min-height: 70px;
max-width: 70px;
max-height: 70px;
}
.cards .card__list ul {
padding-left: 20px;
list-style-type: disc;
margin-top: 10px;
margin-bottom: 30px;
}
@media (min-width: 576px) {
.cards .card__list ul {
margin-bottom: 0;
}
}
.cards .card__list span {
background: transparent;
}
.cards .card__text.card__list {
margin-bottom: 20px;
margin-top: 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: initial;
-ms-flex-align: initial;
align-items: initial;
}
.cards .card__text {
margin-bottom: 30px;
}
.cards .card__image img, .cards .card__image--2 img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.cards .card__image--2, .cards .card__image--2--2 {
height: 25%;
}
.cards .card__image--2 img, .cards .card__image--2--2 img {
height: 100%;
}
.cards.template-2, .cards.template-3, .cards.template-4 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-auto-rows: -webkit-min-content;
grid-auto-rows: min-content;
grid-gap: 1rem;
}
@media (min-width: 768px) {
.cards.template-2, .cards.template-3, .cards.template-4 {
-ms-grid-columns: (minmax(min-content, 1fr))[2];
grid-template-columns: repeat(2, minmax(-webkit-min-content, 1fr));
grid-template-columns: repeat(2, minmax(min-content, 1fr));
}
}
.cards.template-2 .cards__item, .cards.template-3 .cards__item, .cards.template-4 .cards__item {
border-bottom: 4px solid #2781BE;
}
.cards.template-2 .card__text, .cards.template-3 .card__text, .cards.template-4 .card__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.cards.template-2 .card__text ul, .cards.template-3 .card__text ul, .cards.template-4 .card__text ul {
list-style-type: disc;
padding-left: 20px;
}
.cards.template-2 .grid--2, .cards.template-3 .grid--2, .cards.template-4 .grid--2 {
display: -ms-grid;
display: grid;
height: 100%;
-ms-grid-columns: (minmax(min-content, 1fr))[2];
grid-template-columns: repeat(2, minmax(-webkit-min-content, 1fr));
grid-template-columns: repeat(2, minmax(min-content, 1fr));
-ms-flex-line-pack: center;
align-content: center;
grid-gap: 10px;
}
@media (min-width: 1200px) {
.cards.template-2 .grid--2, .cards.template-3 .grid--2, .cards.template-4 .grid--2 {
grid-auto-rows: auto;
height: 100%;
}
}
.cards.template-3 {
width: 90vw;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-auto-rows: -webkit-min-content;
grid-auto-rows: min-content;
grid-gap: 1.5rem;
}
@media (min-width: 1200px) {
.cards.template-3 {
-ms-grid-columns: (minmax(min-content, 1fr))[2];
grid-template-columns: repeat(2, minmax(-webkit-min-content, 1fr));
grid-template-columns: repeat(2, minmax(min-content, 1fr));
grid-auto-rows: auto;
}
}
.cards.template-3 .grid {
border-bottom: 4px solid #2781BE;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
@media (min-width: 768px) {
.cards.template-3 .grid {
-ms-grid-columns: (minmax(min-content, 1fr))[2];
grid-template-columns: repeat(2, minmax(-webkit-min-content, 1fr));
grid-template-columns: repeat(2, minmax(min-content, 1fr));
height: 100%;
grid-gap: 10px;
}
}
.cards.template-3 .grid .flex {
margin-bottom: 10px;
}
.cards.template-3 .sub-grid {
display: -ms-grid;
display: grid;
row-gap: 10px;
margin-bottom: 10px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-auto-rows: 211px;
}
@media (min-width: 768px) {
.cards.template-3 .sub-grid {
grid-auto-rows: auto;
}
}
.cards.template-3 .cards__item:last-child {
grid-area: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.5rem;
}
@media (min-width: 1200px) {
.cards.template-3 .cards__item:last-child {
-ms-grid-row: 2;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-area: 2/1/2/3;
}
}
@media (min-width: 768px) {
.cards.template-3 .cards__item:last-child {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.cards.template-3 .cards__item:last-child .card__content:first-child {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.cards.template-3 .cards__item:last-child .card__content:last-child {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.cards.template-3 .cards__item {
border-bottom: none;
}
.cards.template-4 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-auto-rows: minmax(36vh, -webkit-min-content);
grid-auto-rows: minmax(36vh, min-content);
grid-gap: 1.5rem;
}
.cards.template-4 .cards__item {
border-bottom: 4px solid #888C8D;
}
@media (min-width: 768px) {
.cards.template-4 {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
-ms-grid-rows: (1fr)[2];
grid-template-rows: repeat(2, 1fr);
}
}
.cards.template-4 img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.cards.template-4 .flex {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.cards.template-4 li:first-child {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.cards.template-4 li:first-child ~ li {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.cards.template-4 li:last-child {
-webkit-box-ordinal-group: 5 !important;
-ms-flex-order: 4 !important;
order: 4 !important;
}
.cards.template-4 li:first-child ~ li ~ li {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
@media (min-width: 768px) {
.cards.template-4 li:first-child {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
}
.cards.template-4 li:first-child ~ li {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
}
.cards.template-4 li:last-child {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
}
.cards.template-4 li:first-child ~ li ~ li {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
}
}
.cards.template-4 .sub-grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-auto-rows: minmax(14vh, -webkit-min-content);
grid-auto-rows: minmax(14vh, min-content);
-webkit-column-gap: 10px;
column-gap: 10px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
@media (min-width: 768px) {
.cards.template-4 .sub-grid {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
}
}
.cards.template-4 .sub-grid.mb {
margin-bottom: 10px;
}
.cards.template-4 .card__text {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
@media (min-width: 768px) {
.cards.template-4 .card__text {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
}
}
.cards__item .card__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.cards__item .flex-end {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.cards__item .flex-end .text {
-ms-flex-item-align: end;
align-self: flex-end;
}
.atout .cards li:last-child {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.atout .cards li:first-child {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.atout .cards > div:first-of-type {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.atout .cards > div:last-of-type {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
@media (min-width: 992px) {
.atout .cards li:last-child {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
}
.atout .cards li:first-child {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
}
.atout .cards > div:first-of-type {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
}
.atout .cards > div:last-of-type {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
}
}
.show {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.advantages .cards .cards__item:first-child {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.advantages .cards .cards__item:first-child + div {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.advantages .cards .cards__item:first-child + div + div {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.advantages .cards .cards__item:last-child {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
@media (min-width: 768px) {
.advantages .cards .cards__item:first-child {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
}
.advantages .cards .cards__item:first-child + div {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
}
.advantages .cards .cards__item:first-child + div + div {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
}
.advantages .cards .cards__item:last-child {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
}
}
.atout .cards .cards__item:first-child {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.atout .cards .cards__item:first-child + div {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.atout .cards .cards__item:first-child + div + div {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.atout .cards .cards__item:last-child {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
@media (min-width: 768px) {
.atout .cards .cards__item:first-child {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
}
.atout .cards .cards__item:first-child + div {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
}
.atout .cards .cards__item:first-child + div + div {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
}
.atout .cards .cards__item:last-child {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
}
}
.cards.template-3 .cards__item:first-child {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
}
.cards.template-3 .cards__item:first-child + div {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
}
.cards.template-3 .cards__item:first-child + div + div {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
}
.cards.template-3 .cards__item:last-child {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
}
.card__image--full img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.pricing {
margin-top: 100px;
}
.pricing .btn {
padding: 1rem;
}
.pricing .flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 20px;
column-gap: 20px;
}
@media (max-width: 767.98px) {
.pricing .flex {
display: -ms-grid;
display: grid;
-ms-grid-columns: 100%;
grid-template-columns: 100%;
grid-gap: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199.98px) {
.pricing .flex {
display: -ms-grid;
display: grid;
-ms-grid-columns: (50%)[2];
grid-template-columns: repeat(2, 50%);
grid-gap: 20px;
}
}
.pricing .pricing__bloc {
background: #2781BE;
width: 100%;
padding: 1em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 1200px) {
.pricing .pricing__bloc {
width: calc(25% - 20px);
}
}
.pricing .pricing__bloc.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.pricing .pricing__bloc .pricing__title {
padding-bottom: 10px;
border-bottom: 4px solid #FFFFFF;
}
.pricing .pricing__bloc .pricing__price button {
margin-top: 20px;
}
.pricing .pricing__bloc .pricing__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
padding-left: 2rem;
}
.pricing .pricing_button {
margin: 0;
}
.pricing__contact {
width: 100%;
display: block;
margin: 100px auto;
text-align: center;
} .page-template-contact .banner__content a {
display: none;
}
.footer {
margin-top: 200px;
position: relative;
padding: 0 10vw;
}
.footer .banner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
background: #FFFFFF;
position: relative;
min-height: 15vh;
top: -75px;
min-width: 80vw;
max-width: 1500px;
}
.footer .banner__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
gap: 20px;
}
@media (min-width: 768px) {
.footer .banner__content {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.footer__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 768px) {
.footer__content {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 10.25em;
}
}
.footer__content .logo {
width: 50vw;
}
@media (min-width: 768px) {
.footer__content .logo {
width: 24vw;
}
}
.footer__content .logo img {
width: 100%;
}
.footer__content ul {
list-style: none;
}
.footer .copyrights {
text-align: center;
margin: 50px auto;
}
@media (min-width: 576px) {
.footer .copyrights {
width: 100%;
margin: 50px 0 20px 0;
}
}
.footer .infoSection {
display: -ms-grid;
display: grid;
-webkit-box-flex: 1.3;
-ms-flex: 1.3;
flex: 1.3;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
@media (min-width: 768px) {
.footer .infoSection {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.footer .logoSection {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.header__bg {
background: rgba(255, 255, 255, 0.95);
}
.header {
position: fixed;
width: 100%;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 15vh;
}
.header .nav--container {
width: 100%;
max-width: 1500px;
padding: 2em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (min-width: 768px) {
.header .nav--container {
width: 80%;
padding: 0;
}
}
.header ul a {
border-bottom: 4px solid transparent;
}
.header ul a:hover {
border-bottom: 4px solid #2781BE;
}
.header ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header input {
display: none;
}
.header .logo {
padding: 10px 20px 20px 0;
width: 250px;
position: relative;
z-index: 1;
}
.header .logo img {
position: absolute;
top: 50%;
left: 0;
width: 200px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
@media (min-width: 768px) {
.header .logo img {
width: 255px;
left: -85px;
}
}
.header .burger {
width: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
z-index: 1;
row-gap: 10px;
}
.header .burger span {
-webkit-transition: .5s;
transition: .5s;
width: 100%;
display: block;
border-top: 3px solid #2781BE;
}
.header .burger span:first-child {
width: 80%;
}
.header .burger span:last-child {
width: 80%;
}
.header .burger:hover {
cursor: pointer;
}
.header input:checked + .burger span {
opacity: 0;
top: 50%;
position: absolute;
}
.header input:checked + .burger span:first-child {
opacity: 1;
-webkit-transform: rotate(405deg);
transform: rotate(405deg);
}
.header input:checked + .burger span:last-child {
opacity: 1;
-webkit-transform: rotate(-405deg);
transform: rotate(-405deg);
}
.header nav {
pointer-events: none;
position: fixed;
height: 0;
width: 100%;
top: 0;
left: 0;
-webkit-transition: .5s;
transition: .5s;
-webkit-transition-delay: .5s;
transition-delay: .5s;
overflow: hidden;
}
.header nav > ul {
max-width: 1500px;
margin-top: 20vh;
}
@media (min-width: 1400px) {
.header nav > ul {
margin-top: 5vh;
margin-left: 0;
}
}
.header nav > ul .grid {
display: -ms-grid;
display: grid;
grid-column-gap: 20px;
grid-row-gap: 0.7rem;
-ms-grid-columns: (max-content)[2];
grid-template-columns: repeat(2, -webkit-max-content);
grid-template-columns: repeat(2, max-content);
}
@media (min-width: 768px) {
.header nav > ul .grid {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 1200px) {
.header nav > ul .grid {
-ms-grid-columns: (max-content)[5];
grid-template-columns: repeat(5, -webkit-max-content);
grid-template-columns: repeat(5, max-content);
}
}
.header nav > ul > li, .header nav > ul .grid > li {
opacity: 0;
-webkit-transition: .5s;
transition: .5s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.header nav > ul > li > a, .header nav > ul .grid > li > a {
padding: 0;
color: #2781BE;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header .open {
height: 100%;
pointer-events: all;
-webkit-transition-delay: 0s;
transition-delay: 0s;
overflow: scroll;
}
.header .open > ul > li, .header .open > ul .grid > li {
opacity: 1;
-webkit-transition-delay: .5s;
transition-delay: .5s;
}
.header #full-height {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 768px) {
.header #full-height {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.breadcrumbs {
z-index: 3;
position: fixed;
margin-top: 15vh;
width: 100%;
background-color: #2781BE;
color: #FFFFFF;
min-height: 4vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-transform: uppercase;
}
.video-container {
pointer-events: none;
position: fixed;
height: 0;
width: 100%;
top: 0;
left: 0;
-webkit-transition: .2s;
transition: .2s;
-webkit-transition-delay: .2s;
transition-delay: .2s;
overflow: hidden;
}
.video-container video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.hero {
background-position: center center;
position: relative;
margin-top: 19vh;
}
.hero h1, .hero h2, .hero h3 {
margin: 0;
}
.hero .hero__title .bloc__title {
margin-bottom: 0;
}
.hero .hero__title .bloc__subtitle {
margin-top: 0;
}
.hero .flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.hero.template {
min-height: 81vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.hero.template.template--grey .hero__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.hero.template.template--grey .hero__title .bloc__title .new {
background: #888C8D;
}
.hero.template.template--grey p {
background: rgba(136, 140, 141, 0.6);
padding: 20px;
text-align: center;
top: -150px;
position: relative;
}
.hero.template .hero__title {
position: relative;
margin-top: 4vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 3;
-ms-flex: 3;
flex: 3;
}
.hero.template .hero__title .bloc__title .new {
background: #2781BE;
}
.hero.template .hero__title .bloc__title, .hero.template .hero__title .bloc__subtitle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.hero.template .hero__title .bloc__title .new, .hero.template .hero__title .bloc__subtitle .new {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #FFFFFF;
border-radius: 50%;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
width: 4vw;
height: 4vw;
padding: 10%;
}
@media (min-width: 576px) {
.hero.template .hero__title .bloc__title .new, .hero.template .hero__title .bloc__subtitle .new {
width: 3vw;
height: 3vw;
padding: 3%;
}
}
.hero.template .hero__title .bloc__subtitle span {
background: transparent;
}
.hero.template .hero__button {
z-index: 1;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-item-align: center;
align-self: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.hero__video video {
width: 100vw;
height: 113vh;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 576px) {
.hero__video video {
height: 113vh;
}
}
@media only screen and (min-width: 576px) and (max-width: 1199.98px) {
.hero__video video {
height: 800px;
}
}
.picture {
min-height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.picture h1, .picture h2, .picture h3 {
margin: 0;
}
.picture .hero__title {
-webkit-box-flex: 3;
-ms-flex: 3;
flex: 3;
}
.picture .hero__title .bloc__title {
margin-bottom: 0;
}
.picture .hero__title .bloc__subtitle {
margin-top: 0;
}
.picture .hero__button {
z-index: 1;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-item-align: center;
align-self: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}  .easyzoom {
position: relative; display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
*display: inline;
*zoom: 1;
}
.easyzoom img {
vertical-align: bottom;
}
.easyzoom.is-loading img {
cursor: progress;
}
.easyzoom.is-ready img {
cursor: crosshair;
}
.easyzoom.is-error img {
cursor: not-allowed;
}
.easyzoom-flyout {
position: absolute;
z-index: 100;
overflow: hidden;
}
.easyzoom-flyout img {
max-width: 100%;
min-width: 100%;
} .easyzoom--overlay .easyzoom-flyout {
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.easyzoom--adjacent .easyzoom-flyout {
top: 0;
left: 100%;
width: 100%;
height: 100%;
margin-left: 20px;
} .home {
background: rgba(39, 129, 190, 0.08);  }
.home .hero {
position: initial;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 24vh;
}
.home .hero video {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
top: 0;
}
@media (max-width: 992px) {
.home .hero video {
height: 70%;
}
}
.home .hero .hero__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 80%;
max-width: 1500px;
z-index: 1;
position: relative;
}
.home .mosaic {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 5vh;
}
.home .row {
display: -ms-grid;
display: grid;
-ms-grid-columns: 80vw;
grid-template-columns: 80vw;
grid-auto-rows: 40vw;
}
.home .row .square {
cursor: pointer;
}
.home .row .square a {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 767px) {
.home .row .square {
grid-area: auto;
}
}
@media (min-width: 768px) {
.home .row {
-ms-grid-columns: (20vw)[2];
grid-template-columns: repeat(2, 20vw);
grid-auto-rows: 20vw;
}
}
@media (min-width: 992px) {
.home .row {
-ms-grid-columns: (20vw)[4];
grid-template-columns: repeat(4, 20vw);
grid-auto-rows: 20vw;
}
}
@media (min-width: 2000px) {
.home .row {
-ms-grid-columns: (375px)[4];
grid-template-columns: repeat(4, 375px);
grid-auto-rows: 375px;
}
}
.home .row img {
max-width: 80vw;
max-height: 100%;
}
.home .row .new {
position: absolute;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
z-index: 10;
top: 0;
left: 0;
width: 64px;
height: 64px;
margin: 5px;
}
.home .row .asImage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.home .row .asImage:hover {
background-color: transparent;
}
.home .row .asImage:hover .square__img img {
opacity: 100;
}
.home .row .asImage:hover .square__text {
display: none;
}
.home .row .square__new {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
border: 15px solid #E30613;
}
.home .row .square__new img {
opacity: 100%;
}
.home .row .square__new a {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
.home .row .square__new .square__text {
height: 100%;
}
@media (min-width: 768px) {
.home .row .square__new .square__text {
height: 49%;
}
}
.home .row .square__new .overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 0;
-webkit-transition: .5s ease;
transition: .5s ease;
background-color: #E30613;
}
.home .row .square__new .overlay_container {
display: -ms-grid;
display: grid;
width: 50%;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-ms-grid-rows: minmax(auto, 150px);
grid-template-rows: minmax(auto, 150px);
-webkit-column-gap: 10px;
column-gap: 10px;
min-width: 0;
min-height: 0;
}
@media (max-width: 1500px) {
.home .row .square__new .overlay_container {
-ms-grid-rows: minmax(auto, 10vw);
grid-template-rows: minmax(auto, 10vw);
}
.home .row .square__new .overlay_container .square {
grid-area: auto;
}
}
.home .row .square__new .overlay_container img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.home .row .square__new:hover {
background-color: transparent;
}
.home .row .square__new:hover .overlay {
opacity: 1;
}
.home .row .square__new:hover h2 {
display: none;
}
.home .square {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.home .references {
text-align: center;
margin-bottom: 10vh;
margin-top: 10vh;
}
@media (max-width: 850px) {
.home .references {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media (min-width: 768px) {
.home .references {
margin-top: 20vh;
}
}
.home .references.container {
width: 80vw;
max-width: 1500px;
}
.home .references h3 {
margin-bottom: 5vh;
}
@media (min-width: 576px) {
.home .references h3 {
margin-bottom: 10vh;
}
}
.home .references .grid {
display: -ms-grid;
display: grid;
height: auto !important;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: 11.8vh;
grid-gap: 1rem;
}
@media (min-width: 768px) {
.home .references .grid {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 992px) {
.home .references .grid {
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);
}
}
.home .references .grid div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.home .references .grid div img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.partenaires {
text-align: center;
margin-bottom: 10vh;
margin-top: 10vh;
}
@media (max-width: 850px) {
.partenaires {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media (min-width: 768px) {
.partenaires {
margin-top: 20vh;
}
}
.partenaires.container {
width: 80vw;
max-width: 1500px;
}
.partenaires h3 {
margin-bottom: 5vh;
}
@media (min-width: 576px) {
.partenaires h3 {
margin-bottom: -5vh;
}
}
.partenaires h4 {
margin-bottom: 5vh;
font-size: x-large;
}
.partenaires .group-img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.partenaires .img-thumb {
width: 50%;
}
.partenaires .img-logo img {
width: 100%;
height: 100%;
}
.page-template-prestations {
background: rgba(39, 129, 190, 0.08);
}
.page-template-prestations .hero {
position: initial;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 24vh;
}
.page-template-prestations .hero video {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
top: 0;
}
.page-template-prestations .hero .hero__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 80%;
z-index: 1;
position: relative;
max-width: 1500px;
}
.page-template-prestations .mosaic {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 15vh;
}
.page-template-prestations .square {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.page-template-prestations .square:hover {
background-color: transparent;
}
.page-template-prestations .square:hover .square__img img {
opacity: 100;
}
.page-template-prestations .square:hover .square__text {
display: none;
}
.page-template-prestations .square a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.page-template-prestations .row {
display: -ms-grid;
display: grid;
-ms-grid-columns: 80vw;
grid-template-columns: 80vw;
grid-auto-rows: 80vw;
}
@media (min-width: 768px) {
.page-template-prestations .row {
-ms-grid-columns: (40vw)[2];
grid-template-columns: repeat(2, 40vw);
grid-auto-rows: 40vw;
}
}
@media (min-width: 962px) {
.page-template-prestations .row {
-ms-grid-columns: (20vw)[4];
grid-template-columns: repeat(4, 20vw);
grid-auto-rows: 20vw;
}
}
@media (min-width: 2000px) {
.page-template-prestations .row {
-ms-grid-columns: (375px)[4];
grid-template-columns: repeat(4, 375px);
grid-auto-rows: 375px;
}
}
.page-template-realisations {
background: rgba(39, 129, 190, 0.08);     }
.page-template-realisations .hero {
position: initial;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 24vh;
}
.page-template-realisations .hero video {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
top: 0;
}
.page-template-realisations .hero .hero__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 80%;
z-index: 1;
position: relative;
max-width: 1500px;
}
.page-template-realisations .btn-group {
z-index: 1;
position: relative;
}
.page-template-realisations .filter {
margin-top: 2vh;
margin-bottom: 10vh;
}
.page-template-realisations .filter .filter--mobile {
margin-top: 4vh;
}
@media (min-width: 882px) {
.page-template-realisations .filter .filter--mobile {
display: none;
}
}
.page-template-realisations .filter .filter--mobile button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.page-template-realisations .filter .row {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
-ms-grid-rows: auto;
grid-template-rows: auto;
grid-gap: 20px;
grid-template-areas: span 1/span 1/span 1/span 1;
}
@media (max-width: 882.98px) {
.page-template-realisations .filter .row.filter--desktop {
display: none;
}
}
.page-template-realisations .mosaic {
position: relative;
z-index: 0;
}
.page-template-realisations .dropdown {
position: relative;
display: inline-block; }
.page-template-realisations .dropdown .dropdown-content {
position: absolute;
background-color: #FFFFFF;
min-width: 100%;
width: 80vw;
z-index: 100;
max-width: 1500px;
}
.page-template-realisations .dropdown .dropdown-content .btn {
color: #000000;
display: block;
width: 100%;
text-align: left;
}
.page-template-realisations .dropdown .dropdown-content .btn:hover {
background: transparent;
color: #2781BE;
-webkit-transition: inherit;
transition: inherit;
-webkit-transform: inherit;
transform: inherit;
}
.page-template-realisations .dropdown .dropdown-content .btn.is-checked {
color: #FFFFFF;
}
.page-template-realisations .dropdown .dropdown-content .btn.is-checked:hover {
background: #2781BE;
}
.page-template-realisations .dropdown:hover .dropdown-content {
display: block;
}
.page-template-realisations .grid {
overflow: hidden; }
.page-template-realisations .grid:after {
content: "\0020";
display: block;
clear: both;
}
.page-template-realisations .grid .grid-item,
.page-template-realisations .grid .grid-sizer {
width: 80vw;
}
@media (min-width: 768px) {
.page-template-realisations .grid .grid-item,
.page-template-realisations .grid .grid-sizer {
width: calc(80vw / 2);
}
}
@media (min-width: 992px) {
.page-template-realisations .grid .grid-item,
.page-template-realisations .grid .grid-sizer {
width: calc(80vw / 4);
}
}
@media (min-width: 2000px) {
.page-template-realisations .grid .grid-item,
.page-template-realisations .grid .grid-sizer {
width: calc(1500px / 4);
}
}
.page-template-realisations .grid .grid-item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
float: left;
height: 80vw;
}
@media (min-width: 768px) {
.page-template-realisations .grid .grid-item {
height: calc(80vw / 2);
}
}
@media (min-width: 992px) {
.page-template-realisations .grid .grid-item {
height: calc(80vw / 4);
}
}
@media (min-width: 2000px) {
.page-template-realisations .grid .grid-item {
height: calc(1500px / 4);
}
}
.page-template-realisations .grid .grid-item:hover {
background-color: transparent;
}
.page-template-realisations .grid .grid-item:hover .square__img img {
opacity: 100;
}
.page-template-realisations .grid .grid-item:hover .square__text {
display: none;
}
.page-template-philosophie {
background: rgba(39, 129, 190, 0.08);
}
.page-template-philosophie .hero {
position: initial;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 24vh;
}
.page-template-philosophie .hero img, .page-template-philosophie .hero video {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
top: 0;
}
.page-template-philosophie .hero .hero__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 80%;
max-width: 1500px;
z-index: 1;
position: relative;
}
.page-template-philosophie .mt-5 {
margin-top: 3rem;
}
.page-template-philosophie .row {
display: -ms-grid;
display: grid;
-ms-grid-columns: (30vw)[2];
grid-template-columns: repeat(2, 30vw);
grid-auto-rows: 30vw;
}
.page-template-philosophie .row .square {
grid-area: auto;
}
@media (max-width: 575.98px) {
.page-template-philosophie .row {
-ms-grid-columns: 80vw;
grid-template-columns: 80vw;
grid-auto-rows: 80vw;
}
}
@media (min-width: 2000px) {
.page-template-philosophie .row {
-ms-grid-columns: (475px)[2];
grid-template-columns: repeat(2, 475px);
grid-auto-rows: 475px;
}
}
.page-template-philosophie .row .square {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.page-template-philosophie .mosaic {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 28vh;
width: 100%;
}
.page-template-philosophie .text p {
margin: inherit;
}
.page-template-location {
background: rgba(39, 129, 190, 0.08);
}
.page-template-location .hero {
position: initial;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 24vh;
}
.page-template-location .hero video {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
top: 0;
}
.page-template-location .hero .hero__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 80%;
max-width: 1500px;
z-index: 1;
position: relative;
}
.page-template-location .book-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 50vh;
position: relative;
margin-top: 4vh;
}
.page-template-location .df-ui-btn::before {
color: #2781BE;
}
.page-template-location .df-ui-wrapper.df-ui-controls {
z-index: 0;
}
.page-template-location .df-3dcanvas {
z-index: 0 !important;
}
.page-template-references {
background: rgba(39, 129, 190, 0.08);
}
.page-template-references .hero {
position: initial;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 24vh;
}
.page-template-references .hero video {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
top: 0;
}
.page-template-references .hero .hero__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 80%;
max-width: 1500px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 1;
position: relative;
}
@media (min-width: 768px) {
.page-template-references .hero .hero__title {
-webkit-box-pack: initial;
-ms-flex-pack: initial;
justify-content: initial;
}
}
.page-template-references .references {
margin-top: 4vh;
margin-bottom: 4vh;
}
@media (max-width: 850px) {
.page-template-references .references {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.page-template-references .references.container {
width: 80vw;
}
.page-template-references .references .grid {
position: relative;
top: 5vw;
display: -ms-grid;
display: grid;
min-height: 0;
min-width: 0;
overflow: hidden;
grid-auto-rows: 11.8vh;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-gap: 1rem;
}
@media (min-width: 768px) {
.page-template-references .references .grid {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 992px) {
.page-template-references .references .grid {
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);
}
}
.page-template-references .references .grid div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 0;
min-width: 0;
overflow: hidden;
}
.page-template-references .references .grid div img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.page-template-contact .hero {
position: initial;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 24vh;
}
.page-template-contact .hero video {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
top: 0;
}
.page-template-contact .hero .hero__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 80%;
max-width: 1500px;
z-index: 1;
position: relative;
max-width: 1500px;
}
.page-template-contact .mosaic {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 15vh;
}
.page-template-contact .row {
display: -ms-grid;
display: grid;
-ms-grid-columns: 80vw;
grid-template-columns: 80vw;
grid-auto-rows: 90vw;
}
@media (min-width: 768px) {
.page-template-contact .row {
-ms-grid-columns: (30vw)[2];
grid-template-columns: repeat(2, 30vw);
grid-auto-rows: 40vw;
}
}
@media (min-width: 992px) {
.page-template-contact .row {
-ms-grid-columns: (20vw)[2];
grid-template-columns: repeat(2, 20vw);
grid-auto-rows: 30vw;
}
}
@media (min-width: 2000px) {
.page-template-contact .row {
-ms-grid-columns: (475px)[2];
grid-template-columns: repeat(2, 475px);
grid-auto-rows: 750px;
}
}
.page-template-contact .row img {
max-width: 80vw;
-o-object-fit: cover;
object-fit: cover;
max-height: 100%;
-o-object-position: top;
object-position: top;
}
@media (min-width: 768px) {
.page-template-contact .row img {
-o-object-position: center;
object-position: center;
}
}
.page-template-contact .square.background--white {
background: #FFFFFF;
}
.page-template-contact .square.background--primary {
background: #2781BE;
}
.page-template-contact .square:hover {
background: transparent;
}
.page-template-contact .square:hover img {
opacity: 1;
}
.page-template-contact .square:hover .square__text {
opacity: 0;
}
.page-template-contact .square .square__text {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: left;
margin-bottom: 0;
margin-left: 14vw;
}
@media (min-width: 768px) {
.page-template-contact .square .square__text {
margin-left: 3vw;
}
}
.page-template-contact .contact {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.page-template-contact .form__contact form label:before {
content: "\0020";
display: block;
height: 2vh;
}
.page-template-contact .form__contact form input:focus {
outline: none;
}
.page-template-contact .form__contact form input[type=text],
.page-template-contact .form__contact form input[type=email],
.page-template-contact .form__contact form textarea {
border: none;
width: 100%;
border-bottom: 1px solid #D0D0D0;
background: transparent;
}
.page-template-contact .form__contact form input[type=text]:focus,
.page-template-contact .form__contact form input[type=email]:focus,
.page-template-contact .form__contact form textarea:focus {
border-bottom: 1px solid #2781BE;
}
.page-template-contact .form__contact form textarea {
resize: vertical;
min-height: 100px;
font-family: inherit;
}
.page-template-contact .form__contact form input[type=submit] {
margin-top: 10vh;
}
.page-template-contact .form__contact form .center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.banner--text {
width: 100%;
background: #2781BE;
text-align: center;
padding: 10px 0;
word-spacing: 110%;
margin: 100px 0;
}
@media (max-width: 575.98px) {
.address .float {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.address .float .float__left {
float: left;
width: 40%;
}
@media (max-width: 575.98px) {
.address .float .float__left {
float: none;
width: 100%;
margin-bottom: 5vh;
}
}
.address .float .float__right {
float: right;
width: 50%;
}
@media (max-width: 575.98px) {
.address .float .float__right {
float: none;
width: 100%;
}
}
.address .float .float__right .street, .address .float .float__right .phone-number {
margin-bottom: 10vh;
}
@media (max-width: 575.98px) {
.address .float .float__right .street, .address .float .float__right .phone-number {
margin-bottom: 5vh;
}
}
.address .float:after {
content: "\0020";
display: block;
clear: both;
}
.address .map {
background: #F5F5F5;
margin-bottom: 10vh;
}
.map-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 0;
position: relative;
} .page-event-premium .hero {
background: url(//plasmacom.ch/wp-content/themes/plasma/asset/scss/images/event-premium-hero.jpg);
background-size: cover;
}
.page-kubus .hero {
background: url(//plasmacom.ch/wp-content/themes/plasma/asset/scss/images/kubus-hero.jpg);
background-size: cover;
}
.page-kubus ul .cards.template-2 .card__text ul {
margin-top: 20px;
}
.page-led-screen .hero {
background: url(//plasmacom.ch/wp-content/themes/plasma/asset/scss/images/led-screen-hero.jpg);
background-size: cover;
}
.page-led-screen .hero .hero__button {
position: absolute;
bottom: 200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.page-led-screen .card__content + .card__content {
margin-top: 20px;
}
@media (min-width: 768px) {
.page-led-screen .card__content + .card__content {
margin-top: 0;
}
}
.page-led-screen .card__content .flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 50px;
margin-top: 20px;
}
.page-led-screen .card__content .flex ul {
list-style-type: disc;
}
.page-led-screen .cards__item.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.page-led-screen .cards__item.flex .card__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 50px;
}
.page-led-screen .cards__item.flex .card__content li {
list-style-type: disc;
}
.page-led-screen .cards__item.flex .card__title span {
width: 5vw;
height: 5vw;
}
.page-led-screen .call-to-action img {
max-height: 1000px;
}
.page-ledgo .hero {
background: url(//plasmacom.ch/wp-content/themes/plasma/asset/scss/images/ledgo.png);
background-size: cover;
}