html > .main-container-prechoice { margin-top: -32px!important; }
.equipe.portfolio-wrapper{
width: 100%;
padding: 100px 0% 140px 15%;
}
.equipe.portfolio-wrapper h2{
margin-bottom: 100px;
}
.main-container-prechoice{
margin-top: 0px;
}
.main-container-prechoice {
width: 100vw;
height: 100vh;
top: 0!important;
background: #f4f8fb;
}
.nav-wrapper-prechoice {
display: block;
width: 100vw;
height: 100px;
min-height: 100px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-auto-columns: 1fr;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
border-bottom-left-radius: 25px;
border-bottom-right-radius: 25px;
background-image: -webkit-gradient(linear, left top, right top, from(#000), to(#063194));
background-image: linear-gradient(90deg, #000, #063194);
}
.nav-wrapper-prechoice .logo-nav-prechoice{
width: 35%!important;
float: left;
}
.logo-nav-prechoice {
left: 15%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
float: left;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.info-nav {
width: 35%;
right: 15%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
float: right;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
}
.langage-wrap {
display: inline-block;
float: left;
}
.french {
margin-right: 5px;
float: left;
}
.divid {
float: left;
}
.english {
margin-left: 5px;
float: left;
color: hsla(0, 0%, 100%, 0.7);
}
.text-block-4 {
height: auto;
margin-right: 20px;
padding-right: 0px;
float: left;
font-family: Anodina, sans-serif;
font-weight: 400;
}
.main-wrapper {
position: relative;
width: 100vw;
padding-right: 0px;
padding-bottom: 10vh;
}
.header-bienvenue {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
min-height: 235px;
float: left;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent;
}
.heading {
margin-top: 0px;
margin-bottom: 0px;
font-family: Anodina, sans-serif;
color: #0a3597;
font-size: 24px;
line-height: 130%;
font-weight: 400;
text-align: center;
}
.langage-wrap.prechoice a{
color: hsla(0, 0%, 100%, 0.7);
text-decoration: none;
}
.langage-wrap.prechoice a.active{
color: white;
}
.selector-wrapper {
position: static;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
float: left;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent;
}
.choice-bloc {
position: static;
left: 15%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 467px;
min-height: 287px;
margin-right: 10px;
padding: 0em;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
border-radius: 6px;
text-decoration: none;
}
.choice-bloc:hover {
box-shadow: 0 8px 20px -11px #b7c1da;
background-color: #fff;
transition-delay: .1s;
transition-duration: 200ms;
transition-timing-function: ease-in-out;
}
.choice-bloc .paragraph-prechoice{
transform: translateX(100%);
transition: 150ms;
}
.paragraph-prechoice.right{
transform: translateX(-100%);
transition: 150ms;
}
.choice-bloc:hover .paragraph-prechoice{
transform: translateX(0%);
transition-delay: .1s;
transition-duration: 200ms;
transition-timing-function: ease-in-out;
}
.choice-bloc .cursor{
transform-style: preserve-3d;
transform: translate3d(49%, 0px, 0px) rotate(0deg);
transition-delay: 0s;
transition-duration: 100ms;
transition-timing-function: ease-in-out;
}
.choice-bloc:hover .cursor{
background: white;
transition-delay: .1s;
transition-duration: 200ms;
transition-timing-function: ease-in-out;
transform: translate3d(0%, 0px, 0px);
}
.choice-bloc .cursor .arrow-icon{
opacity: 0.2;
transition-delay: 0s;
transition-duration: 100ms;
transition-timing-function: ease-in-out;
}
.choice-bloc:hover .cursor .arrow-icon{
opacity: 1;
transition-delay: .1s;
transition-duration: 200ms;
transition-timing-function: ease-in-out;
}
.choice-bloc.right .cursor .arrow-icon-right{
opacity: 0.2;
transition-delay: 0s;
transition-duration: 100ms;
transition-timing-function: ease-in-out;
}
.choice-bloc.right:hover .cursor .arrow-icon-right{
opacity: 1;
transition-delay: .1s;
transition-duration: 200ms;
transition-timing-function: ease-in-out;
}
.choice-bloc.right .cursor{
transform-style: preserve-3d;
transform: translate3d(-49%, 0px, 0px) rotate(0deg);
transform-style: preserve-3d;
}
.choice-bloc.right:hover .cursor{
background: white;
transition-delay: .1s;
transition-duration: 200ms;
transition-timing-function: ease-in-out;
transform: translate3d(0%, 0px, 0px);
}
.choice-bloc.right {
margin-left: 10px;
padding-left: 0px;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
border-radius: 6px;
}
.service-name {
position: relative;
right: 7%;
width: 83%;
margin-top: 0px;
padding-right: 0%;
float: none;
background-color: transparent;
font-family: Anodina, sans-serif;
color: #002374;
text-align: right;
text-decoration: none;
}
.service-name.right {
left: 7%;
right: auto;
width: 83%;
font-family: Anodina, sans-serif;
font-weight: 700;
text-align: left;
}
.cta-bloc {
position: relative;
right: auto;
width: 83%;
min-height: 50px;
margin-right: 7%;
padding-bottom: 0px;
float: none;
background-color: transparent;
}
.cta-bloc.right {
left: 0%;
right: auto;
width: 83%;
margin-right: 0%;
margin-left: 7%;
}
.equipe .text-block-5 {
position: absolute;
left: auto;
right: 0px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 40px;
margin-top: 5px;
padding: 0px 46px;
float: right;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 6px;
background-color: #063090;
background-image: linear-gradient(76deg, #062f8f, #2150b9 99%, #fff);
box-shadow: 0 7px 18px -5px rgba(38, 69, 156, 0.53);
-webkit-transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease;
font-family: Anodina, sans-serif;
color: #fff;
font-size: 18px;
font-weight: 300;
letter-spacing: 2px;
text-decoration: none;
}
.equipe .text-block-5:hover {
box-shadow: 0 7px 18px -5px rgba(38, 69, 156, 0.53);
}
.equipe .text-block-5:active {
box-shadow: 0 1px 18px -5px rgba(38, 69, 156, 0.53);
}
.equipe .text-block-5.right {
left: 0px;
right: auto;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: left;
}
.main-container-prechoice .cursor {
position: absolute;
left: 0px;
right: auto;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 50px;
height: 50px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 25px;
background-color: #f4f8fb;
top: 0px;
}
.cursor.right {
left: auto;
right: 0px;
}
.arrow-icon {
opacity: 0.25;
}
.texte-service {
position: relative;
width: 100%;
}
.texte-service.overflow {
position: relative;
top: auto;
right: 7%;
overflow: hidden;
width: 315px;
padding-top: 5%;
padding-bottom: 0%;
}
.texte-service.overflow.right {
left: 7%;
right: auto;
width: 70%;
}
.paragraph-prechoice {
position: relative;
left: 0%;
overflow: auto;
width: 100%;
margin-bottom: 0px;
float: right;
font-family: Anodina, sans-serif;
color: #063194;
font-size: 16px;
line-height: 25px;
text-align: right;
}
.paragraph-prechoice.right {
width: 315px;
float: left;
text-align: left;
}
.line {
position: relative;
top: 24px;
width: 100%;
height: 1px;
background-color: #e0e4e8;
}
.arrow-icon-right {
opacity: 0.25;
}
.footer-container {
position: relative;
width: 100%;
height: 135px;
min-height: 135px;
background-color: #f4f8fb;
opacity: 1;
}
.f-info-wrapper {
position: relative;
left: 15%;
width: 468px;
height: 100%;
float: left;
}
.info-bloc {
position: static;
width: 224px;
float: left;
}
.info-bloc.sucursale {
position: static;
right: 15%;
margin-left: 0px;
}
.info-bloc.follow {
position: static;
right: 15%;
margin-left: 0px;
}
.f-title {
margin-top: 0px;
margin-bottom: 0px;
float: left;
opacity: 1;
font-family: Anodina, sans-serif;
color: #063090;
font-size: 14px;
font-weight: 600;
}
.f-title.centered {
font-family: Anodina, sans-serif;
}
.text-block-6 {
width: 100%;
float: left;
opacity: 1;
font-family: Anodina, sans-serif;
color: #a1adc9;
}
.f-cta-wrapper {
position: relative;
left: auto;
right: 15%;
width: 185px;
height: 100%;
float: right;
}
.follow-bloc {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 10px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.icon-bloc {
width: 24px;
height: 24px;
margin-left: 10px;
float: left;
}
.f-start-cta {
width: 100%;
padding-top: 14px;
padding-bottom: 14px;
float: left;
border: 3px solid #1a5eab;
border-radius: 6px;
background-color: transparent;
-webkit-transition: background-color 500ms cubic-bezier(.19, 1, .22, 1);
transition: background-color 500ms cubic-bezier(.19, 1, .22, 1);
font-family: Anodina, sans-serif;
color: #1a5eab;
font-weight: 700;
text-align: center;
text-decoration: none;
}
.f-start-cta:hover {
background-color: #1a5eab;
color: #fff;
}
.body {
background-color: #f4f8fb;
}
.f-ti {
margin-top: 0px;
margin-bottom: 0px;
float: left;
font-family: Exo, sans-serif;
color: #063090;
font-size: 14px;
font-weight: 600;
}
.equipe.portfolio-wrapper .div-block-47{
width: 80%!important;
}
.equipe.portfolio-wrapper .div-block-46{
width: 80%!important;
}
@media screen and (max-width: 991px) {
.equipe.portfolio-wrapper .div-block-47{
width: 100%!important;
}
.equipe.portfolio-wrapper .div-block-46{
width: 100%!important;
}
.logo-nav-prechoice {
left: 5%;
}
.info-nav {
right: 5%;
}
.choice-bloc {
width: 45%;
margin-right: 0px;
background: white;
}
.choice-bloc.right {
width: 45%;
}
.choice-bloc:hover {
box-shadow: 0 8px 20px -11px #b7c1da;
background-color: #fff;
transition-delay: .1s;
transition-duration: 200ms;
transition-timing-function: ease-in-out;
}
.choice-bloc .paragraph-prechoice{
transform: translateX(0%);
transition-delay: .1s;
transition-duration: 200ms;
transition-timing-function: ease-in-out;
}
.choice-bloc .cursor{
background: white;
transition-delay: .1s;
transition-duration: 200ms;
transition-timing-function: ease-in-out;
transform: translate3d(0%, 0px, 0px);
}
.choice-bloc.right .cursor{
transform-style: preserve-3d;
transform: translate3d(0%, 0px, 0px) rotate(0deg);
transform-style: preserve-3d;
background: white;
}
.texte-service.overflow {
width: 83%;
}
.texte-service.overflow.right {
width: 83%;
}
.paragraph-prechoice {
font-size: 14px;
line-height: 20px;
}
.paragraph-prechoice.right {
width: 100%;
font-size: 14px;
line-height: 20px;
}
.f-info-wrapper {
left: 5%;
width: 350px;
}
.info-bloc {
width: 150px;
}
.info-bloc.sucursale {
width: 150px;
margin-left: 20px;
}
.info-bloc.follow {
width: 100%;
}
.f-cta-wrapper {
right: 5%;
width: 220px;
}
.equipe.portfolio-wrapper {
width: 100%;
padding: 100px 15% 140px 15%;
}
}
@media screen and (max-width: 767px) {
.nav-wrapper-prechoice {
position: relative;
float: left;
}
.main-wrapper {
position: static;
top: 100px;
float: left;
}
.header-bienvenue {
min-height: 200px;
}
.choice-bloc {
min-height: 245px;
}
.service-name {
margin-bottom: 0px;
font-size: 24px;
}
.service-name.right {
font-size: 24px;
}
.equipe .text-block-5 {
font-size: 14px;
letter-spacing: 1px;
}
.equipe .text-block-5.right {
font-size: 14px;
}
.texte-service.overflow {
padding-top: 10%;
}
.footer-container {
position: static;
left: 0%;
top: auto;
right: 0%;
bottom: 0%;
height: auto;
min-height: auto;
margin-top: 120px;
margin-bottom: 0px;
padding-bottom: 20px;
float: left;
}
.f-info-wrapper {
left: 5%;
width: 40%;
height: auto;
}
.info-bloc {
width: 100%;
margin-bottom: 10px;
}
.info-bloc.sucursale {
margin-left: 0px;
}
.f-title {
width: 100%;
opacity: 1;
text-align: left;
}
.f-title.centered {
width: 50%;
opacity: 1;
text-align: center;
}
.text-block-6 {
opacity: 0.7;
}
.f-cta-wrapper {
right: 5%;
width: 40%;
}
.f-start-cta {
border: 2px solid #1a5eab;
background-color: transparent;
color: #1a5eab;
font-weight: 700;
}
.f-ti {
width: 100%;
text-align: left;
}
.equipe.portfolio-wrapper {
width: 100%;
padding: 100px 15% 140px 15%;
}
}
@media screen and (max-width: 479px) {
.main-container-prechoice .cursor {
left: auto;
right: 0px;
}
.main-container-prechoice {
height: auto;
}
.nav-wrapper-prechoice {
height: 80px;
min-height: 80px;
}
.logo-nav-prechoice {
margin-left: 7%;
}
.info-nav {
right: 7%;
}
.text-block-4 {
display: none;
}
.main-wrapper {
position: relative;
top: auto;
padding-top: 0px;
}
.header-bienvenue {
width: 100%;
min-height: 120px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.heading {
width: 90%;
margin-bottom: 0px;
color: #4a6292;
font-size: 16px;
}
.selector-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.choice-bloc {
width: 95%;
min-height: 258px;
margin-bottom: 10px;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.choice-bloc.right {
width: 95%;
margin-left: 0px;
}
.service-name {
position: relative;
left: 7%;
right: auto;
width: 83%;
margin-bottom: 15px;
line-height: 24px;
text-align: left;
}
.cta-bloc {
margin-right: 0%;
margin-left: 7%;
}
.equipe .text-block-5 {
left: 0px;
right: auto;
letter-spacing: 1px;
}
.cursor {
left: auto;
right: 0px;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.cursor.rotate {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.arrow-icon {
width: 22px;
height: 22px;
margin-bottom: 0px;
padding-bottom: 0px;
}
.texte-service.overflow {
left: 7%;
right: auto;
}
.paragraph-prechoice {
text-align: left;
}
.footer-container {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-top: 74px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.f-info-wrapper {
left: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 85%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.info-bloc.sucursale {
width: 100%;
margin-left: 0px;
}
.f-title.centered {
width: auto;
}
.f-cta-wrapper {
right: auto;
width: 85%;
margin-top: 20px;
}
.follow-bloc {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.equipe.portfolio-wrapper {
width: 85%;
padding: 100px 0% 140px 15%;
}
}
@font-face {
font-family: 'Anodina';
src: url(//wilight.ch/wp-content/themes/wilight/assets/fonts/Anodina-Regular.otf) format('opentype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Anodina';
src: url(//wilight.ch/wp-content/themes/wilight/assets/fonts/Anodina-Bold.otf) format('opentype'), url(//wilight.ch/wp-content/themes/wilight/assets/fonts/Anodina-ExtraBold.otf) format('opentype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Anodina';
src: url(//wilight.ch/wp-content/themes/wilight/assets/fonts/Anodina-Light.otf) format('opentype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Anodina';
src: url(//wilight.ch/wp-content/themes/wilight/assets/fonts/Anodina-ExtraLight.otf) format('opentype');
font-weight: 200;
font-style: normal;
font-display: swap;
}