@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//www.alytis-gestionprivee.fr/wp-content/themes/wcom/assets/libs/owlcarousel/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

@import url("https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap");
:root {
border-color: var(--color-primary);
border: none;
outline: none;
--font: Expunge, sans-serif;
--h-font: 'Libre Baskerville';
--vpd: 30px;
--hpd: 15px;
--gap:2.2vw;
--navtop: 100px;
--navmobile: 75px;
--navtop-scroll: 40px;
--footer: 50px;
--container-sm: 650px;
--container: clamp(700px, 800px, 900px);
--container-md: 930px;
--container-lg: max(1000px, 1100px);
--shadow-dark: 0px -5px 20px #000000cc;
--shadow-light: 0px 0 45px #00000057;
--blue:#002342;
--primary:#002342;
--green:#044448;
--red:#8E1826;
--light-grey:#EDEDED;
--white:#fff;
}
.blue {
color: #002342;
}
.primary {
color: #002342;
}
.green {
color: #044448;
}
.red {
color: #8E1826;
}
.light-grey {
color: #EDEDED;
}
.white {
color: #fff;
}
.bg-blue {
background-color: #002342;
}
.bg-primary {
background-color: #002342;
}
.bg-green {
background-color: #044448;
}
.bg-red {
background-color: #8E1826;
}
.bg-light-grey {
background-color: #EDEDED;
}
.bg-white {
background-color: #fff;
}
@media screen and (min-width: 992px) {
:root {
--vpd: 50px;
--hpd: 25px;
}
}
@media screen and (min-width: 1200px) {
:root {
--hpd: 50px;
}
}
@media screen and (min-width: 1980px) {
:root {
--hpd: 7.5vw;
}
}   * {
margin: 0;
padding: 0;
text-decoration: none;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  main {
display: block;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; } ul {
list-style-type: none;
}  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;
vertical-align: top;
}  button, input, optgroup, select, textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input {
overflow: visible;
} button, input {
overflow: visible;
} button, select {
text-transform: none;
} 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;
} .hamburger {
padding: 0px 0px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.hamburger:hover {
opacity: 1;
}
.hamburger.is-active:hover {
opacity: 1;
}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
background-color: var(--color-primary);
}
.hamburger-box {
width: 40px;
height: 23px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -0.5px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 40px;
height: 1px;
background-color: var(--color-primary);
border-radius: 0px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -11px;
}
.hamburger-inner::after {
bottom: -11px;
} .hamburger--3dx .hamburger-box {
perspective: 80px;
}
.hamburger--3dx .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateY(180deg);
}
.hamburger--3dx.is-active .hamburger-inner::before {
transform: translate3d(0, 11px, 0) rotate(45deg);
}
.hamburger--3dx.is-active .hamburger-inner::after {
transform: translate3d(0, -11px, 0) rotate(-45deg);
} .hamburger--3dx-r .hamburger-box {
perspective: 80px;
}
.hamburger--3dx-r .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateY(-180deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::before {
transform: translate3d(0, 11px, 0) rotate(45deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::after {
transform: translate3d(0, -11px, 0) rotate(-45deg);
} .hamburger--3dy .hamburger-box {
perspective: 80px;
}
.hamburger--3dy .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateX(-180deg);
}
.hamburger--3dy.is-active .hamburger-inner::before {
transform: translate3d(0, 11px, 0) rotate(45deg);
}
.hamburger--3dy.is-active .hamburger-inner::after {
transform: translate3d(0, -11px, 0) rotate(-45deg);
} .hamburger--3dy-r .hamburger-box {
perspective: 80px;
}
.hamburger--3dy-r .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateX(180deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::before {
transform: translate3d(0, 11px, 0) rotate(45deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::after {
transform: translate3d(0, -11px, 0) rotate(-45deg);
} .hamburger--3dxy .hamburger-box {
perspective: 80px;
}
.hamburger--3dxy .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateX(180deg) rotateY(180deg);
}
.hamburger--3dxy.is-active .hamburger-inner::before {
transform: translate3d(0, 11px, 0) rotate(45deg);
}
.hamburger--3dxy.is-active .hamburger-inner::after {
transform: translate3d(0, -11px, 0) rotate(-45deg);
} .hamburger--3dxy-r .hamburger-box {
perspective: 80px;
}
.hamburger--3dxy-r .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r.is-active .hamburger-inner {
background-color: transparent !important;
transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::before {
transform: translate3d(0, 11px, 0) rotate(45deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::after {
transform: translate3d(0, -11px, 0) rotate(-45deg);
} .hamburger--arrow.is-active .hamburger-inner::before {
transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrow.is-active .hamburger-inner::after {
transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
} .hamburger--arrow-r.is-active .hamburger-inner::before {
transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrow-r.is-active .hamburger-inner::after {
transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
} .hamburger--arrowalt .hamburger-inner::before {
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt .hamburger-inner::after {
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt.is-active .hamburger-inner::before {
top: 0;
transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt.is-active .hamburger-inner::after {
bottom: 0;
transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
} .hamburger--arrowalt-r .hamburger-inner::before {
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r .hamburger-inner::after {
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
top: 0;
transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
bottom: 0;
transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
} .hamburger--arrowturn.is-active .hamburger-inner {
transform: rotate(-180deg);
}
.hamburger--arrowturn.is-active .hamburger-inner::before {
transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrowturn.is-active .hamburger-inner::after {
transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
} .hamburger--arrowturn-r.is-active .hamburger-inner {
transform: rotate(-180deg);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::before {
transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::after {
transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
} .hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
transition-property: none;
}
.hamburger--boring.is-active .hamburger-inner {
transform: rotate(45deg);
}
.hamburger--boring.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
}
.hamburger--boring.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
} .hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
top: -22px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
transform: translate3d(0, -11px, 0) rotate(-45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-90deg);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--collapse-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r .hamburger-inner::after {
top: -22px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner::before {
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r.is-active .hamburger-inner {
transform: translate3d(0, -11px, 0) rotate(45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(90deg);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--elastic .hamburger-inner {
top: 0.5px;
transition-duration: 0.275s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic .hamburger-inner::before {
top: 11px;
transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic .hamburger-inner::after {
top: 22px;
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic.is-active .hamburger-inner {
transform: translate3d(0, 11px, 0) rotate(135deg);
transition-delay: 0.075s;
}
.hamburger--elastic.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0;
}
.hamburger--elastic.is-active .hamburger-inner::after {
transform: translate3d(0, -22px, 0) rotate(-270deg);
transition-delay: 0.075s;
} .hamburger--elastic-r .hamburger-inner {
top: 0.5px;
transition-duration: 0.275s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r .hamburger-inner::before {
top: 11px;
transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic-r .hamburger-inner::after {
top: 22px;
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r.is-active .hamburger-inner {
transform: translate3d(0, 11px, 0) rotate(-135deg);
transition-delay: 0.075s;
}
.hamburger--elastic-r.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0;
}
.hamburger--elastic-r.is-active .hamburger-inner::after {
transform: translate3d(0, -22px, 0) rotate(270deg);
transition-delay: 0.075s;
} .hamburger--emphatic {
overflow: hidden;
}
.hamburger--emphatic .hamburger-inner {
transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::before {
left: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::after {
top: 1px10px;
right: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}
.hamburger--emphatic.is-active .hamburger-inner {
transition-delay: 0s;
transition-timing-function: ease-out;
background-color: transparent !important;
}
.hamburger--emphatic.is-active .hamburger-inner::before {
left: -80px;
top: -80px;
transform: translate3d(80px, 80px, 0) rotate(45deg);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic.is-active .hamburger-inner::after {
right: -80px;
top: -80px;
transform: translate3d(-80px, 80px, 0) rotate(-45deg);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
} .hamburger--emphatic-r {
overflow: hidden;
}
.hamburger--emphatic-r .hamburger-inner {
transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::before {
left: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::after {
top: 1px10px;
right: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r.is-active .hamburger-inner {
transition-delay: 0s;
transition-timing-function: ease-out;
background-color: transparent !important;
}
.hamburger--emphatic-r.is-active .hamburger-inner::before {
left: -80px;
top: 80px;
transform: translate3d(80px, -80px, 0) rotate(-45deg);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic-r.is-active .hamburger-inner::after {
right: -80px;
top: 80px;
transform: translate3d(-80px, -80px, 0) rotate(45deg);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
} .hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}
.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
opacity: 0;
transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}
.hamburger--minus.is-active .hamburger-inner::before {
top: 0;
}
.hamburger--minus.is-active .hamburger-inner::after {
bottom: 0;
} .hamburger--slider .hamburger-inner {
top: 0.5px;
}
.hamburger--slider .hamburger-inner::before {
top: 11px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
top: 22px;
}
.hamburger--slider.is-active .hamburger-inner {
transform: translate3d(0, 11px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
transform: rotate(-45deg) translate3d(40px/-7, -10px, 0);
opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
transform: translate3d(0, -22px, 0) rotate(-90deg);
} .hamburger--slider-r .hamburger-inner {
top: 0.5px;
}
.hamburger--slider-r .hamburger-inner::before {
top: 11px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s;
}
.hamburger--slider-r .hamburger-inner::after {
top: 22px;
}
.hamburger--slider-r.is-active .hamburger-inner {
transform: translate3d(0, 11px, 0) rotate(-45deg);
}
.hamburger--slider-r.is-active .hamburger-inner::before {
transform: rotate(45deg) translate3d(40px/7, -10px, 0);
opacity: 0;
}
.hamburger--slider-r.is-active .hamburger-inner::after {
transform: translate3d(0, -22px, 0) rotate(90deg);
} .hamburger--spin .hamburger-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--spin-r .hamburger-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r .hamburger-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin-r .hamburger-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r.is-active .hamburger-inner {
transform: rotate(-225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--spring .hamburger-inner {
top: 0.5px;
transition: background-color 0s 0.13s linear;
}
.hamburger--spring .hamburger-inner::before {
top: 11px;
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
top: 22px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring.is-active .hamburger-inner {
transition-delay: 0.22s;
background-color: transparent !important;
}
.hamburger--spring.is-active .hamburger-inner::before {
top: 0;
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 11px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner::after {
top: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 11px, 0) rotate(-45deg);
} .hamburger--spring-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r .hamburger-inner::after {
top: -22px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}
.hamburger--spring-r .hamburger-inner::before {
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r.is-active .hamburger-inner {
transform: translate3d(0, -11px, 0) rotate(-45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spring-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}
.hamburger--spring-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(90deg);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--stand .hamburger-inner {
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}
.hamburger--stand .hamburger-inner::before {
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand .hamburger-inner::after {
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand.is-active .hamburger-inner {
transform: rotate(90deg);
background-color: transparent !important;
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}
.hamburger--stand.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-45deg);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(45deg);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--stand-r .hamburger-inner {
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}
.hamburger--stand-r .hamburger-inner::before {
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r .hamburger-inner::after {
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r.is-active .hamburger-inner {
transform: rotate(-90deg);
background-color: transparent !important;
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}
.hamburger--stand-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-45deg);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(45deg);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--squeeze .hamburger-inner {
transition-duration: 0.075s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
transform: rotate(45deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--vortex .hamburger-inner {
transition-duration: 0.2s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
transition-duration: 0s;
transition-delay: 0.1s;
transition-timing-function: linear;
}
.hamburger--vortex .hamburger-inner::before {
transition-property: top, opacity;
}
.hamburger--vortex .hamburger-inner::after {
transition-property: bottom, transform;
}
.hamburger--vortex.is-active .hamburger-inner {
transform: rotate(765deg);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
transition-delay: 0s;
}
.hamburger--vortex.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
}
.hamburger--vortex.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(90deg);
} .hamburger--vortex-r .hamburger-inner {
transition-duration: 0.2s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
transition-duration: 0s;
transition-delay: 0.1s;
transition-timing-function: linear;
}
.hamburger--vortex-r .hamburger-inner::before {
transition-property: top, opacity;
}
.hamburger--vortex-r .hamburger-inner::after {
transition-property: bottom, transform;
}
.hamburger--vortex-r.is-active .hamburger-inner {
transform: rotate(-765deg);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
transition-delay: 0s;
}
.hamburger--vortex-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
}
.hamburger--vortex-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
}   body {
font-family: var(--font);
} .vpd {
padding-top: var(--vpd);
padding-bottom: var(--vpd);
}
.hpd {
padding-left: var(--hpd);
padding-right: var(--hpd);
}
.full {
width: 100%;
}
.half {
width: 50%;
}
.just-bg {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.just-img {
object-fit: cover;
object-position: center;
}
.shadow {
box-shadow: 10px 10px 15px -10px rgba(51, 51, 51, 0.1);
} ul.bullet {
list-style-type: disc;
padding-left: 30px;
} .white {
color: #fff;
}
.to-white:hover {
color: #fff;
} button, a {
cursor: pointer;
display: inline-block;
transition: 0.4s;
}
.btn-class {
padding: 10px 15px;
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
border: 0;
}
.btn-class {
color: #fff;
background: #333;
}
.btn-class:hover {
background: #666;
} input, textarea {
padding: 10px 0;
background: none;
border: none;
border-bottom: 1px solid #333;
} img[data-src] {
min-height: 200px;
background: linear-gradient(180deg, #fff, #C0C0C0, #fff) no-repeat;
background-size: 500% 500%;
animation: loading 1s infinite linear;
font: 300 12px/1.5 var(--font);
}
@keyframes loading {
0% {
background-position: 50% -50%;
}
100% {
background-position: 50% 150%;
}
}
a {
color: var(--color-primary);
}
a:hover {
color: var(--color-secondary);
}
h1, .h1 {
font-size: 2.5rem;
margin: 0 0 var(--vpd) 0;
}
h2, .h2 {
font-size: 2rem;
margin: 0 0 calc(var(--vpd) / 2) 0;
}
h3, .h3 {
font-size: 1.5rem;
margin: 0 0 calc(var(--vpd) / 2) 0;
}
h4, .h4 {
font-size: 1.2rem;
margin: 0 0 calc(var(--vpd) / 2) 0;
}
h5, .h5 {
font-size: 1.2px;
margin: 0 0 calc(var(--vpd) / 4) 0;
}
h6, .h6 {
font-size: 1px;
margin: 0 0 calc(var(--vpd) / 4) 0;
}
p {
line-height: 26px;
padding: 0;
margin: 0 0 var(--hpd);
}
@font-face {
font-family: 'Expunge';
src: url(//www.alytis-gestionprivee.fr/wp-content/themes/wcom/assets/font/Expunge-Regular.otf) format('otf');
font-weight: 500;
font-style: normal;
}
body, h1, h2, h3, h4, h5, h6, p, blockquote {
font-family: var(--font), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
body, p {
font-weight: 300;
}
p, .p, .wp-block-columns .wp-block-column ul li, .bullet-list li, ul li {
font-size: calc(16px + 0.04vw);
line-height: calc(22px + 0.25vw);
font-weight: 300;
}
p.subh {
font-size: calc(20px + 0.02vw);
line-height: calc(24px + 0.2vw);
font-weight: 400;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-weight: 400;
font-family: var(--h-font);
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, .h1 span, .h2 span, .h3 span, .h4 span, .h5 span, .h6 span {
font-style: italic;
}
h1, .h1 {
font-size: 32px;
line-height: 39px;
margin: 0;
}
.h1-5 {
font-size: clamp(35px, 4.5vw, 52px);
margin: 0 0 calc(var(--vpd) / 1.5) 0;
}
h2, .h2 {
font-size: clamp(34px, 4vw, 38px);
line-height: clamp(37px, 4.4vw, 45px);
margin: 0 0 calc(var(--vpd) / 2) 0;
}
.h2-5 {
font-size: calc(25px + .15vw);
line-height: calc(30px + .15vw);
margin: 0 0 calc(var(--vpd) / 2) 0;
}
h3, .h3 {
font-size: clamp(25px, 2vw, 26px);
margin: 0 0 calc(var(--vpd) / 2) 0;
line-height: clamp(33px, 2vw, 34px);
}
h4, .h4 {
font-size: calc(16px + 0.1vw);
margin: 0 0 calc(var(--vpd) / 4) 0;
}
h5, .h5 {
font-size: clamp(21px, 2.8vw, 30px);
margin: 0 0 calc(var(--vpd) / 4) 0;
}
h6, .h6 {
font-size: 1px;
margin: 0 0 calc(var(--vpd) / 4) 0;
}
.underlined {
border-bottom: 1px solid var(--primary);
max-width: fit-content;
}
.underlined.primary {
border-bottom-color: var(--primary);
}
b, strong {
font-weight: 400 !important;
} @media screen and (min-width: 1650px) {
h1, .h1, h2, .h2 {
font-size: clamp(34px, 5vw, 41px);
line-height: 107%;
}
}
@media screen and (max-width: 768px) {
p.subh {
font-size: calc(18px + 0.05vw);
line-height: calc(24px + 0.25vw);
}
h1, .h1 {
font-size: 24px;
line-height: 30px;
margin: 0;
}
h2, .h2 {
font-size: 24px;
line-height: 30px;
margin: 0;
}
}
.wp-block-pullquote {
padding: 50px 0;
margin: 0;
text-align: center;
}
.wp-block-pullquote p {
font-size: 60px;
}
.wp-block-pullquote cite {
font-size: 20px;
}
.wp-block-quote {
margin: 0;
text-align: center;
background: #f2f2f2;
}
.wp-block-quote::before {
content: "''";
font-size: 150px;
font-weight: bold;
color: lightgray;
}
.wp-block-quote p {
font-size: 20px;
font-style: italic;
}
.wp-block-quote cite {
font-size: 16px;
font-style: normal;
color: grey;
}
.wp-block-image {
margin: 0;
}
.wp-block-cover .wp-block-cover__inner-container h2 {
font-size: 40px;
}
.wp-block-cover .wp-block-cover__inner-container p {
font-size: 16px;
}
.wp-block-buttons {
gap: 25px;
}
.wp-block-buttons .wp-block-button {
flex: 1;
margin: 0;
text-align: center;
}
.wp-block-latest-posts__list li .wp-block-latest-posts__featured-image a {
width: 100%;
}
.wp-block-latest-posts__list li .wp-block-latest-posts__featured-image a img {
width: 100% !important;
height: 100% !important;
}
.wp-block-latest-posts__list li a {
text-decoration: none !important;
color: #1e4319;
font-size: 20px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
padding-bottom: 20px;
}
.wp-block-spacer {
height: 100%;
} .flex, .fx, [class*="fx-"] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.fx-wr, .wr {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.fx-row {
flex-direction: row;
}
.fx-col {
flex-direction: column;
}
.fx-wrap {
flex-wrap: wrap;
}
.just-center, .j-ce {
justify-content: center;
}
.just-end, .j-end {
justify-content: flex-end;
}
.just-start, .j-start {
justify-content: flex-start;
}
.just-around, .j-around {
justify-content: space-around;
}
.just-between, .j-bet, .just-bet {
justify-content: space-between;
}
.just-evenly, .j-evenly {
justify-content: space-evenly;
}
.al-center, .al-ce {
align-items: center;
}
.al-end {
align-items: flex-end;
}
.al-start {
align-items: flex-start;
}
.al-base, .al-baseline {
align-items: baseline;
}
.flex-1 {
flex: 1;
}
.flex-50 {
flex: 0 0 50%;
}
.flex-33 {
flex: 0 0 33.33%;
}
.flex-25 {
flex: 0 0 25%;
}
.flex-20 {
flex: 0 0 20%;
}
.flex-center-all {
display: flex;
align-items: center;
justify-content: center;
}
.fx-order-1 {
order: 1;
}
.fx-order-2 {
order: 2;
}
.fx-order-3 {
order: 3;
}
.fx-order-4 {
order: 4;
}
.fx-order-5 {
order: 5;
}
.fx-order-6 {
order: 6;
}
.fx-order-7 {
order: 7;
}
.fx-order-8 {
order: 8;
}
.fx-order-9 {
order: 9;
}
.fx-order-10 {
order: 10;
}
@media screen and (min-width: 375px) {
.fx-xs-row {
flex-direction: row;
}
.fx-xs-col {
flex-direction: column;
}
.flex-xs-1 {
flex: 1;
}
.flex-xs-50 {
flex: 0 0 50%;
}
.flex-xs-33 {
flex: 0 0 33.33%;
}
.flex-xs-25 {
flex: 0 0 25%;
}
.flex-xs-20 {
flex: 0 0 20%;
}
.fx-xs-wrap {
flex-wrap: wrap;
}
.just-xs-center {
justify-content: center;
}
.just-xs-end {
justify-content: flex-end;
}
.just-xs-start {
justify-content: flex-start;
}
.just-xs-around {
justify-content: space-around;
}
.just-xs-between {
justify-content: space-between;
}
.al-xs-center {
align-items: center;
}
.al-xs-end {
align-items: flex-end;
}
.al-xs-start {
align-items: flex-start;
}
.fx-xs-order-1 {
order: 1;
}
.fx-xs-order-2 {
order: 2;
}
.fx-xs-order-3 {
order: 3;
}
.fx-xs-order-4 {
order: 4;
}
.fx-xs-order-5 {
order: 5;
}
.fx-xs-order-6 {
order: 6;
}
.fx-xs-order-7 {
order: 7;
}
.fx-xs-order-8 {
order: 8;
}
.fx-xs-order-9 {
order: 9;
}
.fx-xs-order-10 {
order: 10;
}
}
@media screen and (min-width: 768px) {
.fx-sm-row {
flex-direction: row;
}
.fx-sm-col {
flex-direction: column;
}
.flex-sm-1 {
flex: 1;
}
.flex-sm-50 {
flex: 0 0 50%;
}
.flex-sm-33 {
flex: 0 0 33.33%;
}
.flex-sm-25 {
flex: 0 0 25%;
}
.flex-sm-20 {
flex: 0 0 20%;
}
.fx-sm-wrap {
flex-wrap: wrap;
}
.just-sm-center {
justify-content: center;
}
.just-sm-end {
justify-content: flex-end;
}
.just-sm-start {
justify-content: flex-start;
}
.just-sm-around {
justify-content: space-around;
}
.just-sm-between {
justify-content: space-between;
}
.al-sm-center {
align-items: center;
}
.al-sm-end {
align-items: flex-end;
}
.al-sm-start {
align-items: flex-start;
}
.fx-sm-order-1 {
order: 1;
}
.fx-sm-order-2 {
order: 2;
}
.fx-sm-order-3 {
order: 3;
}
.fx-sm-order-4 {
order: 4;
}
.fx-sm-order-5 {
order: 5;
}
.fx-sm-order-6 {
order: 6;
}
.fx-sm-order-7 {
order: 7;
}
.fx-sm-order-8 {
order: 8;
}
.fx-sm-order-9 {
order: 9;
}
.fx-sm-order-10 {
order: 10;
}
}
@media screen and (min-width: 992px) {
.fx-md-row {
flex-direction: row;
}
.fx-md-col {
flex-direction: column;
}
.flex-md-1 {
flex: 1;
}
.flex-md-50 {
flex: 0 0 50%;
}
.flex-md-33 {
flex: 0 0 33.33%;
}
.flex-md-25 {
flex: 0 0 25%;
}
.flex-md-20 {
flex: 0 0 20%;
}
.fx-md-wrap {
flex-wrap: wrap;
}
.just-md-center {
justify-content: center;
}
.just-md-end {
justify-content: flex-end;
}
.just-md-start {
justify-content: flex-start;
}
.just-md-around {
justify-content: space-around;
}
.just-md-between {
justify-content: space-between;
}
.al-md-center {
align-items: center;
}
.al-md-end {
align-items: flex-end;
}
.al-md-start {
align-items: flex-start;
}
.fx-md-order-1 {
order: 1;
}
.fx-md-order-2 {
order: 2;
}
.fx-md-order-3 {
order: 3;
}
.fx-md-order-4 {
order: 4;
}
.fx-md-order-5 {
order: 5;
}
.fx-md-order-6 {
order: 6;
}
.fx-md-order-7 {
order: 7;
}
.fx-md-order-8 {
order: 8;
}
.fx-md-order-9 {
order: 9;
}
.fx-md-order-10 {
order: 10;
}
}
@media screen and (min-width: 1200px) {
.fx-lg-row {
flex-direction: row;
}
.fx-lg-col {
flex-direction: column;
}
.flex-lg-1 {
flex: 1;
}
.flex-lg-50 {
flex: 0 0 50%;
}
.flex-lg-33 {
flex: 0 0 33.33%;
}
.flex-lg-25 {
flex: 0 0 25%;
}
.flex-lg-20 {
flex: 0 0 20%;
}
.fx-lg-wrap {
flex-wrap: wrap;
}
.just-lg-center {
justify-content: center;
}
.just-lg-end {
justify-content: flex-end;
}
.just-lg-start {
justify-content: flex-start;
}
.just-lg-around {
justify-content: space-around;
}
.just-lg-between {
justify-content: space-between;
}
.al-lg-center {
align-items: center;
}
.al-lg-end {
align-items: flex-end;
}
.al-lg-start {
align-items: flex-start;
}
.fx-lg-order-1 {
order: 1;
}
.fx-lg-order-2 {
order: 2;
}
.fx-lg-order-3 {
order: 3;
}
.fx-lg-order-4 {
order: 4;
}
.fx-lg-order-5 {
order: 5;
}
.fx-lg-order-6 {
order: 6;
}
.fx-lg-order-7 {
order: 7;
}
.fx-lg-order-8 {
order: 8;
}
.fx-lg-order-9 {
order: 9;
}
.fx-lg-order-10 {
order: 10;
}
}
@media screen and (min-width: 1980px) {
.fx-xl-row {
flex-direction: row;
}
.fx-xl-col {
flex-direction: column;
}
.flex-xl-1 {
flex: 1;
}
.flex-xl-50 {
flex: 0 0 50%;
}
.flex-xl-33 {
flex: 0 0 33.33%;
}
.flex-xl-25 {
flex: 0 0 25%;
}
.flex-xl-20 {
flex: 0 0 20%;
}
.fx-xl-wrap {
flex-wrap: wrap;
}
.just-xl-center {
justify-content: center;
}
.just-xl-end {
justify-content: flex-end;
}
.just-xl-start {
justify-content: flex-start;
}
.just-xl-around {
justify-content: space-around;
}
.just-xl-between {
justify-content: space-between;
}
.al-xl-center {
align-items: center;
}
.al-xl-end {
align-items: flex-end;
}
.al-xl-start {
align-items: flex-start;
}
.fx-xl-order-1 {
order: 1;
}
.fx-xl-order-2 {
order: 2;
}
.fx-xl-order-3 {
order: 3;
}
.fx-xl-order-4 {
order: 4;
}
.fx-xl-order-5 {
order: 5;
}
.fx-xl-order-6 {
order: 6;
}
.fx-xl-order-7 {
order: 7;
}
.fx-xl-order-8 {
order: 8;
}
.fx-xl-order-9 {
order: 9;
}
.fx-xl-order-10 {
order: 10;
}
}
.has-blue-color {
color: #002342;
}
.has-blue-background-color {
background-color: #002342;
}
.text-blue {
color: #002342;
}
.bg-blue {
background-color: #002342;
}
.has-primary-color {
color: #002342;
}
.has-primary-background-color {
background-color: #002342;
}
.text-primary {
color: #002342;
}
.bg-primary {
background-color: #002342;
}
.has-green-color {
color: #044448;
}
.has-green-background-color {
background-color: #044448;
}
.text-green {
color: #044448;
}
.bg-green {
background-color: #044448;
}
.has-red-color {
color: #8E1826;
}
.has-red-background-color {
background-color: #8E1826;
}
.text-red {
color: #8E1826;
}
.bg-red {
background-color: #8E1826;
}
.has-light-grey-color {
color: #EDEDED;
}
.has-light-grey-background-color {
background-color: #EDEDED;
}
.text-light-grey {
color: #EDEDED;
}
.bg-light-grey {
background-color: #EDEDED;
}
.has-white-color {
color: #fff;
}
.has-white-background-color {
background-color: #fff;
}
.text-white {
color: #fff;
}
.bg-white {
background-color: #fff;
}
[class^="btn-"] {
position: relative;
padding: 10px 30px 10px 65px;
border-color: #fff;
border-width: 1px;
border-style: solid;
font-family: Helvetica;
font-size: 16px;
line-height: 28px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
text-align: left;
letter-spacing: 2px;
background-color: transparent;
}
[class^="btn-"]:before {
content: '';
width: 30px;
height: 5px;
position: absolute;
left: 15px;
top: 50%;
transform: translateY(-50%);
background-position: left center;
background-repeat: no-repeat;
background-size: 30px auto;
transition: left 250ms;
}
[class^="btn-"]:hover:before, [class^="btn-"]:active:before {
left: 25px;
}
.btn-white-outline:before {
background-image: url(//www.alytis-gestionprivee.fr/wp-content/themes/wcom-wordpress-starter-pack/assets/img/arrow-white-right.svg);
}
.btn-white-outline:hover, .btn-white-outline:active {
color: #fff;
}
.btn-primary-outline {
color: var(--color-primary);
border-color: var(--color-primary);
}
.btn-primary-outline:before {
background-image: url(//www.alytis-gestionprivee.fr/wp-content/themes/wcom-wordpress-starter-pack/assets/img/arrow-red-right.svg);
}
.btn-primary-outline:hover, .btn-primary-outline:active {
color: var(--color-primary);
}
.btn-primary {
position: relative;
padding: 10px 30px 10px 65px;
border-width: 1px;
border-style: solid;
font-size: 16px;
line-height: 28px;
font-weight: 700;
text-transform: uppercase;
text-align: left;
letter-spacing: 2px;
color: var(--color-body);
border-color: var(--color-primary);
background-color: var(--color-primary);
}
.btn-primary:before {
content: '';
width: 30px;
height: 5px;
position: absolute;
left: 15px;
top: 50%;
transform: translateY(-50%);
background-position: left center;
background-repeat: no-repeat;
background-size: 30px auto;
transition: left 250ms;
}
.btn-primary:hover:before, .btn-primary:active:before {
left: 25px;
}
.btn-primary:before {
background-image: url(//www.alytis-gestionprivee.fr/wp-content/themes/wcom-wordpress-starter-pack/assets/img/arrow-white-right.svg);
}
.btn-primary:hover, .btn-primary:active {
color: var(--color-body);
}
.btn-secondary {
position: relative;
padding: 10px 30px 10px 65px;
border-width: 1px;
border-style: solid;
font-size: 16px;
line-height: 28px;
font-weight: 700;
text-transform: uppercase;
text-align: left;
letter-spacing: 2px;
color: var(--color-body);
border-color: var(--color-secondary);
background-color: var(--color-secondary);
}
.btn-secondary:before {
content: '';
width: 30px;
height: 5px;
position: absolute;
left: 15px;
top: 50%;
transform: translateY(-50%);
background-position: left center;
background-repeat: no-repeat;
background-size: 30px auto;
transition: left 250ms;
}
.btn-secondary:hover:before, .btn-secondary:active:before {
left: 25px;
}
.btn-secondary:before {
background-image: url(//www.alytis-gestionprivee.fr/wp-content/themes/wcom-wordpress-starter-pack/assets/img/arrow-white-right.svg);
}
.btn-secondary:hover, .btn-secondary:active {
color: var(--color-body);
}
.my-0 {
margin-top: 0;
margin-bottom: 0;
}
.mt-0 {
margin-top: 0;
}
.mb-0 {
margin-bottom: 0;
}
.my-1 {
margin-top: 15px;
margin-bottom: 15px;
}
.mt-1 {
margin-top: 15px;
}
.mb-1 {
margin-bottom: 15px;
}
.my-2 {
margin-top: 30px;
margin-bottom: 30px;
}
.mt-2 {
margin-top: 30px;
}
.mb-2 {
margin-bottom: 30px;
}
.my-3 {
margin-top: 60px;
margin-bottom: 60px;
}
.mt-3 {
margin-top: 60px;
}
.mb-3 {
margin-bottom: 60px;
}
.my-4 {
margin-top: 90px;
margin-bottom: 90px;
}
.mt-4 {
margin-top: 90px;
}
.mb-4 {
margin-bottom: 90px;
}
.my-5 {
margin-top: 120px;
margin-bottom: 120px;
}
.mt-5 {
margin-top: 120px;
}
.mb-5 {
margin-bottom: 120px;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.mx-0 {
margin-left: 0;
margin-right: 0;
}
.ml-0 {
margin-left: 0;
}
.mr-0 {
margin-right: 0;
}
.mx-1 {
margin-left: 15px;
margin-right: 15px;
}
.ml-1 {
margin-left: 15px;
}
.mr-1 {
margin-right: 15px;
}
.mx-2 {
margin-left: 30px;
margin-right: 30px;
}
.ml-2 {
margin-left: 30px;
}
.mr-2 {
margin-right: 30px;
}
.mx-3 {
margin-left: 60px;
margin-right: 60px;
}
.ml-3 {
margin-left: 60px;
}
.mr-3 {
margin-right: 60px;
}
.mx-4 {
margin-left: 90px;
margin-right: 90px;
}
.ml-4 {
margin-left: 90px;
}
.mr-4 {
margin-right: 90px;
}
.mx-5 {
margin-left: 120px;
margin-right: 120px;
}
.ml-5 {
margin-left: 120px;
}
.mr-5 {
margin-right: 120px;
}
.pl-g, .ml-g {
padding-left: var(--hpd);
}
.pr-g, .mr-g {
padding-right: var(--hpd);
}
@media screen and (min-width: 375px) {
.my-xs-0 {
margin-top: 0;
margin-bottom: 0;
}
.mt-xs-0 {
margin-top: 0;
}
.mb-xs-0 {
margin-bottom: 0;
}
.my-xs-1 {
margin-top: 15px;
margin-bottom: 15px;
}
.mt-xs-1 {
margin-top: 15px;
}
.mb-xs-1 {
margin-bottom: 15px;
}
.my-xs-2 {
margin-top: 30px;
margin-bottom: 30px;
}
.mt-xs-2 {
margin-top: 30px;
}
.mb-xs-2 {
margin-bottom: 30px;
}
.my-xs-3 {
margin-top: 60px;
margin-bottom: 60px;
}
.mt-xs-3 {
margin-top: 60px;
}
.mb-xs-3 {
margin-bottom: 60px;
}
.my-xs-4 {
margin-top: 90px;
margin-bottom: 90px;
}
.mt-xs-4 {
margin-top: 90px;
}
.mb-xs-4 {
margin-bottom: 90px;
}
.my-xs-5 {
margin-top: 120px;
margin-bottom: 120px;
}
.mt-xs-5 {
margin-top: 120px;
}
.mb-xs-5 {
margin-bottom: 120px;
}
.mx-xs-auto {
margin-left: auto;
margin-right: auto;
}
.mx-xs-0 {
margin-left: 0;
margin-right: 0;
}
.ml-xs-0 {
margin-left: 0;
}
.mr-xs-0 {
margin-right: 0;
}
.mx-xs-1 {
margin-left: 15px;
margin-right: 15px;
}
.ml-xs-1 {
margin-left: 15px;
}
.mr-xs-1 {
margin-right: 15px;
}
.mx-xs-2 {
margin-left: 30px;
margin-right: 30px;
}
.ml-xs-2 {
margin-left: 30px;
}
.mr-xs-2 {
margin-right: 30px;
}
.mx-xs-3 {
margin-left: 60px;
margin-right: 60px;
}
.ml-xs-3 {
margin-left: 60px;
}
.mr-xs-3 {
margin-right: 60px;
}
.mx-xs-4 {
margin-left: 90px;
margin-right: 90px;
}
.ml-xs-4 {
margin-left: 90px;
}
.mr-xs-4 {
margin-right: 90px;
}
.mx-xs-5 {
margin-left: 120px;
margin-right: 120px;
}
.ml-xs-5 {
margin-left: 120px;
}
.mr-xs-5 {
margin-right: 120px;
}
}
@media screen and (min-width: 768px) {
.my-sm-0 {
margin-top: 0;
margin-bottom: 0;
}
.mt-sm-0 {
margin-top: 0;
}
.mb-sm-0 {
margin-bottom: 0;
}
.my-sm-1 {
margin-top: 15px;
margin-bottom: 15px;
}
.mt-sm-1 {
margin-top: 15px;
}
.mb-sm-1 {
margin-bottom: 15px;
}
.my-sm-2 {
margin-top: 30px;
margin-bottom: 30px;
}
.mt-sm-2 {
margin-top: 30px;
}
.mb-sm-2 {
margin-bottom: 30px;
}
.my-sm-3 {
margin-top: 60px;
margin-bottom: 60px;
}
.mt-sm-3 {
margin-top: 60px;
}
.mb-sm-3 {
margin-bottom: 60px;
}
.my-sm-4 {
margin-top: 90px;
margin-bottom: 90px;
}
.mt-sm-4 {
margin-top: 90px;
}
.mb-sm-4 {
margin-bottom: 90px;
}
.my-sm-5 {
margin-top: 120px;
margin-bottom: 120px;
}
.mt-sm-5 {
margin-top: 120px;
}
.mb-sm-5 {
margin-bottom: 120px;
}
.mx-sm-auto {
margin-left: auto;
margin-right: auto;
}
.mx-sm-0 {
margin-left: 0;
margin-right: 0;
}
.ml-sm-0 {
margin-left: 0;
}
.mr-sm-0 {
margin-right: 0;
}
.mx-sm-1 {
margin-left: 15px;
margin-right: 15px;
}
.ml-sm-1 {
margin-left: 15px;
}
.mr-sm-1 {
margin-right: 15px;
}
.mx-sm-2 {
margin-left: 30px;
margin-right: 30px;
}
.ml-sm-2 {
margin-left: 30px;
}
.mr-sm-2 {
margin-right: 30px;
}
.mx-sm-3 {
margin-left: 60px;
margin-right: 60px;
}
.ml-sm-3 {
margin-left: 60px;
}
.mr-sm-3 {
margin-right: 60px;
}
.mx-sm-4 {
margin-left: 90px;
margin-right: 90px;
}
.ml-sm-4 {
margin-left: 90px;
}
.mr-sm-4 {
margin-right: 90px;
}
.mx-sm-5 {
margin-left: 120px;
margin-right: 120px;
}
.ml-sm-5 {
margin-left: 120px;
}
.mr-sm-5 {
margin-right: 120px;
}
}
@media screen and (min-width: 992px) {
.my-md-0 {
margin-top: 0;
margin-bottom: 0;
}
.mt-md-0 {
margin-top: 0;
}
.mb-md-0 {
margin-bottom: 0;
}
.my-md-1 {
margin-top: 15px;
margin-bottom: 15px;
}
.mt-md-1 {
margin-top: 15px;
}
.mb-md-1 {
margin-bottom: 15px;
}
.my-md-2 {
margin-top: 30px;
margin-bottom: 30px;
}
.mt-md-2 {
margin-top: 30px;
}
.mb-md-2 {
margin-bottom: 30px;
}
.my-md-3 {
margin-top: 60px;
margin-bottom: 60px;
}
.mt-md-3 {
margin-top: 60px;
}
.mb-md-3 {
margin-bottom: 60px;
}
.my-md-4 {
margin-top: 90px;
margin-bottom: 90px;
}
.mt-md-4 {
margin-top: 90px;
}
.mb-md-4 {
margin-bottom: 90px;
}
.my-md-5 {
margin-top: 120px;
margin-bottom: 120px;
}
.mt-md-5 {
margin-top: 120px;
}
.mb-md-5 {
margin-bottom: 120px;
}
.mx-md-auto {
margin-left: auto;
margin-right: auto;
}
.mx-md-0 {
margin-left: 0;
margin-right: 0;
}
.ml-md-0 {
margin-left: 0;
}
.mr-md-0 {
margin-right: 0;
}
.mx-md-1 {
margin-left: 15px;
margin-right: 15px;
}
.ml-md-1 {
margin-left: 15px;
}
.mr-md-1 {
margin-right: 15px;
}
.mx-md-2 {
margin-left: 30px;
margin-right: 30px;
}
.ml-md-2 {
margin-left: 30px;
}
.mr-md-2 {
margin-right: 30px;
}
.mx-md-3 {
margin-left: 60px;
margin-right: 60px;
}
.ml-md-3 {
margin-left: 60px;
}
.mr-md-3 {
margin-right: 60px;
}
.mx-md-4 {
margin-left: 90px;
margin-right: 90px;
}
.ml-md-4 {
margin-left: 90px;
}
.mr-md-4 {
margin-right: 90px;
}
.mx-md-5 {
margin-left: 120px;
margin-right: 120px;
}
.ml-md-5 {
margin-left: 120px;
}
.mr-md-5 {
margin-right: 120px;
}
}
@media screen and (min-width: 1200px) {
.my-lg-0 {
margin-top: 0;
margin-bottom: 0;
}
.mt-lg-0 {
margin-top: 0;
}
.mb-lg-0 {
margin-bottom: 0;
}
.my-lg-1 {
margin-top: 15px;
margin-bottom: 15px;
}
.mt-lg-1 {
margin-top: 15px;
}
.mb-lg-1 {
margin-bottom: 15px;
}
.my-lg-2 {
margin-top: 30px;
margin-bottom: 30px;
}
.mt-lg-2 {
margin-top: 30px;
}
.mb-lg-2 {
margin-bottom: 30px;
}
.my-lg-3 {
margin-top: 60px;
margin-bottom: 60px;
}
.mt-lg-3 {
margin-top: 60px;
}
.mb-lg-3 {
margin-bottom: 60px;
}
.my-lg-4 {
margin-top: 90px;
margin-bottom: 90px;
}
.mt-lg-4 {
margin-top: 90px;
}
.mb-lg-4 {
margin-bottom: 90px;
}
.my-lg-5 {
margin-top: 120px;
margin-bottom: 120px;
}
.mt-lg-5 {
margin-top: 120px;
}
.mb-lg-5 {
margin-bottom: 120px;
}
.mx-lg-auto {
margin-left: auto;
margin-right: auto;
}
.mx-lg-0 {
margin-left: 0;
margin-right: 0;
}
.ml-lg-0 {
margin-left: 0;
}
.mr-lg-0 {
margin-right: 0;
}
.mx-lg-1 {
margin-left: 15px;
margin-right: 15px;
}
.ml-lg-1 {
margin-left: 15px;
}
.mr-lg-1 {
margin-right: 15px;
}
.mx-lg-2 {
margin-left: 30px;
margin-right: 30px;
}
.ml-lg-2 {
margin-left: 30px;
}
.mr-lg-2 {
margin-right: 30px;
}
.mx-lg-3 {
margin-left: 60px;
margin-right: 60px;
}
.ml-lg-3 {
margin-left: 60px;
}
.mr-lg-3 {
margin-right: 60px;
}
.mx-lg-4 {
margin-left: 90px;
margin-right: 90px;
}
.ml-lg-4 {
margin-left: 90px;
}
.mr-lg-4 {
margin-right: 90px;
}
.mx-lg-5 {
margin-left: 120px;
margin-right: 120px;
}
.ml-lg-5 {
margin-left: 120px;
}
.mr-lg-5 {
margin-right: 120px;
}
}
@media screen and (min-width: 1980px) {
.my-xl-0 {
margin-top: 0;
margin-bottom: 0;
}
.mt-xl-0 {
margin-top: 0;
}
.mb-xl-0 {
margin-bottom: 0;
}
.my-xl-1 {
margin-top: 15px;
margin-bottom: 15px;
}
.mt-xl-1 {
margin-top: 15px;
}
.mb-xl-1 {
margin-bottom: 15px;
}
.my-xl-2 {
margin-top: 30px;
margin-bottom: 30px;
}
.mt-xl-2 {
margin-top: 30px;
}
.mb-xl-2 {
margin-bottom: 30px;
}
.my-xl-3 {
margin-top: 60px;
margin-bottom: 60px;
}
.mt-xl-3 {
margin-top: 60px;
}
.mb-xl-3 {
margin-bottom: 60px;
}
.my-xl-4 {
margin-top: 90px;
margin-bottom: 90px;
}
.mt-xl-4 {
margin-top: 90px;
}
.mb-xl-4 {
margin-bottom: 90px;
}
.my-xl-5 {
margin-top: 120px;
margin-bottom: 120px;
}
.mt-xl-5 {
margin-top: 120px;
}
.mb-xl-5 {
margin-bottom: 120px;
}
.mx-xl-auto {
margin-left: auto;
margin-right: auto;
}
.mx-xl-0 {
margin-left: 0;
margin-right: 0;
}
.ml-xl-0 {
margin-left: 0;
}
.mr-xl-0 {
margin-right: 0;
}
.mx-xl-1 {
margin-left: 15px;
margin-right: 15px;
}
.ml-xl-1 {
margin-left: 15px;
}
.mr-xl-1 {
margin-right: 15px;
}
.mx-xl-2 {
margin-left: 30px;
margin-right: 30px;
}
.ml-xl-2 {
margin-left: 30px;
}
.mr-xl-2 {
margin-right: 30px;
}
.mx-xl-3 {
margin-left: 60px;
margin-right: 60px;
}
.ml-xl-3 {
margin-left: 60px;
}
.mr-xl-3 {
margin-right: 60px;
}
.mx-xl-4 {
margin-left: 90px;
margin-right: 90px;
}
.ml-xl-4 {
margin-left: 90px;
}
.mr-xl-4 {
margin-right: 90px;
}
.mx-xl-5 {
margin-left: 120px;
margin-right: 120px;
}
.ml-xl-5 {
margin-left: 120px;
}
.mr-xl-5 {
margin-right: 120px;
}
}
.py-0 {
padding-top: 0;
padding-bottom: 0;
}
.pt-0 {
padding-top: 0;
}
.pb-0 {
padding-bottom: 0;
}
.py-1 {
padding-top: 15px;
padding-bottom: 15px;
}
.pt-1 {
padding-top: 15px;
}
.pb-1 {
padding-bottom: 15px;
}
.py-2 {
padding-top: 30px;
padding-bottom: 30px;
}
.pt-2 {
padding-top: 30px;
}
.pb-2 {
padding-bottom: 30px;
}
.py-3 {
padding-top: 60px;
padding-bottom: 60px;
}
.pt-3 {
padding-top: 60px;
}
.pb-3 {
padding-bottom: 60px;
}
.py-4 {
padding-top: 90px;
padding-bottom: 90px;
}
.pt-4 {
padding-top: 90px;
}
.pb-4 {
padding-bottom: 90px;
}
.py-5 {
padding-top: 120px;
padding-bottom: 120px;
}
.pt-5 {
padding-top: 120px;
}
.pb-5 {
padding-bottom: 120px;
}
.px-0 {
padding-left: 0;
padding-right: 0;
}
.pl-0 {
padding-left: 0;
}
.pr-0 {
padding-right: 0;
}
.px-1 {
padding-left: 15px;
padding-right: 15px;
}
.pl-1 {
padding-left: 15px;
}
.pr-1 {
padding-right: 15px;
}
.px-2 {
padding-left: 30px;
padding-right: 30px;
}
.pl-2 {
padding-left: 30px;
}
.pr-2 {
padding-right: 30px;
}
.px-3 {
padding-left: 60px;
padding-right: 60px;
}
.pl-3 {
padding-left: 60px;
}
.pr-3 {
padding-right: 60px;
}
.px-4 {
padding-left: 90px;
padding-right: 90px;
}
.pl-4 {
padding-left: 90px;
}
.pr-4 {
padding-right: 90px;
}
.px-5 {
padding-left: 120px;
padding-right: 120px;
}
.pl-5 {
padding-left: 120px;
}
.pr-5 {
padding-right: 120px;
}
@media screen and (min-width: 375px) {
.py-xs-0 {
padding-top: 0;
padding-bottom: 0;
}
.pt-xs-0 {
padding-top: 0;
}
.pb-xs-0 {
padding-bottom: 0;
}
.py-xs-1 {
padding-top: 15px;
padding-bottom: 15px;
}
.pt-xs-1 {
padding-top: 15px;
}
.pb-xs-1 {
padding-bottom: 15px;
}
.py-xs-2 {
padding-top: 30px;
padding-bottom: 30px;
}
.pt-xs-2 {
padding-top: 30px;
}
.pb-xs-2 {
padding-bottom: 30px;
}
.py-xs-3 {
padding-top: 60px;
padding-bottom: 60px;
}
.pt-xs-3 {
padding-top: 60px;
}
.pb-xs-3 {
padding-bottom: 60px;
}
.py-xs-4 {
padding-top: 90px;
padding-bottom: 90px;
}
.pt-xs-4 {
padding-top: 90px;
}
.pb-xs-4 {
padding-bottom: 90px;
}
.py-xs-5 {
padding-top: 120px;
padding-bottom: 120px;
}
.pt-xs-5 {
padding-top: 120px;
}
.pb-xs-5 {
padding-bottom: 120px;
}
.px-xs-0 {
padding-left: 0;
padding-right: 0;
}
.pl-xs-0 {
padding-left: 0;
}
.pr-xs-0 {
padding-right: 0;
}
.px-xs-1 {
padding-left: 15px;
padding-right: 15px;
}
.pl-xs-1 {
padding-left: 15px;
}
.pr-xs-1 {
padding-right: 15px;
}
.px-xs-2 {
padding-left: 30px;
padding-right: 30px;
}
.pl-xs-2 {
padding-left: 30px;
}
.pr-xs-2 {
padding-right: 30px;
}
.px-xs-3 {
padding-left: 60px;
padding-right: 60px;
}
.pl-xs-3 {
padding-left: 60px;
}
.pr-xs-3 {
padding-right: 60px;
}
.px-xs-4 {
padding-left: 90px;
padding-right: 90px;
}
.pl-xs-4 {
padding-left: 90px;
}
.pr-xs-4 {
padding-right: 90px;
}
.px-xs-5 {
padding-left: 120px;
padding-right: 120px;
}
.pl-xs-5 {
padding-left: 120px;
}
.pr-xs-5 {
padding-right: 120px;
}
}
@media screen and (min-width: 768px) {
.py-sm-0 {
padding-top: 0;
padding-bottom: 0;
}
.pt-sm-0 {
padding-top: 0;
}
.pb-sm-0 {
padding-bottom: 0;
}
.py-sm-1 {
padding-top: 15px;
padding-bottom: 15px;
}
.pt-sm-1 {
padding-top: 15px;
}
.pb-sm-1 {
padding-bottom: 15px;
}
.py-sm-2 {
padding-top: 30px;
padding-bottom: 30px;
}
.pt-sm-2 {
padding-top: 30px;
}
.pb-sm-2 {
padding-bottom: 30px;
}
.py-sm-3 {
padding-top: 60px;
padding-bottom: 60px;
}
.pt-sm-3 {
padding-top: 60px;
}
.pb-sm-3 {
padding-bottom: 60px;
}
.py-sm-4 {
padding-top: 90px;
padding-bottom: 90px;
}
.pt-sm-4 {
padding-top: 90px;
}
.pb-sm-4 {
padding-bottom: 90px;
}
.py-sm-5 {
padding-top: 120px;
padding-bottom: 120px;
}
.pt-sm-5 {
padding-top: 120px;
}
.pb-sm-5 {
padding-bottom: 120px;
}
.px-sm-0 {
padding-left: 0;
padding-right: 0;
}
.pl-sm-0 {
padding-left: 0;
}
.pr-sm-0 {
padding-right: 0;
}
.px-sm-1 {
padding-left: 15px;
padding-right: 15px;
}
.pl-sm-1 {
padding-left: 15px;
}
.pr-sm-1 {
padding-right: 15px;
}
.px-sm-2 {
padding-left: 30px;
padding-right: 30px;
}
.pl-sm-2 {
padding-left: 30px;
}
.pr-sm-2 {
padding-right: 30px;
}
.px-sm-3 {
padding-left: 60px;
padding-right: 60px;
}
.pl-sm-3 {
padding-left: 60px;
}
.pr-sm-3 {
padding-right: 60px;
}
.px-sm-4 {
padding-left: 90px;
padding-right: 90px;
}
.pl-sm-4 {
padding-left: 90px;
}
.pr-sm-4 {
padding-right: 90px;
}
.px-sm-5 {
padding-left: 120px;
padding-right: 120px;
}
.pl-sm-5 {
padding-left: 120px;
}
.pr-sm-5 {
padding-right: 120px;
}
}
@media screen and (min-width: 992px) {
.py-md-0 {
padding-top: 0;
padding-bottom: 0;
}
.pt-md-0 {
padding-top: 0;
}
.pb-md-0 {
padding-bottom: 0;
}
.py-md-1 {
padding-top: 15px;
padding-bottom: 15px;
}
.pt-md-1 {
padding-top: 15px;
}
.pb-md-1 {
padding-bottom: 15px;
}
.py-md-2 {
padding-top: 30px;
padding-bottom: 30px;
}
.pt-md-2 {
padding-top: 30px;
}
.pb-md-2 {
padding-bottom: 30px;
}
.py-md-3 {
padding-top: 60px;
padding-bottom: 60px;
}
.pt-md-3 {
padding-top: 60px;
}
.pb-md-3 {
padding-bottom: 60px;
}
.py-md-4 {
padding-top: 90px;
padding-bottom: 90px;
}
.pt-md-4 {
padding-top: 90px;
}
.pb-md-4 {
padding-bottom: 90px;
}
.py-md-5 {
padding-top: 120px;
padding-bottom: 120px;
}
.pt-md-5 {
padding-top: 120px;
}
.pb-md-5 {
padding-bottom: 120px;
}
.px-md-0 {
padding-left: 0;
padding-right: 0;
}
.pl-md-0 {
padding-left: 0;
}
.pr-md-0 {
padding-right: 0;
}
.px-md-1 {
padding-left: 15px;
padding-right: 15px;
}
.pl-md-1 {
padding-left: 15px;
}
.pr-md-1 {
padding-right: 15px;
}
.px-md-2 {
padding-left: 30px;
padding-right: 30px;
}
.pl-md-2 {
padding-left: 30px;
}
.pr-md-2 {
padding-right: 30px;
}
.px-md-3 {
padding-left: 60px;
padding-right: 60px;
}
.pl-md-3 {
padding-left: 60px;
}
.pr-md-3 {
padding-right: 60px;
}
.px-md-4 {
padding-left: 90px;
padding-right: 90px;
}
.pl-md-4 {
padding-left: 90px;
}
.pr-md-4 {
padding-right: 90px;
}
.px-md-5 {
padding-left: 120px;
padding-right: 120px;
}
.pl-md-5 {
padding-left: 120px;
}
.pr-md-5 {
padding-right: 120px;
}
}
@media screen and (min-width: 1200px) {
.py-lg-0 {
padding-top: 0;
padding-bottom: 0;
}
.pt-lg-0 {
padding-top: 0;
}
.pb-lg-0 {
padding-bottom: 0;
}
.py-lg-1 {
padding-top: 15px;
padding-bottom: 15px;
}
.pt-lg-1 {
padding-top: 15px;
}
.pb-lg-1 {
padding-bottom: 15px;
}
.py-lg-2 {
padding-top: 30px;
padding-bottom: 30px;
}
.pt-lg-2 {
padding-top: 30px;
}
.pb-lg-2 {
padding-bottom: 30px;
}
.py-lg-3 {
padding-top: 60px;
padding-bottom: 60px;
}
.pt-lg-3 {
padding-top: 60px;
}
.pb-lg-3 {
padding-bottom: 60px;
}
.py-lg-4 {
padding-top: 90px;
padding-bottom: 90px;
}
.pt-lg-4 {
padding-top: 90px;
}
.pb-lg-4 {
padding-bottom: 90px;
}
.py-lg-5 {
padding-top: 120px;
padding-bottom: 120px;
}
.pt-lg-5 {
padding-top: 120px;
}
.pb-lg-5 {
padding-bottom: 120px;
}
.px-lg-0 {
padding-left: 0;
padding-right: 0;
}
.pl-lg-0 {
padding-left: 0;
}
.pr-lg-0 {
padding-right: 0;
}
.px-lg-1 {
padding-left: 15px;
padding-right: 15px;
}
.pl-lg-1 {
padding-left: 15px;
}
.pr-lg-1 {
padding-right: 15px;
}
.px-lg-2 {
padding-left: 30px;
padding-right: 30px;
}
.pl-lg-2 {
padding-left: 30px;
}
.pr-lg-2 {
padding-right: 30px;
}
.px-lg-3 {
padding-left: 60px;
padding-right: 60px;
}
.pl-lg-3 {
padding-left: 60px;
}
.pr-lg-3 {
padding-right: 60px;
}
.px-lg-4 {
padding-left: 90px;
padding-right: 90px;
}
.pl-lg-4 {
padding-left: 90px;
}
.pr-lg-4 {
padding-right: 90px;
}
.px-lg-5 {
padding-left: 120px;
padding-right: 120px;
}
.pl-lg-5 {
padding-left: 120px;
}
.pr-lg-5 {
padding-right: 120px;
}
}
@media screen and (min-width: 1980px) {
.py-xl-0 {
padding-top: 0;
padding-bottom: 0;
}
.pt-xl-0 {
padding-top: 0;
}
.pb-xl-0 {
padding-bottom: 0;
}
.py-xl-1 {
padding-top: 15px;
padding-bottom: 15px;
}
.pt-xl-1 {
padding-top: 15px;
}
.pb-xl-1 {
padding-bottom: 15px;
}
.py-xl-2 {
padding-top: 30px;
padding-bottom: 30px;
}
.pt-xl-2 {
padding-top: 30px;
}
.pb-xl-2 {
padding-bottom: 30px;
}
.py-xl-3 {
padding-top: 60px;
padding-bottom: 60px;
}
.pt-xl-3 {
padding-top: 60px;
}
.pb-xl-3 {
padding-bottom: 60px;
}
.py-xl-4 {
padding-top: 90px;
padding-bottom: 90px;
}
.pt-xl-4 {
padding-top: 90px;
}
.pb-xl-4 {
padding-bottom: 90px;
}
.py-xl-5 {
padding-top: 120px;
padding-bottom: 120px;
}
.pt-xl-5 {
padding-top: 120px;
}
.pb-xl-5 {
padding-bottom: 120px;
}
.px-xl-0 {
padding-left: 0;
padding-right: 0;
}
.pl-xl-0 {
padding-left: 0;
}
.pr-xl-0 {
padding-right: 0;
}
.px-xl-1 {
padding-left: 15px;
padding-right: 15px;
}
.pl-xl-1 {
padding-left: 15px;
}
.pr-xl-1 {
padding-right: 15px;
}
.px-xl-2 {
padding-left: 30px;
padding-right: 30px;
}
.pl-xl-2 {
padding-left: 30px;
}
.pr-xl-2 {
padding-right: 30px;
}
.px-xl-3 {
padding-left: 60px;
padding-right: 60px;
}
.pl-xl-3 {
padding-left: 60px;
}
.pr-xl-3 {
padding-right: 60px;
}
.px-xl-4 {
padding-left: 90px;
padding-right: 90px;
}
.pl-xl-4 {
padding-left: 90px;
}
.pr-xl-4 {
padding-right: 90px;
}
.px-xl-5 {
padding-left: 120px;
padding-right: 120px;
}
.pl-xl-5 {
padding-left: 120px;
}
.pr-xl-5 {
padding-right: 120px;
}
}
.border {
border: 1px solid var(--color-primary);
}
.border-none {
border: none;
}
.border-top {
border-top: 1px solid var(--color-primary);
}
.border-bottom {
border-bottom: 1px solid var(--color-primary);
}
.border-left {
border-left: 1px solid var(--color-primary);
}
.border-right {
border-right: 1px solid var(--color-primary);
}
.text-capitalize {
text-transform: capitalize;
}
.text-uppercase {
text-transform: uppercase;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
} @media screen and (min-width: 375px) {
.text-xs-capitalize {
text-transform: capitalize;
}
.text-xs-uppercase {
text-transform: uppercase;
}
.text-xs-left {
text-align: left;
}
.text-xs-center {
text-align: center;
}
.text-xs-right {
text-align: right;
}
}
@media screen and (min-width: 768px) {
.text-sm-capitalize {
text-transform: capitalize;
}
.text-sm-uppercase {
text-transform: uppercase;
}
.text-sm-left {
text-align: left;
}
.text-sm-center {
text-align: center;
}
.text-sm-right {
text-align: right;
}
}
@media screen and (min-width: 992px) {
.text-md-capitalize {
text-transform: capitalize;
}
.text-md-uppercase {
text-transform: uppercase;
}
.text-md-left {
text-align: left;
}
.text-md-center {
text-align: center;
}
.text-md-right {
text-align: right;
}
}
@media screen and (min-width: 1200px) {
.text-lg-capitalize {
text-transform: capitalize;
}
.text-lg-uppercase {
text-transform: uppercase;
}
.text-lg-left {
text-align: left;
}
.text-lg-center {
text-align: center;
}
.text-lg-right {
text-align: right;
}
}
@media screen and (min-width: 1980px) {
.text-xl-capitalize {
text-transform: capitalize;
}
.text-xl-uppercase {
text-transform: uppercase;
}
.text-xl-left {
text-align: left;
}
.text-xl-center {
text-align: center;
}
.text-xl-right {
text-align: right;
}
}
.display-none {
display: none;
}
.display-flex, .fx {
display: flex;
}
.display-block {
display: block;
}
.display-inline-block {
display: inline-block;
}
.display-inline {
display: inline;
}
@media screen and (min-width: 375px) {
.display-none-xs {
display: none;
}
.display-flex-xs, .fx-xs {
display: flex;
}
.display-block-xs {
display: block;
}
.display-inline-block-xs {
display: inline-block;
}
.display-inline-xs {
display: inline;
}
}
@media screen and (min-width: 768px) {
.display-none-sm {
display: none;
}
.display-flex-sm, .fx-sm {
display: flex;
}
.display-block-sm {
display: block;
}
.display-inline-block-sm {
display: inline-block;
}
.display-inline-sm {
display: inline;
}
}
@media screen and (min-width: 992px) {
.display-none-md {
display: none;
}
.display-flex-md, .fx-md {
display: flex;
}
.display-block-md {
display: block;
}
.display-inline-block-md {
display: inline-block;
}
.display-inline-md {
display: inline;
}
}
@media screen and (min-width: 1200px) {
.display-none-lg {
display: none;
}
.display-flex-lg, .fx-lg {
display: flex;
}
.display-block-lg {
display: block;
}
.display-inline-block-lg {
display: inline-block;
}
.display-inline-lg {
display: inline;
}
}
@media screen and (min-width: 1980px) {
.display-none-xl {
display: none;
}
.display-flex-xl, .fx-xl {
display: flex;
}
.display-block-xl {
display: block;
}
.display-inline-block-xl {
display: inline-block;
}
.display-inline-xl {
display: inline;
}
}
.w-10 {
width: 10%;
}
.w-max-10 {
max-width: 10%;
}
.w-min-10 {
min-width: 10%;
}
.w-20 {
width: 20%;
}
.w-max-20 {
max-width: 20%;
}
.w-min-20 {
min-width: 20%;
}
.w-25 {
width: 25%;
}
.w-max-25 {
max-width: 25%;
}
.w-min-25 {
min-width: 25%;
}
.w-33 {
width: 33.33%;
}
.w-max-33 {
max-width: 33.33%;
}
.w-min-33 {
min-width: 33.33%;
}
.w-50 {
width: 50%;
}
.w-max-50 {
max-width: 50%;
}
.w-min-50 {
min-width: 50%;
}
.w-66 {
width: 66.66%;
}
.w-max-66 {
max-width: 66.66%;
}
.w-min-66 {
min-width: 66.66%;
}
.w-75 {
width: 75%;
}
.w-max-75 {
max-width: 75%;
}
.w-min-75 {
min-width: 75%;
}
.w-90 {
width: 90%;
}
.w-max-90 {
max-width: 90%;
}
.w-min-90 {
min-width: 90%;
}
.w-100 {
width: 100%;
}
.w-max-100 {
max-width: 100%;
}
.w-min-100 {
min-width: 100%;
}
@media screen and (min-width: 375px) {
.w-xs-10 {
width: 10%;
}
.w-max-xs-10 {
max-width: 10%;
}
.w-min-xs-10 {
min-width: 10%;
}
.w-xs-20 {
width: 20%;
}
.w-max-xs-20 {
max-width: 20%;
}
.w-min-xs-20 {
min-width: 20%;
}
.w-xs-25 {
width: 25%;
}
.w-max-xs-25 {
max-width: 25%;
}
.w-min-xs-25 {
min-width: 25%;
}
.w-xs-33 {
width: 33.33%;
}
.w-max-xs-33 {
max-width: 33.33%;
}
.w-min-xs-33 {
min-width: 33.33%;
}
.w-xs-50 {
width: 50%;
}
.w-max-xs-50 {
max-width: 50%;
}
.w-min-xs-50 {
min-width: 50%;
}
.w-xs-66 {
width: 66.66%;
}
.w-max-xs-66 {
max-width: 66.66%;
}
.w-min-xs-66 {
min-width: 66.66%;
}
.w-xs-75 {
width: 75%;
}
.w-max-xs-75 {
max-width: 75%;
}
.w-min-xs-75 {
min-width: 75%;
}
.w-xs-90 {
width: 90%;
}
.w-max-xs-90 {
max-width: 90%;
}
.w-min-xs-90 {
min-width: 90%;
}
.w-xs-100 {
width: 100%;
}
.w-max-xs-100 {
max-width: 100%;
}
.w-min-xs-100 {
min-width: 100%;
}
}
@media screen and (min-width: 768px) {
.w-sm-10 {
width: 10%;
}
.w-max-sm-10 {
max-width: 10%;
}
.w-min-sm-10 {
min-width: 10%;
}
.w-sm-20 {
width: 20%;
}
.w-max-sm-20 {
max-width: 20%;
}
.w-min-sm-20 {
min-width: 20%;
}
.w-sm-25 {
width: 25%;
}
.w-max-sm-25 {
max-width: 25%;
}
.w-min-sm-25 {
min-width: 25%;
}
.w-sm-33 {
width: 33.33%;
}
.w-max-sm-33 {
max-width: 33.33%;
}
.w-min-sm-33 {
min-width: 33.33%;
}
.w-sm-50 {
width: 50%;
}
.w-max-sm-50 {
max-width: 50%;
}
.w-min-sm-50 {
min-width: 50%;
}
.w-sm-66 {
width: 66.66%;
}
.w-max-sm-66 {
max-width: 66.66%;
}
.w-min-sm-66 {
min-width: 66.66%;
}
.w-sm-75 {
width: 75%;
}
.w-max-sm-75 {
max-width: 75%;
}
.w-min-sm-75 {
min-width: 75%;
}
.w-sm-90 {
width: 90%;
}
.w-max-sm-90 {
max-width: 90%;
}
.w-min-sm-90 {
min-width: 90%;
}
.w-sm-100 {
width: 100%;
}
.w-max-sm-100 {
max-width: 100%;
}
.w-min-sm-100 {
min-width: 100%;
}
}
@media screen and (min-width: 992px) {
.w-md-10 {
width: 10%;
}
.w-max-md-10 {
max-width: 10%;
}
.w-min-md-10 {
min-width: 10%;
}
.w-md-20 {
width: 20%;
}
.w-max-md-20 {
max-width: 20%;
}
.w-min-md-20 {
min-width: 20%;
}
.w-md-25 {
width: 25%;
}
.w-max-md-25 {
max-width: 25%;
}
.w-min-md-25 {
min-width: 25%;
}
.w-md-33 {
width: 33.33%;
}
.w-max-md-33 {
max-width: 33.33%;
}
.w-min-md-33 {
min-width: 33.33%;
}
.w-md-50 {
width: 50%;
}
.w-max-md-50 {
max-width: 50%;
}
.w-min-md-50 {
min-width: 50%;
}
.w-md-66 {
width: 66.66%;
}
.w-max-md-66 {
max-width: 66.66%;
}
.w-min-md-66 {
min-width: 66.66%;
}
.w-md-75 {
width: 75%;
}
.w-max-md-75 {
max-width: 75%;
}
.w-min-md-75 {
min-width: 75%;
}
.w-md-90 {
width: 90%;
}
.w-max-md-90 {
max-width: 90%;
}
.w-min-md-90 {
min-width: 90%;
}
.w-md-100 {
width: 100%;
}
.w-max-md-100 {
max-width: 100%;
}
.w-min-md-100 {
min-width: 100%;
}
}
@media screen and (min-width: 1200px) {
.w-lg-10 {
width: 10%;
}
.w-max-lg-10 {
max-width: 10%;
}
.w-min-lg-10 {
min-width: 10%;
}
.w-lg-20 {
width: 20%;
}
.w-max-lg-20 {
max-width: 20%;
}
.w-min-lg-20 {
min-width: 20%;
}
.w-lg-25 {
width: 25%;
}
.w-max-lg-25 {
max-width: 25%;
}
.w-min-lg-25 {
min-width: 25%;
}
.w-lg-33 {
width: 33.33%;
}
.w-max-lg-33 {
max-width: 33.33%;
}
.w-min-lg-33 {
min-width: 33.33%;
}
.w-lg-50 {
width: 50%;
}
.w-max-lg-50 {
max-width: 50%;
}
.w-min-lg-50 {
min-width: 50%;
}
.w-lg-66 {
width: 66.66%;
}
.w-max-lg-66 {
max-width: 66.66%;
}
.w-min-lg-66 {
min-width: 66.66%;
}
.w-lg-75 {
width: 75%;
}
.w-max-lg-75 {
max-width: 75%;
}
.w-min-lg-75 {
min-width: 75%;
}
.w-lg-90 {
width: 90%;
}
.w-max-lg-90 {
max-width: 90%;
}
.w-min-lg-90 {
min-width: 90%;
}
.w-lg-100 {
width: 100%;
}
.w-max-lg-100 {
max-width: 100%;
}
.w-min-lg-100 {
min-width: 100%;
}
}
@media screen and (min-width: 1980px) {
.w-xl-10 {
width: 10%;
}
.w-max-xl-10 {
max-width: 10%;
}
.w-min-xl-10 {
min-width: 10%;
}
.w-xl-20 {
width: 20%;
}
.w-max-xl-20 {
max-width: 20%;
}
.w-min-xl-20 {
min-width: 20%;
}
.w-xl-25 {
width: 25%;
}
.w-max-xl-25 {
max-width: 25%;
}
.w-min-xl-25 {
min-width: 25%;
}
.w-xl-33 {
width: 33.33%;
}
.w-max-xl-33 {
max-width: 33.33%;
}
.w-min-xl-33 {
min-width: 33.33%;
}
.w-xl-50 {
width: 50%;
}
.w-max-xl-50 {
max-width: 50%;
}
.w-min-xl-50 {
min-width: 50%;
}
.w-xl-66 {
width: 66.66%;
}
.w-max-xl-66 {
max-width: 66.66%;
}
.w-min-xl-66 {
min-width: 66.66%;
}
.w-xl-75 {
width: 75%;
}
.w-max-xl-75 {
max-width: 75%;
}
.w-min-xl-75 {
min-width: 75%;
}
.w-xl-90 {
width: 90%;
}
.w-max-xl-90 {
max-width: 90%;
}
.w-min-xl-90 {
min-width: 90%;
}
.w-xl-100 {
width: 100%;
}
.w-max-xl-100 {
max-width: 100%;
}
.w-min-xl-100 {
min-width: 100%;
}
}
.of-cover {
object-fit: cover;
}
.of-contain {
object-fit: contain;
}
.of-fill {
object-fit: fill;
}
@media screen and (min-width: 375px) {
.of-xs-cover {
object-fit: cover;
}
.of-xs-contain {
object-fit: contain;
}
.of-xs-fill {
object-fit: fill;
}
}
@media screen and (min-width: 768px) {
.of-sm-cover {
object-fit: cover;
}
.of-sm-contain {
object-fit: contain;
}
.of-sm-fill {
object-fit: fill;
}
}
@media screen and (min-width: 992px) {
.of-md-cover {
object-fit: cover;
}
.of-md-contain {
object-fit: contain;
}
.of-md-fill {
object-fit: fill;
}
}
@media screen and (min-width: 1200px) {
.of-lg-cover {
object-fit: cover;
}
.of-lg-contain {
object-fit: contain;
}
.of-lg-fill {
object-fit: fill;
}
}
@media screen and (min-width: 1980px) {
.of-xl-cover {
object-fit: cover;
}
.of-xl-contain {
object-fit: contain;
}
.of-xl-fill {
object-fit: fill;
}
}
.pos-rel {
position: relative;
}
.pos-abs {
position: absolute;
}
.no-events {
pointer-events: none;
}
.pos-sticky {
position: sticky;
top: 60px;
}
.center-absolute {
width: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.abs-l-0 {
left: 0;
}
.abs-r-0 {
right: 0;
}
.abs-t-0 {
top: 0;
}
.abs-b-0 {
bottom: 0;
}
@media screen and (min-width: 375px) {
.pos-rel-xs {
position: relative;
}
.pos-sticky-xs {
position: sticky;
}
.pos-abs-xs {
position: absolute;
}
.abs-l-xs-0 {
left: 0;
}
.abs-r-xs-0 {
right: 0;
}
.abs-t-xs-0 {
top: 0;
}
.abs-b-xs-0 {
bottom: 0;
}
}
@media screen and (min-width: 768px) {
.pos-rel-sm {
position: relative;
}
.pos-sticky-sm {
position: sticky;
}
.pos-abs-sm {
position: absolute;
}
.abs-l-sm-0 {
left: 0;
}
.abs-r-sm-0 {
right: 0;
}
.abs-t-sm-0 {
top: 0;
}
.abs-b-sm-0 {
bottom: 0;
}
}
@media screen and (min-width: 992px) {
.pos-rel-md {
position: relative;
}
.pos-sticky-md {
position: sticky;
}
.pos-abs-md {
position: absolute;
}
.abs-l-md-0 {
left: 0;
}
.abs-r-md-0 {
right: 0;
}
.abs-t-md-0 {
top: 0;
}
.abs-b-md-0 {
bottom: 0;
}
}
@media screen and (min-width: 1200px) {
.pos-rel-lg {
position: relative;
}
.pos-sticky-lg {
position: sticky;
}
.pos-abs-lg {
position: absolute;
}
.abs-l-lg-0 {
left: 0;
}
.abs-r-lg-0 {
right: 0;
}
.abs-t-lg-0 {
top: 0;
}
.abs-b-lg-0 {
bottom: 0;
}
}
@media screen and (min-width: 1980px) {
.pos-rel-xl {
position: relative;
}
.pos-sticky-xl {
position: sticky;
}
.pos-abs-xl {
position: absolute;
}
.abs-l-xl-0 {
left: 0;
}
.abs-r-xl-0 {
right: 0;
}
.abs-t-xl-0 {
top: 0;
}
.abs-b-xl-0 {
bottom: 0;
}
}
[class*="pos-sticky"] {
top: 60px;
}
[class*="z-i-back"] {
z-index: -1 !important;
}
[class*="z-i-front"] {
z-index: 1 !important;
}
[class*="z-i-front-2"] {
z-index: 2 !important;
}
header.header {
z-index: 150;
height: var(--navtop);
position: fixed;
display: flex;
padding: 0 var(--hpd);
background: #fff;
width: 100%;
transition: 300ms ease-out;
}
header.header.has-scrolled {
height: calc(var(--navtop) - 35px);
transition: 300ms ease-out;
}
header.header .header-logo {
z-index: 120;
top: 6px;
width: auto;
height: calc(var(--navtop) / 2);
display: flex;
align-items: center;
justify-content: center;
}
header.header .header-logo img, header.header .header-logo a {
width: 100%;
height: 100%;
display: flex;
align-items: center;
object-fit: contain;
}
header.header .menu-content {
position: fixed;
top: 0;
width: 100%;
height: 100%;
justify-content: center;
background: #fff;
left: 0;
opacity: 0;
pointer-events: none;
transition: 300ms ease;
}
header.header .menu-content.visible {
opacity: 1;
pointer-events: all;
transition: 300ms ease;
}
header.header .menu-content a {
margin-bottom: 25px;
}
@media screen and (min-width: 992px) {
header.header .menu-content {
position: initial;
top: 0;
width: 100%;
height: 100%;
justify-content: flex-end;
background: transparent;
opacity: 1;
pointer-events: all;
transition: none;
}
header.header .menu-content a {
margin-bottom: 0;
margin-left: 20px;
}
}
.header-mobile-nav {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: var(--navmobile);
display: flex;
background-color: #fff;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
z-index: 200;
}
.header-mobile-nav .header-mobile-nav-actions {
display: flex;
flex: 1;
align-items: center;
}
.header-mobile-nav .header-mobile-nav-actions a {
display: flex;
align-items: center;
justify-content: center;
width: calc(var(--navmobile) / 2);
height: calc(var(--navmobile) / 2);
border-radius: calc(var(--navmobile) / 2);
border: 1px solid var(--red);
margin-left: 25px;
}
.header-mobile-nav .header-mobile-nav-actions a img {
width: calc(var(--navmobile) / 5);
height: auto;
}
.header-mobile-nav .burger {
display: flex;
justify-content: center;
align-items: center;
flex-flow: column;
width: 80px;
cursor: pointer;
z-index: 50;
}
.header-mobile-nav .burger span {
position: relative;
width: 26px;
height: 2px;
background: var(--red);
transition: 250ms 100ms ease;
transform: rotate(0);
}
.header-mobile-nav .burger span:first-of-type {
transform: rotate(0);
}
.header-mobile-nav .burger span:nth-of-type(2) {
opacity: 0;
transition: 300ms;
transition-delay: 200ms;
transform: translateX(0);
}
.header-mobile-nav .burger span:last-of-type {
top: 6px;
transform: rotate(0);
}
.header-mobile-nav .burger.open span:first-of-type {
transform: rotate(45deg);
top: 1px;
}
.header-mobile-nav .burger.open span:nth-of-type(2) {
opacity: 0;
transition: 300ms;
transition-delay: 0;
transform: translateX(40px);
}
.header-mobile-nav .burger.open span:last-of-type {
transform: rotate(-45deg);
top: -3px;
}
@media screen and (min-width: 992px) {
.header-mobile-nav {
display: none;
}
header.header {
padding: 0 var(--hpd);
}
header.header .header-logo {
width: 25vw;
z-index: 120;
top: 0;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
header.header .header-logo img {
width: auto;
height: 70px;
transform: translate(50px, 20px);
transition: 300ms ease-out;
}
header.header .menu-content {
width: 100%;
justify-content: center;
}
header.header .menu-content a {
margin-left: 0;
margin-right: 35px;
}
header.header.has-scrolled {
height: calc(var(--navtop) - 35px);
transition: 300ms ease-out;
}
header.header.has-scrolled .header-logo img {
height: 50px;
transform: translate(50px, 0px);
transition: 300ms ease-out;
}
}
#tarteaucitronIcon {
display: none !important;
}
footer {
padding-bottom: var(--navmobile);
}
footer .footer-cols {
border-top: 1px solid var(--light-grey);
}
footer .footer-cols .footer-col {
margin: 20px 0;
}
footer .footer-cols .footer-col:first-of-type {
text-align: center;
padding: 25px 0;
}
footer .footer-cols .footer-col:first-of-type img {
width: 125px;
height: auto;
}
footer .footer-cols .footer-col h4 {
margin: 25px 0;
}
footer .footer-cols .footer-col ul {
padding: 0;
list-style: none;
}
footer .footer-cols .footer-col ul li {
margin: 0 0 5px 0;
}
footer hr {
border-color: var(--blue);
opacity: 0.1;
margin-bottom: 50px;
}
footer .footer-copyright .footer-copyright-1 {
margin-bottom: 25px;
}
footer .footer-copyright .footer-copyright-1 p, footer .footer-copyright .footer-copyright-1 p a {
font-size: 12px;
line-height: 14px;
font-weight: 300;
}
footer .footer-copyright .footer-copyright-1 img {
width: 60px;
}
footer .footer-copyright .footer-copyright-2 {
margin-bottom: 25px;
}
footer .footer-copyright .footer-copyright-2 p {
font-size: 12px;
line-height: 14px;
color: var(--blue);
opacity: 0.3;
}
@media screen and (min-width: 992px) {
footer {
padding-bottom: 50px;
}
footer .footer-cols {
display: flex;
flex-direction: row;
border-top: none;
margin-bottom: 25px;
}
footer .footer-cols .footer-col:nth-child(1) {
flex: 0 0 30%;
text-align: left;
}
footer .footer-cols .footer-col:nth-child(2), footer .footer-cols .footer-col:nth-child(3) {
flex: 0 0 25%;
}
footer .footer-cols .footer-col ul li {
padding: 0;
}
footer .footer-cols .footer-col p {
margin: 0 0 10px 0;
}
footer .footer-cols .footer-col .btn {
width: 200px;
margin-bottom: 0;
}
footer .footer-cols .footer-col .btn:nth-child(1) {
margin-bottom: 10px;
}
footer .footer-copyright .footer-copyright-1 {
display: flex;
}
footer .footer-copyright .footer-copyright-1 p {
margin-bottom: 0;
}
footer .footer-copyright .footer-copyright-1 p:nth-child(1) {
margin-right: 25px;
}
footer .footer-copyright .footer-copyright-1 p:nth-child(3) {
flex: 1;
text-align: right;
}
footer .footer-copyright .footer-copyright-2 {
margin-bottom: 0;
}
footer .footer-copyright .footer-copyright-2 p {
margin-bottom: 0;
}
}
#main {
min-height: calc(100vh - var(--navtop) - var(--footer));
padding-left: 0;
padding-right: 0;
}
body {
color: var(--primary);
}
.has-container {
max-width: var(--container);
}
.has-container-md {
max-width: var(--container-md);
}
.has-container-lg {
max-width: var(--container-lg);
}
.has-container-sm {
max-width: var(--container-sm);
}
.ml-auto {
margin-left: auto;
}
.mr-auto {
margin-right: auto;
}
.ml-unset {
margin-left: unset;
}
.mr-unset {
margin-right: unset;
}
img.is-bg-img {
object-fit: cover;
width: 100%;
height: 100%;
}
[class*="und-md-"] {
position: relative;
}
[class*="und-md-"]::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 1;
background-color: var(--blue);
width: 100%;
height: 1px;
top: 50%;
transform: translateY(-50%);
opacity: 0.15;
transform-origin: left;
transition: 500ms ease;
}
[class*="und-md-"].und-md-white::after {
background-color: #fff;
}
[class*="und-md-"] h1, [class*="und-md-"] h2, [class*="und-md-"] h3, [class*="und-md-"] h4, [class*="und-md-"] h5, [class*="und-md-"] h6, [class*="und-md-"] div, [class*="und-md-"] p {
font-family: var(--font);
padding-right: 15px;
position: relative;
z-index: 9;
width: fit-content;
}
[class*="und-md-"] *:not([class*="bg-"]) {
background: #fff;
}
.btn {
padding: 15px 22px;
border-radius: 100px;
font-weight: 400;
}
.btn[class*="outline"] {
border: 1px solid;
}
.btn[class*="outline"].outline-white {
border-color: #fff;
}
.btn[class*="outline"].outline-red {
border-color: var(--red);
color: var(--red);
}
a, .btn, input[type="submit"] {
cursor: pointer;
}
ul {
list-style-type: initial;
padding-left: 15px;
}
ul li {
position: relative;
margin: 1.7vh 0;
}
ul li::marker {
font-size: 100%;
color: var(--red);
}
@media screen and (min-width: 992px) {
.offset-md-right {
transform: translateX(16vw);
}
ul {
list-style-type: initial;
padding-left: 20px;
}
ul li {
position: relative;
padding-left: 25px;
width: calc(100% - 25px);
margin: 1.7vh 0;
}
ul li::marker {
font-size: 120%;
color: var(--red);
}
}
@media screen and (min-width: 992px) {
.subheader {
margin-left: 50px;
margin-right: 50px;
}
}
#qui-sommes-nous img, [class*="c-section"] img {
width: 100%;
height: 100%;
object-fit: cover;
}
img.portrait {
max-width: 260px;
}
.c-section-title {
min-height: 800px;
position: relative;
padding-top: var(--navtop);
height: calc(100vh - var(--navmobile));
}
.c-section-title .alytis-block-page-wrapper {
height: 100%;
}
.c-section-title .alytis-block-page-title-text {
background-color: rgba(4, 68, 72, 0.7);
height: 100%;
justify-content: center;
visibility: hidden;
}
.c-section-title .alytis-block-page-title-text h1 {
color: #fff;
margin: 0 0 50px 0;
}
.c-section-title .alytis-block-page-title-text p {
color: #fff;
font-size: 14px;
line-height: 20px;
}
.c-section-title .alytis-block-page-title-image {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
}
.c-section-title .alytis-block-page-title-image .is-bg-img-desktop {
display: none;
}
.c-section-title .alytis-block-page-title-scroll {
position: absolute;
z-index: 99;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
display: flex;
flex-direction: column;
align-items: center;
-webkit-animation: scrollupdown 1s both infinite;
}
.c-section-title .alytis-block-page-title-scroll img {
width: 18px;
height: auto;
}
.c-section-title .alytis-block-page-title-scroll span {
font-size: 10px;
line-height: 10px;
color: #fff;
margin-left: 2px;
transform: rotate(-90deg) translateX(20px);
}
@media screen and (min-width: 992px) {
.c-section-title {
height: 100vh;
padding: 0 var(--hpd);
}
.c-section-title .alytis-block-page-wrapper {
height: auto;
align-items: flex-end;
max-width: calc((100vw / 2) - (var(--hpd) * 2));
}
.c-section-title .alytis-block-page-title-image {
width: 75vw;
right: 0;
left: unset;
}
.c-section-title .alytis-block-page-title-image:before {
content: '';
background-color: rgba(4, 68, 72, 0.3);
height: 100%;
position: absolute;
width: 75vw;
right: 0;
top: 0;
bottom: 0;
}
.c-section-title .alytis-block-page-title-image .is-bg-img-mobile {
display: none;
}
.c-section-title .alytis-block-page-title-image .is-bg-img-desktop {
display: block;
}
.c-section-title .alytis-block-page-title-text {
background-color: #fff;
height: auto;
padding: 50px;
width: 100%;
max-width: 40vw;
}
.c-section-title .alytis-block-page-title-text h1 {
color: var(--blue);
margin: 0 0 25px 0;
}
.c-section-title .alytis-block-page-title-text p {
color: var(--blue);
font-size: 20px;
line-height: 26px;
margin-bottom: 0;
}
}
#qui-sommes-nous .text-container {
background-size: 200px auto;
background-position: right 50px center;
}
@media screen and (min-width: 992px) {
#qui-sommes-nous .text-container {
max-width: 1100px;
margin: 0 auto;
background-size: 200px auto;
background-position: right 50px center;
}
}
.c-section-carousel .owl-nav {
left: 0;
transition: all 100ms;
display: flex;
flex-direction: row;
gap: 10px;
margin-top: 30px;
}
.c-section-carousel .owl-nav button {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
font-size: 40px;
border: 1px solid var(--red);
border-radius: 1000px;
color: var(--red);
background: transparent;
}
.c-section-carousel .owl-nav button img {
width: 15px;
height: auto;
}
.c-section-carousel .owl-nav button:hover {
background: transparent;
color: var(--red);
}
.c-section-carousel .owl-nav button:active.owl-prev {
transform: translateX(-3px);
}
.c-section-carousel .owl-nav button:active.owl-next {
transform: translateX(3px);
}
.c-section-carousel .owl-carousel {
max-height: 700px;
}
.c-section-carousel .owl-carousel .owl-stage-outer, .c-section-carousel .owl-carousel .owl-stage, .c-section-carousel .owl-carousel .owl-item {
height: 100%;
}
.c-section-carousel .owl-carousel .owl-item {
height: 540px;
}
.c-section-carousel .owl-carousel .owl-item .slide {
height: 100%;
}
.c-section-carousel .owl-carousel .owl-item .slide::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 1;
background: #072645ad;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
mix-blend-mode: multiply;
}
.c-section-carousel .owl-carousel .owl-item .text {
z-index: 2;
top: 50%;
left: 25px;
right: 25px;
transform: translateY(-50%);
color: #fff;
}
.c-section-carousel .owl-carousel .owl-item .text h4 {
font-size: 30px;
color: #fff;
margin-bottom: 25px;
}
.c-section-carousel .owl-carousel .owl-dots {
display: flex;
margin-top: 50px;
width: calc(100% - 15px);
}
.c-section-carousel .owl-carousel .owl-dots .owl-dot {
flex: 1;
}
.c-section-carousel .owl-carousel .owl-dots .owl-dot span {
width: 100%;
height: 2px;
background-color: var(--blue);
opacity: 0.15;
margin: 0;
}
.c-section-carousel .owl-carousel .owl-dots .owl-dot.active span {
background-color: var(--red);
opacity: 1;
}
@media screen and (min-width: 992px) {
.c-section-carousel {
position: relative;
}
.c-section-carousel .carousel-wrapper {
position: relative;
}
.c-section-carousel .carousel-wrapper .owl-carousel {
position: inherit;
}
.c-section-carousel .carousel-wrapper .owl-carousel .owl-nav {
top: 33%;
left: var(--hpd);
}
.c-section-carousel .carousel-wrapper .w-md-33 {
margin-left: 50px;
}
}
.c-section-list .row-item {
gap: var(--gap);
}
.c-section-list .row-item:not(:last-of-type) {
margin-bottom: 50px;
}
.c-section-list .row-item > div {
gap: 10px;
align-items: flex-start;
}
.c-section-list .row-item > div .title {
font-family: var(--h-font);
font-size: 25px;
line-height: 30px;
}
.c-section-list .row-item > div .number {
display: flex;
align-items: flex-start;
justify-content: center;
color: var(--red);
font-size: 18px;
margin-top: 3px;
}
.c-section-list .row-item ul {
padding: 0 0 0 20px;
}
.c-section-list .row-item ul li {
padding: 0 0 0 10px;
font-size: 18px;
line-height: 22px;
}
@media screen and (min-width: 992px) {
.c-section-list .c-section-list-wrapper {
margin-left: 50px;
}
.c-section-list .btn {
margin-left: 50px;
}
}
.c-section-one-column {
position: relative;
}
.c-section-one-column .wrapper {
display: flex;
flex-flow: column;
}
.c-section-one-column h3, .c-section-one-column h4 {
font-size: calc(25px + .15vw);
line-height: calc(30px + .15vw);
margin: 50px 0 25px 0;
}
.c-section-one-column#solutions-mesure .img-wr {
display: none;
}
.c-section-one-column#solutions-mesure .und-md-white::after {
background-color: var(--blue);
}
.c-section-one-column#solutions-mesure h2 {
background: white;
color: var(--blue);
}
.c-section-one-column.block_1 {
color: #fff;
}
.c-section-one-column.block_1::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 1;
left: 0;
width: 100%;
height: 100%;
background: var(--blue);
z-index: -1;
}
.c-section-one-column.block_1 .wrapper {
padding: 0;
gap: var(--gap);
}
.c-section-one-column.block_1 .wrapper > div {
width: 100%;
}
.c-section-one-column.block_1 ul li::marker {
color: #fff;
}
.c-section-one-column.block_1 .btn {
color: #fff;
border-color: #fff;
}
@media screen and (min-width: 992px) {
.c-section-one-column.block_1 [class*="und-md"] {
margin-bottom: calc(var(--vpd) * 1.5);
}
.c-section-one-column.block_1::before {
width: 80%;
max-height: calc(100vh + 100px);
top: 0;
z-index: 1;
}
.c-section-one-column.block_1 .wrapper {
flex-flow: row;
z-index: 2;
}
.c-section-one-column.block_1 .wrapper > div {
width: 50%;
}
.c-section-one-column.block_1 .wrapper .img-wr {
margin-top: 30vh;
}
.c-section-one-column.block_1 .subheader {
margin: 0 0 50px 50px;
}
.c-section-one-column.block_1 .img-wr {
z-index: 3;
}
.c-section-one-column.block_1 p {
margin: 0 0 25px 50px;
}
.c-section-one-column.block_1 h3 {
margin: 0 0 25px 50px;
}
.c-section-one-column.block_1 h4 {
margin: 0 0 25px 50px;
}
.c-section-one-column.block_1 ul {
margin: 0 0 25px 50px;
}
.c-section-one-column.block_1 .btn {
margin: 0 0 0 50px;
}
.c-section-one-column.block_1 .c-section-one-column-text {
z-index: 10;
}
}
.c-section-one-column.block_2 [class*="und-md-"] h2 {
background: white;
color: var(--blue);
}
.c-section-one-column.block_2 [class*="und-md-"]::after {
background: var(--blue);
}
.c-section-one-column.block_2 .wrapper {
display: flex;
}
.c-section-one-column.block_2 .wrapper > div:nth-of-type(2) {
padding: var(--hpd);
}
.c-section-one-column.block_2 .wrapper .img-wr {
order: 1;
}
@media screen and (min-width: 992px) {
.c-section-one-column.block_2 .wrapper {
flex-flow: row;
}
.c-section-one-column.block_2 .wrapper .subheader {
margin: 0 0 50px 0;
}
.c-section-one-column.block_2 .wrapper > div {
width: 50%;
}
.c-section-one-column.block_2 .wrapper .c-section-one-column-text {
order: 2;
padding: 0 var(--hpd) var(--vpd) var(--hpd) !important;
}
.c-section-one-column.block_2 .wrapper .c-section-one-column-text p {
margin: 0 0 25px 0;
}
.c-section-one-column.block_2 .wrapper .c-section-one-column-text h3 {
margin: 0 0 25px 0;
}
.c-section-one-column.block_2 .wrapper .c-section-one-column-text h4 {
margin: 0 0 25px 0;
}
.c-section-one-column.block_2 .wrapper .c-section-one-column-text .btn {
margin-bottom: 0;
}
.c-section-one-column.block_2 .wrapper .img-wr {
order: 1;
}
}
.c-section-two-columns.block_1 {
background: var(--light-grey);
}
.c-section-two-columns.block_1 .wrapper {
margin: 0 auto;
position: relative;
z-index: 10;
padding: var(--hpd);
}
.c-section-two-columns.block_1 .wrapper h3, .c-section-two-columns.block_1 .wrapper h4 {
margin-bottom: 25px;
}
.c-section-two-columns.block_1 .wrapper h4 {
margin-top: 50px;
}
.c-section-two-columns.block_1 .img-wr {
aspect-ratio: 1;
display: flex;
}
.c-section-two-columns.block_1 .img-wr img {
object-fit: cover;
}
@media screen and (min-width: 992px) {
.c-section-two-columns.block_1 {
background: #fff;
margin-top: 50px;
}
.c-section-two-columns.block_1 .wrapper {
width: calc(100% - var(--hpd));
margin: 0 auto;
background: var(--light-grey);
}
.c-section-two-columns.block_1 .wrapper .subheader {
margin: 0 0 25px 0;
}
.c-section-two-columns.block_1 .wrapper .columns {
gap: var(--gap);
display: flex;
}
.c-section-two-columns.block_1 .wrapper .columns > div {
width: 50%;
}
.c-section-two-columns.block_1 .wrapper .btn {
margin-bottom: 0;
}
.c-section-two-columns.block_1 .img-wr {
transform: translateY(-50px);
aspect-ratio: unset;
}
}
.c-section-two-columns.block_2 {
background: var(--green);
color: #fff;
}
.c-section-two-columns.block_2 ul li::marker {
color: #fff;
}
.c-section-two-columns.block_2 .btn {
border-color: #fff;
color: #fff;
}
.c-section-two-columns.block_2 [class*="und-md-"] h2 {
background: var(--green);
color: #fff;
}
.c-section-two-columns.block_2 [class*="und-md-"]::after {
background: #fff;
}
.c-section-two-columns.block_2 .wrapper {
padding: var(--vpd) var(--hpd);
}
.c-section-two-columns.block_2 .wrapper > div p > img {
display: none;
}
@media screen and (min-width: 992px) {
.c-section-two-columns.block_2 {
padding-bottom: 100px;
margin-bottom: 40vh;
}
.c-section-two-columns.block_2 .subheader {
margin: 0 0 50px 0;
}
.c-section-two-columns.block_2 .wrapper {
padding-bottom: 170px;
}
.c-section-two-columns.block_2 .columns {
gap: var(--gap);
display: flex;
position: relative;
}
.c-section-two-columns.block_2 .columns > div {
width: 50%;
}
.c-section-two-columns.block_2 .columns > div p > img {
display: block;
position: absolute;
left: 0;
width: calc(50% - var(--gap));
height: 60vh;
max-height: 720px;
}
.c-section-two-columns.block_2 .img-wr {
display: none;
}
.c-section-two-columns.block_2 .btn {
position: absolute;
left: calc(50vw + 50px);
}
}
.c-section-contact {
padding: 0 var(--hpd) var(--vpd);
}
.c-section-contact form input[type="text"], .c-section-contact form input[type="email"], .c-section-contact form input[type="tel"] {
border-bottom: 1px solid rgba(0, 35, 66, 0.1);
font-size: 16px;
line-height: 20px;
color: var(--blue);
margin-bottom: 10px;
width: 100%;
outline: none;
}
.c-section-contact form input::placeholder {
color: var(--blue);
font-size: 16px;
line-height: 20px;
color: var(--blue);
}
.c-section-contact form textarea {
border-bottom: 1px solid rgba(0, 35, 66, 0.1);
font-size: 16px;
line-height: 20px;
color: var(--blue);
margin-bottom: 10px;
width: 100%;
resize: none;
outline: none;
}
.c-section-contact form select {
border: 1px solid var(--blue);
background-image: url(//www.alytis-gestionprivee.fr/wp-content/uploads/icon-arrow-select.png) no-repeat;
background-position: right 15px center;
-webkit-appearance: none;
-moz-appearance: none;
width: 100%;
padding: 15px 40px 15px 15px;
border-radius: 25px;
color: var(--blue);
margin-bottom: 20px;
outline: none;
}
.c-section-contact form input[type="submit"] {
border: 1px solid var(--red);
color: var(--red);
}
.c-section-contact form p.h4 {
margin: 20px 0 10px 0;
font-weight: 700;
}
.c-section-contact form label {
display: block;
font-size: 16px;
line-height: 20px;
color: var(--blue);
}
.c-section-contact form span.wpcf7-not-valid-tip {
color: var(--red);
font-size: 12px;
line-height: 14px;
margin: 0;
}
.c-section-contact form .wpcf7-response-output {
position: fixed;
left: 0;
right: 0;
bottom: var(--navmobile);
margin: 0;
padding: 10px 15px;
border: none;
background-color: var(--red);
color: #fff;
font-size: 14px;
display: flex;
z-index: 99;
}
.c-section-contact form .wpcf7-response-output:after {
content: 'x';
}
@media screen and (min-width: 992px) {
.c-section-contact .wrapper {
display: flex;
}
.c-section-contact .wrapper h2 {
flex: 0 0 calc(50vw - 150px);
max-width: 500px;
padding-right: 5vw;
margin: 0;
}
.c-section-contact .wrapper form {
flex: 0 0 calc(50vw - 150px);
max-width: 500px;
}
.c-section-contact .wrapper form p {
margin: 0 0 25px 0;
}
.c-section-contact .wrapper form .wpcf7-response-output {
position: unset;
left: unset;
right: unset;
}
}
@media only screen and (max-width: 600px) {
img.portrait {
max-width: 150px !important;
}
}
#solutions-mesure p {
margin-bottom: 15px;
} #wcom_map, [class^="wcom_map_"] {
width: 100%;
height: 350px;
}
@-webkit-keyframes scrollupdown {
from {
transform: translateX(-50%) translateY(0);
}
to {
transform: translateX(-50%) translateY(-3px);
}
}