.row {
box-sizing: border-box;
margin: 0 auto;
width: 100%;
display: flex;
flex: 0 1 auto;
flex-direction: row;
flex-wrap: wrap;
}
.row.reverse {
flex-direction: row-reverse;
}
.row.natural-height {
align-items: flex-start;
}
.row.flex-column {
flex-direction: column;
}
.col {
box-sizing: border-box;
flex-grow: 1;
flex-basis: 0;
max-width: 100%;
padding: 1rem;
}
.col.reverse {
flex-direction: column-reverse;
}
.first {
order: -1;
}
.last {
order: 1;
}
.align-start {
align-self: flex-start;
}
.align-end {
align-self: flex-end;
}
.align-center {
align-self: center;
}
.align-baseline {
align-self: baseline;
}
.align-stretch {
align-self: stretch;
}
.col-xs {
box-sizing: border-box;
flex-grow: 1;
flex-basis: 0;
max-width: 100%;
padding: 1rem;
}
.col-xs-1 {
box-sizing: border-box;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
padding: 1rem;
}
.col-xs-offset-1 {
margin-left: 8.3333333333%;
}
.col-xs-2 {
box-sizing: border-box;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
padding: 1rem;
}
.col-xs-offset-2 {
margin-left: 16.6666666667%;
}
.col-xs-3 {
box-sizing: border-box;
flex-basis: 25%;
max-width: 25%;
padding: 1rem;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-4 {
box-sizing: border-box;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
padding: 1rem;
}
.col-xs-offset-4 {
margin-left: 33.3333333333%;
}
.col-xs-5 {
box-sizing: border-box;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
padding: 1rem;
}
.col-xs-offset-5 {
margin-left: 41.6666666667%;
}
.col-xs-6 {
box-sizing: border-box;
flex-basis: 50%;
max-width: 50%;
padding: 1rem;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-7 {
box-sizing: border-box;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
padding: 1rem;
}
.col-xs-offset-7 {
margin-left: 58.3333333333%;
}
.col-xs-8 {
box-sizing: border-box;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
padding: 1rem;
}
.col-xs-offset-8 {
margin-left: 66.6666666667%;
}
.col-xs-9 {
box-sizing: border-box;
flex-basis: 75%;
max-width: 75%;
padding: 1rem;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-10 {
box-sizing: border-box;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding: 1rem;
}
.col-xs-offset-10 {
margin-left: 83.3333333333%;
}
.col-xs-11 {
box-sizing: border-box;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
padding: 1rem;
}
.col-xs-offset-11 {
margin-left: 91.6666666667%;
}
.col-xs-12 {
box-sizing: border-box;
flex-basis: 100%;
max-width: 100%;
padding: 1rem;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.row.start-xs {
justify-content: flex-start;
}
.row.center-xs {
justify-content: center;
}
.row.end-xs {
justify-content: flex-end;
}
.row.top-xs {
align-items: flex-start;
}
.row.middle-xs {
align-items: center;
}
.row.bottom-xs {
align-items: flex-end;
}
.row.around-xs {
justify-content: space-around;
}
.row.between-xs {
justify-content: space-between;
}
.first-xs {
order: -1;
}
.last-xs {
order: 1;
}
@media only screen and (min-width: 40.1rem) {
.col-sm {
box-sizing: border-box;
flex-grow: 1;
flex-basis: 0;
max-width: 100%;
padding: 1rem;
}
.col-sm-1 {
box-sizing: border-box;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
padding: 1rem;
}
.col-sm-offset-1 {
margin-left: 8.3333333333%;
}
.col-sm-2 {
box-sizing: border-box;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
padding: 1rem;
}
.col-sm-offset-2 {
margin-left: 16.6666666667%;
}
.col-sm-3 {
box-sizing: border-box;
flex-basis: 25%;
max-width: 25%;
padding: 1rem;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-4 {
box-sizing: border-box;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
padding: 1rem;
}
.col-sm-offset-4 {
margin-left: 33.3333333333%;
}
.col-sm-5 {
box-sizing: border-box;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
padding: 1rem;
}
.col-sm-offset-5 {
margin-left: 41.6666666667%;
}
.col-sm-6 {
box-sizing: border-box;
flex-basis: 50%;
max-width: 50%;
padding: 1rem;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-7 {
box-sizing: border-box;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
padding: 1rem;
}
.col-sm-offset-7 {
margin-left: 58.3333333333%;
}
.col-sm-8 {
box-sizing: border-box;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
padding: 1rem;
}
.col-sm-offset-8 {
margin-left: 66.6666666667%;
}
.col-sm-9 {
box-sizing: border-box;
flex-basis: 75%;
max-width: 75%;
padding: 1rem;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-10 {
box-sizing: border-box;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding: 1rem;
}
.col-sm-offset-10 {
margin-left: 83.3333333333%;
}
.col-sm-11 {
box-sizing: border-box;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
padding: 1rem;
}
.col-sm-offset-11 {
margin-left: 91.6666666667%;
}
.col-sm-12 {
box-sizing: border-box;
flex-basis: 100%;
max-width: 100%;
padding: 1rem;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.row.start-sm {
justify-content: flex-start;
}
.row.center-sm {
justify-content: center;
}
.row.end-sm {
justify-content: flex-end;
}
.row.top-sm {
align-items: flex-start;
}
.row.middle-sm {
align-items: center;
}
.row.bottom-sm {
align-items: flex-end;
}
.row.around-sm {
justify-content: space-around;
}
.row.between-sm {
justify-content: space-between;
}
.first-sm {
order: -1;
}
.last-sm {
order: 1;
}
}
@media only screen and (min-width: 80.1rem) {
.col-md {
box-sizing: border-box;
flex-grow: 1;
flex-basis: 0;
max-width: 100%;
padding: 1rem;
}
.col-md-1 {
box-sizing: border-box;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
padding: 1rem;
}
.col-md-offset-1 {
margin-left: 8.3333333333%;
}
.col-md-2 {
box-sizing: border-box;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
padding: 1rem;
}
.col-md-offset-2 {
margin-left: 16.6666666667%;
}
.col-md-3 {
box-sizing: border-box;
flex-basis: 25%;
max-width: 25%;
padding: 1rem;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-4 {
box-sizing: border-box;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
padding: 1rem;
}
.col-md-offset-4 {
margin-left: 33.3333333333%;
}
.col-md-5 {
box-sizing: border-box;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
padding: 1rem;
}
.col-md-offset-5 {
margin-left: 41.6666666667%;
}
.col-md-6 {
box-sizing: border-box;
flex-basis: 50%;
max-width: 50%;
padding: 1rem;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-7 {
box-sizing: border-box;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
padding: 1rem;
}
.col-md-offset-7 {
margin-left: 58.3333333333%;
}
.col-md-8 {
box-sizing: border-box;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
padding: 1rem;
}
.col-md-offset-8 {
margin-left: 66.6666666667%;
}
.col-md-9 {
box-sizing: border-box;
flex-basis: 75%;
max-width: 75%;
padding: 1rem;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-10 {
box-sizing: border-box;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding: 1rem;
}
.col-md-offset-10 {
margin-left: 83.3333333333%;
}
.col-md-11 {
box-sizing: border-box;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
padding: 1rem;
}
.col-md-offset-11 {
margin-left: 91.6666666667%;
}
.col-md-12 {
box-sizing: border-box;
flex-basis: 100%;
max-width: 100%;
padding: 1rem;
}
.col-md-offset-12 {
margin-left: 100%;
}
.row.start-md {
justify-content: flex-start;
}
.row.center-md {
justify-content: center;
}
.row.end-md {
justify-content: flex-end;
}
.row.top-md {
align-items: flex-start;
}
.row.middle-md {
align-items: center;
}
.row.bottom-md {
align-items: flex-end;
}
.row.around-md {
justify-content: space-around;
}
.row.between-md {
justify-content: space-between;
}
.first-md {
order: -1;
}
.last-md {
order: 1;
}
}
@media only screen and (min-width: 90.1rem) {
.col-lg {
box-sizing: border-box;
flex-grow: 1;
flex-basis: 0;
max-width: 100%;
padding: 1rem;
}
.col-lg-1 {
box-sizing: border-box;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
padding: 1rem;
}
.col-lg-offset-1 {
margin-left: 8.3333333333%;
}
.col-lg-2 {
box-sizing: border-box;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
padding: 1rem;
}
.col-lg-offset-2 {
margin-left: 16.6666666667%;
}
.col-lg-3 {
box-sizing: border-box;
flex-basis: 25%;
max-width: 25%;
padding: 1rem;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-4 {
box-sizing: border-box;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
padding: 1rem;
}
.col-lg-offset-4 {
margin-left: 33.3333333333%;
}
.col-lg-5 {
box-sizing: border-box;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
padding: 1rem;
}
.col-lg-offset-5 {
margin-left: 41.6666666667%;
}
.col-lg-6 {
box-sizing: border-box;
flex-basis: 50%;
max-width: 50%;
padding: 1rem;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-7 {
box-sizing: border-box;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
padding: 1rem;
}
.col-lg-offset-7 {
margin-left: 58.3333333333%;
}
.col-lg-8 {
box-sizing: border-box;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
padding: 1rem;
}
.col-lg-offset-8 {
margin-left: 66.6666666667%;
}
.col-lg-9 {
box-sizing: border-box;
flex-basis: 75%;
max-width: 75%;
padding: 1rem;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-10 {
box-sizing: border-box;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding: 1rem;
}
.col-lg-offset-10 {
margin-left: 83.3333333333%;
}
.col-lg-11 {
box-sizing: border-box;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
padding: 1rem;
}
.col-lg-offset-11 {
margin-left: 91.6666666667%;
}
.col-lg-12 {
box-sizing: border-box;
flex-basis: 100%;
max-width: 100%;
padding: 1rem;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.row.start-lg {
justify-content: flex-start;
}
.row.center-lg {
justify-content: center;
}
.row.end-lg {
justify-content: flex-end;
}
.row.top-lg {
align-items: flex-start;
}
.row.middle-lg {
align-items: center;
}
.row.bottom-lg {
align-items: flex-end;
}
.row.around-lg {
justify-content: space-around;
}
.row.between-lg {
justify-content: space-between;
}
.first-lg {
order: -1;
}
.last-lg {
order: 1;
}
}
@media only screen and (min-width: 120.1rem) {
.col-xl {
box-sizing: border-box;
flex-grow: 1;
flex-basis: 0;
max-width: 100%;
padding: 1rem;
}
.col-xl-1 {
box-sizing: border-box;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
padding: 1rem;
}
.col-xl-offset-1 {
margin-left: 8.3333333333%;
}
.col-xl-2 {
box-sizing: border-box;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
padding: 1rem;
}
.col-xl-offset-2 {
margin-left: 16.6666666667%;
}
.col-xl-3 {
box-sizing: border-box;
flex-basis: 25%;
max-width: 25%;
padding: 1rem;
}
.col-xl-offset-3 {
margin-left: 25%;
}
.col-xl-4 {
box-sizing: border-box;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
padding: 1rem;
}
.col-xl-offset-4 {
margin-left: 33.3333333333%;
}
.col-xl-5 {
box-sizing: border-box;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
padding: 1rem;
}
.col-xl-offset-5 {
margin-left: 41.6666666667%;
}
.col-xl-6 {
box-sizing: border-box;
flex-basis: 50%;
max-width: 50%;
padding: 1rem;
}
.col-xl-offset-6 {
margin-left: 50%;
}
.col-xl-7 {
box-sizing: border-box;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
padding: 1rem;
}
.col-xl-offset-7 {
margin-left: 58.3333333333%;
}
.col-xl-8 {
box-sizing: border-box;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
padding: 1rem;
}
.col-xl-offset-8 {
margin-left: 66.6666666667%;
}
.col-xl-9 {
box-sizing: border-box;
flex-basis: 75%;
max-width: 75%;
padding: 1rem;
}
.col-xl-offset-9 {
margin-left: 75%;
}
.col-xl-10 {
box-sizing: border-box;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding: 1rem;
}
.col-xl-offset-10 {
margin-left: 83.3333333333%;
}
.col-xl-11 {
box-sizing: border-box;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
padding: 1rem;
}
.col-xl-offset-11 {
margin-left: 91.6666666667%;
}
.col-xl-12 {
box-sizing: border-box;
flex-basis: 100%;
max-width: 100%;
padding: 1rem;
}
.col-xl-offset-12 {
margin-left: 100%;
}
.row.start-xl {
justify-content: flex-start;
}
.row.center-xl {
justify-content: center;
}
.row.end-xl {
justify-content: flex-end;
}
.row.top-xl {
align-items: flex-start;
}
.row.middle-xl {
align-items: center;
}
.row.bottom-xl {
align-items: flex-end;
}
.row.around-xl {
justify-content: space-around;
}
.row.between-xl {
justify-content: space-between;
}
.first-xl {
order: -1;
}
.last-xl {
order: 1;
}
}
.col-gutter-lr {
padding: 0 1rem;
}
.col-no-gutter {
padding: 0;
}
.show {
display: block !important;
}
.row.show {
display: flex !important;
}
.hide {
display: none !important;
}
.show-xs {
display: block !important;
}
.row.show-xs {
display: flex !important;
}
.hide-xs {
display: none !important;
}
@media only screen and (max-width: 40rem) {
.show-xs-only {
display: block !important;
}
.row.show-xs-only {
display: flex !important;
}
.hide-xs-only {
display: none !important;
}
}
@media only screen and (min-width: 40.1rem) {
.show-sm {
display: block !important;
}
.row.show-sm {
display: flex !important;
}
.hide-sm {
display: none !important;
}
}
@media only screen and (min-width: 40.1rem) and (max-width: 64rem) {
.show-sm-only {
display: block !important;
}
.row.show-sm-only {
display: flex !important;
}
.hide-sm-only {
display: none !important;
}
}
@media only screen and (min-width: 80.1rem) {
.show-md {
display: block !important;
}
.row.show-md {
display: flex !important;
}
.hide-md {
display: none !important;
}
}
@media only screen and (min-width: 80.1rem) and (max-width: 90rem) {
.show-md-only {
display: block !important;
}
.row.show-md-only {
display: flex !important;
}
.hide-md-only {
display: none !important;
}
}
@media only screen and (min-width: 90.1rem) {
.show-lg {
display: block !important;
}
.row.show-lg {
display: flex !important;
}
.hide-lg {
display: none !important;
}
}
@media only screen and (min-width: 90.1rem) and (max-width: 120rem) {
.show-lg-only {
display: block !important;
}
.row.show-lg-only {
display: flex !important;
}
.hide-lg-only {
display: none !important;
}
}
@media only screen and (min-width: 120.1rem) {
.show-xl {
display: block !important;
}
.row.show-xl {
display: flex !important;
}
.hide-xl {
display: none !important;
}
}
.container {
margin: auto;
width: 80%;
}
@media only screen and (max-width: 40rem) {
.container {
width: 90%;
}
}
@media only screen and (min-width: 40.1rem) and (max-width: 64rem) {
.container {
width: 80%;
}
}
@media only screen and (min-width: 80.1rem) and (max-width: 90rem) {
.container {
width: 80%;
}
}
@media only screen and (min-width: 90.1rem) and (max-width: 120rem) {
.container {
width: 80%;
}
}
@media only screen and (min-width: 120.1rem) {
.container {
width: 80%;
}
}
* {
box-sizing: border-box;
}
::-moz-selection {
color: #001247;
background-color: rgb(0, 236, 174);
}
::-moz-selection, ::selection {
color: #001247;
background-color: rgb(0, 236, 174);
}
html, body {
margin: 0;
font-family: "Open Sans", sans-serif;
scroll-behavior: smooth;
}
section {
margin-bottom: 8vh;
}
@media screen and (max-width: 1280px) {
section {
margin-bottom: 4vh;
}
}
.row.center {
justify-content: center;
}
.text-right {
text-align: right;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-light {
font-weight: 300;
}
a {
text-decoration: none;
}
p {
font-size: 15px;
color: #001247;
letter-spacing: 0;
line-height: 25px;
}
ul li {
font-size: 15px;
color: #001247;
letter-spacing: 0;
line-height: 25px;
}
ul li a::after {
content: none;
}
.breadcrumbs {
margin: -10px 0 0px;
}
@media screen and (max-width: 1024px) {
.breadcrumbs {
margin: 0 0 0;
}
}
.breadcrumbs a {
color: #001247;
}
.breadcrumbs .last {
font-weight: 600;
}
.container {
max-width: 120em;
}
.ref-project {
max-width: 120em;
margin: 0 auto;
}
.btn {
padding: 10px 20px;
}
.btn.btn-green-line {
color: rgb(0, 236, 174);
border: 2px solid rgb(0, 236, 174);
}
.tns-outer [aria-controls], .tns-outer [data-action] {
background: transparent;
border: none;
}
.btn-main {
font-weight: 700;
font-size: 16px;
color: rgb(0, 236, 174);
letter-spacing: 0;
text-align: center;
border: 2px solid rgb(0, 236, 174);
border-radius: 6px;
padding: 15px 25px;
display: inline-block;
text-decoration: none;
position: relative;
overflow: hidden;
}
.btn-main:after {
position: absolute;
transition: 0.3s;
content: "";
width: 0;
bottom: -1px;
background: rgb(0, 236, 174);
height: 120%;
left: -10%;
transform: skewX(15deg);
z-index: -1;
}
.btn-main:hover {
color: #001247;
}
.btn-main:hover:after {
left: -10%;
width: 120%;
}
section.title__full {
margin-bottom: 4vh;
}
.title-content {
font-weight: 800;
font-size: 34px;
color: #001247;
letter-spacing: 0;
margin: 0;
position: relative;
}
@media screen and (max-width: 1400px) {
.title-content {
font-size: 27px;
}
}
@media only screen and (max-width: 40rem) {
.title-content {
font-size: 25px;
}
}
@media screen and (max-width: 500px) {
.title-content {
font-size: 20px;
}
}
.title-content .title-background {
position: absolute;
top: -28px;
left: -28px;
z-index: -1;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: rgb(0, 236, 174);
color: transparent;
font-size: 72px;
opacity: 0.5;
text-transform: uppercase;
letter-spacing: -5px;
}
@media screen and (max-width: 1600px) {
.title-content .title-background {
font-size: 58px;
}
}
@media screen and (max-width: 1400px) {
.title-content .title-background {
top: -9px;
font-size: 50px;
}
}
@media only screen and (max-width: 40rem) {
.title-content .title-background {
font-size: 27px;
letter-spacing: -1px;
left: -15px;
}
}
.title-legend {
font-size: 13px;
color: #001247;
letter-spacing: 0;
line-height: 18px;
}
.desc-title {
opacity: 0.75;
font-size: 14px;
color: #001247;
letter-spacing: 0;
line-height: 21px;
}
.slash a {
transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
display: block;
position: relative;
}
.slash a image, .slash a rect, .slash a #text {
transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.slash a:hover image {
x: 105;
}
.slash a:hover #buttonOpenSlash {
x: 65;
}
.slash a:hover #square-publi {
stroke: #001247;
}
.slash a:hover rect {
stroke: #FFFFFF;
}
.slash a:hover #text {
fill: #FFFFFF;
}
.slash a:hover #text-publi {
fill: #001247;
}
.slash a .rectangle {
position: absolute;
width: 180px;
height: 44px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.slash a .rectangle button {
background-color: #FFFFFF;
border: 2px solid #001247;
color: #001247;
width: 100%;
height: 100%;
padding: 0;
border-radius: 10px;
font-size: 14px;
font-weight: 700;
cursor: pointer;
}
@media screen and (max-width: 768px) {
.slash a .rectangle button {
font-size: 11px;
}
}
@media screen and (max-width: 768px) {
.slash a .rectangle button {
font-size: 9px;
}
}
.link {
font-weight: 600;
font-size: 14px;
letter-spacing: 0;
text-align: right;
text-decoration: none;
position: relative;
padding: 15px;
color: #001247;
}
@media screen and (max-width: 768px) {
.link {
padding: 10px;
font-size: 11px;
}
}
.link > img {
padding-left: 10px;
transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.link:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
height: 1px;
width: 90%;
background: #001247;
transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.link:after {
content: "";
position: absolute;
bottom: -5px;
right: 0;
z-index: 1;
height: 11px;
width: 62px;
background: rgb(0, 236, 174);
transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.link:hover > img {
transform: translateX(10px);
}
.link:hover:before {
transform: translateX(-10px);
}
.link:hover:after {
transform: translateX(10px);
}
@keyframes blob {
0% {
d: path("M120,-157.6C152.7,-141.5,174.3,-102.6,194.8,-58.8C215.3,-14.9,234.6,33.8,228.4,80.8C222.2,127.8,190.4,173.1,148.1,184C105.8,195,52.9,171.5,-2.4,174.8C-57.8,178.2,-115.6,208.4,-137.5,190.9C-159.3,173.3,-145.3,108,-153,56.3C-160.7,4.6,-190.2,-33.4,-178.3,-54.2C-166.4,-75.1,-113.2,-78.8,-76.6,-93.6C-40,-108.3,-20,-134.2,11.9,-150.5C43.7,-166.8,87.4,-173.6,120,-157.6Z");
}
25% {
d: path("M67.8,-97.1C87.8,-78.8,103.8,-58.9,117.4,-34.1C130.9,-9.4,142,20.2,139.5,50.7C137,81.2,120.8,112.6,95.3,150.1C69.8,187.7,34.9,231.3,3.3,226.8C-28.2,222.2,-56.4,169.3,-91.6,134.9C-126.8,100.5,-169,84.6,-179.6,57.1C-190.2,29.7,-169.3,-9.3,-155.2,-49.7C-141,-90.1,-133.7,-132,-109,-148.8C-84.2,-165.6,-42.1,-157.3,-9.1,-144.8C23.9,-132.2,47.8,-115.5,67.8,-97.1Z");
}
50% {
d: path("M137.1,-191.3C172,-163.4,190.6,-115.7,197.2,-70.1C203.8,-24.4,198.5,19.2,178.9,51.5C159.3,83.9,125.5,105,93.3,129.6C61.1,154.1,30.6,182.1,1.1,180.6C-28.4,179.1,-56.8,148.2,-81.2,121.1C-105.6,94.1,-126.1,70.8,-141.6,41.6C-157.2,12.4,-168,-22.9,-153.9,-45C-139.8,-67,-100.7,-76,-70.9,-105.5C-41.1,-135,-20.6,-185,15.3,-206C51.1,-227.1,102.3,-219.1,137.1,-191.3Z");
}
75% {
d: path("M123.7,-157.1C162.4,-142.2,197.2,-108.8,202.8,-70.8C208.3,-32.9,184.5,9.7,169,54.2C153.6,98.7,146.4,145.2,119.7,162.7C92.9,180.2,46.4,168.6,-1.9,171.1C-50.2,173.7,-100.3,190.4,-122.2,171.3C-144.1,152.3,-137.7,97.5,-144.1,52.7C-150.6,7.9,-169.9,-26.8,-170.5,-64.8C-171,-102.8,-152.8,-144,-121.3,-161.3C-89.7,-178.5,-44.9,-171.8,-1.2,-170.1C42.5,-168.5,85,-172,123.7,-157.1Z");
}
100% {
d: path("M120,-157.6C152.7,-141.5,174.3,-102.6,194.8,-58.8C215.3,-14.9,234.6,33.8,228.4,80.8C222.2,127.8,190.4,173.1,148.1,184C105.8,195,52.9,171.5,-2.4,174.8C-57.8,178.2,-115.6,208.4,-137.5,190.9C-159.3,173.3,-145.3,108,-153,56.3C-160.7,4.6,-190.2,-33.4,-178.3,-54.2C-166.4,-75.1,-113.2,-78.8,-76.6,-93.6C-40,-108.3,-20,-134.2,11.9,-150.5C43.7,-166.8,87.4,-173.6,120,-157.6Z");
}
}
.triangle-revert {
background: rgb(0, 236, 174);
-webkit-clip-path: polygon(0 0, 0% 100%, 100% 74%);
clip-path: polygon(0 0, 0% 100%, 100% 74%);
width: 16vw;
height: 141px;
position: absolute;
left: 0;
bottom: -12px;
}
@media only screen and (max-width: 64rem) {
.triangle-revert {
display: none;
}
}
.tag-list {
padding: 0;
}
.tag-list li {
position: relative;
display: inline-block;
list-style: none;
padding: 5px 15px;
margin-right: 5px;
margin-top: 10px;
}
@media screen and (max-width: 768px) {
.tag-list li {
padding: 0px 10px;
}
}
.tag-list li:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 1px solid #001247;
transform: skew(-25deg, 0deg);
border-radius: 5px;
}
.tag-list li a {
text-decoration: none;
font-weight: 700;
font-size: 14px;
color: #001247;
letter-spacing: 0;
display: block;
position: relative;
padding: 0 15px;
z-index: 2;
}
@media screen and (max-width: 768px) {
.tag-list li a {
font-size: 10px;
}
}
@media screen and (max-width: 500px) {
.tag-list li a {
font-size: 8px;
}
}
.tag-list li:hover:not(.tag-title):after {
background: #001247;
}
.tag-list li:hover:not(.tag-title) a {
color: #FFFFFF;
}
.tag-list li.tag-title {
font-weight: 700;
font-size: 14px;
color: rgb(0, 236, 174);
letter-spacing: 0;
}
.tag-list li.tag-title:after {
display: none;
}
.tag-list.tag-list-green li:after {
border: 1px solid rgb(0, 236, 174);
}
.tag-list.tag-list-green li a {
color: rgb(0, 236, 174);
}
.tag-list.tag-list-green li:hover:not(.tag-title):after {
background: rgb(0, 236, 174);
}
.tag-list.tag-list-green li:hover:not(.tag-title) a {
color: #001247;
}
.social-polygon {
position: relative;
height: 120px;
}
@media only screen and (max-width: 64rem) {
.social-polygon {
width: 150px;
margin: auto;
z-index: 10;
}
}
@media screen and (max-width: 768px) {
.social-polygon {
width: 205px;
}
}
.social-polygon .social-ico {
width: 43px;
height: 50px;
background: url(//thecodingmachine.com/wp-content/themes/thecodingmachine/img/Polygon.svg) top center no-repeat;
display: block;
text-align: center;
position: absolute;
transition: all 250ms cubic-bezier(0.19, 1, 0.22, 1);
}
.social-polygon .social-ico:hover {
transform: scale(1.1);
z-index: 2;
}
.social-polygon .social-ico:hover > img {
filter: brightness(0);
}
.clients-wrapper, .technos-wrapper {
overflow: hidden;
}
.clients-wrapper .clients, .clients-wrapper .technos, .technos-wrapper .clients, .technos-wrapper .technos {
display: flex;
justify-content: center;
margin-top: 30px;
}
.clients-wrapper .clients .client, .clients-wrapper .clients .techno, .clients-wrapper .technos .client, .clients-wrapper .technos .techno, .technos-wrapper .clients .client, .technos-wrapper .clients .techno, .technos-wrapper .technos .client, .technos-wrapper .technos .techno {
margin: auto;
display: inline-block;
padding: 30px 35px;
}
@media screen and (max-width: 768px) {
.clients-wrapper .clients .client, .clients-wrapper .clients .techno, .clients-wrapper .technos .client, .clients-wrapper .technos .techno, .technos-wrapper .clients .client, .technos-wrapper .clients .techno, .technos-wrapper .technos .client, .technos-wrapper .technos .techno {
padding: 0 0;
}
}
.clients-wrapper .clients .client img, .clients-wrapper .clients .techno img, .clients-wrapper .technos .client img, .clients-wrapper .technos .techno img, .technos-wrapper .clients .client img, .technos-wrapper .clients .techno img, .technos-wrapper .technos .client img, .technos-wrapper .technos .techno img {
width: 130px;
height: 75px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
@media screen and (max-width: 768px) {
.clients-wrapper .clients .client img, .clients-wrapper .clients .techno img, .clients-wrapper .technos .client img, .clients-wrapper .technos .techno img, .technos-wrapper .clients .client img, .technos-wrapper .clients .techno img, .technos-wrapper .technos .client img, .technos-wrapper .technos .techno img {
padding: 0;
display: block;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.clients-wrapper .clients, .clients-wrapper .technos, .technos-wrapper .clients, .technos-wrapper .technos {
display: block;
}
}
.clients-wrapper .tns-outer [aria-controls], .clients-wrapper .tns-outer [data-action], .technos-wrapper .tns-outer [aria-controls], .technos-wrapper .tns-outer [data-action] {
display: none;
}
#tns2 .tns-item {
min-height: 225px;
max-height: 561px;
width: calc(6.25% - 2.5px) !important;
}
@media screen and (max-width: 768px) {
#tns2 .tns-item {
min-height: initial;
}
}
@media only screen and (max-width: 40rem) {
#tns2 .tns-item {
width: calc(6.25% - 3.5px) !important;
}
}
.page-template-page-home .whitepapers-wrapper #tns2 > .tns-item, .page-template-page-home .whitepapers-wrapper #tns1 > .tns-item, .post-type-archive-nos-projets .whitepapers-wrapper #tns2 > .tns-item, .post-type-archive-nos-projets .whitepapers-wrapper #tns1 > .tns-item {
min-height: 260px;
margin: 50px 75px 85px 0;
width: calc(11.25% - 2.5px) !important;
}
@media screen and (max-width: 768px) {
.page-template-page-home .whitepapers-wrapper #tns2 > .tns-item, .page-template-page-home .whitepapers-wrapper #tns1 > .tns-item, .post-type-archive-nos-projets .whitepapers-wrapper #tns2 > .tns-item, .post-type-archive-nos-projets .whitepapers-wrapper #tns1 > .tns-item {
min-height: 284px;
margin: 118px 75px 11px 0;
width: calc(84.25% - 2.5px) !important;
}
}
.page-template-page-contact .team-member-slider #tns2 .tns-item {
width: calc(24.7% - 2.5px) !important;
}
#tns1 {
transition-timing-function: linear;
}
#tns1 .tns-item {
min-height: 130px;
width: calc(20% - 14.5px) !important;
}
@media only screen and (max-width: 40rem) {
#tns1 .tns-item {
min-height: initial;
width: calc(3% - 14.5px) !important;
}
}
#tns1 .tns-item.tns-transparent {
display: none;
}
.page-id-24761 #tns1 .tns-item, .page-id-24805 #tns1 .tns-item {
width: calc(14.67% - 14.5px) !important;
}
.page-id-24837 #tns1 .tns-item {
width: calc(35% - 14.5px) !important;
}
.page-id-24837 #tns2 .tns-item, .page-id-24337 #tns2 .tns-item, .page-id-25274 #tns2 .tns-item {
width: calc(18.25% - 2.5px) !important;
}
.page-id-24141 #tns1 .tns-item {
width: calc(9% - 14.5px) !important;
}
.page-id-25274 #tns1 .tns-item, .page-id-24337 #tns1 .tns-item {
width: calc(17% - 14.5px) !important;
}
.blog .whitepapers-wrapper #tns1 > .tns-item {
min-height: 260px;
margin: 50px 75px 85px 0;
width: calc(11.25% - 2.5px) !important;
}
#tns3 > .tns-item {
max-height: 561px;
}
@media only screen and (max-width: 40rem) {
#tns3 > .tns-item {
max-height: 400px;
}
}
.scrollreveal .revealed {
opacity: 0;
}
.scrollreveal.visible .revealed {
animation: 2s ease 0s normal forwards 1 opacity;
-webkit-animation: 2s ease 0s normal forwards 1 opacity;
-moz-animation: 2s ease 0s normal forwards 1 opacity;
-o-animation: 2s ease 0s normal forwards 1 opacity;
}
.scrollreveal.visible .revealed:nth-child(2) {
animation-delay: 0.5s;
}
.scrollreveal.visible .revealed:nth-child(3) {
animation-delay: 1s;
}
.scrollreveal.visible .revealed:nth-child(4) {
animation-delay: 1.5s;
}
.scrollreveal.visible .revealed:nth-child(5) {
animation-delay: 2s;
}
.scrollreveal.visible .revealed:nth-child(6) {
animation-delay: 2.5s;
}
@keyframes opacity {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.grecaptcha-badge {
opacity: 0;
}
header {
position: fixed;
z-index: 105;
width: 100%;
padding-top: 25px;
}
@media screen and (max-width: 768px) {
header {
padding-top: 0;
}
}
@media screen and (max-width: 500px) {
header {
width: 100%;
box-sizing: border-box;
}
}
header .logo-wrapper {
padding: 0 1rem;
}
header .nav-wrapper {
padding: 0 1rem;
}
header.main-nav .row {
max-width: 120em;
}
@media screen and (max-width: 500px) {
header.main-nav .row {
max-width: 100%;
}
}
header.main-nav--scrolled {
background: rgba(255, 255, 255, 0.7);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
padding-top: 0;
}
header.main-nav--scrolled .burger:before, header.main-nav--scrolled .burger:after, header.main-nav--scrolled .burger .middle {
background: 1247;
}
header.main-nav--scrolled .logo-link {
margin-left: 25px;
}
@media only screen and (max-width: 40rem) {
header.main-nav--scrolled .logo-link {
margin-left: 15px;
margin-top: -4px;
}
}
@media screen and (max-width: 500px) {
header.main-nav--scrolled .logo-link {
margin-left: 0;
margin-top: 0;
}
}
header.main-nav--scrolled .logo-link img {
padding: 20px 0;
}
header.main-nav--scrolled .logo-link img.head-logo-xs {
display: none;
}
header.main-nav--scrolled .logo-link img.head-logo-full {
display: none;
}
header.main-nav--scrolled .logo-link img.head-logo-black {
display: block;
}
header.main-nav--scrolled .nav-menu {
margin-right: 25px;
display: flex;
justify-content: flex-end;
}
header.main-nav--scrolled .nav-menu ul {
margin-top: 25px;
}
header.main-nav--scrolled .nav-menu ul li:before {
background: #001247;
top: initial;
bottom: -24px;
}
header.main-nav--scrolled .nav-menu ul li:hover {
color: #001247;
}
header.main-nav--scrolled .nav-menu ul li.lang-dd {
color: #001247;
}
header.main-nav--scrolled .nav-menu ul li.lang-dd .arrow-dd {
border-top: 3px solid #001247;
}
header.main-nav--scrolled .nav-menu ul li.btn {
box-shadow: inset 0 0 20px rgba(0, 18, 71, 0);
outline: 2px solid rgba(0, 18, 71, 0);
outline-color: rgb(0, 18, 71);
}
header.main-nav--scrolled .nav-menu ul li.btn:hover {
box-shadow: inset 0 0 20px rgba(0, 18, 71, 0), 0 0 20px rgba(0, 18, 71, 0);
outline-color: rgba(0, 18, 71, 0);
}
@media screen and (max-width: 768px) {
header.main-nav--scrolled .nav-menu ul li.btn {
outline: none;
}
}
header.main-nav--scrolled .nav-menu ul li a {
color: #001247;
padding-top: 25px;
}
header.main-nav--scrolled .nav-menu ul li .menu-separator {
background: rgba(0, 0, 0, 0.25);
}
header .container {
margin: 0 auto;
}
header .logo-link {
margin-left: 50px;
transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
display: block;
}
@media only screen and (max-width: 40rem) {
header .logo-link {
margin-left: 25px;
margin-top: 10px;
}
}
@media screen and (max-width: 500px) {
header .logo-link {
margin-left: 0;
margin-top: 0;
}
}
header .logo-link img {
padding: 25px 0;
transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
}
header .logo-link img.head-logo-full {
display: block;
}
@media screen and (max-width: 1024px) {
header .logo-link img.head-logo-full {
padding: 0 0;
}
}
@media only screen and (max-width: 40rem) {
header .logo-link img.head-logo-full {
display: none;
}
}
header .logo-link img.head-logo-black {
display: none;
}
header .logo-link img.head-logo-xs {
display: none;
}
@media only screen and (max-width: 40rem) {
header .logo-link img.head-logo-xs {
display: block;
}
}
header .nav-menu {
text-align: right;
display: flex;
justify-content: flex-end;
margin-right: 100px;
transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
}
@media screen and (max-width: 80rem) {
header .nav-menu {
margin-right: 35px;
}
}
header .nav-menu ul {
margin-top: 40px;
transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
}
header .nav-menu ul li {
display: inline-block;
list-style: none;
margin: 0 10px;
}
@media screen and (max-width: 1600px) {
header .nav-menu ul li {
margin: 0 5px;
}
}
header .nav-menu ul li.lang-dd {
font-size: 11px;
color: #FFFFFF;
letter-spacing: 0.17px;
text-align: justify;
padding: 5px 0;
}
header .nav-menu ul li.lang-dd .arrow-dd {
display: inline-block;
height: 0;
width: 0;
border-top: 3px solid #FFFFFF;
opacity: 0.5;
border-right: 3px solid transparent;
border-left: 3px solid transparent;
margin-left: 5px;
transform: translateY(-2px);
}
header .nav-menu ul li.lang-dd:before {
display: none;
}
header .nav-menu ul li.btn {
margin-top: 40px 15px 0;
padding: 5px 16px;
border: 2px solid transparent;
box-shadow: inset 0 0 20px rgba(0, 236, 174, 0);
outline: 2px solid rgba(0, 236, 174, 0);
outline-color: rgb(0, 236, 174);
outline-offset: 0px;
text-shadow: none;
transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
}
header .nav-menu ul li.btn:before {
display: none;
}
header .nav-menu ul li.btn:hover {
border: 2px solid;
box-shadow: inset 0 0 20px rgba(0, 236, 174, 0.5), 0 0 20px rgba(0, 236, 174, 0.2);
outline-color: rgba(0, 236, 174, 0);
outline-offset: 0px;
}
header .nav-menu ul li.btn a:hover::before {
content: none;
}
header .nav-menu ul li.btn.current_page_item a, header .nav-menu ul li.btn.current_page_parent a {
color: rgb(0, 236, 174);
}
header .nav-menu ul li.btn.current_page_item a:before, header .nav-menu ul li.btn.current_page_parent a:before {
opacity: 0;
}
@media screen and (max-width: 1024px) {
header .nav-menu ul li.btn ul.sub-menu {
display: none !important;
}
}
header .nav-menu ul li a {
color: #FFFFFF;
text-decoration: none;
padding: 67px 10px 15px;
font-size: 14px;
font-weight: 600;
position: relative;
transition: all 250ms cubic-bezier(0.19, 1, 0.22, 1);
}
@media screen and (max-width: 90rem) {
header .nav-menu ul li a {
padding: 67px 5px 15px;
}
}
@media screen and (max-width: 1024px) {
header .nav-menu ul li a {
padding: 0px 5px 0px;
}
}
header .nav-menu ul li a:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
opacity: 0;
height: 4px;
background: rgb(0, 236, 174);
transition: all 250ms cubic-bezier(0.19, 1, 0.22, 1);
}
header .nav-menu ul li a:hover {
color: rgb(0, 236, 174);
}
header .nav-menu ul li a:hover:before {
opacity: 1;
width: 100%;
}
header .nav-menu ul li a .menu-separator {
width: 1px;
height: 10px;
background: rgba(255, 255, 255, 0.25);
margin: 0 5px;
}
header .nav-menu ul li.current_page_item a, header .nav-menu ul li.current_page_parent a, header .nav-menu ul li.current-menu-item a {
color: rgb(0, 236, 174);
}
header .nav-menu ul li.current_page_item a:before, header .nav-menu ul li.current_page_parent a:before, header .nav-menu ul li.current-menu-item a:before {
opacity: 1;
width: 100%;
}
@media screen and (max-width: 1024px) {
header .nav-menu ul li.current_page_item a, header .nav-menu ul li.current_page_parent a, header .nav-menu ul li.current-menu-item a {
color: #FFFFFF;
}
}
header .nav-menu ul li.current_page_parent .sub-menu .current_page_item a {
color: rgb(0, 236, 174);
}
@media screen and (max-width: 1024px) {
header .nav-menu ul li.current_page_parent .sub-menu .current_page_item a {
color: #FFFFFF;
}
}
header .nav-menu ul li.current_page_parent .sub-menu a:before {
opacity: 0;
}
header .nav-menu ul li.menu-item-has-children {
position: relative;
transition: 0.15s ease-in-out;
}
header .nav-menu ul li.menu-item-has-children ul.sub-menu {
display: none;
margin: 0;
padding-left: 0;
transition: 0.15s ease-in;
box-shadow: -1px 2px 19px 3px rgba(14, 0, 40, 0.05);
opacity: 0;
left: -999em;
background: white;
visibility: hidden;
}
header .nav-menu ul li.menu-item-has-children ul.sub-menu li {
list-style: none;
text-align: left;
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 1024px) {
header .nav-menu ul li.menu-item-has-children ul.sub-menu li {
padding: 4px 0px 0px;
text-align: right;
width: 100%;
display: block;
margin: 0;
}
}
header .nav-menu ul li.menu-item-has-children ul.sub-menu li a {
text-decoration: none;
width: 150px;
padding: 5px 24px;
display: block;
color: #001247;
font-size: 12px;
}
@media screen and (max-width: 1024px) {
header .nav-menu ul li.menu-item-has-children ul.sub-menu li a {
text-align: right;
padding: 0px 0;
width: auto;
margin-right: 0;
display: block;
color: #FFFFFF;
}
}
header .nav-menu ul li.menu-item-has-children ul.sub-menu li a img {
left: 5px;
}
header .nav-menu ul li.menu-item-has-children ul.sub-menu li a:before {
opacity: 0;
}
header .nav-menu ul li.menu-item-has-children:hover ul.sub-menu, header .nav-menu ul li.menu-item-has-children:focus ul.sub-menu {
opacity: 1;
visibility: visible;
left: 0;
display: block;
position: absolute;
top: 37px;
padding: 13px 0;
}
@media screen and (max-width: 1024px) {
header .nav-menu ul li.menu-item-has-children:hover ul.sub-menu, header .nav-menu ul li.menu-item-has-children:focus ul.sub-menu {
position: relative;
display: none;
top: 0;
padding: 5px 0 0;
}
}
header .nav-menu ul li.menu-item-has-children:hover ul.sub-menu li a:hover::before, header .nav-menu ul li.menu-item-has-children:focus ul.sub-menu li a:hover::before {
content: none;
}
header .nav-menu .languages__item {
text-transform: uppercase;
color: #899099;
font-size: 13px;
line-height: 1.15;
}
header .nav-menu .languages__item--current {
color: #212121;
}
header .nav-menu .languages__item:before {
content: " / ";
color: #899099;
}
header .nav-menu .languages__item:first-child:before {
content: "";
}
header .nav-menu .languages a.languages__item:hover {
color: #212121;
}
header .nav-menu .languages ul {
margin-left: 0;
}
@media screen and (max-width: 90rem) {
header .nav-menu .languages ul {
padding-inline-start: 10px;
}
}
header .nav-menu .languages ul li {
margin: 0 3px;
}
header .nav-menu .languages ul li a {
text-transform: uppercase;
padding: 67px 5px 5px;
}
header .nav-menu .languages ul li.current-lang {
font-weight: 600;
}
header .nav-menu .languages ul li.current-lang:after {
content: "";
width: 19px;
height: 2px;
background-color: #FFFFFF;
position: relative;
display: block;
left: 4px;
top: 3px;
}
.burger {
width: 4em;
height: 4em;
display: inline-block;
position: relative;
transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.burger .middle {
right: -0.25em;
top: 50%;
width: 2.5em;
height: 2px;
position: absolute;
margin-top: -0.25em;
display: inline-block;
transition: all 50ms cubic-bezier(0.645, 0.045, 0.355, 1);
background: rgb(0, 236, 174);
}
.burger:after, .burger:before {
content: "";
width: 4.5em;
height: 2px;
left: -0.25em;
position: absolute;
border-radius: 3px;
background: rgb(0, 236, 174);
transition: all 50ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.burger:after {
bottom: 0;
}
.burger:before {
top: 0;
}
.burger-wrapper {
font-size: 0.5em;
line-height: 1em;
padding: 25px;
margin: 0 auto 0.6em;
display: inline-block;
transition: all 50ms cubic-bezier(0.645, 0.045, 0.355, 1);
text-align: right;
position: absolute;
top: 35px;
right: 75px;
}
@media screen and (max-width: 1024px) {
.burger-wrapper {
top: 16px;
right: 75px;
padding: 5px;
}
}
@media only screen and (max-width: 768px) {
.burger-wrapper {
top: 20px;
right: 30px;
padding: 0;
}
}
.burger-wrapper:before {
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
display: inline-block;
position: absolute;
z-index: 0;
}
.burger-wrapper.active {
cursor: pointer;
z-index: 1000;
}
.burger-wrapper.active:before {
transition: all 50ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.burger-wrapper.active .burger {
transform: rotateZ(360deg);
}
.burger-wrapper.active .burger.cross .middle, .burger-wrapper.active .burger.cross:after, .burger-wrapper.active .burger.cross:before {
background: #001247;
}
.burger-wrapper.active .burger.cross .middle {
opacity: 0;
}
.burger-wrapper.active .burger.cross:after {
bottom: 1.75em;
transition: all 50ms cubic-bezier(0.645, 0.045, 0.355, 1);
transform: rotate(135deg);
}
.burger-wrapper.active .burger.cross:before {
top: 1.75em;
transform: rotate(45deg);
}
@media only screen and (max-width: 64rem) {
header .nav-menu {
opacity: 0.6;
height: 0;
transform: translate(100vw, 0);
transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
}
header .nav-menu.active {
opacity: 1;
transform: translate(0, 0);
position: absolute;
z-index: 100;
background: rgb(0, 236, 174);
text-align: right;
margin: 0;
right: 0;
width: 250px;
padding: 80px 10px 25px;
top: 0;
height: 100vh;
-webkit-clip-path: polygon(0 0%, 100% 0, 100% 100%, 10% 100%);
clip-path: polygon(0 0%, 100% 0, 100% 100%, 10% 100%);
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-around;
}
header .nav-menu.active ul li {
display: list-item;
padding: 20px 10px;
}
header .nav-menu.active ul li.btn a {
margin-top: 40px 15px 0;
padding: 5px 15px;
border: 2px solid transparent;
box-shadow: inset 0 0 20px rgba(0, 18, 71, 0);
outline: 2px solid rgba(0, 18, 71, 0);
outline-color: rgb(0, 18, 71);
outline-offset: 0;
text-shadow: none;
transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
color: #001247;
}
header .nav-menu.active ul li.btn a:before {
display: none;
}
header .nav-menu.active ul li.btn a:hover a {
border: 2px solid;
box-shadow: inset 0 0 20px rgba(0, 18, 71, 0.5), 0 0 20px rgba(0, 18, 71, 0.2);
outline-color: rgba(0, 18, 71, 0);
outline-offset: 15px;
}
header .nav-menu.active ul li a {
color: #FFFFFF;
font-size: 18px;
font-weight: 700;
}
header .nav-menu.active ul li a.lang-dd {
display: none;
}
header .nav-menu.active ul li .menu-separator {
display: none;
}
header .nav-menu .languages ul {
display: flex;
flex-direction: row;
justify-content: end;
margin-bottom: 0;
}
}
@media only screen and (min-width: 64rem) {
.burger-wrapper {
display: none;
}
}
.pll-parent-menu-item {
width: 100px;
text-align: right;
font-weight: 700;
margin-top: 25px;
position: relative;
}
.pll-parent-menu-item img {
height: 14px;
top: 12px;
position: absolute;
left: -9px;
}
.pll-parent-menu-item span {
margin-left: 0.3em;
}
.pll-parent-menu-item:hover ul {
display: block;
}
.pll-parent-menu-item::after {
content: "";
display: inline-block;
height: 0;
width: 0;
border-top: 3px solid #FFF;
opacity: 0.5;
border-right: 3px solid transparent;
border-left: 3px solid transparent;
margin-left: 5px;
transform: translateY(-2px);
}
@media screen and (max-width: 768px) {
header .nav-menu.active {
padding: 35px 10px 25px;
}
}
@media screen and (max-width: 768px) and (max-width: 1500px) {
header .nav-menu.active {
padding: 60px 8px 90px;
}
}
@media screen and (max-width: 768px) {
header .nav-menu.active ul li {
padding: 11px 10px;
}
header .nav-menu.active ul li a {
padding: 0px 0px 0px;
}
}
#popcontact .popup {
width: 75%;
}
@media screen and (max-width: 500px) {
#popcontact .popup {
width: 95%;
}
}
#popcontact .popup .selectagency p {
margin-top: -11px;
}
@media screen and (max-width: 500px) {
#popcontact .popup .selectagency p {
margin-top: 10px;
}
}
#popcontact .popup .selectagency p select {
margin-top: 0;
height: 47px;
}
#popcontact .popup textarea {
max-height: 150px;
}
#popcontact .popup .content_form {
width: 85%;
margin: 0px auto 0;
}
#popcontact .popup .content_form .wpcf7-not-valid-tip {
font-size: 0.8em;
line-height: 1em;
margin: 10px 0 0;
}
#popcontact .popup .formulaire .frame .btn-main:hover input[type=submit] {
color: #2B2B2B;
}
#popcontact .popup .btn-main {
color: #001247;
border: 2px solid #001247;
padding: 0 0;
box-sizing: border-box;
width: -moz-max-content;
width: max-content;
margin: 0 auto 0;
height: 43px;
letter-spacing: 0;
text-align: center;
border-radius: 6px;
display: block;
text-decoration: none;
position: relative;
overflow: hidden;
}
#popcontact .popup .btn-main:after {
background: #001247;
color: #FFFFFF;
}
#popcontact .popup .btn-main p {
margin: 0;
line-height: initial;
cursor: pointer;
height: 100%;
}
#popcontact .popup .btn-main p .wpcf7-spinner {
display: none;
}
#popcontact .popup .btn-main input[type=submit] {
background: no-repeat;
border: none;
font-size: 14px;
font-weight: 700;
color: #001247;
height: 20px;
display: block;
margin: 0 auto;
cursor: pointer;
padding: 12px 30px 25px;
top: 0;
position: relative;
}
#popcontact .popup .btn-main:hover input[type=submit] {
color: #FFFFFF;
}
footer {
background: #FFFFFF url(//thecodingmachine.com/wp-content/themes/thecodingmachine/img/bg-footer.jpg) no-repeat bottom center;
min-height: 300px;
}
@media screen and (max-width: 1280px) {
footer {
margin-top: 0;
}
}
footer .partners-bottom .partners_bot {
display: flex;
justify-content: center;
}
footer .partners-bottom .partners_bot .logos_part {
display: flex;
justify-content: center;
align-items: center;
height: 160px;
width: calc(12.5% - 20px);
margin: 0 10px;
position: relative;
}
@media screen and (max-width: 960px) {
footer .partners-bottom .partners_bot .logos_part {
width: calc(20.5% - 20px);
height: 125px;
}
}
@media screen and (max-width: 500px) {
footer .partners-bottom .partners_bot .logos_part {
width: calc(24.5% - 20px);
height: 66px;
}
}
footer .partners-bottom .partners_bot .logos_part a {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 0;
padding: 0 0;
}
footer .partners-bottom .partners_bot .logos_part img {
width: calc(100% - 20px);
height: auto;
max-height: 140px;
-o-object-fit: contain;
object-fit: contain;
}
footer .filiale {
color: #001247;
margin: 15px 0;
position: relative;
font-size: 14px;
}
@media only screen and (max-width: 40rem) {
footer .filiale {
margin: 0;
text-align: center;
}
}
footer .filiale:before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 1px;
background: #FFFFFF;
}
@media only screen and (max-width: 40rem) {
footer .filiale:before {
height: 1px;
width: 50%;
right: 0;
margin: auto;
}
}
footer .filiale address {
font-style: italic;
min-height: 57px;
}
footer .filiale a {
font-weight: 700;
text-decoration: none;
display: inline-block;
color: #FFFFFF;
margin: 10px 0;
position: relative;
}
footer .filiale a > span {
position: relative;
z-index: 2;
}
footer .filiale a strong > span {
position: relative;
z-index: 2;
}
footer .filiale a:hover:after {
width: calc(100% - 20px);
}
footer .filiale a:after {
content: "";
position: absolute;
left: 30px;
bottom: -3px;
background: rgb(0, 236, 174);
height: 12px;
z-index: 1;
width: 0;
display: inline;
transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
}
footer .filiale a.adress {
font-weight: 400;
margin: 0 0;
color: #FFFFFF;
}
footer .filiale a.adress:after {
content: none;
}
footer .filiale a.adress:hover strong:after {
width: calc(100% - 5px);
}
footer .filiale a.adress strong {
position: relative;
}
footer .filiale a.adress strong:after {
content: "";
position: absolute;
left: 10px;
bottom: -3px;
background: rgb(0, 236, 174);
height: 12px;
z-index: 1;
width: 0;
display: inline;
transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
}
footer .sub-footer {
background: #001247;
color: #FFFFFF;
padding: 10px 30px;
}
footer .sub-footer .container {
width: 85%;
}
footer .sub-footer .sub-footer-social {
margin: 0;
padding: 10px;
align-items: center;
display: flex;
}
@media only screen and (max-width: 64rem) {
footer .sub-footer .sub-footer-social {
padding: 0;
}
}
footer .sub-footer .sub-footer-social li {
display: inline;
list-style: none;
margin-right: 15px;
}
footer .sub-footer .sub-footer-social li img {
height: 21px;
width: 21px;
}
@media only screen and (max-width: 64rem) {
footer .sub-footer .sub-footer-social li {
margin: auto;
}
}
footer .sub-footer .copyright {
text-align: center;
font-size: 12px;
font-weight: 700;
padding-top: 14px;
}
@media only screen and (max-width: 64rem) {
footer .sub-footer .copyright {
padding-top: 0;
}
}
footer .sub-footer .copyright a {
color: #FFFFFF;
}
footer .sub-footer .made-by {
padding-top: 14px;
font-size: 12px;
font-weight: 700;
opacity: 0.6;
}
@media only screen and (max-width: 64rem) {
footer .sub-footer .made-by {
text-align: center;
padding-top: 0;
}
}
footer .sub-footer .content {
display: flex;
flex-wrap: wrap;
width: 100%;
max-width: 120em;
margin: 0 auto;
flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
footer .sub-footer .content .col-xs-12 {
width: 100%;
}
}
.first_row {
display: flex;
flex-wrap: wrap;
width: 100%;
padding: 3em 0;
}
@media screen and (max-width: 960px) {
.first_row .foot_services {
margin: 10px 0;
}
}
@media screen and (max-width: 500px) {
.first_row .foot_services {
margin: 25px 0;
}
}
.first_row .foot_expert, .first_row .foot_services, .first_row .foot_sector, .first_row .foot_typologies {
width: 25%;
position: relative;
}
@media screen and (max-width: 960px) {
.first_row .foot_expert, .first_row .foot_services, .first_row .foot_sector, .first_row .foot_typologies {
width: 100%;
}
}
.first_row .foot_expert p, .first_row .foot_services p, .first_row .foot_sector p, .first_row .foot_typologies p {
color: #f4F4F4;
width: 100%;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}
.first_row .foot_expert p span, .first_row .foot_services p span, .first_row .foot_sector p span, .first_row .foot_typologies p span {
color: rgb(0, 236, 174);
}
.first_row .foot_expert a, .first_row .foot_services a, .first_row .foot_sector a, .first_row .foot_typologies a {
color: #FFFFFF;
width: 100%;
position: relative;
display: block;
font-size: 14px;
padding: 7px 0;
}
.intro {
position: relative;
}
.intro .content {
background-image: linear-gradient(90deg, #001247 0%, #000714 64%);
height: 70vh;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%);
transition: all 2s cubic-bezier(0.84, 0.025, 0.315, 1.205);
align-items: center;
display: flex;
justify-content: center;
position: relative;
}
@media only screen and (max-width: 1600px) {
.intro .content {
height: 80vh;
}
}
@media only screen and (max-width: 1400px) {
.intro .content {
height: 100vh;
}
}
@media only screen and (max-width: 64rem) {
.intro .content {
height: 95vh;
-webkit-clip-path: none !important;
clip-path: none !important;
}
}
.intro .content .intro-text {
position: relative;
z-index: 3;
padding-left: 100px;
}
@media only screen and (max-width: 64rem) {
.intro .content .intro-text {
padding: 1rem;
text-align: center;
}
}
@media screen and (max-width: 768px) {
.intro .content .intro-text {
padding: 2rem 0 1rem;
}
}
.intro .content .intro-text .buttons_grp .frame {
display: flex;
}
@media screen and (max-width: 769px) {
.intro .content .intro-text .buttons_grp .frame {
flex-wrap: wrap;
}
}
.intro .content .intro-text .buttons_grp .frame .agree {
margin-left: 35px;
}
@media screen and (max-width: 769px) {
.intro .content .intro-text .buttons_grp .frame .agree {
margin-left: auto;
}
}
.intro .content .intro-text .slash {
max-width: 30%;
}
@media screen and (max-width: 1024px) {
.intro .content .intro-text .slash {
margin: 0 auto;
max-width: 40%;
}
}
@media screen and (max-width: 500px) {
.intro .content .intro-text .slash {
height: 76px;
}
}
@media screen and (max-width: 500px) {
.intro .content .intro-text .slash a {
height: 91px;
width: 210px;
}
}
@media screen and (max-width: 500px) {
.intro .content .intro-text .slash a g {
display: none;
}
}
@media screen and (max-width: 768px) {
.intro .content .intro-text .slash a image {
width: 95px;
}
}
@media screen and (max-width: 768px) {
.intro .content .intro-text .slash {
max-width: 95%;
}
}
.intro .content .social-links {
z-index: 4;
position: absolute;
left: 0;
bottom: 50px;
}
@media only screen and (max-width: 64rem) {
.intro .content .social-links {
bottom: 25px;
width: 100%;
}
}
.intro .content .social-links ul {
margin: 0;
}
@media only screen and (max-width: 64rem) {
.intro .content .social-links ul {
width: 80%;
display: flex;
justify-content: center;
margin: 0 auto;
padding: 0;
}
}
.intro .content .social-links ul li {
text-align: center;
list-style: none;
padding: 15px 10px;
}
.intro .content .social-links ul li a img {
height: 21px;
width: 21px;
}
@media only screen and (max-width: 64rem) {
.intro .content .social-links ul li {
display: inline-block;
}
}
.intro .content .social-links ul li:nth-child(2n+1):hover a img {
transform: rotate(-8deg);
}
.intro .content .social-links ul li:nth-child(2n+2):hover a img {
transform: rotate(8deg);
}
.intro .content h1 {
font-weight: 800;
font-size: 34px;
color: rgb(0, 236, 174);
letter-spacing: 0;
line-height: 40px;
text-shadow: 0 0 6px rgba(208, 241, 232, 0.45);
text-transform: uppercase;
align-items: center;
}
@media only screen and (max-width: 64rem) {
.intro .content h1 {
font-size: 20px;
line-height: 20px;
}
}
.intro .content p {
opacity: 0.92;
font-size: 16px;
color: white;
letter-spacing: 0.22px;
line-height: 25px;
}
@media only screen and (max-width: 64rem) {
.intro .content p {
font-size: 12px;
line-height: 18px;
}
}
.intro .content .tcm-3d {
height: 100vh;
position: absolute;
width: 100%;
overflow: hidden;
z-index: 1;
pointer-events: none;
opacity: 0.1;
}
@media screen and (max-width: 500px) {
.intro .content .tcm-3d {
display: none;
}
}
.intro .content .tcm-3d .tcm {
transition: all 2s cubic-bezier(0.84, 0.025, 0.315, 1.205);
position: absolute;
}
@media screen and (max-width: 500px) {
.intro .content .tcm-3d .tcm {
display: none;
transition: none;
}
}
.intro .content .tcm-3d .tcm-1 {
z-index: 43;
left: 99px;
bottom: 0;
width: calc(100% - 115px);
}
@media screen and (max-width: 500px) {
.intro .content .tcm-3d .tcm-1 {
display: none;
left: 0;
}
}
.intro .content .tcm-3d .tcm-2 {
z-index: 42;
bottom: 0;
width: calc(100% - 115px);
}
.intro .content .tcm-3d .tcm-3 {
z-index: 41;
bottom: 0;
left: 115px;
width: calc(100% - 115px);
}
@media screen and (max-width: 500px) {
.intro .content .tcm-3d .tcm-3 {
display: none;
left: 0;
}
}
.intro .triangle {
background: rgb(0, 236, 174);
-webkit-clip-path: polygon(100% 0, 0 78%, 100% 100%);
clip-path: polygon(100% 0, 0 78%, 100% 100%);
transition: all 2s cubic-bezier(0.84, 0.025, 0.315, 1.205);
width: 12vw;
height: 80vh;
position: absolute;
right: 0;
bottom: 0;
}
@media only screen and (max-width: 64rem) {
.intro .triangle {
display: none;
}
}
@media screen and (max-width: 768px) {
.offers-wrapper {
padding-top: 20vw;
}
}
@media screen and (max-width: 500px) {
.offers-wrapper .text-right {
padding: 1rem 0 0 0;
}
}
.offers-wrapper .btn-main {
color: #001247;
border: 2px solid #001247;
padding: 10px 20px;
font-size: 14px;
margin-top: 50px;
}
.offers-wrapper .btn-main:after {
background: #001247;
}
.offers-wrapper .btn-main:hover {
color: #FFFFFF;
}
.offers-wrapper .offers {
justify-content: center;
margin-top: 50px;
}
@media screen and (max-width: 768px) {
.offers-wrapper .offers {
margin-top: 0;
}
}
.offers-wrapper .line_title h3 {
font-size: 58px;
text-transform: initial;
letter-spacing: -5px;
color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: rgb(0, 18, 71);
}
@media screen and (max-width: 768px) {
.offers-wrapper .line_title h3 {
font-size: 3em;
letter-spacing: -2px;
}
}
@media screen and (max-width: 500px) {
.offers-wrapper .line_title h3 {
font-size: 1.3em;
letter-spacing: 0px;
}
}
.offers-wrapper .offer {
text-align: center;
padding: 0 25px;
position: relative;
}
@media screen and (max-width: 768px) {
.offers-wrapper .offer {
margin: 25px 0;
}
}
.offers-wrapper .offer:hover:before, .offers-wrapper .offer:hover:after {
opacity: 1;
transform: scale(1);
}
.offers-wrapper .offer:before, .offers-wrapper .offer:after {
content: "";
position: absolute;
background-repeat: no-repeat;
opacity: 0;
transition: all 0.5s;
transform: scale(0.5);
z-index: 0;
}
.offers-wrapper .offer:before {
background-image: url(//thecodingmachine.com/wp-content/themes/thecodingmachine/img/pattern5.png);
height: 100%;
top: -30px;
left: -30px;
width: 100%;
}
.offers-wrapper .offer:after {
background-image: url(//thecodingmachine.com/wp-content/themes/thecodingmachine/img/pattern6.png);
height: 290px;
bottom: -40px;
right: -30px;
width: 250px;
}
.offers-wrapper .offer a {
position: relative;
z-index: 1;
}
.offers-wrapper .offer .offer-image {
height: 155px;
align-items: center;
display: flex;
justify-content: center;
}
.offers-wrapper .offer .offer-image > img {
align-items: center;
}
.offers-wrapper .offer .offer-image .svg-holder {
position: absolute;
z-index: -1;
}
.offers-wrapper .offer .offer-image .svg-holder.svg-holder path {
animation: blob 7s linear infinite;
}
.offers-wrapper .offer .offer-image .svg-holder.svg-holder-2 path {
animation-delay: 250ms;
}
.offers-wrapper .offer .offer-image .svg-holder.svg-holder-3 path {
animation-delay: 500ms;
}
.offers-wrapper .offer .offer-image .svg-holder.svg-holder-4 path {
animation-delay: 750ms;
}
.offers-wrapper .offer h2 {
font-weight: 700;
font-size: 18px;
color: #001247;
letter-spacing: 0;
line-height: 20px;
}
@media screen and (max-width: 768px) {
.offers-wrapper .offer h2 {
margin-top: 30px;
}
}
.offers-wrapper .offer em {
opacity: 0.75;
font-style: italic;
font-size: 14px;
color: #001247;
letter-spacing: 0;
line-height: 19px;
}
.offers-wrapper .offer p {
font-size: 13px;
color: #001247;
letter-spacing: 0;
line-height: 19px;
}
.references-wrapper {
padding: 6em 0;
}
.references-wrapper .references {
-webkit-clip-path: polygon(45% 15%, 100% 0, 100% 100%, 55% 85%, 0 100%, 0 0);
clip-path: polygon(45% 15%, 100% 0, 100% 100%, 55% 85%, 0 100%, 0 0);
background: #F0F0F0;
width: 100%;
color: #FFFFFF;
position: relative;
}
@media only screen and (max-width: 64rem) {
.references-wrapper .references {
-webkit-clip-path: none !important;
clip-path: none !important;
}
}
.references-wrapper .references .reference {
height: 100%;
position: absolute;
left: 0;
width: 100%;
background: #001247;
-webkit-clip-path: polygon(0 0, 73% 0%, 98% 100%, 0% 100%);
clip-path: polygon(0 0, 73% 0%, 98% 100%, 0% 100%);
text-align: center;
padding: 50px;
}
@media only screen and (max-width: 64rem) {
.references-wrapper .references .reference {
position: relative;
height: auto;
width: auto;
-webkit-clip-path: none !important;
clip-path: none !important;
}
}
.references-wrapper .references .reference h4 {
font-weight: 700;
font-size: 18px;
color: #FFFFFF;
letter-spacing: 0;
text-align: center;
line-height: 20px;
margin-bottom: 0px;
}
.references-wrapper .references .reference p {
opacity: 0.5;
font-style: italic;
font-size: 14px;
color: #FFFFFF;
letter-spacing: 0;
text-align: center;
line-height: 19px;
margin-top: 5px;
margin-bottom: 25px;
}
.references-wrapper .references .sortlist {
text-align: center;
color: #001247;
padding: 40px;
}
.references-wrapper .references .sortlist .sortlist-rate {
background: #001247;
display: inline-block;
color: #FFFFFF;
padding: 10px 20px;
font-size: 12px;
}
.references-wrapper .references .sortlist .sortlist-logo img {
display: inline-block;
width: 210px;
height: 60px;
}
@media only screen and (max-width: 90rem) {
.references-wrapper .references .sortlist .sortlist-logo img {
width: 100%;
}
}
.hiring-wrapper {
overflow: hidden;
padding: 75px;
}
@media only screen and (max-width: 40rem) {
.hiring-wrapper {
padding: 0;
}
}
.hiring-wrapper .hiring-content {
text-align: right;
padding-right: 60px;
}
@media only screen and (max-width: 64rem) {
.hiring-wrapper .hiring-content {
padding-right: 1rem;
}
}
.hiring-wrapper .hiring-content h2 {
font-size: 28px;
}
@media screen and (max-width: 500px) {
.hiring-wrapper .hiring-content h2 {
font-size: 20px;
}
}
.hiring-wrapper .hiring-content h2 .text-light {
font-size: 38px;
}
@media screen and (max-width: 500px) {
.hiring-wrapper .hiring-content h2 .text-light {
font-size: 25px;
}
}
.hiring-wrapper .hiring-content .list-filiales {
font-weight: 600;
font-size: 12px;
color: #001247;
letter-spacing: 0;
text-align: right;
line-height: 21px;
margin-top: 15px;
}
.hiring-wrapper .hiring-content .list-filiales .opacity-25 {
opacity: 0.25;
}
.hiring-wrapper .hiring-content p {
opacity: 0.75;
font-size: 14px;
color: #001247;
letter-spacing: 0;
text-align: right;
line-height: 21px;
margin-bottom: 35px;
}
.hiring-wrapper .hiring-content .hiring-social .social-polygon .social-ico {
width: 43px;
height: 50px;
position: absolute;
}
.hiring-wrapper .hiring-content .hiring-social .social-polygon .social-ico:nth-of-type(1) {
right: 81px;
}
.hiring-wrapper .hiring-content .hiring-social .social-polygon .social-ico:nth-of-type(2) {
right: 28px;
}
.hiring-wrapper .hiring-content .hiring-social .social-polygon .social-ico:nth-of-type(3) {
top: 43px;
right: 109px;
}
.hiring-wrapper .hiring-content .hiring-social .social-polygon .social-ico:nth-of-type(4) {
top: 43px;
right: 54px;
}
.hiring-wrapper .hiring-content .hiring-social .social-polygon .social-ico:nth-of-type(5) {
top: 43px;
right: 0px;
}
.hiring-wrapper .hiring-content .hiring-social .social-polygon .social-ico:nth-of-type(6) {
right: 136px;
}
.hiring-wrapper .hiring-content .hiring-social .social-polygon .social-ico:nth-of-type(7) {
top: 43px;
right: 160px;
}
@media only screen and (max-width: 64rem) {
.hiring-wrapper .hiring-content {
text-align: center;
}
.hiring-wrapper .hiring-content h2, .hiring-wrapper .hiring-content .list-filiales, .hiring-wrapper .hiring-content p {
text-align: center;
}
}
.hiring-wrapper .hiring-image-wrapper {
position: relative;
height: 325px;
}
@media only screen and (max-width: 40rem) {
.hiring-wrapper .hiring-image-wrapper {
height: auto;
}
}
.hiring-wrapper .hiring-image-wrapper .hiring-image-elt {
height: 100%;
width: 100%;
position: absolute;
pointer-events: none;
transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
}
.hiring-wrapper .hiring-image-wrapper .hiring-image {
-webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
z-index: 1;
}
@media only screen and (max-width: 64rem) {
.hiring-wrapper .hiring-image-wrapper .hiring-image img {
width: 100%;
}
}
@media only screen and (max-width: 40rem) {
.hiring-wrapper .hiring-image-wrapper .hiring-image {
-webkit-clip-path: none !important;
clip-path: none !important;
position: relative;
}
.hiring-wrapper .hiring-image-wrapper .hiring-image img {
width: 100%;
}
}
.hiring-wrapper .hiring-image-wrapper .hiring-border {
height: 97%;
width: 95%;
top: -40px;
left: 45px;
z-index: 2;
border: 4px solid rgb(0, 236, 174);
transform: skew(-5deg, 0deg);
}
@media only screen and (max-width: 40rem) {
.hiring-wrapper .hiring-image-wrapper .hiring-border {
display: none;
}
}
.hiring-wrapper .hiring-image-wrapper .hiring-flat {
z-index: 3;
opacity: 0.37;
background: rgb(0, 236, 174);
top: 45px;
left: -45px;
-webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}
@media only screen and (max-width: 40rem) {
.hiring-wrapper .hiring-image-wrapper .hiring-flat {
display: none;
}
}
.whitepapers-wrapper {
position: relative;
background: url(//thecodingmachine.com/tcm/wp-content/themes/thecodingmachine/img/bg-whitebook.svg) top right no-repeat;
}
.whitepapers-wrapper .tns-ovh {
overflow: visible;
}
.whitepapers-wrapper .tns-controls {
position: relative;
z-index: 5;
text-align: right;
}
.whitepapers-wrapper .tns-controls button {
background: none;
border: none;
padding: 10px;
}
.whitepapers-wrapper .tns-controls button:disabled {
opacity: 0.25;
}
.whitepapers-wrapper .whitepaper-head {
margin-bottom: 25px;
}
@media screen and (min-width: 769px) {
.whitepapers-wrapper .whitepaper-head .col-sm-8 {
flex-basis: 66.66667%;
max-width: 66.66667%;
}
}
@media screen and (min-width: 769px) {
.whitepapers-wrapper .whitepaper-head .col-sm-4 {
flex-basis: 33.33333%;
max-width: 33.33333%;
}
}
.whitepapers-wrapper .whitepaper-head .cta-zone {
padding-top: 20px;
}
.whitepapers-wrapper .whitepaper-head .triangle-green {
position: absolute;
left: 0;
top: 0;
}
@media screen and (max-width: 500px) {
.whitepapers-wrapper .whitepaper-head .triangle-green {
top: -100px;
width: 45px;
}
}
.whitepapers-wrapper .whitepaper-head .btn-main {
color: #001247;
border: 2px solid #001247;
padding: 10px 20px;
font-size: 14px;
}
.whitepapers-wrapper .whitepaper-head .btn-main:after {
background: #001247;
}
.whitepapers-wrapper .whitepaper-head .btn-main:hover {
color: #FFFFFF;
}
.whitepapers-wrapper .whitepapers-wrapper-overflowed {
overflow: hidden;
}
.whitepapers-wrapper .whitepapers {
padding: 0;
}
.whitepapers-wrapper .whitepapers .whitepaper {
padding: 50px 150px 50px 50px;
margin: 50px 150px 15px 0;
border: 4px solid rgb(0, 236, 174);
position: relative;
}
@media only screen and (max-width: 529px) {
.whitepapers-wrapper .whitepapers .whitepaper {
margin: 200px 25px 25px;
padding: 150px 35px 15px;
}
}
.whitepapers-wrapper .whitepapers .whitepaper:hover .whitepaper-image {
transform: translateY(-10px);
}
.whitepapers-wrapper .whitepapers .whitepaper:hover:before {
height: 40px;
width: 40px;
}
.whitepapers-wrapper .whitepapers .whitepaper:hover:after {
border-top: 40px solid rgb(0, 236, 174);
border-left: 40px solid transparent;
}
.whitepapers-wrapper .whitepapers .whitepaper:before {
content: "";
height: 20px;
width: 20px;
background: #FFFFFF;
position: absolute;
bottom: -4px;
left: -4px;
transition: all 1000ms cubic-bezier(0.72, 0, 0.555, 1.365);
}
.whitepapers-wrapper .whitepapers .whitepaper:after {
content: "";
position: absolute;
bottom: -4px;
left: -4px;
display: inline-block;
height: 0;
width: 0;
border-top: 20px solid rgb(0, 236, 174);
border-left: 20px solid transparent;
transition: all 1000ms cubic-bezier(0.72, 0, 0.555, 1.365);
}
.whitepapers-wrapper .whitepapers .whitepaper a {
text-decoration: none;
}
.whitepapers-wrapper .whitepapers .whitepaper .whitepaper-title {
font-weight: 700;
font-size: 18px;
color: #001247;
letter-spacing: 0;
margin-bottom: 25px;
}
.whitepapers-wrapper .whitepapers .whitepaper .whitepaper-desc {
font-style: italic;
font-size: 13px;
color: #001247;
letter-spacing: 0;
}
.whitepapers-wrapper .whitepapers .whitepaper .whitepaper-image {
position: absolute;
right: -100px;
bottom: 0;
top: 0;
margin: auto 0;
height: 341px;
width: 321px;
pointer-events: none;
transition: all 1000ms cubic-bezier(0.72, 0, 0.555, 1.365);
}
@media only screen and (max-width: 500px) {
.whitepapers-wrapper .whitepapers .whitepaper .whitepaper-image {
top: -545px;
left: -155px;
height: 217px;
width: 228px;
}
}
.whitepapers-wrapper .whitepapers .whitepaper .whitepaper-image .whitepaper-image-overlay {
position: absolute;
opacity: 0.99;
background: rgb(0, 236, 174);
height: 173px;
width: 131px;
top: 77px;
left: 90px; transform: rotate(46deg) skew(22deg, -27deg);
overflow: hidden;
}
@media screen and (max-width: 768px) {
.whitepapers-wrapper .whitepapers .whitepaper .whitepaper-image .whitepaper-image-overlay {
height: 170px;
width: 126px;
top: 74px;
left: 87px;
}
}
.whitepapers-wrapper.headline {
background: none;
}
.page-template-page-home .whitepapers-wrapper .whitepapers .whitepaper .whitepaper-image, .post-type-archive-nos-projets .whitepapers-wrapper .whitepapers .whitepaper .whitepaper-image {
height: 309px;
width: 198px;
right: -26px;
}
@media screen and (max-width: 768px) {
.page-template-page-home .whitepapers-wrapper .whitepapers .whitepaper .whitepaper-image, .post-type-archive-nos-projets .whitepapers-wrapper .whitepapers .whitepaper .whitepaper-image {
top: -360px;
height: 157px;
width: 188px;
}
}
.page-template-page-home .whitepapers-wrapper .whitepapers .whitepaper .whitepaper-image .whitepaper-image-overlay, .post-type-archive-nos-projets .whitepapers-wrapper .whitepapers .whitepaper .whitepaper-image .whitepaper-image-overlay {
height: 150px;
width: 113px;
top: 62px;
left: 76px;
}
@media screen and (max-width: 768px) {
.page-template-page-home .whitepapers-wrapper .whitepapers .whitepaper .whitepaper-image .whitepaper-image-overlay, .post-type-archive-nos-projets .whitepapers-wrapper .whitepapers .whitepaper .whitepaper-image .whitepaper-image-overlay {
width: 86px;
left: 52px;
height: 108px;
top: 48px;
transform: rotate(50deg) skew(26deg, -30deg);
}
}
.page-template-page-home .whitepapers-wrapper .whitepapers .whitepaper .whitepaper-image img, .post-type-archive-nos-projets .whitepapers-wrapper .whitepapers .whitepaper .whitepaper-image img {
right: 13px;
width: 274px;
}
@media screen and (max-width: 768px) {
.page-template-page-home .whitepapers-wrapper .whitepapers .whitepaper .whitepaper-image img, .post-type-archive-nos-projets .whitepapers-wrapper .whitepapers .whitepaper .whitepaper-image img {
width: 200px;
height: 207px;
}
}
.opensource-wrapper {
background: #001247 url(//thecodingmachine.com/wp-content/themes/thecodingmachine/img/bg-open.svg) center right no-repeat;
color: #FFFFFF;
padding: 50px 0;
background-size: cover;
position: relative;
}
@media only screen and (max-width: 1400px) {
.opensource-wrapper {
padding: 85px 0;
}
}
.opensource-wrapper .triangle-open {
position: absolute;
right: 0;
bottom: -67px;
}
.opensource-wrapper .opensource-title {
font-weight: 800;
color: rgb(0, 236, 174);
font-size: 34px;
margin: 0 0 25px;
}
.opensource-wrapper .opensource-title .text-light {
color: #FFFFFF;
font-weight: 300;
}
.opensource-wrapper .opensource-title .title-background {
text-align: center;
z-index: 1;
width: 100%;
opacity: 0.35;
}
.opensource-wrapper .opensource-desc {
opacity: 0.75;
font-size: 14px;
color: #FFFFFF;
letter-spacing: 0;
}
.opensource-wrapper .opensource-desc p {
color: #FFFFFF;
margin: 3px 0;
}
.opensource-wrapper .numbers {
margin-top: 50px;
}
@media screen and (max-width: 500px) {
.opensource-wrapper .numbers {
margin-top: 25px;
}
}
.opensource-wrapper .numbers .number-col {
position: relative;
}
@media screen and (max-width: 500px) {
.opensource-wrapper .numbers .number-col {
padding: 0.5rem 0;
}
}
.opensource-wrapper .numbers .number-col:after {
content: "";
position: absolute;
right: 0;
top: 0;
bottom: 0;
height: 50%;
margin: auto;
width: 1px;
background: white;
opacity: 0.35;
}
@media screen and (max-width: 768px) {
.opensource-wrapper .numbers .number-col:after {
content: none;
}
}
.opensource-wrapper .numbers .number-col:last-of-type:after {
display: none;
}
.opensource-wrapper .numbers .number {
font-weight: 800;
font-size: 56px;
color: #FFFFFF;
letter-spacing: 0;
text-shadow: 0 0 15px rgb(0, 236, 174);
}
@media screen and (max-width: 768px) {
.opensource-wrapper .numbers .number {
font-size: 40px;
}
}
@media screen and (max-width: 500px) {
.opensource-wrapper .numbers .number {
font-size: 30px;
}
}
.opensource-wrapper .numbers .number-legend {
font-weight: 700;
font-size: 18px;
color: rgb(0, 236, 174);
letter-spacing: 0;
text-transform: uppercase;
}
.opensource-wrapper .btn-main {
z-index: 10;
}
@media screen and (max-width: 500px) {
.opensource-wrapper .btn-main {
font-size: 13px;
}
}
.opensource-wrapper .btn-main:after {
background: rgb(0, 236, 174);
}
.opensource-wrapper .btn-main:hover {
color: #001247;
}
@media screen and (max-width: 500px) {
.galerie_clients {
display: none;
}
}
.blog-list-content.home .blog-list-similar {
display: flex;
flex-wrap: wrap;
}
.blog-list-content.home .blog-list-similar .article {
margin-bottom: 30px;
}
.blog-list-content.home .blog-list-similar .article a {
display: flex;
flex-wrap: wrap;
}
.blog-list-content.home .blog-list-similar .article a .article-image-wrapper {
height: 20vh;
width: 85%;
margin: 0;
}
@media screen and (max-width: 1280px) {
.blog-list-content.home .blog-list-similar .article a .article-image-wrapper {
max-height: 200px;
}
}
.blog-list-content.home .blog-list-similar .article a .article-content-wrapper {
width: 100%;
position: relative;
height: auto;
}
.blog-list-content.home .blog-list-similar .article a .article-content-wrapper .article-content-title {
min-height: 72px;
line-height: 24px;
}
@media screen and (max-width: 500px) {
.blog-list-content.home .blog-list-similar .article a .article-content-wrapper .article-content-title {
min-height: auto;
font-size: 14px;
line-height: 21px;
}
}
.blog-list-content.home .blog-list-similar .article a .article-content-wrapper .article-content-excerpt {
min-height: 112px;
}
.blog-list-content.home .blog-list-similar .article:hover .article-content {
border-top-width: 6px;
}
.form_home .frame {
display: flex;
position: relative;
flex-wrap: wrap;
justify-content: space-between;
}
.form_home .frame .col-2 {
width: 48.5%;
}
@media screen and (max-width: 500px) {
.form_home .frame .col-2 {
width: 100%;
}
}
.form_home .frame .col-1 {
width: 100%;
}
.form_home .frame input[type=text],
.form_home .frame input[type=email],
.form_home .frame input[type=tel],
.form_home .frame select,
.form_home .frame textarea,
.form_home .frame .simpleselect {
margin: 12px 0 0;
border: 1px solid #F7F7F7;
box-shadow: 0 0 5px 0 rgb(254, 254, 254);
background: #FAFAFA;
width: 100%;
max-width: 100%;
font-family: "Helvetica", Sans-serif;
letter-spacing: -0.9px;
font-size: 16px;
padding: 10px 5px;
outline: none !important;
border-radius: 2px;
display: block;
color: #999;
line-height: 1.6;
transition: all 0.2s;
}
.form_home .frame textarea {
height: 200px;
}
.form_home .frame .btn-main {
color: #001247;
border: 2px solid #001247;
padding: 0 0;
box-sizing: border-box;
width: -moz-max-content;
width: max-content;
margin: 0 auto 0;
height: 43px;
letter-spacing: 0;
text-align: center;
border-radius: 6px;
display: block;
text-decoration: none;
position: relative;
overflow: hidden;
}
.form_home .frame .btn-main:after {
background: #001247;
color: #FFFFFF;
}
.form_home .frame .btn-main p {
margin: 0;
line-height: initial;
cursor: pointer;
height: 100%;
}
.form_home .frame .btn-main p .wpcf7-spinner {
display: none;
}
.form_home .frame .btn-main input[type=submit] {
background: no-repeat;
border: none;
font-size: 14px;
font-weight: 700;
color: #001247;
height: 20px;
display: block;
margin: 0 auto;
cursor: pointer;
padding: 12px 30px 25px;
top: 0;
position: relative;
}
.form_home .frame .btn-main:hover input[type=submit] {
color: #FFFFFF;
}
.form_home .selectagency p {
margin-top: -11px;
}
.form_home .selectagency p select {
margin-top: 0;
height: 47px;
}
.partners_bot {
justify-content: center;
align-items: center;
}
.partners_bot .logos_part {
width: 14%;
height: 66px;
max-width: 130px;
margin: 1em 1em;
}
.partners_bot .logos_part a.button {
display: block;
height: 100%;
width: 100%;
}
.partners_bot .logos_part a.button img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.block_videos {
display: block;
position: relative;
}
.block_videos .videos_slick {
margin: 4em 0 -3px;
}
@media screen and (max-width: 768px) {
.block_videos .videos_slick {
margin: 1em 0 -3px;
}
}
.block_videos .videos_slick .global {
height: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.block_videos .videos_slick .item_video {
position: relative;
}
.block_videos .videos_slick .item_video video {
width: 54vw;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
display: block;
margin: 0 auto;
}
@media screen and (max-width: 960px) {
.block_videos .videos_slick .item_video video {
width: 72vw;
}
}
@media screen and (max-width: 500px) {
.block_videos .videos_slick .item_video video {
width: 100%;
}
}
.block_videos .container-arrow {
position: relative;
display: flex;
justify-content: end;
align-items: baseline;
width: -moz-max-content;
width: max-content;
max-width: 100%;
margin: 2em auto 0;
right: 0;
height: 4vw;
padding: 0em 0;
z-index: 1;
bottom: 0;
}
.block_videos .container-arrow li {
width: -moz-max-content;
width: max-content;
max-width: 100%;
height: 49px;
display: flex;
justify-content: center;
align-items: center;
list-style-type: none;
background-color: transparent;
background-size: contain;
background-repeat: no-repeat;
font-weight: 700;
font-size: 16px;
color: #001247;
letter-spacing: 0;
text-align: center;
border: 2px solid #001247;
border-radius: 30px;
padding: 10px 18px;
text-decoration: none;
position: relative;
overflow: hidden;
margin: 0 12px;
cursor: pointer;
}
@media screen and (max-width: 768px) {
.block_videos .container-arrow li {
height: 40px;
font-size: 13px;
padding: 4px 16px;
}
}
.block_videos .container-arrow li.prev span {
margin-left: 1em;
}
.block_videos .container-arrow li.prev.slick-disabled {
opacity: 0;
}
.block_videos .container-arrow li.prev.slick-disabled span {
font-size: 0;
}
.block_videos .container-arrow li.next {
position: relative;
right: 0;
list-style-type: none;
transition: transform 0.5s ease-in-out;
}
.block_videos .container-arrow li.next span {
margin-right: 1em;
}
.block_videos .container-arrow li.next.slick-disabled {
opacity: 0;
}
.block_videos .container-arrow li.next.slick-disabled span {
font-size: 0;
}
.block_videos .container-arrow li svg, .block_videos .container-arrow li img {
width: 1vw;
height: 1vw;
}
.block_videos .container-arrow li:after {
position: absolute;
transition: 0.3s;
content: "";
width: 0;
bottom: -1px;
background: #001247;
height: 120%;
left: -10%;
transform: skewX(15deg);
z-index: -1;
}
.block_videos .container-arrow li:hover {
color: #FFFFFF;
}
.block_videos .container-arrow li:hover:after {
left: -10%;
width: 120%;
}
.block_videos .container-arrow li:hover svg line {
stroke: #FFFFFF;
}
.block_videos .group_videos {
display: flex;
justify-content: center;
height: 100%;
align-items: center;
background: #f2f2f2;
width: 54vw;
margin: 0 auto;
}
@media screen and (max-width: 960px) {
.block_videos .group_videos {
width: 72vw;
}
}
@media screen and (max-width: 500px) {
.block_videos .group_videos {
width: 100%;
}
}
.block_videos .group_videos .group_title {
width: 46vw;
display: flex;
background-color: #f2f2f2;
}
@media screen and (max-width: 960px) {
.block_videos .group_videos .group_title {
width: 64vw;
}
}
@media screen and (max-width: 500px) {
.block_videos .group_videos .group_title {
width: 83%;
}
}
.block_videos .group_videos .group_title .title__full {
width: 80%;
padding: 1em;
}
.block_videos .group_videos .group_title .title__full p {
margin: 0 0;
}
@media screen and (max-width: 1400px) {
.block_videos .group_videos .group_title .title__full p {
font-size: 14px;
line-height: 18px;
}
}
@media screen and (max-width: 500px) {
.block_videos .group_videos .group_title .title__full p {
font-size: 11px;
line-height: 15px;
margin-bottom: 6px;
}
}
.block_videos .group_videos .group_title .title__full p.video_ref {
color: rgb(0, 236, 174);
font-weight: 700;
text-transform: uppercase;
}
.block_videos .group_videos .group_title .video_button {
width: 20%;
display: flex;
justify-content: end;
align-items: center;
}
.block_videos .group_videos .group_title .video_button a.link {
padding-top: 0;
}
@media screen and (max-width: 1400px) {
.block_videos .group_videos .group_title .video_button a.link {
padding: 0 0 15px;
}
}
.four_items {
position: relative;
}
@media screen and (max-width: 1120px) {
.four_items .row .col-sm-4 {
display: none;
}
}
@media screen and (max-width: 1120px) {
.four_items .row .col-sm-8 {
box-sizing: border-box;
flex-basis: 100%;
max-width: 100%;
padding: 1rem;
}
}
.four_items .triangle-green {
position: absolute;
left: 0;
top: 24vw;
width: 10vw;
}
.four_items h3 {
font-weight: 800;
font-size: 2.3em;
color: #001247;
letter-spacing: 0;
margin: 0;
position: relative;
padding-top: 5vw;
width: -moz-max-content;
width: max-content;
max-width: 100%;
text-transform: uppercase;
}
.four_items h3::after {
content: "";
position: absolute;
height: 2px;
width: 70%;
bottom: 0;
right: 0;
background-color: rgb(0, 236, 174);
}
.four_items .items_reasons {
-moz-column-count: 2;
column-count: 2;
-moz-column-gap: 6%;
column-gap: 6%;
}
@media screen and (max-width: 500px) {
.four_items .items_reasons {
-moz-column-count: 1;
column-count: 1;
}
}
.four_items .items_reasons .item_block {
box-sizing: border-box;
padding: 1em 3em;
background-color: #FDFDFD;
border-radius: 30px;
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.19);
text-align: center;
display: inline-block;
width: 100%;
}
@media screen and (max-width: 768px) {
.four_items .items_reasons .item_block {
padding: 1em 2em;
}
}
.four_items .items_reasons .item_block:nth-child(1) .icon {
width: 10vw;
}
@media screen and (max-width: 500px) {
.four_items .items_reasons .item_block:nth-child(1) .icon {
width: 20vw;
}
}
.four_items .items_reasons .item_block:nth-child(2) {
margin-top: 10%;
}
.four_items .items_reasons .item_block:nth-child(2) .icon {
width: 10vw;
}
@media screen and (max-width: 500px) {
.four_items .items_reasons .item_block:nth-child(2) .icon {
width: 20vw;
}
}
.four_items .items_reasons .item_block:nth-child(3) {
margin-top: 6%;
}
.four_items .items_reasons .item_block:nth-child(4) {
margin-top: 10%;
}
.four_items .items_reasons .item_block h4 {
color: #001247;
font-size: 1.2em;
margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
.four_items .items_reasons .item_block h4 {
font-size: 1.1em;
}
}
.four_items .items_reasons .item_block p {
font-size: 1.05em;
line-height: 1.6em;
}
@media screen and (max-width: 768px) {
.four_items .items_reasons .item_block p {
font-size: 1em;
}
}
.four_items .items_reasons .item_block .icon {
width: 8vw;
height: auto;
margin: 0 auto;
}
@media screen and (max-width: 500px) {
.four_items .items_reasons .item_block .icon {
width: 20vw;
}
}
.four_items .items_reasons .item_block .icon img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.cta_newsletter {
width: 100vw;
padding: 4em 0;
position: relative;
background-color: #001247;
}
.cta_newsletter .frame {
display: flex;
flex-wrap: wrap;
}
.cta_newsletter .insc_news p {
margin-bottom: 1em;
}
.cta_newsletter .insc_news p.sib-OPT_IN-area {
line-height: 15px;
margin: 0 0 32px;
}
.cta_newsletter .insc_news label.sib-OPT_IN-area {
font-size: 12px;
line-height: 12px;
}
.cta_newsletter .sib-email-area {
width: 100%;
margin: 0 0 0;
}
.cta_newsletter p.sib-email-area {
color: #FFFFFF;
font-weight: 300;
font-size: 1.1em;
}
.cta_newsletter input.sib-email-area {
width: 100%;
margin: 15px 0 0;
height: 36px;
border: none;
}
.cta_newsletter .btn-main {
color: #001247;
border: 2px solid rgb(0, 236, 174);
padding: 0 0;
box-sizing: border-box;
width: -moz-max-content;
width: max-content;
margin: 0;
height: 43px;
letter-spacing: 0;
text-align: center;
border-radius: 6px;
display: block;
text-decoration: none;
position: relative;
overflow: hidden;
}
.cta_newsletter .btn-main:after {
background: rgb(0, 236, 174);
color: #FFFFFF;
}
.cta_newsletter .btn-main p {
margin: 0;
line-height: initial;
cursor: pointer;
height: 100%;
}
.cta_newsletter .btn-main p .wpcf7-spinner {
display: none;
}
.cta_newsletter .btn-main input[type=submit] {
background: no-repeat;
border: none;
font-size: 14px;
font-weight: 700;
color: rgb(0, 236, 174);
height: 20px;
display: block;
margin: 0 auto;
cursor: pointer;
padding: 12px 30px 25px;
top: 0;
position: relative;
}
.cta_newsletter .btn-main:hover input[type=submit] {
color: #FFFFFF;
}
.cta_newsletter h4 {
color: #FFFFFF;
font-size: 2.1em;
text-transform: uppercase;
margin: 0 0;
padding-right: 35px;
}
@media screen and (max-width: 1500px) {
.cta_newsletter h4 {
font-size: 2em;
}
}
@media screen and (max-width: 768px) {
.cta_newsletter h4 {
font-size: 1.5em;
}
}
.cta_newsletter h4 span {
color: rgb(0, 236, 174);
}
.cta_newsletter p {
color: #FFFFFF;
font-size: 1.3em;
margin-bottom: 3em;
}
@media screen and (max-width: 1500px) {
.cta_newsletter p {
font-size: 1.1em;
}
}
@media screen and (max-width: 768px) {
.cta_newsletter p {
font-size: 1em;
}
}
@media screen and (max-width: 650px) {
.cta_newsletter p {
margin-bottom: 0em;
}
}
.cta_newsletter .tcm-3d {
height: 100%;
position: absolute;
bottom: -22px;
width: 26%;
right: 0;
overflow: hidden;
z-index: 1;
pointer-events: none;
opacity: 0.1;
}
@media screen and (max-width: 500px) {
.cta_newsletter .tcm-3d {
display: none;
}
}
.cta_newsletter .tcm-3d .tcm {
transition: all 2s cubic-bezier(0.84, 0.025, 0.315, 1.205);
width: 100%;
position: absolute;
}
@media screen and (max-width: 500px) {
.cta_newsletter .tcm-3d .tcm {
display: none;
transition: none;
}
}
.cta_newsletter .tcm-3d .tcm-1 {
z-index: 43;
left: 66px;
bottom: 41px;
width: 93%;
}
@media screen and (max-width: 500px) {
.cta_newsletter .tcm-3d .tcm-1 {
display: none;
left: 0;
}
}
.cta_newsletter .tcm-3d .tcm-2 {
z-index: 42;
bottom: 34px;
left: 0;
}
.cta_newsletter .tcm-3d .tcm-3 {
z-index: 41;
bottom: 14px;
left: 78px;
width: 92%;
}
@media screen and (max-width: 500px) {
.cta_newsletter .tcm-3d .tcm-3 {
display: none;
left: 0;
}
}
.blog-main {
position: relative;
margin-bottom: 2vh;
}
@media only screen and (max-width: 64rem) {
.blog-main {
margin-bottom: 3vh;
}
}
.blog-main .blog-main-background {
height: 55vh;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
}
.blog-main .blog-main-background:after {
content: "";
background: #001247;
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
opacity: 0.7;
top: 0;
left: 0;
}
@media only screen and (max-width: 1600px) {
.blog-main .blog-main-background {
height: 60vh;
}
}
@media only screen and (max-width: 1400px) {
.blog-main .blog-main-background {
min-height: 500px;
height: 46vh;
}
}
@media screen and (max-width: 768px) {
.blog-main .blog-main-background {
min-height: 50vh;
}
}
.blog-main .blog-main-background figure {
margin: 0;
height: 100%;
}
.blog-main .blog-main-background figure img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
}
.blog-main .triangle-revert {
height: 11vw;
}
.blog-main .row, .blog-main .blog-main-content {
height: 100%;
}
.blog-main .row {
justify-content: center;
}
.blog-main .container {
height: 100%;
position: absolute;
z-index: 2;
top: 0;
left: 50%;
width: 100%;
transform: translate(-50%, 0);
}
.blog-main .blog-main-content {
position: relative;
z-index: 2;
align-items: center;
display: flex;
justify-content: start;
padding: 0 7%;
}
.blog-main .blog-main-content > div {
align-self: end;
padding-bottom: 10%;
}
@media only screen and (max-width: 1400px) {
.blog-main .blog-main-content > div {
padding-top: 100px;
}
}
.blog-main .blog-main-content h1 {
margin: 5px 0;
font-weight: 600;
font-size: 2.5em;
color: rgb(0, 236, 174);
letter-spacing: 0;
line-height: 50px;
}
@media screen and (max-width: 1800px) {
.blog-main .blog-main-content h1 {
font-size: 2.3em;
}
}
@media screen and (max-width: 1400px) {
.blog-main .blog-main-content h1 {
font-size: 32px;
line-height: 35px;
}
}
@media only screen and (max-width: 64rem) {
.blog-main .blog-main-content h1 {
font-size: 20px;
line-height: 20px;
}
}
.blog-main .blog-main-content h1 .text-light {
text-transform: uppercase;
font-size: 0.6em;
color: rgb(0, 236, 174);
}
.blog-main .blog-main-content h1 span {
color: rgb(0, 236, 174);
}
.blog-main .blog-main-content em {
font-size: 1em;
color: #FFFFFF;
font-style: normal;
letter-spacing: 0.3px;
line-height: 23px;
padding-bottom: 30px;
width: 100%;
display: block;
}
@media screen and (max-width: 1024px) {
.blog-main .blog-main-content em {
font-size: 11px;
line-height: 15px;
}
}
.blog-main .blog-main-content .btn-wrapper {
margin-top: 15px;
}
.blog-main .blog-main-content .btn-wrapper .btn-main {
padding: 10px 20px;
font-size: 14px;
}
.blog-list-title {
margin-bottom: 50px;
}
.blog-list-title .tag-list {
margin-bottom: 50px;
}
@media screen and (min-width: 769px) {
.blog-list-title .col-sm-8 {
flex-basis: 66.66667%;
max-width: 66.66667%;
}
}
@media screen and (min-width: 769px) {
.blog-list-title .col-sm-4 {
flex-basis: 33.33333%;
max-width: 33.33333%;
}
}
@media only screen and (max-width: 64rem) {
.blog-list {
padding: 0 20px;
}
}
@media screen and (max-width: 1024px) {
.blog-list {
margin-bottom: 4vh;
}
}
.blog-list-content .article {
position: relative;
padding: 0 1rem;
transition: all ease-in 0.2s;
}
@media only screen and (max-width: 1400px) {
.blog-list-content .article {
flex-basis: 50%;
}
}
@media only screen and (max-width: 40rem) {
.blog-list-content .article {
flex-basis: 100%;
}
}
.blog-list-content .article .article-image-wrapper {
width: 210px;
height: 210px;
margin: 60px 0;
position: relative;
}
.blog-list-content .article .article-image-wrapper:after {
content: "";
position: absolute;
z-index: -1;
border: 4px solid #001247;
width: calc(100% - 8px);
height: calc(100% - 8px);
top: 15px;
left: 15px;
}
@media only screen and (max-width: 120rem) {
.blog-list-content .article .article-image-wrapper {
height: 195px;
width: 190px;
margin: 75px 0;
}
}
@media only screen and (max-width: 90rem) {
.blog-list-content .article .article-image-wrapper {
width: 185px;
margin: 85px 0;
}
}
@media only screen and (max-width: 1400px) {
.blog-list-content .article .article-image-wrapper {
width: 190px;
height: 190px;
margin: 95px 0;
}
}
@media screen and (max-width: 1280px) {
.blog-list-content .article .article-image-wrapper {
width: 150px;
height: 150px;
margin: 125px 0;
}
}
@media screen and (max-width: 1120px) {
.blog-list-content .article .article-image-wrapper {
margin: 150px 0;
}
}
@media screen and (max-width: 1024px) {
.blog-list-content .article .article-image-wrapper {
margin: 70px 0 0;
}
}
.blog-list-content .article .article-image-wrapper .article-image {
overflow: hidden;
height: 100%;
}
.blog-list-content .article .article-image-wrapper .article-image img {
transform: scale(1);
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
-o-object-position: bottom center;
object-position: bottom center;
}
.blog-list-content .article .article-content-wrapper {
filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.12));
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
margin: auto 50px auto 0;
height: 100%;
width: calc(100% - 210px - 1rem - 50px);
right: 0;
display: flex;
align-items: center;
}
@media only screen and (max-width: 120rem) {
.blog-list-content .article .article-content-wrapper {
width: calc(100% - 190px - 1rem - 50px);
}
}
@media only screen and (max-width: 1500px) {
.blog-list-content .article .article-content-wrapper {
width: calc(100% - 184px - 1rem - 50px);
}
}
@media only screen and (max-width: 1280px) {
.blog-list-content .article .article-content-wrapper {
width: calc(100% - 150px - 1rem - 0px);
top: 10%;
margin-right: 0px;
}
}
@media only screen and (max-width: 1024px) {
.blog-list-content .article .article-content-wrapper {
top: 0;
}
}
@media only screen and (max-width: 64rem) {
.blog-list-content .article .article-content-wrapper {
position: relative;
width: 100%;
height: auto;
}
}
.blog-list-content .article .article-content {
background: #FFFFFF;
-webkit-clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);
padding: 25px;
border-top: 6px solid rgb(0, 236, 174);
height: -moz-max-content;
height: max-content;
padding-bottom: 15px;
margin-bottom: 0px;
display: block;
}
@media screen and (max-width: 1280px) {
.blog-list-content .article .article-content {
height: 350px;
}
}
@media screen and (max-width: 1120px) {
.blog-list-content .article .article-content {
height: 410px;
}
}
@media screen and (max-width: 1024px) {
.blog-list-content .article .article-content {
height: 100%;
padding-bottom: 25px;
}
}
.blog-list-content .article .article-content .article-content-title {
font-weight: 700;
font-size: 19px;
color: #001247;
letter-spacing: 0;
line-height: 21px;
margin-bottom: 10px;
}
@media screen and (max-width: 91rem) {
.blog-list-content .article .article-content .article-content-title {
font-size: 16px;
}
}
.blog-list-content .article .article-content .article-content-excerpt {
font-size: 13px;
color: #001247;
letter-spacing: 0;
line-height: 20px;
}
.blog-list-content .article .article-content .article-content-author {
margin-top: 10px;
font-size: 11px;
color: #001247;
opacity: 0.5;
}
.blog-list-content .article:hover .article-image-wrapper:after {
transition: all ease-in 0.2s;
top: -15px;
left: -15px;
}
.blog-list-content .article:hover .article-content-wrapper {
transition: all ease-in 0.2s;
filter: drop-shadow(0 10px 7px rgba(0, 0, 0, 0.12));
}
.blog-list-content.nos-projets .article:hover .article-image-wrapper .article-image img {
transition: none;
transform: none;
}
.blog-list-content.nos-projets .article:hover .article-content {
transition: none;
border-top: 6px solid rgb(0, 236, 174);
}
@media screen and (max-width: 1280px) {
.blog-list-content.nos-projets {
margin-top: 130px;
}
}
@media screen and (max-width: 1024px) {
.blog-list-content.nos-projets {
margin-top: 30px;
}
}
@media screen and (max-width: 1024px) {
.blog-list-content.publications .article {
margin: 30px 0;
}
}
.blog-list-content.publications .article .article-image-wrapper {
margin: 60px 0;
}
@media screen and (max-width: 1280px) {
.blog-list-content.publications .article .article-image-wrapper {
margin: 75px 0;
}
}
@media screen and (max-width: 1120px) {
.blog-list-content.publications .article .article-image-wrapper {
margin: 105px 0;
}
}
@media screen and (max-width: 1024px) {
.blog-list-content.publications .article .article-image-wrapper {
margin: 0 0;
}
}
.blog-list-content.publications .article .article-content-wrapper {
display: flex;
align-items: center;
}
.blog-list-content.publications .article .article-content-wrapper .article-content {
min-height: 250px;
}
@media screen and (max-width: 1280px) {
.blog-list-content.publications .article .article-content-wrapper .article-content {
height: 270px;
}
}
@media screen and (max-width: 1120px) {
.blog-list-content.publications .article .article-content-wrapper .article-content {
height: 320px;
}
}
@media screen and (max-width: 1024px) {
.blog-list-content.publications .article .article-content-wrapper .article-content {
height: auto;
}
}
@media screen and (max-width: 1024px) {
.blog-list-content.myblog .article {
margin: 30px 0;
}
}
.blog-list-content.myblog .article .article-image-wrapper {
margin: 60px 0;
}
@media screen and (max-width: 1280px) {
.blog-list-content.myblog .article .article-image-wrapper {
margin: 75px 0;
}
}
@media screen and (max-width: 1120px) {
.blog-list-content.myblog .article .article-image-wrapper {
margin: 105px 0;
}
}
@media screen and (max-width: 1024px) {
.blog-list-content.myblog .article .article-image-wrapper {
margin: 0 0;
}
}
.blog-list-content.myblog .article .article-content-wrapper {
display: flex;
align-items: center;
}
.blog-list-content.myblog .article .article-content-wrapper .article-content {
min-height: 250px;
}
@media screen and (max-width: 1280px) {
.blog-list-content.myblog .article .article-content-wrapper .article-content {
height: 270px;
}
}
@media screen and (max-width: 1120px) {
.blog-list-content.myblog .article .article-content-wrapper .article-content {
height: 320px;
}
}
@media screen and (max-width: 1024px) {
.blog-list-content.myblog .article .article-content-wrapper .article-content {
height: auto;
}
}
.blog-list-similar .article .article-content-wrapper {
height: 220px;
}
.tax-types .blog-list-content .article {
margin-bottom: 30px;
}
.tax-types .blog-list-content .article a {
display: block;
padding: 75px 0;
}
.tax-types .blog-list-content .article a .article-image-wrapper {
margin: 0 0;
}
@media only screen and (max-width: 120rem) {
.tax-types .blog-list-content .article a .article-image-wrapper {
margin: 0 0;
}
}
@media only screen and (max-width: 90rem) {
.tax-types .blog-list-content .article a .article-image-wrapper {
margin: 0 0;
}
}
@media only screen and (max-width: 1400px) {
.tax-types .blog-list-content .article a .article-image-wrapper {
margin: 0 0;
}
}
@media screen and (max-width: 1280px) {
.tax-types .blog-list-content .article a .article-image-wrapper {
margin: 0 0;
}
}
@media screen and (max-width: 1120px) {
.tax-types .blog-list-content .article a .article-image-wrapper {
margin: 0 0;
}
}
.tax-types .blog-list-content .article a .article-content-wrapper {
width: calc(100% - 167px - 1rem - 50px);
}
.article .small_article {
width: 75%;
}
@media screen and (max-width: 768px) {
.article .small_article {
width: 100%;
}
}
.article-main {
margin-bottom: 10vh;
position: relative;
}
@media only screen and (max-width: 64rem) {
.article-main {
margin-bottom: 3vh;
}
}
.article-main .article-main-background {
min-height: 300px;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
background-size: cover;
position: relative;
}
.article-main .article-main-background:after {
content: "";
background: #001247;
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
opacity: 0.7;
top: 0;
left: 0;
}
.article-main .triangle-revert {
background: rgb(0, 236, 174);
-webkit-clip-path: polygon(0 0, 0% 100%, 100% 82%);
clip-path: polygon(0 0, 0% 100%, 100% 82%);
}
.article-main .tag-list {
margin-bottom: 50px;
}
.single .blog-list-similar {
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
.single .blog-list-similar .article {
margin-bottom: 30px;
}
}
@media screen and (max-width: 768px) {
.single .blog-list-similar .article {
margin-bottom: 145px;
}
}
.single .blog-list-similar .article a {
display: block;
}
.single .blog-list-similar .article-image-wrapper {
margin: 55px 0;
}
@media screen and (max-width: 1280px) {
.single .blog-list-similar .article-image-wrapper {
margin: 60px 0;
}
}
@media screen and (max-width: 1120px) {
.single .blog-list-similar .article-image-wrapper {
margin: 85px 0;
}
}
@media screen and (max-width: 1024px) {
.single .blog-list-similar .article-image-wrapper {
margin: 0 0;
}
}
.single .blog-list-similar .article-content-wrapper {
display: flex;
align-items: center;
}
@media screen and (max-width: 1024px) {
.single .blog-list-similar .article-content-wrapper {
align-items: baseline;
}
}
.single .blog-list-similar .article-content-wrapper .article-content {
min-height: 195px;
}
@media screen and (max-width: 1280px) {
.single .blog-list-similar .article-content-wrapper .article-content {
height: auto;
}
}
.single .blog-list-similar .article-content-wrapper .article-content p {
text-align: left;
}
.single .blog-list-similar-wrapper {
width: 100vw;
overflow: hidden;
}
.single .blog-list-similar-wrapper .tns-ovh {
overflow: visible;
}
.single .blog-list-similar-wrapper .tns-controls {
position: relative;
z-index: 5;
text-align: right;
}
.single .blog-list-similar-wrapper .tns-controls button {
background: none;
border: none;
padding: 10px;
}
.single .blog-list-similar-wrapper .tns-controls button:disabled {
opacity: 0.25;
}
.article .article-content {
display: flex;
color: #001247;
}
@media only screen and (max-width: 64rem) {
.article .article-content {
padding: 0 20px;
}
}
@media screen and (max-width: 768px) {
.article .article-content {
flex-wrap: wrap;
}
}
.article .article-content.container {
width: 85%;
max-width: 120em;
padding: 0 0;
}
.article .article-content h1 {
font-weight: 800;
font-size: 42px;
color: rgb(0, 236, 174);
letter-spacing: 0;
line-height: 50px;
}
@media screen and (max-width: 1024px) {
.article .article-content h1 {
font-size: 24px;
line-height: 34px;
}
}
.article .article-content h2 {
font-weight: 700;
font-size: 21px;
color: #001247;
letter-spacing: 0;
position: relative;
padding-left: 35px;
margin: 10px 0 25px;
}
@media screen and (max-width: 1024px) {
.article .article-content h2 {
font-size: 16px;
}
}
.article .article-content h2:before {
content: "";
height: 4px;
position: absolute;
width: 25px;
background: rgb(0, 236, 174);
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
.article .article-content p {
font-size: 15px;
color: #001247;
letter-spacing: 0;
line-height: 25px;
margin: 0 0 25px;
text-align: justify;
}
@media only screen and (max-width: 91rem) {
.article .article-content p {
font-size: 13px;
line-height: 21px;
}
}
.article .article-content em {
font-style: italic;
}
.article .article-content hr {
margin: 25px 0;
border: none;
opacity: 0.25;
}
.article .article-content .social-polygon {
text-align: right;
}
@media only screen and (max-width: 64rem) {
.article .article-content .social-polygon {
text-align: center;
margin: 0;
width: 100%;
}
}
.article .article-content .social-polygon .social-ico {
margin-left: 5px;
padding: 14px 15px;
position: relative;
display: inline-block;
}
@media only screen and (max-width: 64rem) {
.article .article-content .author-wrapper .author {
text-align: center;
}
}
.article .article-content .author-wrapper .author .author-picture {
background-color: #CCC;
background-size: cover;
height: 44px;
width: 44px;
border-radius: 50%;
display: inline-block;
}
.article .article-content .author-wrapper .author .author-infos {
display: inline-block;
transform: translateY(-5px);
margin-left: 5px;
}
.article .article-content .author-wrapper .author .author-infos .author-name {
font-size: 15px;
color: #001247;
letter-spacing: 0;
}
.article .article-content .author-wrapper .author .author-infos .author-date {
opacity: 0.5;
font-size: 12px;
color: #001247;
letter-spacing: 0;
}
.article .article-content ul li, .article .article-content ol li {
padding: 7px 0;
}
.article .article-content figure figcaption {
text-align: center;
font-size: 0.9em;
padding: 10px 0;
}
.article .article-content a {
color: #001247;
display: inline-block;
position: relative;
}
.article .article-content a::after {
content: "";
height: 2px;
width: 100%;
bottom: 0;
left: 0;
position: absolute;
background-color: rgb(0, 236, 174);
}
.article .article-content a.social-ico::after {
content: none;
}
.article .article-content ul li a::after {
content: none;
}
.article .article-content .table_contents .toc_block #ez-toc-container ul li a::after {
content: none;
}
.article .article-content .table_contents {
width: 25%;
padding-top: 1.6em;
}
@media screen and (max-width: 769px) {
.article .article-content .table_contents {
width: 100%;
}
}
.article .article-content .table_contents .toc_block {
height: 100%;
position: relative;
}
.article .article-content .table_contents .toc_block #ez-toc-container {
position: sticky;
top: 80px;
}
.article .article-content .table_contents .toc_block #ez-toc-container ul li {
padding: 5px 0;
}
.article .article-content .table_contents .toc_block #ez-toc-container ul li a {
color: #001247;
}
@media screen and (max-width: 768px) {
.article .article-content .table_contents .toc_block #ez-toc-container ul li a {
font-size: 13px;
}
.article .article-content .table_contents .toc_block #ez-toc-container ul li a::after {
content: none;
}
}
@media screen and (max-width: 768px) {
.article .article-content .table_contents .toc_block #ez-toc-container ul li.ez-toc-heading-level-3 {
padding: 0px 0;
}
}
@media screen and (max-width: 768px) {
.article .article-content .table_contents .toc_block #ez-toc-container ul li.ez-toc-heading-level-3 a {
font-size: 12px;
}
}
.article .article-content .table_contents .widget-area .toc_widget {
margin: 0;
padding: 7%;
background: #f9f9f9;
border: 1px solid #aaaaaa;
}
.article .article-content .table_contents .widget-area .toc_widget ul {
padding: 0 0;
}
.article .article-content .small_article {
width: 70%;
padding: 0 2.5%;
}
@media screen and (max-width: 769px) {
.article .article-content .small_article {
width: 100%;
}
}
.blog-main-background .blog-main-content p {
color: white;
}
.whitepaper-linked-wrapper {
position: relative;
}
.whitepaper-linked-wrapper .whitepaper-linked {
text-align: center;
background: #F0F0F0;
border-left: 4px solid rgb(0, 236, 174);
padding: 145px 50px 60px 50px;
margin: 75px auto;
width: 100%;
max-width: 800px;
}
@media screen and (max-width: 768px) {
.whitepaper-linked-wrapper .whitepaper-linked {
padding: 145px 15px 60px;
}
}
.whitepaper-linked-wrapper .whitepaper-linked .whitepaper-linked-title {
font-weight: 700;
font-size: 16px;
color: #001247;
letter-spacing: 0;
margin-bottom: 30px;
}
.whitepaper-linked-wrapper .whitepaper-linked .whitepaper-image {
position: absolute;
left: 50%;
right: 50%;
bottom: 0;
top: 0;
transform: translate(-50%, -50%);
margin: auto 0;
height: 341px;
width: 321px;
pointer-events: none;
transition: all 1000ms cubic-bezier(0.72, 0, 0.555, 1.365);
}
@media only screen and (max-width: 500px) {
.whitepaper-linked-wrapper .whitepaper-linked .whitepaper-image {
top: 0;
left: 50%;
height: 252px;
width: 220px;
}
}
.whitepaper-linked-wrapper .whitepaper-linked .whitepaper-image .whitepaper-image-overlay {
position: absolute;
opacity: 0.99;
background: rgb(0, 236, 174);
height: 195px;
width: 136px;
top: 80px;
left: 98px;
transform: rotate(43deg) skew(19deg, 335deg);
overflow: hidden;
}
@media screen and (max-width: 768px) {
.whitepaper-linked-wrapper .whitepaper-linked .whitepaper-image .whitepaper-image-overlay {
height: 126px;
width: 86px;
top: 46px;
left: 62px;
}
}
.whitepaper-linked-wrapper .whitepaper-linked .whitepaper-image img {
width: 347px;
}
@media only screen and (max-width: 500px) {
.whitepaper-linked-wrapper .whitepaper-linked .whitepaper-image img {
width: 220px;
}
}
@media screen and (max-width: 1024px) {
.single .social-polygon {
margin-bottom: 55px;
}
}
@media screen and (max-width: 1024px) {
.article ul {
padding-left: 12px;
}
.article ul li {
font-size: 13px;
padding-bottom: 10px;
}
}
code {
background: #2B2B2B;
color: #FFFFFF;
padding: 5px;
}
.wp-block-group.document {
background: #f2f2f2;
padding: 2em;
}
.wp-block-group.document .exemple_client {
text-align: center;
font-size: 1.2em;
text-transform: uppercase;
}
.single-nos-projets .youtube .vid-youtube video {
width: 100%;
}
.single-nos-projets .hiring-wrapper {
margin-bottom: 0vh;
padding-bottom: 35px;
padding-top: 25px;
}
.single-nos-projets .hiring-wrapper .whitepaper-linked-btn {
position: relative;
bottom: 75px;
left: 50%;
transform: translate(-50%, 0px);
width: 250px;
}
@media screen and (max-width: 768px) {
.single-nos-projets .hiring-wrapper .whitepaper-linked-btn {
left: calc(50% - 93px);
transform: none;
}
}
.single-nos-projets .hiring-wrapper .whitepaper-linked-btn a {
position: absolute;
bottom: 0;
left: 0;
}
.single-nos-projets .hiring-wrapper .whitepaper-linked-wrapper .whitepaper-linked {
padding: 100px 60px 60px 60px;
border-left: none;
background-color: transparent;
}
.single-nos-projets .hiring-wrapper .whitepaper-linked-wrapper .whitepaper-linked .whitepaper-image {
height: 200px;
width: 227px;
top: -70px;
z-index: 4;
}
.single-nos-projets .hiring-wrapper .whitepaper-linked-wrapper .whitepaper-linked .whitepaper-image img {
width: 250px;
top: 0;
}
.single-nos-projets .hiring-wrapper .whitepaper-linked-wrapper .whitepaper-linked .whitepaper-image .whitepaper-image-overlay {
height: 130px;
width: 91px;
top: 49px;
left: 60px;
}
.single-nos-projets .hiring-wrapper .hiring-image-wrapper {
height: 355px;
}
.single-nos-projets .hiring-wrapper .hiring-image-wrapper .hiring-border {
height: 97%;
width: 95%;
top: -27px;
left: 38px;
z-index: -2;
}
.single-nos-projets .hiring-wrapper .hiring-image-wrapper .hiring-flat {
background-color: #F0F0F0;
z-index: 0;
top: -5px;
left: 0px;
}
.single-nos-projets footer {
margin-top: 4vh;
}
.ref-project {
padding: 2vh 0 6vh;
}
.ref-project .ref-project-image-wrapper {
padding-right: 75px;
padding-left: 0;
}
.ref-project .ref-project-image-wrapper .ref-project-image-container {
position: relative;
padding: 0;
height: 100%;
}
.ref-project .ref-project-image-wrapper .ref-project-image-container .ref-project-image {
height: 100%;
min-height: 450px;
max-height: 500px;
width: 100%;
position: relative;
z-index: 2;
background-size: cover;
background-repeat: no-repeat;
}
.ref-project .ref-project-image-wrapper .ref-project-image-container .ref-project-image.Contain img {
-o-object-fit: contain;
object-fit: contain;
}
.ref-project .ref-project-image-wrapper .ref-project-image-container .ref-project-image img {
width: 100%;
max-height: 500px;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media only screen and (max-width: 1400px) {
.ref-project .ref-project-image-wrapper .ref-project-image-container .ref-project-image img {
max-height: 400px;
}
}
@media only screen and (max-width: 1400px) {
.ref-project .ref-project-image-wrapper .ref-project-image-container .ref-project-image {
max-height: 400px;
}
}
@media only screen and (max-width: 768px) {
.ref-project .ref-project-image-wrapper .ref-project-image-container .ref-project-image {
min-height: 275px;
max-height: 275px;
}
}
.ref-project .ref-project-image-wrapper .ref-project-image-container .ref-project-image-border {
position: absolute;
z-index: 1;
border: 4px solid rgb(0, 236, 174);
width: 100%;
height: 100%;
max-height: 500px;
top: 20px;
left: 20px;
}
@media only screen and (max-width: 1400px) {
.ref-project .ref-project-image-wrapper .ref-project-image-container .ref-project-image-border {
max-height: 400px;
}
}
.ref-project .ref-project-image-wrapper .ref-project-image-container .ref-project-image-background {
position: absolute;
z-index: 3;
width: 100%;
height: 100%;
max-height: 500px;
top: -20px;
background: transparent;
left: -20px;
opacity: 0.5;
}
@media only screen and (max-width: 1400px) {
.ref-project .ref-project-image-wrapper .ref-project-image-container .ref-project-image-background {
max-height: 400px;
}
}
.ref-project .ref-project-image-wrapper .ref-project-image-container .company-logo {
z-index: 1;
display: block;
position: relative;
}
.ref-project .ref-project-image-wrapper .ref-project-image-container .company-logo img {
max-width: 200px;
height: auto;
margin-bottom: 43px;
}
@media screen and (max-width: 960px) {
.ref-project .ref-project-image-wrapper {
width: 100%;
max-width: 100%;
flex-basis: 100%;
}
}
.ref-project .ref-project-content p {
text-align: justify;
font-size: 20px;
line-height: 35px;
}
@media screen and (max-width: 1600px) {
.ref-project .ref-project-content p {
font-size: 15px;
line-height: 25px;
}
}
.ref-project .ref-project-content li {
color: #001247;
margin: 12px 0;
font-size: 15px;
letter-spacing: 0;
line-height: 25px;
}
.ref-project .ref-project-content .slash svg {
left: 0;
margin-left: 0;
display: block;
width: 208px;
margin: 0;
}
.ref-project .ref-project-content .slash .rectangle {
width: -moz-max-content;
width: max-content;
min-width: 208px;
height: 47px;
left: 0%;
transform: translate(0%, -40%);
}
.ref-project .ref-project-content .slash .rectangle button {
padding: 0 15px;
}
.ref-project .ref-project-content .content {
top: 50%;
position: relative;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
padding: 0;
width: 75%;
padding-right: 10em;
}
@media screen and (max-width: 1600px) {
.ref-project .ref-project-content .content {
padding-right: 0;
}
}
@media screen and (max-width: 1120px) {
.ref-project .ref-project-content .content {
width: 80%;
}
}
@media screen and (max-width: 960px) {
.ref-project .ref-project-content {
width: 100%;
max-width: 100%;
flex-basis: 100%;
}
}
@media screen and (max-width: 768px) {
.ref-project .ref-project-content {
padding-top: 45px;
}
}
.ref-project:nth-child(2n+1) .row {
flex-direction: row;
}
.ref-project:nth-child(2n+2) .row {
flex-direction: row-reverse;
}
.ref-features .ref-feature .ref-feature-image img {
width: 100%;
max-height: 472px;
-o-object-fit: contain;
object-fit: contain;
}
@media only screen and (max-width: 1400px) {
.ref-features .ref-feature .ref-feature-image img {
max-height: 385px;
}
}
.ref-features .ref-feature .ref-feature-text {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
.ref-features .ref-feature .ref-feature-text p {
margin: 30px 0;
line-height: 31px;
font-size: 20px;
line-height: 35px;
}
@media screen and (max-width: 1600px) {
.ref-features .ref-feature .ref-feature-text p {
font-size: 15px;
line-height: 31px;
}
}
@media only screen and (max-width: 64rem) {
.ref-features .ref-feature .ref-feature-text {
text-align: center;
}
}
.ref-features .ref-feature .ref-feature-text h2 {
font-weight: bold;
font-size: 34px;
font-weight: 800;
color: #001247;
letter-spacing: 0;
}
@media only screen and (max-width: 64rem) {
.ref-features .ref-feature .ref-feature-text h2 {
text-align: center;
}
}
@media only screen and (max-width: 64rem) {
.ref-features .ref-feature .ref-feature-text p {
text-align: center;
}
}
.ref-features .ref-feature .ref-feature-text .ref-feature-techno {
height: 50px;
}
@media only screen and (max-width: 64rem) {
.ref-features .ref-feature .ref-feature-text .ref-feature-techno {
text-align: center;
width: auto;
max-width: 100%;
}
}
.ref-features:nth-child(2n+1) .row {
flex-direction: row;
}
.ref-features:nth-child(2n+2) .row {
flex-direction: row-reverse;
}
.ref-avis {
padding: 150px;
-webkit-clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 90%);
clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 90%);
background-color: #001247;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
@media only screen and (max-width: 64rem) {
.ref-avis {
padding: 75px 15px;
}
}
.ref-avis .ref-avis-container {
background: #FFFFFF;
padding: 50px;
position: relative;
}
@media screen and (max-width: 768px) {
.ref-avis .ref-avis-container {
padding: 20px;
}
}
.ref-avis .ref-avis-container:after {
content: "";
position: absolute;
top: 15px;
left: 15px;
width: 100%;
height: 100%;
border: 5px solid rgb(0, 236, 174);
pointer-events: none;
}
@media only screen and (max-width: 64rem) {
.ref-avis .ref-avis-container:after {
display: none;
}
}
.ref-avis .ref-avis-container .ref-avis-text {
font-size: 14px;
color: #001247;
letter-spacing: 0;
line-height: 25px;
margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
.ref-avis .ref-avis-container .ref-avis-text {
font-size: 10px;
line-height: 21px;
}
}
.ref-avis .ref-avis-container hr {
opacity: 0.5;
margin-bottom: 30px;
}
.ref-avis .ref-avis-container .ref-avis-who .ref-avis-who-pic {
height: 50px;
width: 50px;
border-radius: 50%;
overflow: hidden;
position: absolute;
}
.ref-avis .ref-avis-container .ref-avis-who .ref-avis-who-pic > img {
width: 100%;
height: 100%;
}
.ref-avis .ref-avis-container .ref-avis-who .ref-avis-who-details {
margin-left: 75px;
}
.ref-avis .ref-avis-container .ref-avis-who .ref-avis-who-details .ref-avis-who-details-name {
font-weight: bold;
font-size: 14px;
color: #001247;
letter-spacing: 0;
line-height: 25px;
}
.ref-avis .ref-avis-container .ref-avis-who .ref-avis-who-details .ref-avis-who-details-job {
font-weight: normal;
font-style: italic;
font-size: 14px;
color: #001247;
letter-spacing: 0;
line-height: 25px;
}
.whitepapers-wrapper {
position: relative;
background: url(//thecodingmachine.com/wp-content/themes/thecodingmachine/img/bg-whitebook.svg) top right no-repeat;
}
.whitepapers-wrapper .tns-ovh {
overflow: visible;
}
.whitepapers-wrapper .tns-controls {
position: relative;
z-index: 5;
text-align: right;
}
.whitepapers-wrapper .tns-controls button {
background: none;
border: none;
padding: 10px;
}
.whitepapers-wrapper .tns-controls button:disabled {
opacity: 0.25;
}
.whitepapers-wrapper .whitepaper-head {
margin-bottom: 25px;
}
.whitepapers-wrapper .whitepaper-head .cta-zone {
padding-top: 20px;
}
.whitepapers-wrapper .whitepaper-head .triangle-green {
position: absolute;
left: 0;
top: 0;
}
.whitepapers-wrapper .whitepaper-head .btn-main {
color: #001247;
border: 2px solid #001247;
padding: 10px 20px;
font-size: 14px;
}
.whitepapers-wrapper .whitepaper-head .btn-main:after {
background: #001247;
}
.whitepapers-wrapper .whitepaper-head .btn-main:hover {
color: #FFFFFF;
}
.whitepapers-wrapper .whitepapers-wrapper-overflowed {
overflow: hidden;
}
.whitepapers-wrapper .whitepapers {
padding: 0;
}
.whitepapers-wrapper .whitepapers .whitepaper {
padding: 50px 150px 50px 50px;
margin: 50px 150px 85px 0;
border: 4px solid rgb(0, 236, 174);
position: relative;
}
@media only screen and (max-width: 529px) {
.whitepapers-wrapper .whitepapers .whitepaper {
margin: 200px 25px 25px;
padding: 60px 35px 35px;
}
}
.whitepapers-wrapper .whitepapers .whitepaper:hover .whitepaper-image {
transform: translateY(-10px);
}
.whitepapers-wrapper .whitepapers .whitepaper:hover:before {
height: 40px;
width: 40px;
}
.whitepapers-wrapper .whitepapers .whitepaper:hover:after {
border-top: 40px solid rgb(0, 236, 174);
border-left: 40px solid transparent;
}
.whitepapers-wrapper .whitepapers .whitepaper:before {
content: "";
height: 20px;
width: 20px;
background: #FFFFFF;
position: absolute;
bottom: -4px;
left: -4px;
transition: all 1000ms cubic-bezier(0.72, 0, 0.555, 1.365);
}
.whitepapers-wrapper .whitepapers .whitepaper:after {
content: "";
position: absolute;
bottom: -4px;
left: -4px;
display: inline-block;
height: 0;
width: 0;
border-top: 20px solid rgb(0, 236, 174);
border-left: 20px solid transparent;
transition: all 1000ms cubic-bezier(0.72, 0, 0.555, 1.365);
}
.whitepapers-wrapper .whitepapers .whitepaper a {
text-decoration: none;
}
.whitepapers-wrapper .whitepapers .whitepaper .whitepaper-title {
font-weight: 700;
font-size: 18px;
color: #001247;
letter-spacing: 0;
margin-bottom: 25px;
}
.whitepapers-wrapper .whitepapers .whitepaper .whitepaper-desc {
font-style: italic;
font-size: 13px;
color: #001247;
letter-spacing: 0;
}
.whitepapers-wrapper .whitepapers .whitepaper .whitepaper-image {
position: absolute;
right: -100px;
bottom: 0;
top: 0;
margin: auto 0;
height: 341px;
width: 321px;
pointer-events: none;
transition: all 1000ms cubic-bezier(0.72, 0, 0.555, 1.365);
}
@media only screen and (max-width: 529px) {
.whitepapers-wrapper .whitepapers .whitepaper .whitepaper-image {
top: -545px;
left: -155px;
height: 217px;
width: 228px;
margin: auto;
}
}
@media screen and (max-width: 768px) {
.whitepapers-wrapper .whitepapers .whitepaper .whitepaper-image img {
width: 304px;
top: 30px;
height: 301px;
}
}
.whitepapers-wrapper .whitepapers .whitepaper .whitepaper-image .whitepaper-image-overlay {
position: absolute;
background: rgb(0, 236, 174);
height: 173px;
width: 131px;
top: 77px;
left: 90px; transform: rotate(46deg) skew(22deg, -27deg);
overflow: hidden;
}
@media screen and (max-width: 768px) {
.whitepapers-wrapper .whitepapers .whitepaper .whitepaper-image .whitepaper-image-overlay {
height: 164px;
width: 122px;
top: 67px;
left: 86px;
}
}
@media screen and (max-width: 500px) {
.whitepapers-wrapper .whitepapers .whitepaper .whitepaper-image .whitepaper-image-overlay {
height: 157px;
width: 107px;
top: 69px;
left: 46px;
transform: rotate(48deg) skew(29deg, -27deg);
}
}
.ref-contexte {
margin-bottom: 3vh;
}
.ref-contexte p {
font-size: 20px;
}
@media screen and (max-width: 1500px) {
.ref-contexte p {
font-size: 18px;
line-height: 25px;
}
}
.ref-contexte .img_full img {
width: 70%;
height: -moz-max-content;
height: max-content;
display: block;
margin: 30px auto;
}
.ref-contexte p.intro {
font-size: 16px;
}
.ref-logos-noanim {
margin: 4vh 0 8vh;
}
.ref-logos-noanim .technos-without-anim .without-anim {
margin: 0 auto;
padding: 0;
width: 80%;
display: flex;
justify-content: center;
}
.ref-logos-noanim .technos-without-anim .without-anim .techno {
width: 20%;
list-style-type: none;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 1024px) {
.ref-logos-noanim .technos-without-anim .without-anim .techno {
width: 28%;
}
}
.ref-logos-noanim .technos-without-anim .without-anim .techno img {
width: 75%;
max-width: 180px;
height: 75px;
-o-object-fit: contain;
object-fit: contain;
}
.nos-projets.blog-list-content .article .article-content-wrapper .article-content .article-content-link {
text-align: right;
padding-top: 20px;
width: 95%;
}
.nos-projets.blog-list-content .article .article-content-wrapper .article-content .article-content-link span {
font-size: 0.8em;
color: #001247;
font-weight: 700;
}
.project_linked.blog-list-content {
padding: 7vh 0 0;
margin-bottom: 0;
}
.project_linked.blog-list-content .frame {
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
.project_linked.blog-list-content .article {
flex-basis: 100%;
margin-bottom: 30px;
}
}
.project_linked.blog-list-content .article a {
display: flex;
flex-wrap: wrap;
}
.project_linked.blog-list-content .article a .article-image-wrapper {
height: 215px;
width: 85%;
margin: 0;
}
.project_linked.blog-list-content .article a .article-content-wrapper {
width: 100%;
position: relative;
height: auto;
min-height: 185px;
}
.project_linked.blog-list-content .article a .article-content-wrapper .article-content {
height: 100%;
min-height: 185px;
}
@media screen and (max-width: 1280px) {
.project_linked.blog-list-content .article a .article-content-wrapper .article-content {
height: 100%;
}
}
@media screen and (max-width: 1120px) {
.project_linked.blog-list-content .article a .article-content-wrapper .article-content {
height: 100%;
}
}
.headline__center .title-content {
text-align: center;
}
.headline__center .title-content .title-background {
font-size: 58px;
text-align: center;
left: 50%;
right: 50%;
width: -moz-max-content;
width: max-content;
margin: 0 auto;
display: block;
transform: translate(-50%, 0);
}
.headline__center .introduction {
text-align: center;
margin-top: 0;
padding-top: 0;
padding-bottom: 30px;
}
.post-type-archive-nos-projets .blog-list-content .article {
margin-bottom: 30px;
}
.post-type-archive-nos-projets .blog-list-content .article a {
display: block;
padding: 75px 0;
}
.post-type-archive-nos-projets .blog-list-content .article a .article-image-wrapper {
margin: 0 0;
}
@media only screen and (max-width: 120rem) {
.post-type-archive-nos-projets .blog-list-content .article a .article-image-wrapper {
margin: 0 0;
}
}
@media only screen and (max-width: 90rem) {
.post-type-archive-nos-projets .blog-list-content .article a .article-image-wrapper {
margin: 0 0;
}
}
@media only screen and (max-width: 1400px) {
.post-type-archive-nos-projets .blog-list-content .article a .article-image-wrapper {
margin: 0 0;
}
}
@media screen and (max-width: 1280px) {
.post-type-archive-nos-projets .blog-list-content .article a .article-image-wrapper {
margin: 0 0;
}
}
@media screen and (max-width: 1120px) {
.post-type-archive-nos-projets .blog-list-content .article a .article-image-wrapper {
margin: 0 0;
}
}
.post-type-archive-nos-projets .blog-list-content .article a .article-content-wrapper {
width: calc(100% - 167px - 1rem - 50px);
}
.blog-list-content .article.project_single .article-image-wrapper .article-image img {
-o-object-fit: contain;
object-fit: contain;
}
.filiale-main {
margin-bottom: 0;
}
.triangle-revert.triangle-revert-white {
background: #FFFFFF;
z-index: 10;
}
.filiale-form {
min-height: 35vh;
-webkit-clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 90%);
clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 90%);
background: rgb(0, 236, 174);
margin-top: -6.5vh;
position: relative;
}
@media screen and (max-width: 768px) {
.filiale-form {
min-height: 55vh;
}
}
.filiale-form .frame {
width: 100%;
position: absolute;
height: 100%;
display: flex;
}
.filiale-form .frame .col-2 {
width: 50%;
text-align: center;
}
.filiale-form .frame .col-2 .content {
height: 100%;
top: 50%;
left: 50%;
position: relative;
transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
.filiale-form .frame .col-2 .content a {
text-decoration: none;
color: #001247;
height: 50px;
margin-top: 0;
}
.filiale-form .frame .col-2 .content p {
height: 50px;
margin-top: 0;
}
.filiale-form .frame .col-2 .content img {
width: 65px;
margin: 15px auto;
max-height: 80px;
-o-object-fit: contain;
object-fit: contain;
}
.filiale-team .team-member {
padding-bottom: 75px;
}
.filiale-team .team-member .team-picture-wrapper {
position: relative;
}
.filiale-team .team-member .team-picture-wrapper .member-photo {
position: relative;
}
.filiale-team .team-member .team-picture-wrapper .member-photo:after {
content: "";
position: absolute;
top: 15px;
left: 15px;
width: 100%;
height: 100%;
background: rgb(0, 236, 174);
opacity: 0.5;
}
.filiale-team .team-member .team-picture-wrapper .member-photo img {
width: 100%;
height: 415px;
}
.filiale-team .team-member .team-picture-wrapper .team-name {
width: 100%;
position: absolute;
z-index: 2;
background: #FFFFFF;
height: 75px;
padding: 15px 20px;
bottom: -45px;
left: 30px;
display: flex;
}
.filiale-team .team-member .team-picture-wrapper .team-name .content {
width: 80%;
}
.filiale-team .team-member .team-picture-wrapper .team-name .linkedin {
width: 20%;
}
.filiale-team .team-member .team-picture-wrapper .team-name .linkedin img {
width: 70%;
padding-top: 10%;
margin-left: 30%;
}
@media only screen and (max-width: 40rem) {
.filiale-team .team-member .team-picture-wrapper .team-name .linkedin img {
width: 35%;
padding-top: 0%;
margin-left: 48%;
}
}
.filiale-team .team-member .team-picture-wrapper .team-name .member-name {
font-size: 20px;
font-weight: bold;
color: #001247;
margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
.filiale-team .team-member .team-picture-wrapper .team-name .member-name {
font-size: 16px;
}
}
.filiale-team .team-member .team-picture-wrapper .team-name .member-job {
font-size: 13px;
color: #001247;
text-transform: uppercase;
}
@media screen and (max-width: 768px) {
.filiale-team .team-member .team-picture-wrapper .team-name .member-job {
font-size: 11px;
}
}
.formulaire .frame {
display: flex;
position: relative;
flex-wrap: wrap;
justify-content: space-between;
}
.formulaire .frame .col-2 {
width: 49.5%;
}
@media screen and (max-width: 768px) {
.formulaire .frame .col-2 {
width: 100%;
}
}
.formulaire .frame .col-1 {
width: 100%;
}
@media screen and (max-width: 500px) {
.formulaire .frame p {
margin: 0 0 3px;
}
}
.formulaire .frame input[type=text],
.formulaire .frame input[type=email],
.formulaire .frame input[type=tel],
.formulaire .frame select,
.formulaire .frame textarea,
.formulaire .frame .simpleselect {
margin: 12px 0 0;
border: 1px solid #F7F7F7;
box-shadow: 0 0 5px 0 rgb(254, 254, 254);
background: #FAFAFA;
width: 100%;
max-width: 100%;
font-family: "Helvetica", Sans-serif;
letter-spacing: -0.9px;
font-size: 16px;
padding: 10px 12px;
outline: none !important;
border-radius: 2px;
display: block;
color: #999;
line-height: 1.6;
transition: all 0.2s;
}
.formulaire .frame .btn-main {
color: #001247;
border: 2px solid #001247;
padding: 0 0;
box-sizing: border-box;
width: -moz-max-content;
width: max-content;
margin: 0 auto 0;
height: 43px;
letter-spacing: 0;
text-align: center;
border-radius: 6px;
display: block;
text-decoration: none;
position: relative;
overflow: hidden;
}
.formulaire .frame .btn-main:after {
background: #001247;
color: #FFFFFF;
}
.formulaire .frame .btn-main p {
margin: 0;
line-height: initial;
cursor: pointer;
height: 100%;
}
.formulaire .frame .btn-main p .wpcf7-spinner {
display: none;
}
.formulaire .frame .btn-main input[type=submit] {
background: no-repeat;
border: none;
font-size: 14px;
font-weight: 700;
color: #001247;
height: 20px;
display: block;
margin: 0 auto;
cursor: pointer;
padding: 12px 30px 25px;
top: 0;
position: relative;
}
.formulaire .frame .btn-main:hover input[type=submit] {
color: #FFFFFF;
}
.formulaire .frame .files {
display: flex;
justify-content: center;
}
.formulaire .frame .files .input-file, .formulaire .frame .files .input-file2 {
display: none;
}
.formulaire .frame .files p {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.formulaire .frame .files p .wpcf7-form-control-wrap {
text-align: center;
}
.formulaire .frame .files input[type=file] {
background-color: transparent;
border-right: none;
border-top: none;
border-left: none;
}
.formulaire .frame .files .label-file {
padding: 5% 0 1%;
margin: 0 20px;
cursor: pointer;
display: block;
position: relative;
border-bottom: 1px solid rgb(0, 236, 174);
height: -moz-max-content;
height: max-content;
width: -moz-max-content;
width: max-content;
}
.formulaire .frame .files .label-file:hover {
color: rgb(0, 236, 174);
}
.formulaire .frame .files .label-file::before {
content: "> ";
}
.formulaire .frame .files .label-file2 {
padding: 5% 0 1%;
margin: 0 20px;
cursor: pointer;
display: block;
position: relative;
border-bottom: 1px solid rgb(0, 236, 174);
height: -moz-max-content;
height: max-content;
width: -moz-max-content;
width: max-content;
}
.formulaire .frame .files .label-file2:hover {
color: rgb(0, 236, 174);
}
.formulaire .frame .files .label-file2::before {
content: "> ";
}
.formulaire .frame .infos-files {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 0;
}
.formulaire .frame .infos-files p {
margin: 0;
}
.formulaire .frame .infos-files input {
margin: 5px 0;
background-color: transparent;
box-shadow: none;
border: none;
padding: 0 0;
text-align: center;
}
.formulaire .rgpd_box .wpcf7-list-item-label {
text-align: center;
}
.formulaire .selectagency p {
margin-top: -11px;
}
.formulaire .selectagency p select {
margin-top: 0;
height: 47px;
}
.filiale-avis {
padding: 5px 50px 35px;
margin: 10vh 0;
height: 600px;
}
@media screen and (max-width: 1600px) {
.filiale-avis {
height: 640px;
}
}
@media screen and (max-width: 1280px) {
.filiale-avis {
height: 730px;
}
}
@media screen and (max-width: 768px) {
.filiale-avis {
height: 100%;
}
}
.filiale-avis .testimonials-wraper-1 {
height: 100%;
}
@media screen and (max-width: 768px) {
.filiale-avis .testimonials-wraper-1 {
flex-direction: column-reverse;
flex-wrap: wrap;
flex-direction: initial;
}
}
.filiale-avis .testimonials-wraper-1 .col-sm-9, .filiale-avis .testimonials-wraper-1 .col-sm-3 {
height: 100%;
}
@media screen and (max-width: 768px) {
.filiale-avis .testimonials-wraper-1 .col-sm-9, .filiale-avis .testimonials-wraper-1 .col-sm-3 {
flex-basis: 100%;
max-width: 100%;
}
}
.filiale-avis .testimonials-wraper-1 .col-sm-9 .tns-outer, .filiale-avis .testimonials-wraper-1 .col-sm-3 .tns-outer {
height: 100%;
}
.filiale-avis .testimonials-wraper-1 .col-sm-9 .tns-outer .tns-ovh, .filiale-avis .testimonials-wraper-1 .col-sm-3 .tns-outer .tns-ovh {
height: 89%;
}
@media screen and (max-width: 768px) {
.filiale-avis .testimonials-wraper-1 .col-sm-9 .tns-outer .tns-ovh, .filiale-avis .testimonials-wraper-1 .col-sm-3 .tns-outer .tns-ovh {
height: auto;
max-height: 350px;
}
}
.filiale-avis .testimonials-wraper-1 .testimonials-carousel1 .avis-client {
background: #FFFFFF;
padding: 15px 30px 30px;
margin-bottom: 20px;
position: relative;
}
.filiale-avis .testimonials-wraper-1 .testimonials-carousel1 .avis-client:after {
content: "";
position: absolute;
border: 3px solid rgb(0, 236, 174);
width: 100%;
height: 100%;
top: 15px;
left: 15px;
pointer-events: none;
}
.filiale-avis .testimonials-wraper-1 .testimonials-carousel1 .avis-client .testimonial-1 .testimonial-text {
font-size: 14px;
line-height: 24px;
color: #001247;
max-height: auto;
overflow: hidden;
margin-bottom: 25px;
position: relative;
}
.filiale-avis .testimonials-wraper-1 .testimonials-carousel1 .avis-client .testimonial-1 .testimonial-text:after {
content: "";
height: 25px;
width: 100%;
position: absolute;
z-index: 1;
bottom: 0;
background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
.filiale-avis .testimonials-wraper-1 .testimonials-carousel1 .avis-client .testimonial-1 .testimonial-text:hover {
max-height: none;
}
.filiale-avis .testimonials-wraper-1 .testimonials-carousel1 .avis-client .testimonial-1 .testimonial-text:hover:after {
display: none;
}
.filiale-avis .testimonials-wraper-1 .testimonials-carousel1 .avis-client .testimonial-1 .testimonial-text p {
font-size: 13px;
line-height: 20px;
}
.filiale-avis .testimonials-wraper-1 .testimonials-carousel1 .avis-client .testimonial-1 .testimonial-detail {
position: relative;
}
.filiale-avis .testimonials-wraper-1 .testimonials-carousel1 .avis-client .testimonial-1 .testimonial-detail .testimonial-pic {
position: absolute;
left: 0;
height: 50px;
width: 50px;
border-radius: 50px;
overflow: hidden;
}
.filiale-avis .testimonials-wraper-1 .testimonials-carousel1 .avis-client .testimonial-1 .testimonial-detail .testimonial-pic > img {
width: 100%;
}
.filiale-avis .testimonials-wraper-1 .testimonials-carousel1 .avis-client .testimonial-1 .testimonial-detail .testimonial-name {
display: block;
color: #001247;
}
.filiale-avis .testimonials-wraper-1 .testimonials-carousel1 .avis-client .testimonial-1 .testimonial-detail .testimonial-position {
display: block;
color: #001247;
}
.filiale-avis .testimonials-wraper-1 .testimonials-carousel1 .avis-client .testimonial-1 .testimonial-detail .star-rating {
padding: 0;
margin: 0;
list-style: none;
}
.filiale-avis .testimonials-wraper-1 .testimonials-carousel1 .avis-client .testimonial-1 .testimonial-detail .star-rating li {
display: inline-block;
}
.filiale-avis .testimonials-wraper-1 .tns-controls {
margin-top: 20px;
}
.filiale-avis .testimonials-wraper-1 .tns-controls img {
width: 12px;
height: 18px;
}
.filiale-avis .avis-legend {
color: #FFFFFF;
}
@media screen and (max-width: 768px) {
.filiale-avis .avis-legend .section-head .title {
font-size: 1.1em;
}
}
.filiale-avis .avis-legend .section-head .sub-title {
font-size: 2em;
margin: 30px 0 0px;
}
.filiale-avis .avis-legend .section-head a {
margin: 20px 0;
}
@media screen and (max-width: 768px) {
.filiale-avis .avis-legend .section-head a {
width: 164px;
height: 60px;
margin: 10px 0;
}
}
.filiale-avis .avis-legend .section-head p {
color: #FFFFFF;
}
@media screen and (max-width: 768px) {
.filiale-avis {
padding: 75px 8px;
}
}
.onepage_filiale .headline.titre__left {
position: relative;
margin-bottom: 5vh;
padding-top: 7vh;
}
.onepage_filiale .headline.titre__left img {
position: absolute;
padding-top: 7px;
}
.onepage_filiale .headline.titre__left .link {
font-size: 17px;
}
.onepage_filiale .project_linked.blog-list-content {
padding: 0vh 0 0;
}
.onepage_filiale .project_linked.blog-list-content .article {
padding: 0 0.5rem;
}
.onepage_filiale .project_linked.blog-list-content .article:hover a.nocursor {
cursor: initial;
}
.onepage_filiale .project_linked.blog-list-content .article:hover a.nocursor .article-image-wrapper:after {
transition: none;
top: 15px;
left: 15px;
}
.onepage_filiale .project_linked.blog-list-content .article .article-image-wrapper {
height: 215px;
width: 80%;
}
@media screen and (max-width: 1600px) {
.onepage_filiale .project_linked.blog-list-content .article .article-image-wrapper {
width: 90%;
}
}
.onepage_filiale .project_linked.blog-list-content .article .article-content-wrapper {
margin: auto 0px auto 0;
width: 94%;
}
@media screen and (max-width: 1600px) {
.onepage_filiale .project_linked.blog-list-content .article .article-content-wrapper {
width: 100%;
}
}
.onepage_filiale .project_linked.blog-list-content .article .article-content-wrapper .article-content {
min-height: 218px;
}
.onepage_filiale .project_linked.blog-list-content .article .article-content-wrapper .article-content .article-content-link {
text-align: right;
padding-top: 20px;
}
.onepage_filiale .project_linked.blog-list-content .article .article-content-wrapper .article-content .article-content-link span {
font-size: 0.8em;
color: #001247;
font-weight: 700;
}
.onepage_filiale .opensource-wrapper {
margin: 10vh 0;
padding: 92px 0;
}
.onepage_filiale .opensource-wrapper .title-content .title-background {
top: -18px;
}
.onepage_filiale .articles_linked.blog-list-content .frame {
display: flex;
flex-wrap: wrap;
}
.onepage_filiale .articles_linked.blog-list-content .frame .article .article-image-wrapper {
height: 135px;
width: 135px;
margin: 67px 0;
}
.onepage_filiale .articles_linked.blog-list-content .frame .article .article-content-wrapper {
width: calc(100% - 130px - 1rem - 0px);
margin: auto 0px auto 0;
}
.onepage_filiale .articles_linked.blog-list-content .frame .article .article-content-wrapper .article-content .article-content-title {
font-size: 18px;
line-height: 23px;
}
@media screen and (max-width: 1800px) {
.onepage_filiale .articles_linked.blog-list-content .frame .article .article-content-wrapper .article-content .article-content-title {
font-size: 16px;
line-height: 22px;
}
}
.onepage_filiale .articles_linked.blog-list-content .frame .article .article-content-wrapper .article-content .article-content-excerpt p {
font-size: 12px;
line-height: 20px;
text-align: left;
}
.onepage_filiale .offices__slider h3 {
font-size: 1.8em;
max-width: 631px;
padding-left: 8%;
color: #001247;
line-height: 1.5em;
margin: 0 0;
top: 50%;
position: relative;
transform: translate(0, -50%);
}
@media screen and (max-width: 1920px) {
.onepage_filiale .offices__slider h3 {
max-width: 550px;
}
}
@media screen and (max-width: 1600px) {
.onepage_filiale .offices__slider h3 {
max-width: 408px;
}
}
@media screen and (max-width: 1280px) {
.onepage_filiale .offices__slider h3 {
font-size: 1.5em;
max-width: 375px;
}
}
@media screen and (max-width: 1024px) {
.onepage_filiale .offices__slider h3 {
font-size: 1.3em;
max-width: 277px;
}
}
@media only screen and (max-width: 40rem) {
.onepage_filiale .offices__slider h3 {
padding-left: 0;
width: 65%;
margin: 0 auto 85px;
font-size: 1.4em;
}
}
.onepage_filiale .offices__slider h3 span {
color: rgb(0, 236, 174);
}
.onepage_filiale .offices__slider h3 a {
color: #001247;
font-style: italic;
}
.onepage_filiale .offices__slider .without-glutter {
padding: 0 0;
}
.onepage_filiale .offices__slider .tns-outer {
position: relative;
}
.onepage_filiale .offices__slider .tns-outer .tns-item img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
}
.onepage_filiale .offices__slider .tns-outer .tns-controls {
position: absolute;
bottom: 4px;
right: 0;
}
.onepage_filiale .offices__slider .tns-outer .tns-controls button {
padding: 0;
width: 45px;
height: 45px;
background-color: #FFFFFF;
border: 1px solid #001247;
}
.onepage_filiale .offices__slider .tns-outer .tns-controls button img {
width: 30px;
height: 30px;
padding-top: 5px;
}
.onepage_filiale .hiring-wrapper {
padding: 35px 0 0;
}
.onepage_filiale .hiring-wrapper .hiring-social img {
height: 100%;
width: auto;
}
.onepage_filiale .hiring-wrapper .title-content {
text-transform: uppercase;
}
.onepage_filiale .hiring-wrapper .title-content span {
text-transform: initial;
}
.onepage_filiale .hiring-wrapper .hiring-image-wrapper {
height: 400px;
margin-bottom: 0;
padding: 0 0 0;
}
@media only screen and (max-width: 40rem) {
.onepage_filiale .hiring-wrapper .hiring-image-wrapper {
height: 250px;
}
}
.onepage_filiale .hiring-wrapper .hiring-image-wrapper .hiring-image {
text-align: center;
}
.onepage_filiale .hiring-wrapper .hiring-image-wrapper .hiring-image img {
height: 100%;
width: auto;
margin: 0 auto;
position: relative;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.onepage_filiale .hiring-wrapper .hiring-image-wrapper .hiring-flat {
background: #F0F0F0;
z-index: -1;
top: -5px;
left: -5px;
}
.onepage_filiale .filiale-team .team-member .team-picture-wrapper .member-photo img {
height: 360px;
}
.onepage_filiale .ref-contexte p {
margin: 0 0;
font-size: 16px;
}
.page-template-page-filiale footer {
margin-top: 7vh;
}
.page-template-page-filiale footer .filiales {
margin: 0px 0 50px;
}
.whitebk {
background-color: #FAFAFA;
padding: 0 0 0;
font-family: "Open Sans", sans-serif;
color: #363D45;
}
.whitebk section {
margin-bottom: 0vh;
}
.whitebk section .container {
width: 80%;
}
.whitebk section .container .frame {
display: flex;
width: 100%;
height: 100%;
}
.whitebk section .container .frame .col-2 {
width: 50%;
}
.whitebk section .container .frame .col-4 {
width: 25%;
}
.whitebk section .container .frame .col-75 {
width: 68%;
padding-left: 7%;
}
.whitebk section .container .frame .textual {
padding-top: 5%;
display: flex;
align-items: center;
}
.whitebk section .container .frame .textual h2 {
font-weight: 800;
font-size: 34px;
color: #001247;
letter-spacing: 0;
margin: 0;
position: relative;
z-index: 1;
line-height: initial;
}
@media screen and (max-width: 1120px) {
.whitebk section .container .frame .textual h2 {
font-size: 2em;
}
}
@media screen and (max-width: 960px) {
.whitebk section .container .frame .textual h2 {
font-size: 1.7em;
}
}
.whitebk section .container .frame .textual p {
font-size: 1.2em;
line-height: 1.5em;
}
.whitebk section .container .frame .textual a.button {
background: #00ecae;
border: none;
font-size: 1em;
padding: 15px 25px 15px 25px;
}
.whitebk section .container .frame .textual svg {
left: 0;
margin-left: 0;
display: block;
width: 208px;
}
.whitebk section .container .frame .textual svg rect {
width: 200px;
}
.whitebk section .container .frame .textual .slash a .rectangle {
left: 0;
transform: translate(0, -50%);
}
.whitebk section .container .frame .keysumm img {
width: 55%;
height: 100%;
padding: 0 0;
margin: 0 4% 0 0%;
-o-object-fit: contain;
object-fit: contain;
}
.whitebk section .container .frame img {
padding: 1% 6% 1% 31%;
width: 100%;
height: auto;
margin: 0 4% 0 0%;
-o-object-fit: contain;
object-fit: contain;
}
.whitebk section .container .frame img.alignnone {
padding: 0 0 0 0;
}
@media screen and (max-width: 768px) {
.whitebk section .container .frame {
flex-wrap: wrap;
}
.whitebk section .container .frame .col-2 {
width: 100%;
}
.whitebk section .container .frame .col-2.keysumm {
justify-content: center;
}
.whitebk section .container .frame .col-2.keysumm img {
padding-left: 0;
}
.whitebk section .container .frame .col-4, .whitebk section .container .frame .col-75 {
width: 100%;
}
}
.whitebk h2 {
font-weight: 700;
text-transform: initial;
font-size: 1.8em;
line-height: 1.2em;
color: #001247;
}
@media screen and (max-width: 768px) {
.whitebk h2 {
font-size: 1.4em;
}
}
.whitebk h3 {
font-weight: 700;
text-transform: initial;
font-size: 1.6em;
line-height: 1.3em;
color: #001247;
}
.whitebk h3:after {
content: "";
position: relative;
display: block;
background-color: rgb(0, 236, 174);
width: 80px;
height: 5px;
margin-top: 8px;
}
@media screen and (max-width: 1120px) {
.whitebk h3 {
font-size: 1.6em;
}
}
.whitebk h4, .whitebk h5 {
color: #001247;
padding: 3% 0;
}
.whitebk .header_wb .keysumm {
justify-content: end;
display: flex;
align-items: center;
}
.whitebk .summary {
padding: 3% 0 4%;
}
.whitebk .summary .keysumm {
justify-content: end;
display: flex;
align-items: center;
}
.whitebk .summary .keyphrase {
background: #001247;
padding: 10% 3.5%;
display: block;
position: relative;
margin: 0 4% 0 0%;
color: #FFFFFF;
height: -moz-max-content;
height: max-content;
font-size: 1.6em;
line-height: 1.2em;
text-align: center;
width: 55%;
}
@media screen and (max-width: 1120px) {
.whitebk .summary .keyphrase {
width: 75%;
font-size: 1.4em;
}
}
@media screen and (max-width: 768px) {
.whitebk .summary .keyphrase {
width: 100%;
margin: 0;
}
}
.whitebk .summary .keyphrase strong {
font-weight: 600;
line-height: 1.5em;
font-size: 1em;
}
.whitebk .summary ul li {
list-style-type: none;
position: relative;
font-size: 1.1em;
line-height: 1.5em;
padding: 8px 0;
}
.whitebk .summary ul li:before {
content: "";
display: block;
width: 17px;
height: 17px;
position: absolute;
left: 0;
background-size: contain;
top: 15px;
left: -30px;
background-image: url("data:image/svg+xml,%3Csvg id='Round-2' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='D-TEMPLATE-Wave-Overlay-Laptop' transform='translate(-179 -774)'%3E%3Cg id='Group-8' transform='translate(179 666)'%3E%3Cg id='checkmark' transform='translate(0 108)'%3E%3Ccircle id='Oval' cx='12' cy='12' r='12' fill='%2300bda5'/%3E%3Cpath id='Icons_Utilities_Success' data-name='Icons/Utilities/Success' d='M17.727,7.244l-7.569,7.744L6.39,11.133a.8.8,0,0,0-1.152,0,.847.847,0,0,0,0,1.178l4.344,4.444a.8.8,0,0,0,1.152,0l8.145-8.333a.847.847,0,0,0,0-1.178.8.8,0,0,0-1.152,0' fill='%23fff' fill-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
@media screen and (max-width: 960px) {
.whitebk .summary ul li {
font-size: 0.9em;
}
}
.whitebk .content_txt p {
font-size: 1em;
font-weight: 100;
line-height: 26px;
text-align: justify;
}
.whitebk .content_txt ul {
margin-left: 0;
padding-left: 0px;
}
.whitebk .content_txt ul li {
font-size: 1em;
font-weight: 100;
line-height: 26px;
margin-bottom: 15px;
}
.whitebk .content_wb {
overflow: hidden;
max-height: 0;
height: 0;
padding: 0;
}
.whitebk .download {
position: relative;
background: #FFFFFF;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgb(255, 255, 255) 26%, rgb(255, 255, 255) 100%);
width: 100%;
height: calc(100vh - 45px);
padding: 0;
z-index: 100;
max-height: 800px;
}
.whitebk .download .container {
height: 100%;
}
.whitebk .download .container .content {
position: absolute;
width: 55%;
text-align: center;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: block;
}
@media screen and (max-width: 1120px) {
.whitebk .download .container .content {
width: 75%;
}
}
@media screen and (max-width: 768px) {
.whitebk .download .container .content {
width: 95%;
}
}
.whitebk .download .container .content .formcontent {
display: flex;
flex-wrap: wrap;
}
.whitebk .download .container .content .formcontent .col-li-4 {
width: 33.3333333333%;
}
.whitebk .download .container .content .formcontent .col-li-6 {
width: 50%;
}
.overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
transition: opacity 500ms;
visibility: hidden;
opacity: 0;
overflow: scroll;
}
.overlay:target {
visibility: visible;
opacity: 1;
z-index: 8000;
}
.popup {
margin: 70px auto;
padding: 20px;
background: #FFFFFF;
border-radius: 5px;
width: 50%;
height: -moz-max-content;
height: max-content;
min-height: 420px;
position: relative;
transition: all 5s ease-in-out;
text-align: center;
}
@media screen and (max-width: 1600px) {
.popup {
width: 65%;
}
}
@media screen and (max-width: 1280px) {
.popup {
width: 75%;
}
}
@media screen and (max-width: 960px) {
.popup {
width: 90%;
min-height: 475px;
}
}
.popup .subheader {
font-size: 1.2em;
font-weight: 600;
color: rgb(0, 236, 174);
text-transform: uppercase;
}
.popup h4 {
font-size: 1.4em;
font-weight: 700;
color: #001247;
margin-bottom: 10px;
}
.popup .close {
position: absolute;
top: 20px;
right: 30px;
z-index: 1;
transition: all 200ms;
font-size: 30px;
font-weight: 700;
text-decoration: none;
color: #001247;
}
.popup .content {
width: 85%;
margin: 0px auto 0;
}
.popup .content .formcontent {
display: flex;
flex-wrap: wrap;
}
.popup .content .formcontent .col-li-4 {
width: 33.3333333333%;
}
.popup .content .formcontent .col-li-6 {
width: 50%;
}
.popup .content .formcontent input[type=text], .popup .content .formcontent input[type=email], .popup .content .formcontent input[type=tel], .popup .content .formcontent select, .popup .content .formcontent textarea, .popup .content .formcontent .simpleselect {
margin-top: 5px;
}
.popup .content .formcontent .sib-PRENOM-area, .popup .content .formcontent .sib-NOM-area, .popup .content .formcontent .sib-SOCIETE-area, .popup .content .formcontent .sib-email-area, .popup .content .formcontent .sib-TELEPHONE-area {
margin: 5px 1% 0px;
}
.popup .content .btn-main:hover {
background-color: #001247;
}
.popup textarea {
max-height: 185px;
}
.post-type-archive-livres-blancs .article-image-wrapper .article-image img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: bottom;
object-position: bottom;
height: 100%;
width: 100%;
}
.whitebk input[type=text], .whitebk input[type=email] {
margin: 8px auto 0;
padding: 5px 12px;
width: 85%;
}
.sib-PRENOM-area, .sib-NOM-area, .sib-SOCIETE-area, .sib-email-area, .sib-TELEPHONE-area {
width: 98%;
margin: 10px 1% 15px;
}
.sib-PRENOM-area label, .sib-NOM-area label, .sib-SOCIETE-area label, .sib-email-area label, .sib-TELEPHONE-area label {
width: 100%;
margin-top: 20px;
}
@media screen and (max-width: 768px) {
.sib-PRENOM-area label, .sib-NOM-area label, .sib-SOCIETE-area label, .sib-email-area label, .sib-TELEPHONE-area label {
font-size: 11px;
height: 30px;
display: block;
line-height: 17px;
margin: 0;
}
}
body.livres-blancs-template-default {
position: relative;
}
.download_one {
padding-top: 80px;
margin-bottom: 0;
}
.download_one .download_bar {
position: relative;
width: 100%;
height: auto;
padding: 3em 1em;
background-color: #001247;
bottom: 0;
left: 0;
margin: 0;
z-index: 100;
transition: all ease-in 0.2s;
}
.download_one .download_bar .button-receive {
display: none;
height: 35px;
width: -moz-max-content;
width: max-content;
margin: 10px auto 0;
}
.download_one .download_bar .button-receive .btn-main {
font-size: 12px;
height: 100%;
padding: 7px 20px;
cursor: pointer;
}
.download_one .download_bar .download {
display: block;
}
.download_one .download_bar .download .formulaire .frame .col-1 {
width: 85%;
margin: 0 auto;
}
.download_one .download_bar .download .formulaire h2, .download_one .download_bar .download .formulaire p {
text-align: center;
color: #FFFFFF;
}
.download_one .download_bar .download .formulaire .formcontent {
display: flex;
flex-wrap: wrap;
}
.download_one .download_bar .download .formulaire .formcontent .col-li-4 {
width: 33.3333333333%;
}
.download_one .download_bar .download .formulaire .formcontent .col-li-6 {
width: 50%;
}
.download_one .download_bar .download .formulaire .btn-main {
background-color: rgb(0, 236, 174);
}
.download_one.active .download_bar {
height: auto;
padding: 3em 1em;
}
.download_one.active .download_bar .button-receive {
display: none;
}
.download_one.active .download_bar .download {
display: block;
}
.download_one.active .close {
display: block;
}
.download_one .close {
position: fixed;
display: none;
bottom: 490px;
right: 20px;
font-size: 25px;
z-index: 101;
color: #FFFFFF;
}
.content_wb_one, .content_wb {
padding: 1.5em 0 1%;
}
table.tg {
border: 1px solid black;
border-collapse: collapse;
}
table.tg thead {
height: 40px;
background-color: #f2f2f2;
}
table.tg thead th {
font-size: 1em;
font-weight: 500;
font-style: normal;
text-decoration: none;
border: 1px solid black;
border-collapse: collapse;
}
table.tg tbody td {
font-size: 15px;
font-weight: 300;
font-style: normal;
text-decoration: none;
border: 1px solid black;
border-collapse: collapse;
}
@media screen and (max-width: 500px) {
table.tg {
display: none;
}
}
.page-main .page-main-background {
min-height: 400px !important;
}
.filiale-team .team-member .team-picture-wrapper .member-photo img {
width: 100%;
height: 475px;
-o-object-fit: cover;
object-fit: cover;
}
@media only screen and (max-width: 1400px) {
.filiale-team .team-member .team-picture-wrapper .member-photo img {
height: 355px;
}
}
.ref-open-bloc .bloc_ico {
position: relative;
margin-bottom: 25px;
}
.ref-open-bloc .bloc_ico .article-image-wrapper {
width: 100px;
height: 100px;
position: relative;
margin-bottom: 9px;
}
.ref-open-bloc .bloc_ico .article-image-wrapper .article-image {
overflow: hidden;
height: 100%;
}
.ref-open-bloc .bloc_ico .article-image-wrapper .article-image img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: bottom;
object-position: bottom;
height: 100%;
width: 100%;
}
.ref-open-bloc .bloc_ico .article-image-wrapper:after {
content: "";
position: absolute;
z-index: -1;
border: 4px solid #001247;
width: calc(100% - 8px);
height: calc(100% - 8px);
top: 15px;
left: 15px;
}
.ref-open-bloc .bloc_ico .article-content-wrapper {
filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.12));
width: 100%;
position: relative;
z-index: 1;
top: 0;
bottom: 0;
margin: auto 50px auto 0;
height: auto;
right: 0;
}
.ref-open-bloc .bloc_ico .article-content-wrapper .article-content {
background: #FFFFFF;
-webkit-clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);
padding: 25px;
border-top: 6px solid #00ecae;
height: 100%;
}
.ref-open-bloc .bloc_ico .article-content-wrapper .article-content .article-content-title {
font-weight: 700;
font-size: 19px;
color: #001247;
letter-spacing: 0;
line-height: 21px;
margin-bottom: 10px;
}
.ref-open-bloc .bloc_ico .article-content-wrapper .article-content .article-content-excerpt {
font-size: 13px;
color: #001247;
letter-spacing: 0;
line-height: 20px;
}
.ref-open-bloc .bloc_ico .article-content-wrapper .article-content .article-content-author {
margin-bottom: 25px;
}
.ref-open-bloc .bloc_ico .article-content-wrapper .article-content .article-content-author .btn-main {
padding: 10px 25px;
margin: 10px 5px 0;
}
.ref-contexte.title__full {
padding-top: 7vh;
}
@media screen and (max-width: 1120px) {
.ref-contexte.title__full {
padding-top: 2vh;
}
}
.ref-contexte h2 {
text-align: center;
}
.ref-contexte h2 span.title-background {
text-align: center;
left: 50%;
right: 50%;
width: -moz-max-content;
width: max-content;
margin: 0 auto;
display: block;
transform: translate(-50%, 0);
}
.ref-contexte p {
text-align: justify;
-moz-text-align-last: center;
text-align-last: center;
}
.ref-contexte .links .frame {
justify-content: center;
display: flex;
width: 100%;
}
.ref-contexte .links .frame .link {
margin: 0 15px;
}
.youtube .vid-youtube .content {
width: 900px;
height: 500px;
margin: 0 auto;
position: relative;
}
@media screen and (max-width: 1280px) {
.youtube .vid-youtube .content {
width: 700px;
height: 395px;
}
}
@media screen and (max-width: 960px) {
.youtube .vid-youtube .content {
width: 100%;
height: auto;
}
}
.youtube .vid-youtube iframe {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
margin: 0 auto;
display: block;
position: absolute;
top: 0;
left: 0;
}
.three_columns div img {
width: 80px;
height: auto;
max-height: 120px;
-o-object-fit: contain;
object-fit: contain;
}
.three_columns div h3 {
color: #001247;
}
.blog-list-content.page-default .blog-list-similar .article a .article-content-wrapper .article-content-title {
min-height: auto;
}
.toggle_recruit .content_toggle {
display: flex;
}
.toggle_recruit .content_toggle ul.tabs {
padding: 0;
margin: 0;
}
.toggle_recruit .content_toggle ul.tabs li {
border-bottom: 1px solid rgba(35, 45, 75, 0.17);
height: 90px;
position: relative;
list-style-type: none;
}
.toggle_recruit .content_toggle ul.tabs li a {
font-size: 1rem;
line-height: 28px;
font-weight: 800;
padding: 0 0 0 30px;
cursor: pointer;
width: 100%;
height: 100%;
display: flex;
align-items: center;
text-decoration: none;
color: #001247;
}
.toggle_recruit .content_toggle ul.tabs li a.active {
color: rgb(0, 236, 174);
background: #f8f8f8;
}
.toggle_recruit .frame-map {
padding: 1em;
}
.my-test .intro .content {
height: 100vh;
-webkit-clip-path: none;
clip-path: none;
}
.my-test .intro .content .tcm-3d {
height: 60vh;
top: 20vh;
}
.my-test .page_content {
position: absolute;
top: 50%;
left: 50%;
width: 75%;
transform: translate(-50%, -40%);
}
.my-test .page_content form {
padding: 0;
position: relative;
display: block;
margin: 0 auto;
width: 64%;
}
@media screen and (max-width: 1280px) {
.my-test .page_content form {
width: 70%;
}
}
@media screen and (max-width: 1120px) {
.my-test .page_content form {
width: 75%;
}
}
@media screen and (max-width: 1024px) {
.my-test .page_content form {
width: 83%;
}
}
@media screen and (max-width: 960px) {
.my-test .page_content form {
width: 90%;
}
}
@media screen and (max-width: 768px) {
.my-test .page_content form {
width: 100%;
}
}
.my-test .page_content form h1 {
color: #FFFFFF;
text-align: center;
}
@media screen and (max-width: 960px) {
.my-test .page_content form h1 {
font-size: 1.8em;
}
}
.my-test .page_content form h1 span {
font-weight: 100;
}
.my-test .page_content form h2 {
color: #FFFFFF;
text-align: center;
}
.my-test .page_content form p {
color: white;
text-align: center;
font-style: italic;
margin: 0 0;
}
.my-test .page_content form textarea {
background: transparent;
border: 1px solid #FFFFFF;
margin-top: 15px;
padding: 10px;
color: #FFFFFF;
}
.my-test .page_content form textarea::-moz-placeholder {
color: #FFFFFF;
font-family: "Open Sans", sans-serif;
}
.my-test .page_content form textarea::placeholder {
color: #FFFFFF;
font-family: "Open Sans", sans-serif;
}
.my-test .page_content form label {
font-size: 0.8em;
color: #FFFFFF;
font-style: italic;
}
.my-test .page_content form input[type=text], .my-test .page_content form input[type=tel], .my-test .page_content form input[type=email] {
background: transparent;
border: 1px solid #FFFFFF;
margin-top: 15px;
padding: 10px;
color: #FFFFFF;
width: 100%;
}
.my-test .page_content form input[type=text]::-moz-placeholder, .my-test .page_content form input[type=tel]::-moz-placeholder, .my-test .page_content form input[type=email]::-moz-placeholder {
color: #FFFFFF;
font-family: "Open Sans", sans-serif;
}
.my-test .page_content form input[type=text]::placeholder, .my-test .page_content form input[type=tel]::placeholder, .my-test .page_content form input[type=email]::placeholder {
color: #FFFFFF;
font-family: "Open Sans", sans-serif;
}
.my-test .page_content form .cf7mls-btns {
font-weight: 700;
font-size: 16px;
color: rgb(0, 236, 174);
letter-spacing: 0;
text-align: center;
border-radius: 6px;
display: block;
width: -moz-max-content;
width: max-content;
min-height: auto;
float: none;
margin: 45px auto 0;
text-decoration: none;
position: relative;
overflow: hidden;
}
.my-test .page_content form .cf7mls-btns button {
margin: 0 10px;
padding: 15px 25px;
border: 2px solid rgb(0, 236, 174);
float: none;
background: transparent;
font-weight: 700;
font-size: 16px;
overflow: hidden;
border-radius: 6px;
}
.my-test .page_content form .cf7mls-btns button.cf7mls_back {
color: grey;
}
.my-test .page_content form .cf7mls-btns button:after {
position: absolute;
transition: 0.3s;
content: "";
width: 0;
bottom: -1px;
background: rgb(0, 236, 174);
height: 120%;
left: -10%;
transform: skewX(15deg);
z-index: -1;
}
.my-test .page_content form .cf7mls-btns button:hover {
color: #001247;
}
.my-test .page_content form .cf7mls-btns button:hover:after {
left: -10%;
width: 120%;
}
.my-test .page_content form .fieldset-cf7mls-wrapper .fieldset-cf7mls {
padding: 0;
}
.my-test .page_content form .fieldset-cf7mls-wrapper .fieldset-cf7mls .introlegend {
margin: -15px auto 15px;
}
.my-test .page_content form .fieldset-cf7mls-wrapper .fieldset-cf7mls .steps_form {
margin-bottom: 45px;
}
.my-test .page_content form .fieldset-cf7mls-wrapper .fieldset-cf7mls .steps_form ul {
margin: 0;
padding: 0;
display: flex;
justify-content: center;
}
.my-test .page_content form .fieldset-cf7mls-wrapper .fieldset-cf7mls .steps_form ul li {
list-style-type: none;
color: #FFFFFF;
margin: 0 12px;
text-transform: uppercase;
}
.my-test .page_content form .fieldset-cf7mls-wrapper .fieldset-cf7mls:nth-child(2).cf7mls_current_fs .steps_form ul li:nth-child(1) {
font-weight: 700;
color: rgb(0, 236, 174);
}
.my-test .page_content form .fieldset-cf7mls-wrapper .fieldset-cf7mls:nth-child(3).cf7mls_current_fs .steps_form ul li:nth-child(2) {
font-weight: 700;
color: rgb(0, 236, 174);
}
.my-test .page_content form .fieldset-cf7mls-wrapper .fieldset-cf7mls:nth-child(4).cf7mls_current_fs .steps_form ul li:nth-child(3) {
font-weight: 700;
color: rgb(0, 236, 174);
}
.my-test .page_content form .fieldset-cf7mls-wrapper .fieldset-cf7mls:nth-child(5).cf7mls_current_fs .steps_form ul li:nth-child(4) {
font-weight: 700;
color: rgb(0, 236, 174);
}
.my-test .page_content form .wpcf7-form-control-wrap .wpcf7-radio.choose_presta {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.my-test .page_content form .wpcf7-form-control-wrap .wpcf7-radio.choose_presta .wpcf7-list-item {
position: relative;
display: flex;
align-items: center;
margin: 0 10px 20px;
border-radius: 4px;
background-color: rgba(0, 236, 174, 0.2);
color: #FFFFFF;
max-width: 100%;
min-width: 160px;
min-height: 180px;
outline: 0px;
padding: 4px;
transition-duration: 0.1s;
transition-property: background-color, color, border-color, opacity, box-shadow;
transition-timing-function: ease-out;
width: calc(16.6666666667% - 20px);
cursor: pointer;
opacity: 1;
}
@media screen and (max-width: 960px) {
.my-test .page_content form .wpcf7-form-control-wrap .wpcf7-radio.choose_presta .wpcf7-list-item {
min-width: 94px;
margin: 0 5px 10px;
}
}
.my-test .page_content form .wpcf7-form-control-wrap .wpcf7-radio.choose_presta .wpcf7-list-item:before {
content: "";
position: absolute;
width: 110px;
height: 110px;
top: 10px;
left: 50%;
transform: translate(-50%, 0px);
}
@media screen and (max-width: 960px) {
.my-test .page_content form .wpcf7-form-control-wrap .wpcf7-radio.choose_presta .wpcf7-list-item:before {
width: 70px;
height: 70px;
}
}
.my-test .page_content form .wpcf7-form-control-wrap .wpcf7-radio.choose_presta .wpcf7-list-item.active, .my-test .page_content form .wpcf7-form-control-wrap .wpcf7-radio.choose_presta .wpcf7-list-item:active, .my-test .page_content form .wpcf7-form-control-wrap .wpcf7-radio.choose_presta .wpcf7-list-item:checked {
background-color: rgba(0, 236, 174, 0.8);
}
.my-test .page_content form .wpcf7-form-control-wrap .wpcf7-radio.choose_presta .wpcf7-list-item label {
padding: 120px 0 0;
text-align: center;
width: 100%;
font-weight: 600;
font-size: 15px;
font-family: sans-serif;
line-height: 17px;
}
@media screen and (max-width: 960px) {
.my-test .page_content form .wpcf7-form-control-wrap .wpcf7-radio.choose_presta .wpcf7-list-item label {
padding: 75px 0 0;
}
}
.my-test .page_content form .wpcf7-form-control-wrap .wpcf7-radio.choose_presta .wpcf7-list-item label .wpcf7-list-item-label {
color: #FFFFFF;
text-transform: initial;
font-weight: 400;
font-size: 0.9em;
}
@media screen and (max-width: 960px) {
.my-test .page_content form .wpcf7-form-control-wrap .wpcf7-radio.choose_presta .wpcf7-list-item label .wpcf7-list-item-label {
font-size: 0.8em;
}
}
.my-test .page_content form .wpcf7-form-control-wrap .wpcf7-radio.choose_presta .wpcf7-list-item label input[type=radio] {
position: absolute;
width: 100%;
top: 0;
left: 0;
margin: 0;
height: 100%;
z-index: 3;
color: transparent;
background-color: transparent;
opacity: 0;
cursor: pointer;
}
.my-test .page_content form .wpcf7-form-control-wrap .wpcf7-radio.choose_presta .wpcf7-list-item:nth-child(1):before {
background-image: url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M84.59,98.53H76.41a2,2,0,1,0,0,4.09h8.18a2,2,0,1,0,0-4.09Z'/%3E%3Cpath class='cls-1' d='M126.74,35.92H69V33.87a6.14,6.14,0,0,0-6.14-6.13H34.26a6.14,6.14,0,0,0-6.14,6.13v70.8a6.15,6.15,0,0,0,6.14,6.14h36v9.61a10.28,10.28,0,0,0-8,8H56a2,2,0,1,0,0,4.09h49.1a2,2,0,1,0,0-4.09H98.71a10.28,10.28,0,0,0-8-8v-9.61h36a6.15,6.15,0,0,0,6.14-6.14V42.06A6.14,6.14,0,0,0,126.74,35.92ZM32.21,33.87a2.05,2.05,0,0,1,2-2H62.9a2.05,2.05,0,0,1,2.05,2V40H32.21Zm0,10.23H65V82.16H32.21Zm0,42.15H65V96.48a2.05,2.05,0,0,1-2.05,2H34.26a2.05,2.05,0,0,1-2-2ZM94.47,128.4H66.53a6.15,6.15,0,0,1,5.79-4.09H88.68A6.15,6.15,0,0,1,94.47,128.4Zm-20.11-8.18v-9.41H86.64v9.41Zm54.43-15.55a2,2,0,0,1-2,2H34.26a2,2,0,0,1-2-2v-2.4a6,6,0,0,0,2,.35H62.9A6.14,6.14,0,0,0,69,96.48V94.23h59.75Zm0-14.53H69V40h57.7a2.05,2.05,0,0,1,2,2.05Z'/%3E%3Cpath class='cls-1' d='M50.63,90.35H46.54a2,2,0,1,0,0,4.09h4.09a2,2,0,0,0,0-4.09Z'/%3E%3C/svg%3E");
}
.my-test .page_content form .wpcf7-form-control-wrap .wpcf7-radio.choose_presta .wpcf7-list-item:nth-child(2):before {
background-image: url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath id='Shopping_Cart' data-name='Shopping Cart' class='cls-1' d='M115.69,132.49a9.54,9.54,0,1,1,9.54-9.54A9.54,9.54,0,0,1,115.69,132.49Zm0-14.31a4.77,4.77,0,1,0,4.77,4.77A4.78,4.78,0,0,0,115.69,118.18ZM72.76,132.49A9.54,9.54,0,1,1,82.3,123,9.54,9.54,0,0,1,72.76,132.49Zm0-14.31A4.77,4.77,0,1,0,77.53,123,4.77,4.77,0,0,0,72.76,118.18Zm50.47-9.54H66a6,6,0,0,1-5.77-4.43l-17.7-71a1.19,1.19,0,0,0-1.14-.85H20.28V27.55H41.37A5.94,5.94,0,0,1,47.14,32l3.67,14.65h82.72a6,6,0,0,1,6.18,5.73,5.79,5.79,0,0,1-.17,1.66l-10.49,49.85A5.86,5.86,0,0,1,123.23,108.64ZM52,51.4,64.84,103a1.19,1.19,0,0,0,1.14.86h57.25a1.19,1.19,0,0,0,1.14-.9L134.77,53a1.21,1.21,0,0,0,0-1.05,1.23,1.23,0,0,0-1-.62Z'/%3E%3C/svg%3E");
}
.my-test .page_content form .wpcf7-form-control-wrap .wpcf7-radio.choose_presta .wpcf7-list-item:nth-child(3):before {
background-image: url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cline class='cls-1' x1='109.23' y1='113.72' x2='50.77' y2='113.72'/%3E%3Cpath class='cls-2' d='M80,119.34a3.38,3.38,0,1,0,3.37,3.38A3.37,3.37,0,0,0,80,119.34Z'/%3E%3Crect class='cls-1' x='50.77' y='28.29' width='58.45' height='103.42' rx='8.99'/%3E%3C/svg%3E");
}
.my-test .page_content form .wpcf7-form-control-wrap .wpcf7-radio.choose_presta .wpcf7-list-item:nth-child(4):before {
background-image: url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M126.18,27.51H33.82c-5.49,0-9.88,3.59-10,8.25v67.63c0,4.63,4.44,8.4,10,8.4H77v16.27H51.17a2.22,2.22,0,1,0,0,4.43h57.66a2.22,2.22,0,1,0,0-4.43H81.48V111.79h44.7c5.57,0,10-3.77,10-8.4V35.9C136.19,31.28,131.75,27.51,126.18,27.51Zm5.57,75.88c0,2.15-2.55,4-5.57,4H33.82c-3,0-5.57-1.82-5.57-4V35.82c0-2.13,2.55-3.88,5.57-3.88h92.36c3,0,5.57,1.82,5.57,4Z'/%3E%3Cpath class='cls-1' d='M87.79,56.53a2.21,2.21,0,0,0-3,1l-12,23.25a2.22,2.22,0,1,0,4,2h0L88.75,59.48A2.22,2.22,0,0,0,87.79,56.53Z'/%3E%3Cpath class='cls-1' d='M102,55.72a2.21,2.21,0,0,0-3.13,3.13L109.9,69.9,98.84,81a2.21,2.21,0,0,0,3,3.24.57.57,0,0,0,.11-.11L114.6,71.47a2.22,2.22,0,0,0,0-3.14Z'/%3E%3Cpath class='cls-1' d='M62.85,55.72a2.22,2.22,0,0,0-3.14,0L47.08,68.35a2.22,2.22,0,0,0,0,3.13L59.71,84.11A2.22,2.22,0,0,0,62.85,81l-11.06-11L62.85,58.85A2.22,2.22,0,0,0,62.85,55.72Z'/%3E%3C/svg%3E");
}
.my-test .page_content form .wpcf7-form-control-wrap .wpcf7-radio.choose_presta .wpcf7-list-item:nth-child(5):before {
background-image: url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M80.25,132.39a15.82,15.82,0,0,1-7.92-2.11L40.63,112a15.88,15.88,0,0,1-7.92-13.72V61.64a15.88,15.88,0,0,1,7.92-13.72l31.7-18.3a15.89,15.89,0,0,1,15.84,0l31.7,18.3a15.88,15.88,0,0,1,7.92,13.72V98.25A15.88,15.88,0,0,1,119.87,112l-31.7,18.31A15.82,15.82,0,0,1,80.25,132.39Zm0-98.72A9.66,9.66,0,0,0,75.42,35L43.71,53.27a9.69,9.69,0,0,0-4.83,8.37V98.25a9.72,9.72,0,0,0,4.83,8.38l31.7,18.3a9.71,9.71,0,0,0,9.67,0l31.71-18.3a9.72,9.72,0,0,0,4.83-8.38V61.64a9.69,9.69,0,0,0-4.83-8.37L85.08,35A9.67,9.67,0,0,0,80.25,33.67Z'/%3E%3Cpath class='cls-1' d='M62.9,94.38a3.09,3.09,0,0,1-2.62-1.46L51.91,79.43V91.3a3.09,3.09,0,0,1-6.17,0V68.61A3.08,3.08,0,0,1,51.44,67l8.38,13.5V68.61a3.09,3.09,0,1,1,6.17,0V91.3a3.09,3.09,0,0,1-2.24,3A3.48,3.48,0,0,1,62.9,94.38Z'/%3E%3Cpath class='cls-1' d='M77,94.38A3.08,3.08,0,0,1,73.9,91.3V68.61A3.08,3.08,0,0,1,77,65.52H87a3.09,3.09,0,1,1,0,6.17h-7V91.3A3.08,3.08,0,0,1,77,94.38Z'/%3E%3Cpath class='cls-1' d='M85,83H77a3.09,3.09,0,0,1,0-6.18h8A3.09,3.09,0,0,1,85,83Z'/%3E%3Cpath class='cls-1' d='M112.18,71.69H99.28a3.09,3.09,0,0,1,0-6.17h12.9a3.09,3.09,0,1,1,0,6.17Z'/%3E%3Cpath class='cls-1' d='M105.73,94.38a3.08,3.08,0,0,1-3.08-3.08V68.61a3.09,3.09,0,1,1,6.17,0V91.3A3.08,3.08,0,0,1,105.73,94.38Z'/%3E%3C/svg%3E");
}
.my-test .page_content form .wpcf7-form-control-wrap .wpcf7-radio.choose_presta .wpcf7-list-item:nth-child(6):before {
background-image: url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23fff;stroke-miterlimit:10;stroke-width:2px;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='77.03' cy='80' r='51.45'/%3E%3Cpath class='cls-2' d='M66.5,47.66a21.75,21.75,0,0,1,11.23-2.82A23.71,23.71,0,0,1,88.16,47a16.68,16.68,0,0,1,7,6,15.6,15.6,0,0,1,2.48,8.61,17.17,17.17,0,0,1-2.43,9.49,28.26,28.26,0,0,1-6.67,7q-.6.49-3.66,2.72a16.3,16.3,0,0,0-4.55,4.7,10.2,10.2,0,0,0-1.49,5.34v3.46H74.07v-4A12.48,12.48,0,0,1,75.5,84.3a14.72,14.72,0,0,1,3.17-4q1.72-1.48,6-4.75a24.27,24.27,0,0,0,5.74-5.93,13.49,13.49,0,0,0,2-7.42,11.46,11.46,0,0,0-4-9,15.32,15.32,0,0,0-10.48-3.56q-7.32,0-11.77,4.7T61.61,66.6H56.46a23.62,23.62,0,0,1,2.62-11.18A19.38,19.38,0,0,1,66.5,47.66Zm10,60.08a3.78,3.78,0,0,1,2.72,1,3.52,3.52,0,0,1,1,2.67,3.76,3.76,0,1,1-7.52,0,3.52,3.52,0,0,1,1-2.67A3.78,3.78,0,0,1,76.54,107.74Z'/%3E%3C/svg%3E");
}
.my-test .page_content form .wpcf7-form-control-wrap .wpcf7-radio.choose_agency {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.my-test .page_content form .wpcf7-form-control-wrap .wpcf7-radio.choose_agency .wpcf7-list-item {
position: relative;
display: flex;
align-items: center;
margin: 0 10px 20px;
border-radius: 4px;
background-color: rgba(0, 236, 174, 0.2);
color: #FFFFFF;
max-width: 100%;
min-width: 160px;
min-height: 180px;
outline: 0px;
padding: 4px;
transition-duration: 0.1s;
transition-property: background-color, color, border-color, opacity, box-shadow;
transition-timing-function: ease-out;
width: calc(16.6666666667% - 20px);
cursor: pointer;
opacity: 1;
}
@media screen and (max-width: 960px) {
.my-test .page_content form .wpcf7-form-control-wrap .wpcf7-radio.choose_agency .wpcf7-list-item {
min-width: 94px;
margin: 0 5px 10px;
}
}
.my-test .page_content form .wpcf7-form-control-wrap .wpcf7-radio.choose_agency .wpcf7-list-item:before {
content: "";
position: absolute;
width: 110px;
height: 110px;
top: 10px;
left: 50%;
transform: translate(-50%, 0px);
background-repeat: no-repeat;
background-position: center center;
}
@media screen and (max-width: 960px) {
.my-test .page_content form .wpcf7-form-control-wrap .wpcf7-radio.choose_agency .wpcf7-list-item:before {
width: 70px;
height: 70px;
}
}
.my-test .page_content form .wpcf7-form-control-wrap .wpcf7-radio.choose_agency .wpcf7-list-item.active, .my-test .page_content form .wpcf7-form-control-wrap .wpcf7-radio.choose_agency .wpcf7-list-item:active, .my-test .page_content form .wpcf7-form-control-wrap .wpcf7-radio.choose_agency .wpcf7-list-item:checked {
background-color: rgba(0, 236, 174, 0.8);
}
.my-test .page_content form .wpcf7-form-control-wrap .wpcf7-radio.choose_agency .wpcf7-list-item label {
padding: 120px 0 0;
text-align: center;
width: 100%;
font-weight: 600;
font-size: 15px;
font-family: sans-serif;
line-height: 17px;
}
@media screen and (max-width: 960px) {
.my-test .page_content form .wpcf7-form-control-wrap .wpcf7-radio.choose_agency .wpcf7-list-item label {
padding: 75px 0 0;
}
}
.my-test .page_content form .wpcf7-form-control-wrap .wpcf7-radio.choose_agency .wpcf7-list-item label .wpcf7-list-item-label {
color: #FFFFFF;
text-transform: initial;
font-weight: 400;
font-size: 0.9em;
}
@media screen and (max-width: 960px) {
.my-test .page_content form .wpcf7-form-control-wrap .wpcf7-radio.choose_agency .wpcf7-list-item label .wpcf7-list-item-label {
font-size: 0.8em;
}
}
.my-test .page_content form .wpcf7-form-control-wrap .wpcf7-radio.choose_agency .wpcf7-list-item label input[type=radio] {
position: absolute;
width: 100%;
top: 0;
left: 0;
margin: 0;
height: 100%;
z-index: 3;
color: transparent;
background-color: transparent;
opacity: 0;
cursor: pointer;
}
.my-test .page_content form .wpcf7-form-control-wrap .wpcf7-radio.choose_agency .wpcf7-list-item:nth-child(1):before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='Calque_2' data-name='Calque 2'%3E%3Cg id='Layer_1' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M211.48,264.33a8.55,8.55,0,0,0,10.18-6.48c.68-3,15.89-72.38,17.14-138.38h8.67V256a8.53,8.53,0,1,0,17.06,0V110.93A8.53,8.53,0,0,0,256,102.4H236a79.72,79.72,0,0,1-5.4-21.47L256,61.87l25.42,19.06C280.26,94.3,274,107,274,107.13a8.52,8.52,0,0,0-.89,3.8c0,68.42,16.56,143.75,17.27,146.92a8.53,8.53,0,0,0,16.66-3.7c-.17-.75-16.55-75.23-16.86-141.33,2.36-5.28,8.53-20.46,8.53-36A8.53,8.53,0,0,0,295.25,70l-30.72-23V8.53a8.53,8.53,0,1,0-17.06,0v38.4L216.75,70a8.53,8.53,0,0,0-3.42,6.83c0,15.63,6.16,30.74,8.51,35.94-.3,66.07-16.66,140.66-16.83,141.41A8.52,8.52,0,0,0,211.48,264.33Z'/%3E%3Cpath class='cls-1' d='M179.2,290.13h15a338.07,338.07,0,0,1-22.6,64.45,8.54,8.54,0,0,0,15.27,7.63,348.84,348.84,0,0,0,24.85-72.08h16.6l-14.75,66.42A8.52,8.52,0,0,0,220,366.73a9.2,9.2,0,0,0,1.86.2,8.52,8.52,0,0,0,8.32-6.68l15.59-70.12h20.43l15.59,70.12a8.53,8.53,0,0,0,8.32,6.68,9,9,0,0,0,1.86-.2,8.55,8.55,0,0,0,6.49-10.18L283.7,290.13h16.59a347.89,347.89,0,0,0,24.88,72.08,8.53,8.53,0,0,0,15.26-7.63,338.88,338.88,0,0,1-22.6-64.45h15a8.53,8.53,0,0,0,0-17.06H179.2a8.53,8.53,0,0,0,0,17.06Z'/%3E%3Cpath class='cls-1' d='M503.47,494.93H405.73a660.74,660.74,0,0,1-51.93-102.4h13.13a8.53,8.53,0,1,0,0-17.06H145.07a8.53,8.53,0,1,0,0,17.06H158.2a662.89,662.89,0,0,1-51.93,102.4H8.53a8.54,8.54,0,0,0,0,17.07H503.47a8.54,8.54,0,0,0,0-17.07Zm-315.74,0a68.27,68.27,0,0,1,136.54,0Zm153.6,0a85.33,85.33,0,1,0-170.66,0H126.34a676.56,676.56,0,0,0,50.17-102.4h159a676.92,676.92,0,0,0,50.15,102.4Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.my-test .page_content form .wpcf7-form-control-wrap .wpcf7-radio.choose_agency .wpcf7-list-item:nth-child(2):before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 473.82 206.76'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='Calque_2' data-name='Calque 2'%3E%3Cg id='Calque_1-2' data-name='Calque 1'%3E%3Cpath class='cls-1' d='M226.87,96.81h-2.51c-44.05-.38-74.84-13.56-92.91-24.56-22.68-13.8-38.29-32-42.84-50-.07-.2-.24-.67-.44-1.21C87,17.79,87,17.79,87,17.33a2.5,2.5,0,0,1,4.89-.74c.11.32.61,1.69,1,2.76.48,1.32.54,1.47.57,1.61,4.2,16.73,19,33.86,40.61,47,17.53,10.67,47.43,23.46,90.34,23.83,51.75.44,93-13.15,116.16-38.31a2.51,2.51,0,1,1,3.69,3.39C320.53,82.67,278.91,96.81,226.87,96.81Z'/%3E%3Cpath class='cls-1' d='M347.12,52.15a2.5,2.5,0,0,1-2-4,4.13,4.13,0,0,1,.62-.63,2.5,2.5,0,0,1,3.8,3.24,4,4,0,0,1-.72.75A2.47,2.47,0,0,1,347.12,52.15Z'/%3E%3Cpath class='cls-1' d='M351.05,46.81a2.45,2.45,0,0,1-1.41-.44,2.51,2.51,0,0,1-.66-3.48c.34-.5.67-1,1-1.51a2.51,2.51,0,0,1,4.21,2.72c-.35.54-.71,1.08-1.07,1.61A2.52,2.52,0,0,1,351.05,46.81Z'/%3E%3Cpath class='cls-1' d='M354.56,41.19a2.53,2.53,0,0,1-1.24-.33,2.51,2.51,0,0,1-.93-3.42,75.86,75.86,0,0,0,7-16.33c0-.13,0-.26,0-.39a2.51,2.51,0,0,1,2.48-2.53h0a2.51,2.51,0,0,1,2.51,2.45v.08a3.62,3.62,0,0,1-.1,1.51,81.05,81.05,0,0,1-7.56,17.7A2.51,2.51,0,0,1,354.56,41.19Z'/%3E%3Cpath class='cls-1' d='M60.79,194.26h-.11a2.51,2.51,0,0,1-2.4-2.6c0-.63,0-1.26,0-1.9,0-23-17-41.63-37.86-41.63a34.91,34.91,0,0,0-7.71.86,2.5,2.5,0,0,1-1.11-4.88,39.49,39.49,0,0,1,8.82-1c23.64,0,42.87,20.92,42.87,46.64,0,.71,0,1.41,0,2.11A2.51,2.51,0,0,1,60.79,194.26Z'/%3E%3Cpath class='cls-1' d='M394.76,193.94h0a2.51,2.51,0,0,1-2.48-2.67c0-25.72,19.24-46.64,42.88-46.64a39.56,39.56,0,0,1,8.82,1,2.5,2.5,0,0,1-1.12,4.88,34.24,34.24,0,0,0-7.7-.87c-20.66,0-37.51,18.29-37.86,40.92l0,.35a3,3,0,0,1-2.55,3.05Z'/%3E%3Cpath class='cls-1' d='M357.37,132.27H170.05a2.51,2.51,0,0,1,0-5H357.37a2.51,2.51,0,1,1,0,5Z'/%3E%3Cpath class='cls-1' d='M164.39,132.27h-17a2.51,2.51,0,0,1,0-5h17a2.51,2.51,0,0,1,0,5Z'/%3E%3Cpath class='cls-1' d='M140.06,132.27l-.19-2.5.19-2.51a2.51,2.51,0,0,1,0,5Zm-.21,0h-.36a2.51,2.51,0,0,1,0-5h.36Z'/%3E%3Cpath class='cls-1' d='M133.26,132.27H94.78a2.51,2.51,0,0,1,0-5h38.48a2.51,2.51,0,1,1,0,5Z'/%3E%3Cpath class='cls-1' d='M354.54,117.93H94.78a2.51,2.51,0,0,1,0-5H354.54a2.51,2.51,0,1,1,0,5Z'/%3E%3Cpath class='cls-1' d='M340.4,113.78a2.5,2.5,0,0,1-2.51-2.5V73.93a2.51,2.51,0,1,1,5,0v37.35A2.5,2.5,0,0,1,340.4,113.78Z'/%3E%3Cpath class='cls-1' d='M323.82,114.37a2.5,2.5,0,0,1-2.5-2.5v-26a2.51,2.51,0,0,1,5,0v26A2.5,2.5,0,0,1,323.82,114.37Z'/%3E%3Cpath class='cls-1' d='M307.25,115a2.51,2.51,0,0,1-2.51-2.51v-18a2.51,2.51,0,0,1,5,0v18A2.5,2.5,0,0,1,307.25,115Z'/%3E%3Cpath class='cls-1' d='M290.67,115.56a2.5,2.5,0,0,1-2.5-2.5V89.45a2.51,2.51,0,1,1,5,0v23.61A2.5,2.5,0,0,1,290.67,115.56Z'/%3E%3Cpath class='cls-1' d='M274.1,116.15a2.5,2.5,0,0,1-2.5-2.5v-11.1a2.5,2.5,0,1,1,5,0v11.1A2.5,2.5,0,0,1,274.1,116.15Z'/%3E%3Cpath class='cls-1' d='M257.53,116.75a2.51,2.51,0,0,1-2.51-2.51v-7.65a2.51,2.51,0,1,1,5,0v7.65A2.51,2.51,0,0,1,257.53,116.75Z'/%3E%3Cpath class='cls-1' d='M241,117.34a2.5,2.5,0,0,1-2.5-2.51V105a2.51,2.51,0,0,1,5,0v9.86A2.51,2.51,0,0,1,241,117.34Z'/%3E%3Cpath class='cls-1' d='M224.38,117.93a2.5,2.5,0,0,1-2.5-2.5v-5.28a2.5,2.5,0,1,1,5,0v5.28A2.5,2.5,0,0,1,224.38,117.93Z'/%3E%3Cpath class='cls-1' d='M340.25,68.6a2.52,2.52,0,1,1,2.51-2.55v0A2.5,2.5,0,0,1,340.25,68.6Z'/%3E%3Cpath class='cls-1' d='M323.42,81.52a2.51,2.51,0,0,1-2.51-2.5v-.38a2.51,2.51,0,0,1,5,0V79A2.5,2.5,0,0,1,323.42,81.52Z'/%3E%3Cpath class='cls-1' d='M306.82,90a2.5,2.5,0,0,1-2.51-2.5v-.38a2.51,2.51,0,0,1,5,0v.38A2.5,2.5,0,0,1,306.82,90Z'/%3E%3Cpath class='cls-1' d='M113.08,113.4a2.5,2.5,0,0,1-2.5-2.5V73.55a2.5,2.5,0,1,1,5,0V110.9A2.5,2.5,0,0,1,113.08,113.4Z'/%3E%3Cpath class='cls-1' d='M129.65,112.87a2.51,2.51,0,0,1-2.5-2.51V85.51a2.51,2.51,0,0,1,5,0v24.85A2.51,2.51,0,0,1,129.65,112.87Z'/%3E%3Cpath class='cls-1' d='M146.23,112.33a2.51,2.51,0,0,1-2.51-2.51V94.08a2.51,2.51,0,0,1,5,0v15.74A2.5,2.5,0,0,1,146.23,112.33Z'/%3E%3Cpath class='cls-1' d='M162.8,112.92a2.5,2.5,0,0,1-2.5-2.5V89.07a2.5,2.5,0,0,1,5,0v21.35A2.5,2.5,0,0,1,162.8,112.92Z'/%3E%3Cpath class='cls-1' d='M179.38,112.38a2.5,2.5,0,0,1-2.51-2.5v-7.71a2.51,2.51,0,1,1,5,0v7.71A2.5,2.5,0,0,1,179.38,112.38Z'/%3E%3Cpath class='cls-1' d='M196,116.37a2.51,2.51,0,0,1-2.51-2.5v-7.66a2.51,2.51,0,0,1,5,0v7.66A2.5,2.5,0,0,1,196,116.37Z'/%3E%3Cpath class='cls-1' d='M113.22,68.22a2.5,2.5,0,0,1-2.5-2.5,2.53,2.53,0,0,1,2.5-2.53,2.49,2.49,0,0,1,2.51,2.48v0A2.51,2.51,0,0,1,113.22,68.22Z'/%3E%3Cpath class='cls-1' d='M130.06,81.15a2.51,2.51,0,0,1-2.51-2.51v-.38a2.51,2.51,0,0,1,5,0v.38A2.5,2.5,0,0,1,130.06,81.15Z'/%3E%3Cpath class='cls-1' d='M146.66,89.63a2.51,2.51,0,0,1-2.51-2.5v-.38a2.51,2.51,0,0,1,5,0v.38A2.5,2.5,0,0,1,146.66,89.63Z'/%3E%3Cpath class='cls-1' d='M376.61,193a2.5,2.5,0,0,1-2.5-2.5V96.05H361.76v91.82a2.51,2.51,0,0,1-5,0V93.55A2.51,2.51,0,0,1,359.26,91h17.35a2.51,2.51,0,0,1,2.51,2.51v97A2.5,2.5,0,0,1,376.61,193Z'/%3E%3Cpath class='cls-1' d='M457.42,85.39a2.47,2.47,0,0,1-1.46-.47c-46.45-33.39-86.24-67.33-86.63-67.67a2.5,2.5,0,1,1,3.25-3.8c.4.33,40,34.15,86.3,67.4a2.51,2.51,0,0,1-1.46,4.54Z'/%3E%3Cpath class='cls-1' d='M457.3,139.22a2.48,2.48,0,0,1-.54-.06,305.92,305.92,0,0,0-65.51-6.89H366.43a2.51,2.51,0,0,1,0-5h24.82a310.87,310.87,0,0,1,66.59,7,2.5,2.5,0,0,1-.54,4.95Z'/%3E%3Cpath class='cls-1' d='M457.51,129a2.48,2.48,0,0,1-.65-.09,264.57,264.57,0,0,0-68.41-8.67h-22a2.51,2.51,0,0,1,0-5h22A269.77,269.77,0,0,1,458.16,124a2.51,2.51,0,0,1-.65,4.93Z'/%3E%3Cpath class='cls-1' d='M381.14,102.46H355.68a2.51,2.51,0,1,1,0-5h25.46a2.51,2.51,0,1,1,0,5Z'/%3E%3Cpath class='cls-1' d='M377,95a2.51,2.51,0,0,1-2.5-2.37,3.43,3.43,0,0,0-3.34-3.32H365.3A3.44,3.44,0,0,0,362,92.5a2.5,2.5,0,1,1-5-.38,8.48,8.48,0,0,1,8.33-7.87h5.84a8.43,8.43,0,0,1,8.34,8,2.49,2.49,0,0,1-2.36,2.64Z'/%3E%3Cpath class='cls-1' d='M366.44,88.46A2.51,2.51,0,0,1,364,86.27l-.75-5.91a1.36,1.36,0,0,1,0-.2c0-.14-.68-14.4-1-22-.79-19-.28-26.35.06-31.2a38.62,38.62,0,0,0,.1-6.5,8.58,8.58,0,0,0-1.65-4.21,6.64,6.64,0,0,1-1.37-5.43,6.7,6.7,0,0,1,6.83-6.32,2.51,2.51,0,0,1-.1,5H366c-1,0-1.56.63-1.7,1.85s-.06,1.25.45,1.94a13.37,13.37,0,0,1,2.55,6.4l0,.22a43.39,43.39,0,0,1-.09,7.39c-.33,4.74-.82,11.91-.05,30.65.3,7.22.93,20.55,1,21.84l.74,5.81a2.51,2.51,0,0,1-2.17,2.8Z'/%3E%3Cpath class='cls-1' d='M367,88.5h-.18a2.51,2.51,0,0,1-2.32-2.68c0-.18,1.31-18.55,1.51-26.73.46-18.39-.2-26.07-.64-31.15a42.77,42.77,0,0,1-.21-8,11.6,11.6,0,0,1,2.43-6.5,2.05,2.05,0,0,0,.56-2c-.19-1.73-1.22-1.87-1.65-1.86a2.5,2.5,0,1,1-.2-5,6.7,6.7,0,0,1,6.83,6.33,6.8,6.8,0,0,1-1.53,5.54,6.65,6.65,0,0,0-1.45,4,37.48,37.48,0,0,0,.21,7.13c.45,5.19,1.13,13,.66,31.7-.21,8.3-1.47,26.21-1.52,27A2.5,2.5,0,0,1,367,88.5Z'/%3E%3Cpath class='cls-1' d='M455.09,99.07a2.47,2.47,0,0,1-1.7-.67L368.5,19.93a2.51,2.51,0,0,1,3.4-3.68l84.89,78.48a2.5,2.5,0,0,1-1.7,4.34Z'/%3E%3Cpath class='cls-1' d='M78.15,191.88a2.5,2.5,0,0,1-2.51-2.5V89a2.51,2.51,0,0,1,2.51-2.51H95.5A2.52,2.52,0,0,1,98,89v98.85a2.51,2.51,0,0,1-5,0V91.52H80.65v97.86A2.5,2.5,0,0,1,78.15,191.88Z'/%3E%3Cpath class='cls-1' d='M7.66,73.35a2.51,2.51,0,0,1-1.49-4.52C47.63,38.24,82.65,9.19,83,8.9a2.51,2.51,0,0,1,3.21,3.85c-.35.29-35.49,29.44-77,60.11A2.51,2.51,0,0,1,7.66,73.35Z'/%3E%3Cpath class='cls-1' d='M7,132.77a2.5,2.5,0,0,1-.45-5,315.62,315.62,0,0,1,57-5.07H88.33a2.5,2.5,0,0,1,0,5H63.51a311.17,311.17,0,0,0-56.09,5A2.28,2.28,0,0,1,7,132.77Z'/%3E%3Cpath class='cls-1' d='M6.59,122.13A2.51,2.51,0,0,1,6,117.18a274.61,274.61,0,0,1,60.27-6.52h22a2.51,2.51,0,0,1,0,5h-22a269.53,269.53,0,0,0-59.17,6.4A2.57,2.57,0,0,1,6.59,122.13Z'/%3E%3Cpath class='cls-1' d='M99.08,97.93H73.62a2.5,2.5,0,1,1,0-5H99.08a2.5,2.5,0,1,1,0,5Z'/%3E%3Cpath class='cls-1' d='M77.78,90.42h-.14a2.5,2.5,0,0,1-2.36-2.64,8.44,8.44,0,0,1,8.34-8.06h5.84a8.47,8.47,0,0,1,8.33,7.87,2.5,2.5,0,1,1-5,.38,3.44,3.44,0,0,0-3.34-3.24H83.62a3.43,3.43,0,0,0-3.34,3.32A2.5,2.5,0,0,1,77.78,90.42Z'/%3E%3Cpath class='cls-1' d='M88.32,83.93l-.32,0a2.51,2.51,0,0,1-2.17-2.8l.74-5.81c.06-1.29.69-14.62,1-21.84.77-18.73.28-25.91,0-30.65a43.38,43.38,0,0,1-.09-7.39l0-.21A13.37,13.37,0,0,1,90,8.8c.51-.69.57-.78.45-1.94C90.26,5.14,89.23,5,88.79,5a2.5,2.5,0,1,1-.2-5,6.68,6.68,0,0,1,6.84,6.31,6.68,6.68,0,0,1-1.38,5.43A8.48,8.48,0,0,0,92.4,16a38.6,38.6,0,0,0,.1,6.5c.34,4.86.85,12.2.06,31.21-.31,7.57-1,21.82-1,22a1.23,1.23,0,0,1,0,.2l-.75,5.91A2.51,2.51,0,0,1,88.32,83.93Z'/%3E%3Cpath class='cls-1' d='M87.77,84a2.5,2.5,0,0,1-2.5-2.32c0-.76-1.31-18.67-1.52-27C83.28,36,84,28.17,84.41,23a37.9,37.9,0,0,0,.21-7.18,6.58,6.58,0,0,0-1.45-3.92,6.83,6.83,0,0,1-1.53-5.55A6.7,6.7,0,0,1,88.47,0a2.51,2.51,0,0,1-.15,5c-1,0-1.57.63-1.7,1.85a2,2,0,0,0,.56,2,11.53,11.53,0,0,1,2.42,6.44,41.63,41.63,0,0,1-.2,8.1c-.44,5.08-1.1,12.76-.64,31.15.2,8.18,1.49,26.55,1.51,26.73A2.51,2.51,0,0,1,88,84Z'/%3E%3Cpath class='cls-1' d='M7.63,90.77a2.5,2.5,0,0,1-1.75-4.3L82.82,11.76a2.51,2.51,0,0,1,3.49,3.6L9.37,90.06A2.49,2.49,0,0,1,7.63,90.77Z'/%3E%3Cpath class='cls-1' d='M400.76,142h-4.9a2.5,2.5,0,1,1,0-5h4.9a2.5,2.5,0,1,1,0,5Z'/%3E%3Cpath class='cls-1' d='M410.57,142h-4.9a2.5,2.5,0,1,1,0-5h4.9a2.5,2.5,0,1,1,0,5Z'/%3E%3Cpath class='cls-1' d='M406,147.64h-4.9a2.51,2.51,0,0,1,0-5H406a2.51,2.51,0,1,1,0,5Z'/%3E%3Cpath class='cls-1' d='M386.58,161.89h-3.8a2.51,2.51,0,0,1,0-5h3.8a2.51,2.51,0,0,1,0,5Z'/%3E%3Cpath class='cls-1' d='M395.29,161.89H391.5a2.51,2.51,0,0,1,0-5h3.79a2.51,2.51,0,0,1,0,5Z'/%3E%3Cpath class='cls-1' d='M390.66,166.69h-3.79a2.5,2.5,0,1,1,0-5h3.79a2.5,2.5,0,0,1,0,5Z'/%3E%3Cpath class='cls-1' d='M379.63,167H356.24a2.51,2.51,0,0,1,0-5h23.39a2.51,2.51,0,1,1,0,5Z'/%3E%3Cpath class='cls-1' d='M97.42,170.76H74a2.51,2.51,0,0,1,0-5H97.42a2.51,2.51,0,1,1,0,5Z'/%3E%3Cpath class='cls-1' d='M12.75,205.05c-2.57,0-4.74-1.78-6.22-3s-2.55-2-3.25-1.8a2.5,2.5,0,0,1-1.56-4.76c3.37-1.1,6,1.09,8,2.7,2.48,2,3,2.11,3.79,1.51a2.51,2.51,0,0,1,2.93,4.07A6.19,6.19,0,0,1,12.75,205.05Z'/%3E%3Cpath class='cls-1' d='M12.44,205.05a6.17,6.17,0,0,1-3.67-1.28,2.5,2.5,0,1,1,2.92-4.07c.83.6,1.31.53,3.79-1.51,1.95-1.61,4.62-3.8,8-2.7a2.5,2.5,0,1,1-1.56,4.76c-.7-.23-1.79.6-3.24,1.8S15,205.05,12.44,205.05Z'/%3E%3Cpath class='cls-1' d='M32,205.05c-2.6,0-4.83-1.77-6.35-3-1.3-1-2.63-2.09-3.41-1.83a2.5,2.5,0,0,1-1.56-4.76c3.34-1.09,6.07,1.08,8.07,2.66,2.6,2,3.16,2.17,4,1.55a2.5,2.5,0,1,1,2.92,4.07A6.22,6.22,0,0,1,32,205.05Z'/%3E%3Cpath class='cls-1' d='M33.13,204.93a2.5,2.5,0,0,1-.68-4.91,9.35,9.35,0,0,0,2.49-1.69c1.9-1.57,4.5-3.71,8-2.9a2.51,2.51,0,1,1-1.14,4.88c-1-.23-2.05.56-3.66,1.88a12,12,0,0,1-4.3,2.64A2.35,2.35,0,0,1,33.13,204.93Z'/%3E%3Cpath class='cls-1' d='M51.71,205.08c-2.44,0-4.43-1.68-5.79-2.83-1.79-1.5-2.76-2.19-3.92-1.93a2.51,2.51,0,0,1-1.06-4.9c3.7-.8,6.3,1.4,8.2,3,2.35,2,2.56,1.84,3.33,1.28a2.5,2.5,0,1,1,2.92,4.07A6.27,6.27,0,0,1,51.71,205.08Z'/%3E%3Cpath class='cls-1' d='M71.18,205.67c-2.49,0-4.6-1.69-6-2.85-.5-.4-1-.78-1.4-1.06C61,200,60.4,200.36,56.3,203l-1.34.88a2.5,2.5,0,0,1-2.71-4.21l1.31-.86c4.35-2.84,7.5-4.9,13-1.26.61.4,1.2.88,1.76,1.33,2.43,2,2.87,2,3.61,1.42a2.5,2.5,0,1,1,2.92,4.07A6.14,6.14,0,0,1,71.18,205.67Z'/%3E%3Cpath class='cls-1' d='M70.87,205.74a6.32,6.32,0,0,1-3.72-1.33,2.5,2.5,0,0,1,2.92-4.07c.84.6,1,.68,3-1,.46-.39.94-.79,1.47-1.19a2.5,2.5,0,0,1,3,4c-.41.31-.83.67-1.23,1C75,204.19,73.19,205.74,70.87,205.74Z'/%3E%3Cpath class='cls-1' d='M76.64,202A2.5,2.5,0,0,1,75,197.64a9.18,9.18,0,0,1,4.88-2.32,2.5,2.5,0,1,1,.42,5,4.43,4.43,0,0,0-2,1.11A2.51,2.51,0,0,1,76.64,202Z'/%3E%3Cpath class='cls-1' d='M90.22,205.21c-2.61,0-4.83-1.83-6.33-3.09-1.25-1-2.55-2.11-3.29-1.87A2.5,2.5,0,1,1,79,195.49c3.37-1.1,6.07,1.14,8,2.78,2.6,2.16,3.07,2.17,3.85,1.6a2.51,2.51,0,0,1,2.93,4.07A6.16,6.16,0,0,1,90.22,205.21Z'/%3E%3Cpath class='cls-1' d='M89.88,205.23a6.21,6.21,0,0,1-3.68-1.29,2.51,2.51,0,0,1,2.93-4.07c.83.6,1.31.53,3.79-1.51,2-1.61,4.62-3.8,8-2.69a2.5,2.5,0,1,1-1.57,4.75c-.69-.23-1.78.61-3.24,1.81S92.45,205.23,89.88,205.23Z'/%3E%3Cpath class='cls-1' d='M109.49,205.23c-2.57,0-4.74-1.79-6.22-3s-2.54-2-3.24-1.81a2.5,2.5,0,1,1-1.56-4.75c3.37-1.11,6,1.08,8,2.69,2.49,2,3,2.11,3.8,1.51a2.5,2.5,0,0,1,2.92,4.07A6.19,6.19,0,0,1,109.49,205.23Z'/%3E%3Cpath class='cls-1' d='M109.19,205.23a6.21,6.21,0,0,1-3.68-1.29,2.5,2.5,0,0,1,2.92-4.07c.83.6,1.31.53,3.8-1.51,2-1.61,4.62-3.8,8-2.69a2.5,2.5,0,1,1-1.56,4.75c-.7-.22-1.78.61-3.24,1.81S111.76,205.23,109.19,205.23Z'/%3E%3Cpath class='cls-1' d='M128.79,205.22c-2.6,0-4.83-1.77-6.36-3-1.29-1-2.62-2.08-3.4-1.83a2.5,2.5,0,1,1-1.56-4.75c3.33-1.1,6.07,1.07,8.07,2.65,2.6,2.05,3.16,2.17,4,1.55a2.5,2.5,0,0,1,2.92,4.07A6.25,6.25,0,0,1,128.79,205.22Z'/%3E%3Cpath class='cls-1' d='M129.88,205.1a2.5,2.5,0,0,1-.68-4.91,9,9,0,0,0,2.48-1.69c1.9-1.56,4.5-3.71,8-2.89a2.5,2.5,0,1,1-1.14,4.87c-1-.23-2,.56-3.65,1.89a12.28,12.28,0,0,1-4.3,2.64A2.72,2.72,0,0,1,129.88,205.1Z'/%3E%3Cpath class='cls-1' d='M148.45,205.25c-2.44,0-4.43-1.68-5.79-2.83-1.78-1.5-2.75-2.18-3.92-1.93a2.5,2.5,0,0,1-1.06-4.89c3.7-.8,6.31,1.39,8.21,3,2.35,2,2.56,1.83,3.32,1.27a2.51,2.51,0,0,1,2.93,4.07A6.23,6.23,0,0,1,148.45,205.25Z'/%3E%3Cpath class='cls-1' d='M150.35,204.49a2.5,2.5,0,0,1-1.26-4.67c.65-.38,1.31-.81,1.95-1.22,2.74-1.77,5.85-3.78,9.74-2.85a2.5,2.5,0,0,1-1.16,4.87c-1.73-.41-3.35.56-5.86,2.18-.69.45-1.4.91-2.15,1.35A2.51,2.51,0,0,1,150.35,204.49Z'/%3E%3Cpath class='cls-1' d='M169.1,205.69c-2.57,0-4.74-1.78-6.22-3a9.74,9.74,0,0,0-2.66-1.79,2.5,2.5,0,0,1,1.43-4.8,13.31,13.31,0,0,1,4.41,2.72c2.48,2.05,3,2.12,3.8,1.52a2.5,2.5,0,0,1,2.92,4.07A6.26,6.26,0,0,1,169.1,205.69Z'/%3E%3Cpath class='cls-1' d='M168.79,205.69a6.21,6.21,0,0,1-3.67-1.28,2.5,2.5,0,1,1,2.92-4.07c.83.6,1.31.52,3.79-1.52,1.95-1.6,4.62-3.79,8-2.69a2.5,2.5,0,1,1-1.56,4.76c-.71-.23-1.79.6-3.25,1.8S171.36,205.69,168.79,205.69Z'/%3E%3Cpath class='cls-1' d='M188.41,205.69c-2.58,0-4.75-1.78-6.23-3s-2.54-2-3.24-1.8a2.5,2.5,0,1,1-1.56-4.76c3.37-1.1,6,1.09,8,2.69,2.49,2.05,3,2.12,3.8,1.52a2.5,2.5,0,1,1,2.92,4.07A6.24,6.24,0,0,1,188.41,205.69Z'/%3E%3Cpath class='cls-1' d='M190.6,204.84a2.5,2.5,0,0,1-1.38-4.59c.52-.35,1.08-.81,1.67-1.3,2-1.6,4.62-3.79,8-2.69a2.5,2.5,0,1,1-1.56,4.76c-.7-.23-1.79.6-3.25,1.8a24,24,0,0,1-2.09,1.6A2.53,2.53,0,0,1,190.6,204.84Z'/%3E%3Cpath class='cls-1' d='M207.47,205.82c-2.57,0-4.74-1.78-6.22-3s-2.55-2-3.25-1.8a2.5,2.5,0,1,1-1.56-4.76c3.37-1.1,6,1.09,8,2.69,2.48,2,3,2.11,3.79,1.52a2.5,2.5,0,1,1,2.92,4.07A6.24,6.24,0,0,1,207.47,205.82Z'/%3E%3Cpath class='cls-1' d='M207.16,205.82a6.26,6.26,0,0,1-3.68-1.28,2.5,2.5,0,0,1,2.92-4.07c.84.59,1.32.53,3.8-1.52,2-1.6,4.62-3.79,8-2.69a2.51,2.51,0,0,1-1.57,4.76c-.69-.23-1.78.6-3.24,1.8S209.73,205.82,207.16,205.82Z'/%3E%3Cpath class='cls-1' d='M226.78,205.82c-2.58,0-4.75-1.78-6.23-3s-2.54-2-3.24-1.8a2.5,2.5,0,1,1-1.56-4.76c3.37-1.1,6,1.09,8,2.69,2.49,2,3,2.11,3.8,1.52a2.5,2.5,0,0,1,2.92,4.07A6.24,6.24,0,0,1,226.78,205.82Z'/%3E%3Cpath class='cls-1' d='M226.47,205.82a6.24,6.24,0,0,1-3.68-1.28,2.5,2.5,0,0,1,2.92-4.07c.83.6,1.32.52,3.8-1.52,2-1.6,4.62-3.79,8-2.69a2.51,2.51,0,0,1-1.57,4.76c-.69-.23-1.78.6-3.24,1.8S229,205.82,226.47,205.82Z'/%3E%3Cpath class='cls-1' d='M246.07,205.81c-2.6,0-4.83-1.76-6.36-3-1.29-1-2.62-2.07-3.4-1.82a2.51,2.51,0,0,1-1.57-4.76c3.34-1.09,6.08,1.07,8.08,2.65,2.59,2.06,3.16,2.18,4,1.56a2.5,2.5,0,0,1,2.92,4.07A6.21,6.21,0,0,1,246.07,205.81Z'/%3E%3Cpath class='cls-1' d='M247.16,205.69a2.5,2.5,0,0,1-.68-4.91A9.17,9.17,0,0,0,249,199.1c1.9-1.57,4.5-3.71,8-2.9a2.51,2.51,0,1,1-1.14,4.88c-1-.23-2,.55-3.65,1.88a12.28,12.28,0,0,1-4.3,2.64A2.72,2.72,0,0,1,247.16,205.69Z'/%3E%3Cpath class='cls-1' d='M265.73,205.84c-2.44,0-4.43-1.67-5.79-2.82-1.78-1.51-2.75-2.19-3.92-1.93a2.51,2.51,0,0,1-1.06-4.9c3.7-.8,6.3,1.39,8.21,3,2.35,2,2.56,1.83,3.33,1.28a2.5,2.5,0,0,1,2.92,4.07A6.28,6.28,0,0,1,265.73,205.84Z'/%3E%3Cpath class='cls-1' d='M285.21,206.44c-2.5,0-4.61-1.7-6-2.86a17.22,17.22,0,0,0-1.39-1.06c-2.71-1.8-3.34-1.39-7.44,1.29l-1.35.88a2.51,2.51,0,0,1-2.71-4.22l1.32-.85c4.35-2.85,7.49-4.9,13-1.27.62.41,1.2.88,1.77,1.33,2.43,2,2.87,1.95,3.61,1.42a2.5,2.5,0,0,1,2.92,4.07A6.13,6.13,0,0,1,285.21,206.44Z'/%3E%3Cpath class='cls-1' d='M284.9,206.51a6.31,6.31,0,0,1-3.72-1.34,2.5,2.5,0,1,1,2.92-4.07c.86.62.95.68,3-1,.46-.39.93-.79,1.46-1.19a2.5,2.5,0,1,1,3,4c-.41.31-.83.66-1.23,1C289.05,205,287.22,206.51,284.9,206.51Z'/%3E%3Cpath class='cls-1' d='M291.46,202.2a2.5,2.5,0,0,1-1.39-4.59,6.72,6.72,0,0,1,5.9-1.11,2.5,2.5,0,1,1-1.56,4.76c-.17,0-.53-.17-1.57.52A2.51,2.51,0,0,1,291.46,202.2Z'/%3E%3Cpath class='cls-1' d='M304.56,206.06c-2.57,0-4.74-1.78-6.22-3s-2.55-2-3.24-1.81a2.51,2.51,0,0,1-1.57-4.76c3.38-1.1,6,1.09,8,2.7,2.49,2,3,2.11,3.8,1.51a2.5,2.5,0,0,1,2.92,4.07A6.17,6.17,0,0,1,304.56,206.06Z'/%3E%3Cpath class='cls-1' d='M304.25,206.06a6.17,6.17,0,0,1-3.67-1.28,2.5,2.5,0,1,1,2.92-4.07c.83.6,1.31.53,3.8-1.51,1.95-1.61,4.61-3.8,8-2.7a2.5,2.5,0,1,1-1.56,4.76c-.69-.22-1.79.6-3.24,1.8S306.83,206.06,304.25,206.06Z'/%3E%3Cpath class='cls-1' d='M323.87,206.06c-2.57,0-4.74-1.78-6.22-3s-2.55-2-3.24-1.81a2.51,2.51,0,0,1-1.57-4.76c3.37-1.1,6,1.09,8,2.7,2.48,2,3,2.11,3.79,1.51a2.51,2.51,0,0,1,2.93,4.07A6.19,6.19,0,0,1,323.87,206.06Z'/%3E%3Cpath class='cls-1' d='M323.56,206.06a6.15,6.15,0,0,1-3.67-1.28,2.5,2.5,0,1,1,2.92-4.07c.83.6,1.31.53,3.79-1.51,1.95-1.6,4.62-3.8,8-2.7a2.5,2.5,0,1,1-1.56,4.76c-.69-.23-1.79.6-3.25,1.81S326.13,206.06,323.56,206.06Z'/%3E%3Cpath class='cls-1' d='M343.16,206.06c-2.6,0-4.83-1.77-6.35-3-1.29-1-2.63-2.09-3.41-1.83a2.5,2.5,0,1,1-1.56-4.76c3.33-1.09,6.07,1.08,8.07,2.66,2.6,2.05,3.16,2.17,4,1.55a2.5,2.5,0,1,1,2.92,4.07A6.22,6.22,0,0,1,343.16,206.06Z'/%3E%3Cpath class='cls-1' d='M344.25,205.94a2.5,2.5,0,0,1-.68-4.91,9.11,9.11,0,0,0,2.49-1.69c1.89-1.56,4.49-3.71,8-2.89a2.5,2.5,0,1,1-1.14,4.87c-1-.23-2,.56-3.66,1.89a12.17,12.17,0,0,1-4.3,2.63A2.35,2.35,0,0,1,344.25,205.94Z'/%3E%3Cpath class='cls-1' d='M362.83,206.09c-2.45,0-4.43-1.68-5.8-2.83-1.78-1.5-2.75-2.18-3.91-1.93a2.5,2.5,0,1,1-1.06-4.89c3.69-.8,6.3,1.39,8.2,3,2.35,2,2.56,1.84,3.33,1.28a2.5,2.5,0,0,1,2.92,4.07A6.27,6.27,0,0,1,362.83,206.09Z'/%3E%3Cpath class='cls-1' d='M382.3,206.69c-2.49,0-4.6-1.7-6-2.86-.5-.4-1-.78-1.4-1.06-2.71-1.81-3.34-1.4-7.44,1.29l-1.35.87a2.5,2.5,0,1,1-2.7-4.21l1.31-.86c4.35-2.84,7.5-4.9,13-1.26.61.41,1.2.88,1.76,1.33,2.43,2,2.87,1.95,3.61,1.42a2.5,2.5,0,0,1,2.92,4.07A6.16,6.16,0,0,1,382.3,206.69Z'/%3E%3Cpath class='cls-1' d='M382,206.76a6.34,6.34,0,0,1-3.72-1.34,2.51,2.51,0,1,1,2.93-4.07c.85.62.94.68,2.95-1,.46-.39.93-.79,1.47-1.2a2.51,2.51,0,0,1,3,4c-.42.31-.84.66-1.24,1C386.14,205.2,384.31,206.76,382,206.76Z'/%3E%3Cpath class='cls-1' d='M401.39,206.2c-2.61,0-4.82-1.86-6.33-3.14-2.4-2-3.15-2.38-4.11-1.83l-.2.19q-1.78,1.7-3.47.65a2.56,2.56,0,0,1-1.06-2.92,2.54,2.54,0,0,1,1.11-1.39,5.79,5.79,0,0,1,.87-.72c4.32-2.68,7.8.26,10.1,2.2,2.64,2.24,3,2.17,3.76,1.64A2.5,2.5,0,0,1,405,205,6.06,6.06,0,0,1,401.39,206.2Z'/%3E%3Cpath class='cls-1' d='M401,206.24a6.21,6.21,0,0,1-3.68-1.29,2.51,2.51,0,1,1,2.93-4.07c.83.6,1.31.53,3.79-1.51,1.64-1.35,3.51-2.88,5.92-3a2.5,2.5,0,1,1,.21,5c-.74,0-1.91,1-2.95,1.85C405.74,204.45,403.57,206.24,401,206.24Z'/%3E%3Cpath class='cls-1' d='M420.61,206.24c-2.57,0-4.74-1.79-6.22-3s-2.54-2-3.24-1.8a2.5,2.5,0,1,1-1.56-4.76c3.36-1.11,6,1.09,8,2.69,2.48,2,3,2.11,3.8,1.51a2.5,2.5,0,0,1,2.92,4.07A6.19,6.19,0,0,1,420.61,206.24Z'/%3E%3Cpath class='cls-1' d='M420.31,206.24a6.19,6.19,0,0,1-3.68-1.29,2.5,2.5,0,0,1,2.92-4.07c.83.6,1.32.53,3.8-1.51,1.95-1.6,4.62-3.8,8-2.69a2.5,2.5,0,1,1-1.56,4.76c-.69-.23-1.78.6-3.24,1.8S422.88,206.24,420.31,206.24Z'/%3E%3Cpath class='cls-1' d='M439.9,206.23c-2.6,0-4.83-1.77-6.35-3-1.29-1-2.62-2.07-3.41-1.82a2.5,2.5,0,0,1-1.56-4.76c3.34-1.1,6.08,1.07,8.08,2.65,2.59,2,3.15,2.17,4,1.55A2.51,2.51,0,0,1,443.6,205,6.27,6.27,0,0,1,439.9,206.23Z'/%3E%3Cpath class='cls-1' d='M441,206.11a2.5,2.5,0,0,1-.69-4.91,8.89,8.89,0,0,0,2.49-1.69c1.9-1.56,4.5-3.71,8-2.89a2.5,2.5,0,1,1-1.14,4.87c-1-.23-2,.56-3.65,1.89a12.24,12.24,0,0,1-4.31,2.64A2.65,2.65,0,0,1,441,206.11Z'/%3E%3Cpath class='cls-1' d='M459.57,206.26c-2.44,0-4.43-1.68-5.79-2.82-1.79-1.51-2.76-2.19-3.92-1.94a2.5,2.5,0,1,1-1.06-4.89c3.7-.8,6.3,1.39,8.21,3,2.34,2,2.55,1.83,3.32,1.27a2.51,2.51,0,0,1,2.93,4.07A6.25,6.25,0,0,1,459.57,206.26Z'/%3E%3Cpath class='cls-1' d='M461.47,205.5a2.5,2.5,0,0,1-1.26-4.67c.65-.38,1.31-.81,2-1.22,2.74-1.77,5.85-3.78,9.74-2.85a2.5,2.5,0,1,1-1.16,4.87c-1.72-.41-3.35.56-5.86,2.19-.69.44-1.4.9-2.15,1.34A2.51,2.51,0,0,1,461.47,205.5Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.my-test .page_content form .wpcf7-form-control-wrap .wpcf7-radio.choose_agency .wpcf7-list-item:nth-child(3):before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 165.42 426.11'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23fff;stroke-miterlimit:10;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='Calque_2' data-name='Calque 2'%3E%3Cg id='Calque_1-2' data-name='Calque 1'%3E%3Cg id='Calque_2-2' data-name='Calque 2'%3E%3Cg id='Calque_1-2-2' data-name='Calque 1-2'%3E%3Cpath class='cls-1' d='M82,425.42h82.7V400.13H124.9v-.68q-2.12-8.34-4.24-16.68v-.43q-3.19-29.79-6.37-59.59c-.19-1.85-.38-3.7-.59-5.55V3.1l-.34-.34-7,7h-.13Q106,5.4,105.82,1V.65H59.64V1c-.13,2.91-.27,5.84-.4,8.78h-.12l-7-7-.34.34V317.2q-.3,2.78-.59,5.55Q48,352.56,44.82,382.34v.43q-2.12,8.34-4.24,16.68v.68H.68v25.29Z'/%3E%3Cpath class='cls-2' d='M51,3.1V317.2a.69.69,0,0,0,1.37,0V3.1A.69.69,0,0,0,51,3.1Z'/%3E%3Cpath class='cls-2' d='M51.41,3.1l7.19,7.19a.71.71,0,0,0,1-1L52.38,2.14a.71.71,0,0,0-1,1Z'/%3E%3Cpath class='cls-2' d='M58.92,1q-.64,15-1.4,29.9Q56.77,46.22,56,61.51L54.34,92.23q-.81,15.34-1.58,30.67-.75,15-1.42,30c-.06,1.22-.11,2.44-.16,3.66a.69.69,0,0,0,1.37,0q.64-14.94,1.39-29.87.75-15.31,1.56-30.61t1.62-30.72Q57.93,50,58.7,34.68q.75-15,1.42-30c.06-1.22.11-2.44.16-3.66a.68.68,0,0,0-1.36,0Z'/%3E%3Cpath class='cls-2' d='M59.63,1.37H82.58a.69.69,0,0,0,0-1.37H59.63a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M51,317.2q-2.7,25.38-5.42,50.8l-1.53,14.38c-.09.88,1.27.87,1.37,0l5.41-50.76q.78-7.19,1.54-14.38c.09-.88-1.28-.87-1.37,0Z'/%3E%3Cpath class='cls-2' d='M51,317.07c.71,8.59,1.52,17.17,2.37,25.75.81,8.25,1.67,16.49,2.47,24.74q.72,7.4,1.38,14.78c.08.87,1.45.88,1.37,0-.76-8.53-1.6-17-2.45-25.56-.84-8.27-1.68-16.53-2.45-24.8-.47-5-.91-9.94-1.32-14.91C52.3,316.2,50.93,316.19,51,317.07Z'/%3E%3Cpath class='cls-2' d='M44.07,382.59q-2.12,8.34-4.24,16.68a.68.68,0,1,0,1.32.36q2.12-8.34,4.24-16.68a.68.68,0,1,0-1.32-.36Z'/%3E%3Cpath class='cls-2' d='M57.22,382.86q-.8,8.56-1.58,17.13c-.08.88,1.29.88,1.37,0q.8-8.57,1.58-17.13C58.67,382,57.3,382,57.22,382.86Z'/%3E%3Cpath class='cls-2' d='M50.79,322.8v77.12a.69.69,0,0,0,1.37,0V322.8a.69.69,0,0,0-1.37,0Z'/%3E%3Cpath class='cls-2' d='M52.1,315.6H80.71a.69.69,0,0,0,0-1.37H52.1a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M.68,400.81H81.75a.69.69,0,0,0,0-1.37H.68a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M0,400.13v25.29a.69.69,0,0,0,1.37,0V400.13a.69.69,0,0,0-1.37,0Z'/%3E%3Cpath class='cls-2' d='M.89,426.11H81.75a.69.69,0,0,0,0-1.37H.89a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M113.05,3.1V317.2a.69.69,0,0,0,1.37,0V3.1a.69.69,0,0,0-1.37,0Z'/%3E%3Cpath class='cls-2' d='M113,2.14l-7.19,7.18a.71.71,0,0,0,1,1L114,3.1a.71.71,0,0,0-1-1Z'/%3E%3Cpath class='cls-2' d='M105.13,1q.66,14.94,1.4,29.87.75,15.31,1.56,30.61t1.62,30.72q.81,15.35,1.58,30.67.75,15,1.42,30c.06,1.22.11,2.44.16,3.66,0,.88,1.41.88,1.37,0q-.64-14.94-1.39-29.87-.75-15.31-1.57-30.61t-1.62-30.72q-.81-15.34-1.58-30.67-.75-15-1.42-30c0-1.22-.1-2.44-.16-3.66A.69.69,0,0,0,105.13,1Z'/%3E%3Cpath class='cls-2' d='M105.79,0h-23a.69.69,0,0,0,0,1.37h23a.69.69,0,0,0,0-1.37Z'/%3E%3Cpath class='cls-2' d='M113.05,317.2q2.7,25.38,5.42,50.76L120,382.34c.09.87,1.46.88,1.37,0L116,331.58l-1.53-14.38c-.1-.87-1.46-.88-1.37,0Z'/%3E%3Cpath class='cls-2' d='M113.05,317.07c-.71,8.59-1.52,17.17-2.37,25.75-.81,8.25-1.67,16.49-2.47,24.74q-.72,7.4-1.38,14.78c-.08.88,1.29.87,1.37,0,.75-8.53,1.59-17,2.45-25.56.83-8.27,1.68-16.53,2.45-24.8.47-5,.91-9.94,1.32-14.91C114.49,316.19,113.12,316.2,113.05,317.07Z'/%3E%3Cpath class='cls-2' d='M120,383q2.11,8.34,4.24,16.68a.68.68,0,1,0,1.32-.36q-2.13-8.34-4.24-16.68A.68.68,0,0,0,120,383Z'/%3E%3Cpath class='cls-2' d='M106.83,382.86q.8,8.56,1.58,17.13c.08.87,1.45.88,1.37,0q-.8-8.57-1.58-17.13C108.12,382,106.75,382,106.83,382.86Z'/%3E%3Cpath class='cls-2' d='M113.26,322.8v77.12a.68.68,0,0,0,1.36,0V322.8a.68.68,0,1,0-1.36,0Z'/%3E%3Cpath class='cls-2' d='M113.32,314.23h-33a.69.69,0,0,0,0,1.37h33a.69.69,0,0,0,0-1.37Z'/%3E%3Cpath class='cls-2' d='M164.73,399.44H82a.69.69,0,0,0,0,1.37h82.7a.69.69,0,0,0,0-1.37Z'/%3E%3Cpath class='cls-2' d='M164.05,400.13v25.29a.69.69,0,0,0,1.37,0V400.13a.69.69,0,0,0-1.37,0Z'/%3E%3Cpath class='cls-2' d='M164.53,424.74H82a.69.69,0,0,0,0,1.37h82.5a.69.69,0,0,0,0-1.37Z'/%3E%3Cpath class='cls-2' d='M9.39,408H154.93a.68.68,0,0,0,0-1.36H9.39a.68.68,0,1,0,0,1.36Z'/%3E%3Cpath class='cls-2' d='M9.39,413.14H154.93a.69.69,0,0,0,0-1.37H9.39a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M9.39,418.32H154.93a.69.69,0,0,0,0-1.37H9.39a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M60.6,391.9h44.16a.69.69,0,0,0,0-1.37H60.6a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M64.54,369.3h35a.69.69,0,0,0,0-1.37h-35a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M64.54,374.9h35a.69.69,0,0,0,0-1.37h-35a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M64.54,380.49h35a.68.68,0,0,0,0-1.36h-35a.68.68,0,1,0,0,1.36Z'/%3E%3Cpath class='cls-2' d='M64.54,386.09h35a.69.69,0,0,0,0-1.37h-35a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M58.11,310.42h49.14a.69.69,0,0,0,0-1.37H58.11a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M58.11,305.24h49.14a.69.69,0,0,0,0-1.37H58.11a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M58.11,300.05h49.14a.69.69,0,0,0,0-1.37H58.11a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M58.11,294.87h49.14a.69.69,0,0,0,0-1.37H58.11a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M58.11,289.69h49.14a.69.69,0,0,0,0-1.37H58.11a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M58.11,159.07h49.14a.69.69,0,0,0,0-1.37H58.11a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M58.11,153.89h49.14a.69.69,0,0,0,0-1.37H58.11a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M58.11,148.71h49.14a.69.69,0,0,0,0-1.37H58.11a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M58.11,143.52h49.14a.68.68,0,0,0,0-1.36H58.11a.68.68,0,1,0,0,1.36Z'/%3E%3Cpath class='cls-2' d='M62.57,71h40.22a.69.69,0,0,0,0-1.37H62.57a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M62.57,65.78h40.22a.69.69,0,0,0,0-1.37H62.57a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M62.57,60.59h40.22a.68.68,0,0,0,0-1.36H62.57a.68.68,0,0,0,0,1.36Z'/%3E%3Cpath class='cls-2' d='M71.52,8.83H79a.69.69,0,0,0,0-1.37H71.52a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M78.71,20.72H84a.69.69,0,0,0,0-1.37H78.71a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M87.55,34h6.36a.69.69,0,0,0,0-1.37H87.55a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M65.16,47.53H72.9a.69.69,0,0,0,0-1.37H65.16a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M92.25,47.26h6.91a.69.69,0,0,0,0-1.37H92.25a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M95.85,19.61h3a.69.69,0,0,0,0-1.37h-3a.69.69,0,1,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M89.76,8.28h5.81a.69.69,0,0,0,0-1.37H89.76a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M70.14,34.54h6.08a.69.69,0,0,0,0-1.37H70.14a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M62.67,80.15h9.4a.69.69,0,0,0,0-1.37h-9.4a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M96.67,105.31h7.47a.69.69,0,0,0,0-1.37H96.67a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M60.46,105.86h6.36a.69.69,0,0,0,0-1.37H60.46a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M70.41,95.35h4.43a.68.68,0,1,0,0-1.36H70.41a.68.68,0,0,0,0,1.36Z'/%3E%3Cpath class='cls-2' d='M93.91,79.32h5.53a.69.69,0,0,0,0-1.37H93.91a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M88.38,89.83h5.81a.69.69,0,0,0,0-1.37H88.38a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M67.65,118h7.19a.69.69,0,0,0,0-1.37H67.65a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M87.83,123.55h10a.69.69,0,0,0,0-1.37h-10a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M97.78,132.4h6.08a.69.69,0,0,0,0-1.37H97.78a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M61,132.67h7.2a.68.68,0,1,0,0-1.36H61a.68.68,0,0,0,0,1.36Z'/%3E%3Cpath class='cls-2' d='M58.25,168.89H67.1a.69.69,0,0,0,0-1.37H58.25a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M98.33,194.87h6.91a.69.69,0,0,0,0-1.37H98.33a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M59.91,194.59h8.57a.68.68,0,0,0,0-1.36H59.91a.68.68,0,1,0,0,1.36Z'/%3E%3Cpath class='cls-2' d='M90.32,181.05H100a.69.69,0,0,0,0-1.37H90.32a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M66,181.6h6.9a.69.69,0,0,0,0-1.37H66a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M88.38,168.33h9.4a.69.69,0,0,0,0-1.37h-9.4a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M87.28,210.63H96.4a.69.69,0,0,0,0-1.37H87.28a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M59.08,225h6.36a.69.69,0,0,0,0-1.37H59.08a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M79.26,225h7.19a.69.69,0,0,0,0-1.37H79.26a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M97.5,234.68h6.91a.69.69,0,0,0,0-1.37H97.5a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M71.24,243.52h5.53a.69.69,0,0,0,0-1.37H71.24a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M60.74,254.58H71a.69.69,0,0,0,0-1.37H60.74a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M95.29,254h9.4a.69.69,0,0,0,0-1.37h-9.4a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M88.93,266.74h7.74a.69.69,0,0,0,0-1.37H88.93a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M61.29,278.08H69a.69.69,0,0,0,0-1.37H61.29a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M81.75,278.08H90a.69.69,0,0,0,0-1.37H81.75a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M102.76,278.35h4.7a.69.69,0,0,0,0-1.37h-4.7a.69.69,0,1,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M60.74,329.77h8.57a.69.69,0,0,0,0-1.37H60.74a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M95.57,329.22H103a.69.69,0,0,0,0-1.37H95.57a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M80.09,337.79h6.08a.69.69,0,0,0,0-1.37H80.09a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M70.41,350.5h5.26a.69.69,0,0,0,0-1.37H70.41a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M92.25,350.5H97.5a.69.69,0,0,0,0-1.37H92.25a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M66,359.9H76.5a.69.69,0,0,0,0-1.37H66a.69.69,0,0,0,0,1.37Z'/%3E%3Cpath class='cls-2' d='M86.45,359.62H91.7a.68.68,0,0,0,0-1.36H86.45a.68.68,0,1,0,0,1.36Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.my-test .page_content form .wpcf7-form-control-wrap .wpcf7-radio.choose_agency .wpcf7-list-item:nth-child(4):before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 407.26 291.35'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='Calque_2' data-name='Calque 2'%3E%3Cg id='Calque_1-2' data-name='Calque 1'%3E%3Cpath class='cls-1' d='M396.35,140.54h-386a5,5,0,0,1,0-10h386a5,5,0,0,1,0,10Z'/%3E%3Cpath class='cls-1' d='M392,138.55a5,5,0,0,1-4.25-2.36,31.15,31.15,0,0,0-26.59-14.78H50.58a31.25,31.25,0,0,0-26.16,14.1,5,5,0,1,1-8.34-5.5,41.2,41.2,0,0,1,34.5-18.6h310.6a41.09,41.09,0,0,1,35.08,19.5,5,5,0,0,1-1.6,6.88A4.92,4.92,0,0,1,392,138.55Z'/%3E%3Cpath class='cls-1' d='M279.31,117.47a5,5,0,0,1-5-5v-5.41H130.13v4.29a5,5,0,0,1-10,0v-9.29a5,5,0,0,1,5-5H279.31a5,5,0,0,1,5,5v10.41A5,5,0,0,1,279.31,117.47Z'/%3E%3Cpath class='cls-1' d='M77.87,270H43a5,5,0,0,1-5-5V152.42a5,5,0,0,1,5-5H77.87a5,5,0,0,1,5,5V265A5,5,0,0,1,77.87,270ZM48,260H72.87V157.42H48Z'/%3E%3Crect class='cls-1' x='50.36' y='207.62' width='10' height='46.02'/%3E%3Crect class='cls-1' x='50.36' y='161.77' width='10' height='40.56'/%3E%3Crect class='cls-1' x='61.61' y='207.62' width='10' height='46.02'/%3E%3Crect class='cls-1' x='61.61' y='161.77' width='10' height='40.56'/%3E%3Cpath class='cls-1' d='M360.9,266.59H326a5,5,0,0,1-5-5V149.05a5,5,0,0,1,5-5H360.9a5,5,0,0,1,5,5V261.59A5,5,0,0,1,360.9,266.59Zm-29.89-10H355.9V154.05H331Z'/%3E%3Crect class='cls-1' x='333.39' y='204.24' width='10' height='46.02'/%3E%3Crect class='cls-1' x='333.39' y='158.4' width='10' height='40.56'/%3E%3Crect class='cls-1' x='344.65' y='204.24' width='10' height='46.02'/%3E%3Crect class='cls-1' x='344.65' y='158.4' width='10' height='40.56'/%3E%3Cpath class='cls-1' d='M130.79,206.66h-10V172.73c0-8.67-7.87-10-12.56-10s-12.56,1.29-12.56,10v33.93h-10V172.73c0-11.94,9.07-20,22.56-20s22.56,8,22.56,20Z'/%3E%3Crect class='cls-1' x='87.96' y='196.66' width='42.83' height='10'/%3E%3Cpath class='cls-1' d='M177.93,206.66h-10V172.73c0-8.67-7.87-10-12.57-10s-12.56,1.29-12.56,10v33.93h-10V172.73c0-11.94,9.07-20,22.56-20s22.57,8,22.57,20Z'/%3E%3Crect class='cls-1' x='135.09' y='196.66' width='42.83' height='10'/%3E%3Cpath class='cls-1' d='M225.06,206.66h-10V172.73c0-8.67-7.87-10-12.56-10s-12.57,1.29-12.57,10v33.93h-10V172.73c0-11.94,9.07-20,22.57-20s22.56,8,22.56,20Z'/%3E%3Crect class='cls-1' x='182.22' y='196.66' width='42.83' height='10'/%3E%3Cpath class='cls-1' d='M272.19,206.66h-10V172.73c0-8.67-7.87-10-12.56-10s-12.56,1.29-12.56,10v33.93h-10V172.73c0-11.94,9.06-20,22.56-20s22.56,8,22.56,20Z'/%3E%3Crect class='cls-1' x='229.36' y='196.66' width='42.83' height='10'/%3E%3Cpath class='cls-1' d='M319.32,206.66h-10V172.73c0-8.67-7.87-10-12.56-10s-12.56,1.29-12.56,10v33.93h-10V172.73c0-11.94,9.06-20,22.56-20s22.56,8,22.56,20Z'/%3E%3Crect class='cls-1' x='276.49' y='196.66' width='42.83' height='10'/%3E%3Cpolygon class='cls-1' points='243.38 100.73 233.38 100.73 233.38 93.98 174.16 93.98 174.16 99.89 164.16 99.89 164.16 83.98 243.38 83.98 243.38 100.73'/%3E%3Cpath class='cls-1' d='M302.81,120.35l-.21-5c0-.21,0-.42,0-.64a16.39,16.39,0,0,1,32.69-1.8l.54,5L325.88,119l-.54-5a6.4,6.4,0,0,0-12.75.71v.22l.21,5Z'/%3E%3Cpath class='cls-1' d='M73.19,119.47l-.17-5c0-.2,0-.4,0-.6a16.4,16.4,0,0,1,32.69-1.81l.55,5-10,1.1-.54-5a6.4,6.4,0,0,0-12.75.71v.25l.18,5Z'/%3E%3Cpath class='cls-1' d='M39.6,261.52H5.84a5,5,0,0,1-4.55-7.07l8-17.58V143.42a5,5,0,0,1,10,0V238a5.06,5.06,0,0,1-.44,2.07l-5.23,11.5h26a5,5,0,1,1,0,10Z'/%3E%3Cpath class='cls-1' d='M31.17,205.81H16.82a5,5,0,1,1,0-10h9.35V158.55H17.66a5,5,0,1,1,0-10H31.17a5,5,0,0,1,5,5v47.26A5,5,0,0,1,31.17,205.81Z'/%3E%3Cpath class='cls-1' d='M397.76,260.4H364.84a5,5,0,0,1,0-10h25.47l-4.78-11.68a5.09,5.09,0,0,1-.37-1.89V142.3a5,5,0,0,1,10,0v93.55l7.22,17.65a5,5,0,0,1-4.62,6.9Z'/%3E%3Cpath class='cls-1' d='M361.75,268H325.17a5,5,0,0,1-5-5v-8.72a5,5,0,0,1,10,0V258h31.58a5,5,0,0,1,0,10Z'/%3E%3Cpath class='cls-1' d='M387.63,204.69H373.28a5,5,0,0,1-5-5V152.42a5,5,0,0,1,5-5h13.5a5,5,0,0,1,0,10h-8.5v37.27h9.35a5,5,0,0,1,0,10Z'/%3E%3Cpath class='cls-1' d='M323.2,259H82.65a5,5,0,1,1,0-10H323.2a5,5,0,1,1,0,10Z'/%3E%3Cpath class='cls-1' d='M400,226.92a5,5,0,0,1-5-5v-1.69a5,5,0,0,1,10,0v1.69A5,5,0,0,1,400,226.92Z'/%3E%3Cpath class='cls-1' d='M402.26,278.12a5,5,0,0,1-4.12-2.17L392,267a5,5,0,0,1,8.24-5.66l6.19,9a5,5,0,0,1-1.29,6.95A5,5,0,0,1,402.26,278.12Z'/%3E%3Cpath class='cls-1' d='M356.51,281.5H330.69a9.74,9.74,0,0,1-9.68-9.79v-4.49c0-.14,0-.31,0-.44a5,5,0,0,1,10,.51v4.21h25.17v-3.73a5,5,0,0,1,10,0v3.94A9.74,9.74,0,0,1,356.51,281.5Z'/%3E%3Cpath class='cls-1' d='M73.64,281.5H47.2a9.8,9.8,0,0,1-9.78-9.79v-4.49a5,5,0,0,1,10,0v4.32h26v-3.73a5,5,0,0,1,10,0v3.94A9.8,9.8,0,0,1,73.64,281.5Z'/%3E%3Cpath class='cls-1' d='M260.74,291.35a20.2,20.2,0,1,1,20.2-20.2A20.22,20.22,0,0,1,260.74,291.35Zm0-30.39a10.2,10.2,0,1,0,10.2,10.19A10.2,10.2,0,0,0,260.74,261Z'/%3E%3Cpath class='cls-1' d='M144.83,291.35A20.2,20.2,0,1,1,165,271.15,20.22,20.22,0,0,1,144.83,291.35Zm0-30.39A10.2,10.2,0,1,0,155,271.15,10.21,10.21,0,0,0,144.83,261Z'/%3E%3Crect class='cls-1' x='282.75' y='265.03' width='35.04' height='10'/%3E%3Crect class='cls-1' x='85.53' y='265.03' width='36.73' height='10'/%3E%3Cpath class='cls-1' d='M5,228.6a5,5,0,0,1-5-5v-5.06a5,5,0,0,1,10,0v5.06A5,5,0,0,1,5,228.6Z'/%3E%3Cpath class='cls-1' d='M231.2,281.5H173.81a5,5,0,0,1-5-5v-.74a5,5,0,0,1,1.06-9.89h3.94a5,5,0,0,1,5,5v.63H226.2v-1.19a5,5,0,0,1,5-5h4.5a5,5,0,0,1,.5,10v1.22A5,5,0,0,1,231.2,281.5Z'/%3E%3Cpath class='cls-1' d='M384.53,127a5,5,0,0,1-5-5v-4.57l-4.37,2.85a5,5,0,0,1-5.45-8.38l12.09-7.88a5,5,0,0,1,7.73,4.19V122A5,5,0,0,1,384.53,127Z'/%3E%3Cpath class='cls-1' d='M24.41,129a5,5,0,0,1-5-5V108a5,5,0,0,1,8.07-4l10.13,7.88a5,5,0,1,1-6.14,7.89l-2.06-1.6V124A5,5,0,0,1,24.41,129Z'/%3E%3Cpath class='cls-1' d='M201.09,90.46A5,5,0,0,1,198,89.35L150.68,51.09a5,5,0,0,1-1.83-4.34,5,5,0,0,1,2.58-3.93L221.2,4.55A5,5,0,0,1,226,13.32L162.77,48l41.47,33.58a5,5,0,0,1-3.15,8.88Z'/%3E%3Cpath class='cls-1' d='M239.36,12.81H211.22a5,5,0,1,1,0-10h28.14a5,5,0,0,1,0,10Z'/%3E%3Cpath class='cls-1' d='M236.27,15.06a5,5,0,0,1-5-5V5.84a5,5,0,0,1,10,0v4.22A5,5,0,0,1,236.27,15.06Z'/%3E%3Cpath class='cls-1' d='M214.32,14.22a5,5,0,0,1-5-5V5a5,5,0,0,1,10,0V9.22A5,5,0,0,1,214.32,14.22Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.my-test .page_content form .btn-main {
float: right;
margin-top: 15px;
padding: 11px 25px;
text-align: center;
width: 110px;
height: 44px;
right: 2px;
}
.my-test .page_content form .btn-main input[type=submit] {
background: no-repeat;
border: none;
font-size: 14px;
font-weight: 700;
color: #FFFFFF;
height: 20px;
top: -3px;
display: block;
margin: 0 auto;
padding: 0 0;
}
.my-test .page_content form .wpcf7-response-output {
color: #FFFFFF;
}
.contact_form .frame {
display: flex;
position: relative;
flex-wrap: wrap;
justify-content: space-between;
}
.contact_form .frame .col-2 {
width: 49.5%;
}
.contact_form .frame .col-1 {
width: 100%;
}
.contact_form .frame input[type=text],
.contact_form .frame input[type=email],
.contact_form .frame input[type=tel],
.contact_form .frame select,
.contact_form .frame textarea,
.contact_form .frame .simpleselect {
margin: 12px 0 0;
border: 1px solid #F7F7F7;
box-shadow: 0 0 5px 0 rgb(254, 254, 254);
background: #FAFAFA;
width: 100%;
max-width: 100%;
font-family: "Helvetica", Sans-serif;
letter-spacing: -0.9px;
font-size: 16px;
padding: 10px 12px;
outline: none !important;
border-radius: 2px;
display: block;
color: #999;
line-height: 1.6;
transition: all 0.2s;
}
.contact_form .frame textarea {
height: 200px;
}
.contact_form .frame .btn-main {
color: rgb(0, 236, 174);
border: 2px solid rgb(0, 236, 174);
padding: 0 0;
box-sizing: border-box;
width: -moz-max-content;
width: max-content;
margin: 0 auto 0;
height: 43px;
letter-spacing: 0;
text-align: center;
border-radius: 6px;
display: block;
text-decoration: none;
position: relative;
overflow: hidden;
}
.contact_form .frame .btn-main:after {
background: rgb(0, 236, 174);
color: #001247;
}
.contact_form .frame .btn-main p {
margin: 0;
line-height: initial;
cursor: pointer;
height: 100%;
}
.contact_form .frame .btn-main p .wpcf7-spinner {
display: none;
}
.contact_form .frame .btn-main input[type=submit] {
background: no-repeat;
border: none;
font-size: 14px;
font-weight: 700;
color: rgb(0, 236, 174);
height: 20px;
display: block;
margin: 0 auto;
cursor: pointer;
padding: 12px 30px 25px;
top: 0;
position: relative;
}
.contact_form .frame .btn-main:hover input[type=submit] {
color: #001247;
}
.contact_form .selectagency p {
margin-top: -11px;
}
.contact_form .selectagency p select {
margin-top: 0;
height: 47px;
}
.contact_form .selectagency label {
color: #FFFFFF;
}
.contact_form .wpcf7-list-item-label {
color: #FFFFFF;
}
.new_form .intro .content {
height: 100vh;
min-height: 900px;
-webkit-clip-path: none;
clip-path: none;
}
.new_form .intro .content .tcm-3d {
height: 60vh;
top: 20vh;
}
.new_form .page_content {
position: absolute;
top: 50%;
left: 50%;
width: 75%;
transform: translate(-50%, -40%);
}
.new_form .page_content form {
padding: 0;
position: relative;
display: block;
margin: 0 auto;
width: 60%;
}
@media screen and (max-width: 1280px) {
.new_form .page_content form {
width: 70%;
}
}
@media screen and (max-width: 1120px) {
.new_form .page_content form {
width: 75%;
}
}
@media screen and (max-width: 1024px) {
.new_form .page_content form {
width: 83%;
}
}
@media screen and (max-width: 960px) {
.new_form .page_content form {
width: 90%;
}
}
@media screen and (max-width: 768px) {
.new_form .page_content form {
width: 100%;
}
}
.new_form .page_content form .frame {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.new_form .page_content form .frame .col-2 {
width: 49%;
}
.new_form .page_content form .frame .col-1 {
width: 100%;
}
.new_form .page_content form .frame select {
width: 100%;
background: transparent;
border: 1px solid white;
color: white;
height: 26px;
}
.new_form .page_content form .frame textarea {
width: 100%;
}
.new_form .page_content form h1 {
color: #FFFFFF;
text-align: center;
}
@media screen and (max-width: 960px) {
.new_form .page_content form h1 {
font-size: 1.8em;
}
}
.new_form .page_content form h1 span {
font-weight: 100;
}
.new_form .page_content form h2 {
color: #FFFFFF;
text-align: center;
}
.new_form .page_content form p {
color: white;
text-align: center;
font-style: italic;
margin: 0 0;
}
.new_form .page_content form a {
color: #FFFFFF;
text-decoration: underline;
}
.new_form .page_content form textarea {
background: transparent;
border: 1px solid #FFFFFF;
margin-top: 15px;
padding: 10px;
color: #FFFFFF;
}
.new_form .page_content form textarea::-moz-placeholder {
color: #FFFFFF;
font-family: "Open Sans", sans-serif;
}
.new_form .page_content form textarea::placeholder {
color: #FFFFFF;
font-family: "Open Sans", sans-serif;
}
.new_form .page_content form label {
font-size: 0.8em;
color: #FFFFFF;
font-style: italic;
}
.new_form .page_content form input[type=text], .new_form .page_content form input[type=tel], .new_form .page_content form input[type=email] {
background: transparent;
border: 1px solid #FFFFFF;
margin-top: 15px;
padding: 10px;
color: #FFFFFF;
width: 100%;
outline: none;
}
.new_form .page_content form input[type=text]::-moz-placeholder, .new_form .page_content form input[type=tel]::-moz-placeholder, .new_form .page_content form input[type=email]::-moz-placeholder {
color: #FFFFFF;
font-family: "Open Sans", sans-serif;
}
.new_form .page_content form input[type=text]::placeholder, .new_form .page_content form input[type=tel]::placeholder, .new_form .page_content form input[type=email]::placeholder {
color: #FFFFFF;
font-family: "Open Sans", sans-serif;
}
.new_form .page_content form .cf7mls-btns {
font-weight: 700;
font-size: 16px;
color: rgb(0, 236, 174);
letter-spacing: 0;
text-align: center;
border-radius: 6px;
display: block;
width: -moz-max-content;
width: max-content;
min-height: auto;
float: none;
margin: 45px auto 0;
text-decoration: none;
position: relative;
overflow: hidden;
}
.new_form .page_content form .cf7mls-btns button {
margin: 0 10px;
padding: 15px 25px;
border: 2px solid rgb(0, 236, 174);
float: none;
border: none;
background: transparent;
border-radius: 0;
font-weight: 700;
font-size: 16px;
overflow: hidden;
border-radius: 6px;
}
.new_form .page_content form .cf7mls-btns button.cf7mls_back {
color: grey;
}
.new_form .page_content form .cf7mls-btns button:after {
position: absolute;
transition: 0.3s;
content: "";
width: 0;
bottom: -1px;
background: rgb(0, 236, 174);
height: 120%;
left: -10%;
transform: skewX(15deg);
z-index: -1;
}
.new_form .page_content form .cf7mls-btns button:hover {
color: #001247;
}
.new_form .page_content form .cf7mls-btns button:hover:after {
left: -10%;
width: 120%;
}
.new_form .page_content form .rgpd_box .checckk-rgpd {
text-align: center;
margin: 0 auto;
display: block;
}
.new_form .page_content form .rgpd_box p {
line-height: 15px;
}
.new_form .page_content form .rgpd_box input[type=checkbox] {
height: 26px;
width: 26px;
border: none;
outline: none;
margin: 10px auto 7px;
display: block;
}
.new_form .page_content form .rgpd_box .wpcf7-list-item-label {
max-width: 775px;
display: block;
margin: 0 auto;
}
.new_form .page_content form .fieldset-cf7mls-wrapper .fieldset-cf7mls {
padding: 0;
}
.new_form .page_content form .fieldset-cf7mls-wrapper .fieldset-cf7mls .steps_form {
margin-bottom: 45px;
}
.new_form .page_content form .fieldset-cf7mls-wrapper .fieldset-cf7mls .steps_form ul {
margin: 0;
padding: 0;
display: flex;
justify-content: center;
}
.new_form .page_content form .fieldset-cf7mls-wrapper .fieldset-cf7mls .steps_form ul li {
list-style-type: none;
color: #FFFFFF;
margin: 0 12px;
text-transform: uppercase;
}
.new_form .page_content form .fieldset-cf7mls-wrapper .fieldset-cf7mls:nth-child(2).cf7mls_current_fs .steps_form ul li:nth-child(1) {
font-weight: 700;
color: rgb(0, 236, 174);
}
.new_form .page_content form .fieldset-cf7mls-wrapper .fieldset-cf7mls:nth-child(3).cf7mls_current_fs .steps_form ul li:nth-child(2) {
font-weight: 700;
color: rgb(0, 236, 174);
}
.new_form .page_content form .fieldset-cf7mls-wrapper .fieldset-cf7mls:nth-child(4).cf7mls_current_fs .steps_form ul li:nth-child(3) {
font-weight: 700;
color: rgb(0, 236, 174);
}
.new_form .page_content form .wpcf7-form-control-wrap.choose_presta .wpcf7-radio.choose_presta {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.new_form .page_content form .wpcf7-form-control-wrap.choose_presta .wpcf7-radio.choose_presta .wpcf7-list-item {
position: relative;
display: flex;
align-items: center;
margin: 0 10px 20px;
border-radius: 4px;
background-color: rgba(0, 236, 174, 0.2);
color: #FFFFFF;
max-width: 100%;
min-width: 160px;
min-height: 180px;
outline: 0px;
padding: 4px;
transition-duration: 0.1s;
transition-property: background-color, color, border-color, opacity, box-shadow;
transition-timing-function: ease-out;
width: calc(16.6666666667% - 20px);
cursor: pointer;
opacity: 1;
}
@media screen and (max-width: 960px) {
.new_form .page_content form .wpcf7-form-control-wrap.choose_presta .wpcf7-radio.choose_presta .wpcf7-list-item {
min-width: 94px;
margin: 0 5px 10px;
}
}
.new_form .page_content form .wpcf7-form-control-wrap.choose_presta .wpcf7-radio.choose_presta .wpcf7-list-item:before {
content: "";
position: absolute;
width: 110px;
height: 110px;
top: 10px;
left: 50%;
transform: translate(-50%, 0px);
}
@media screen and (max-width: 960px) {
.new_form .page_content form .wpcf7-form-control-wrap.choose_presta .wpcf7-radio.choose_presta .wpcf7-list-item:before {
width: 70px;
height: 70px;
}
}
.new_form .page_content form .wpcf7-form-control-wrap.choose_presta .wpcf7-radio.choose_presta .wpcf7-list-item.active, .new_form .page_content form .wpcf7-form-control-wrap.choose_presta .wpcf7-radio.choose_presta .wpcf7-list-item:active, .new_form .page_content form .wpcf7-form-control-wrap.choose_presta .wpcf7-radio.choose_presta .wpcf7-list-item:checked {
background-color: rgba(0, 236, 174, 0.8);
}
.new_form .page_content form .wpcf7-form-control-wrap.choose_presta .wpcf7-radio.choose_presta .wpcf7-list-item label {
padding: 120px 0 0;
text-align: center;
width: 100%;
font-weight: 600;
font-size: 15px;
font-family: sans-serif;
line-height: 17px;
}
@media screen and (max-width: 960px) {
.new_form .page_content form .wpcf7-form-control-wrap.choose_presta .wpcf7-radio.choose_presta .wpcf7-list-item label {
padding: 75px 0 0;
}
}
.new_form .page_content form .wpcf7-form-control-wrap.choose_presta .wpcf7-radio.choose_presta .wpcf7-list-item label .wpcf7-list-item-label {
color: #FFFFFF;
text-transform: initial;
font-style: initial;
}
@media screen and (max-width: 960px) {
.new_form .page_content form .wpcf7-form-control-wrap.choose_presta .wpcf7-radio.choose_presta .wpcf7-list-item label .wpcf7-list-item-label {
font-size: 0.8em;
}
}
.new_form .page_content form .wpcf7-form-control-wrap.choose_presta .wpcf7-radio.choose_presta .wpcf7-list-item label input[type=radio] {
position: absolute;
width: 100%;
top: 0;
left: 0;
margin: 0;
height: 100%;
z-index: 3;
color: transparent;
background-color: transparent;
opacity: 0;
cursor: pointer;
}
.new_form .page_content form .wpcf7-form-control-wrap.choose_presta .wpcf7-radio.choose_presta .wpcf7-list-item:nth-child(1):before {
background-image: url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M84.59,98.53H76.41a2,2,0,1,0,0,4.09h8.18a2,2,0,1,0,0-4.09Z'/%3E%3Cpath class='cls-1' d='M126.74,35.92H69V33.87a6.14,6.14,0,0,0-6.14-6.13H34.26a6.14,6.14,0,0,0-6.14,6.13v70.8a6.15,6.15,0,0,0,6.14,6.14h36v9.61a10.28,10.28,0,0,0-8,8H56a2,2,0,1,0,0,4.09h49.1a2,2,0,1,0,0-4.09H98.71a10.28,10.28,0,0,0-8-8v-9.61h36a6.15,6.15,0,0,0,6.14-6.14V42.06A6.14,6.14,0,0,0,126.74,35.92ZM32.21,33.87a2.05,2.05,0,0,1,2-2H62.9a2.05,2.05,0,0,1,2.05,2V40H32.21Zm0,10.23H65V82.16H32.21Zm0,42.15H65V96.48a2.05,2.05,0,0,1-2.05,2H34.26a2.05,2.05,0,0,1-2-2ZM94.47,128.4H66.53a6.15,6.15,0,0,1,5.79-4.09H88.68A6.15,6.15,0,0,1,94.47,128.4Zm-20.11-8.18v-9.41H86.64v9.41Zm54.43-15.55a2,2,0,0,1-2,2H34.26a2,2,0,0,1-2-2v-2.4a6,6,0,0,0,2,.35H62.9A6.14,6.14,0,0,0,69,96.48V94.23h59.75Zm0-14.53H69V40h57.7a2.05,2.05,0,0,1,2,2.05Z'/%3E%3Cpath class='cls-1' d='M50.63,90.35H46.54a2,2,0,1,0,0,4.09h4.09a2,2,0,0,0,0-4.09Z'/%3E%3C/svg%3E");
}
.new_form .page_content form .wpcf7-form-control-wrap.choose_presta .wpcf7-radio.choose_presta .wpcf7-list-item:nth-child(2):before {
background-image: url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath id='Shopping_Cart' data-name='Shopping Cart' class='cls-1' d='M115.69,132.49a9.54,9.54,0,1,1,9.54-9.54A9.54,9.54,0,0,1,115.69,132.49Zm0-14.31a4.77,4.77,0,1,0,4.77,4.77A4.78,4.78,0,0,0,115.69,118.18ZM72.76,132.49A9.54,9.54,0,1,1,82.3,123,9.54,9.54,0,0,1,72.76,132.49Zm0-14.31A4.77,4.77,0,1,0,77.53,123,4.77,4.77,0,0,0,72.76,118.18Zm50.47-9.54H66a6,6,0,0,1-5.77-4.43l-17.7-71a1.19,1.19,0,0,0-1.14-.85H20.28V27.55H41.37A5.94,5.94,0,0,1,47.14,32l3.67,14.65h82.72a6,6,0,0,1,6.18,5.73,5.79,5.79,0,0,1-.17,1.66l-10.49,49.85A5.86,5.86,0,0,1,123.23,108.64ZM52,51.4,64.84,103a1.19,1.19,0,0,0,1.14.86h57.25a1.19,1.19,0,0,0,1.14-.9L134.77,53a1.21,1.21,0,0,0,0-1.05,1.23,1.23,0,0,0-1-.62Z'/%3E%3C/svg%3E");
}
.new_form .page_content form .wpcf7-form-control-wrap.choose_presta .wpcf7-radio.choose_presta .wpcf7-list-item:nth-child(3):before {
background-image: url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cline class='cls-1' x1='109.23' y1='113.72' x2='50.77' y2='113.72'/%3E%3Cpath class='cls-2' d='M80,119.34a3.38,3.38,0,1,0,3.37,3.38A3.37,3.37,0,0,0,80,119.34Z'/%3E%3Crect class='cls-1' x='50.77' y='28.29' width='58.45' height='103.42' rx='8.99'/%3E%3C/svg%3E");
}
.new_form .page_content form .wpcf7-form-control-wrap.choose_presta .wpcf7-radio.choose_presta .wpcf7-list-item:nth-child(4):before {
background-image: url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M126.18,27.51H33.82c-5.49,0-9.88,3.59-10,8.25v67.63c0,4.63,4.44,8.4,10,8.4H77v16.27H51.17a2.22,2.22,0,1,0,0,4.43h57.66a2.22,2.22,0,1,0,0-4.43H81.48V111.79h44.7c5.57,0,10-3.77,10-8.4V35.9C136.19,31.28,131.75,27.51,126.18,27.51Zm5.57,75.88c0,2.15-2.55,4-5.57,4H33.82c-3,0-5.57-1.82-5.57-4V35.82c0-2.13,2.55-3.88,5.57-3.88h92.36c3,0,5.57,1.82,5.57,4Z'/%3E%3Cpath class='cls-1' d='M87.79,56.53a2.21,2.21,0,0,0-3,1l-12,23.25a2.22,2.22,0,1,0,4,2h0L88.75,59.48A2.22,2.22,0,0,0,87.79,56.53Z'/%3E%3Cpath class='cls-1' d='M102,55.72a2.21,2.21,0,0,0-3.13,3.13L109.9,69.9,98.84,81a2.21,2.21,0,0,0,3,3.24.57.57,0,0,0,.11-.11L114.6,71.47a2.22,2.22,0,0,0,0-3.14Z'/%3E%3Cpath class='cls-1' d='M62.85,55.72a2.22,2.22,0,0,0-3.14,0L47.08,68.35a2.22,2.22,0,0,0,0,3.13L59.71,84.11A2.22,2.22,0,0,0,62.85,81l-11.06-11L62.85,58.85A2.22,2.22,0,0,0,62.85,55.72Z'/%3E%3C/svg%3E");
}
.new_form .page_content form .wpcf7-form-control-wrap.choose_presta .wpcf7-radio.choose_presta .wpcf7-list-item:nth-child(5):before {
background-image: url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M80.25,132.39a15.82,15.82,0,0,1-7.92-2.11L40.63,112a15.88,15.88,0,0,1-7.92-13.72V61.64a15.88,15.88,0,0,1,7.92-13.72l31.7-18.3a15.89,15.89,0,0,1,15.84,0l31.7,18.3a15.88,15.88,0,0,1,7.92,13.72V98.25A15.88,15.88,0,0,1,119.87,112l-31.7,18.31A15.82,15.82,0,0,1,80.25,132.39Zm0-98.72A9.66,9.66,0,0,0,75.42,35L43.71,53.27a9.69,9.69,0,0,0-4.83,8.37V98.25a9.72,9.72,0,0,0,4.83,8.38l31.7,18.3a9.71,9.71,0,0,0,9.67,0l31.71-18.3a9.72,9.72,0,0,0,4.83-8.38V61.64a9.69,9.69,0,0,0-4.83-8.37L85.08,35A9.67,9.67,0,0,0,80.25,33.67Z'/%3E%3Cpath class='cls-1' d='M62.9,94.38a3.09,3.09,0,0,1-2.62-1.46L51.91,79.43V91.3a3.09,3.09,0,0,1-6.17,0V68.61A3.08,3.08,0,0,1,51.44,67l8.38,13.5V68.61a3.09,3.09,0,1,1,6.17,0V91.3a3.09,3.09,0,0,1-2.24,3A3.48,3.48,0,0,1,62.9,94.38Z'/%3E%3Cpath class='cls-1' d='M77,94.38A3.08,3.08,0,0,1,73.9,91.3V68.61A3.08,3.08,0,0,1,77,65.52H87a3.09,3.09,0,1,1,0,6.17h-7V91.3A3.08,3.08,0,0,1,77,94.38Z'/%3E%3Cpath class='cls-1' d='M85,83H77a3.09,3.09,0,0,1,0-6.18h8A3.09,3.09,0,0,1,85,83Z'/%3E%3Cpath class='cls-1' d='M112.18,71.69H99.28a3.09,3.09,0,0,1,0-6.17h12.9a3.09,3.09,0,1,1,0,6.17Z'/%3E%3Cpath class='cls-1' d='M105.73,94.38a3.08,3.08,0,0,1-3.08-3.08V68.61a3.09,3.09,0,1,1,6.17,0V91.3A3.08,3.08,0,0,1,105.73,94.38Z'/%3E%3C/svg%3E");
}
.new_form .page_content form .wpcf7-form-control-wrap.choose_presta .wpcf7-radio.choose_presta .wpcf7-list-item:nth-child(6):before {
background-image: url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23fff;stroke-miterlimit:10;stroke-width:2px;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='77.03' cy='80' r='51.45'/%3E%3Cpath class='cls-2' d='M66.5,47.66a21.75,21.75,0,0,1,11.23-2.82A23.71,23.71,0,0,1,88.16,47a16.68,16.68,0,0,1,7,6,15.6,15.6,0,0,1,2.48,8.61,17.17,17.17,0,0,1-2.43,9.49,28.26,28.26,0,0,1-6.67,7q-.6.49-3.66,2.72a16.3,16.3,0,0,0-4.55,4.7,10.2,10.2,0,0,0-1.49,5.34v3.46H74.07v-4A12.48,12.48,0,0,1,75.5,84.3a14.72,14.72,0,0,1,3.17-4q1.72-1.48,6-4.75a24.27,24.27,0,0,0,5.74-5.93,13.49,13.49,0,0,0,2-7.42,11.46,11.46,0,0,0-4-9,15.32,15.32,0,0,0-10.48-3.56q-7.32,0-11.77,4.7T61.61,66.6H56.46a23.62,23.62,0,0,1,2.62-11.18A19.38,19.38,0,0,1,66.5,47.66Zm10,60.08a3.78,3.78,0,0,1,2.72,1,3.52,3.52,0,0,1,1,2.67,3.76,3.76,0,1,1-7.52,0,3.52,3.52,0,0,1,1-2.67A3.78,3.78,0,0,1,76.54,107.74Z'/%3E%3C/svg%3E");
}
.new_form .page_content form .btn-main {
float: right;
margin-top: 15px;
padding: 11px 25px;
text-align: center;
width: 110px;
height: 44px;
right: 2px;
}
.new_form .page_content form .btn-main input[type=submit] {
background: no-repeat;
border: none;
font-size: 14px;
font-weight: 700;
color: #FFFFFF;
height: 20px;
top: -3px;
display: block;
margin: 0 auto;
padding: 0 0;
}
.new_form .page_content form .wpcf7-response-output {
color: #FFFFFF;
}
.contact_form.agencies form .rgpd_box p {
color: #FFFFFF;
}
.contact_form.agencies form .rgpd_box p a {
color: #FFFFFF;
text-decoration: underline;
}
.contact_form.agencies form .rgpd_box .checckk-rgpd {
text-align: center;
margin: 0 auto;
display: block;
}
.contact_form.agencies form .rgpd_box input[type=checkbox] {
height: 26px;
width: 26px;
border: none;
outline: none;
margin: 10px auto 7px;
display: block;
}
.contact_form.agencies form .rgpd_box .wpcf7-list-item-label {
max-width: 775px;
display: block;
margin: 0 auto;
}
.formulaire form .rgpd_box .checckk-rgpd {
text-align: center;
margin: 0 auto;
display: block;
}
.formulaire form .rgpd_box .wpcf7-list-item {
margin: 0;
}
.formulaire form .rgpd_box label {
text-align: left;
line-height: 17px;
font-size: 0.8em;
}
.formulaire form .rgpd_box label .wpcf7-form-control-wrap {
position: relative;
}
.formulaire form .rgpd_box p {
color: #001247;
margin-top: 0;
text-align: center;
}
.formulaire form .rgpd_box p a {
color: #001247;
text-decoration: underline;
}
.formulaire form .rgpd_box input[type=checkbox] {
height: 26px;
width: 26px;
border: none;
outline: none;
margin: 10px auto 7px;
display: block;
}
@media screen and (max-width: 1600px) {
.formulaire form .rgpd_box input[type=checkbox] {
height: 20px;
width: 20px;
margin: 0px auto 7px;
}
}
.formulaire form .rgpd_box .wpcf7-list-item-label {
max-width: 775px;
display: block;
margin: 0 auto;
font-size: 0.9em;
}
.single-technologies h2.title_content {
padding-bottom: 0.5em;
margin: 0 0 1rem;
padding-bottom: 1rem;
}
.single-technologies .ref-contexte {
padding: 5vh 0 7vh;
margin-bottom: 0;
}
.single-technologies .ref-contexte h2 {
text-align: left;
padding-bottom: 1.1em;
}
.single-technologies .ref-contexte h2 span.title-background {
left: 0;
right: auto;
transform: none;
}
.single-technologies .ref-contexte .col-xs-12 {
padding: 0;
}
.single-technologies .ref-contexte div.intro > * {
text-align: left;
-moz-text-align-last: auto;
text-align-last: auto;
padding-bottom: 2em;
font-size: 1.1em;
}
@media screen and (max-width: 768px) {
.single-technologies .ref-contexte div.intro > * {
font-size: 1em;
}
}
.single-technologies p {
font-size: 1em;
margin: 7px 0;
}
@media screen and (max-width: 500px) {
.single-technologies p {
font-size: 0.9em;
}
}
.story_block ul {
padding: 1em 5em 0;
}
.story_block ul li {
font-weight: 800;
}
.story_block h3 {
font-weight: 800;
color: #001247;
letter-spacing: 0;
}
.story_block .editor {
padding-top: 1.3em;
}
.when_section {
padding: 10vh 0;
background-color: #001247;
}
.when_section h2 {
color: #FFFFFF;
padding: 0vh 0 1vh;
}
.when_section .editor p {
color: #FFFFFF;
}
.when_section .title-content .title-background {
z-index: 0;
}
@media screen and (max-width: 768px) {
.when_section .numbers_cols .col-xs-4 {
width: 50%;
flex-basis: 50%;
max-width: 50%;
}
}
.when_section .numbers_cols .outline {
position: relative;
z-index: 1;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: rgb(0, 236, 174);
color: transparent;
opacity: 0.5;
font-size: 6em;
text-transform: uppercase;
letter-spacing: -5px;
}
.when_section .numbers_cols h3 {
color: #FFFFFF;
width: 80%;
}
@media screen and (max-width: 768px) {
.when_section .numbers_cols h3 {
width: 100%;
font-size: 1em;
line-height: 1.5em;
font-weight: 600;
margin-top: 0px;
}
}
.when_section .numbers_cols p {
color: #FFFFFF;
width: 80%;
}
.why_block .editor h3 {
color: #001247;
position: relative;
padding-bottom: 12px;
margin: 2em 0 2em;
}
.why_block .editor h3::after {
content: "";
height: 1.5px;
width: 4vw;
position: absolute;
background-color: rgb(0, 236, 174);
bottom: 0px;
left: 0;
}
.why_block .squares_why {
padding: 3em 0 0;
justify-content: space-between;
flex-wrap: nowrap;
}
@media screen and (max-width: 1024px) {
.why_block .squares_why {
flex-wrap: wrap;
}
}
.why_block .squares_why .item_square {
border-radius: 20px;
padding: 1em 2em;
margin: 0 1.5vw;
width: auto;
box-sizing: border-box;
background-color: #F7F7F7;
box-shadow: 6px 10px 15px -3px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1024px) {
.why_block .squares_why .item_square {
width: 45%;
margin: 2vw 1.5vw;
}
}
@media screen and (max-width: 768px) {
.why_block .squares_why .item_square {
margin: 3vw 0;
padding: 1em 1em;
width: 42vw;
}
}
.why_block .squares_why .item_square:first-child {
margin-left: 0;
}
@media screen and (max-width: 1024px) {
.why_block .squares_why .item_square:first-child {
margin-left: 1.5vw;
}
}
.why_block .squares_why .item_square h4 {
color: #001247;
position: relative;
padding-bottom: 12px;
margin: 1em 0 0;
}
.why_block .squares_why .item_square h4::after {
content: "";
height: 1.5px;
width: 4vw;
position: absolute;
background-color: rgb(0, 236, 174);
bottom: 0px;
left: 0;
}
.why_block .keyphrase_end {
padding: 3em 0 0;
}
.fan_section {
padding: 3em 0 0;
margin: 12vh 0;
background-color: #F7F7F7;
}
.fan_section p.fan_word {
text-align: center;
font-size: 2em;
font-weight: 600;
width: 65%;
margin: 0 auto;
color: rgb(0, 236, 174);
line-height: 1.3em;
}
.fan_section p.fan_author {
text-align: center;
text-transform: uppercase;
font-weight: 800;
line-height: 1.4em;
font-size: 1em;
}
.fan_section p.fan_author em {
font-style: italic;
text-transform: initial;
font-weight: 600;
}
.fan_section .photo_fan {
padding-top: 2vw;
}
.fan_section .photo_fan figure {
width: 7vw;
height: 7vw;
margin: 0 auto -3.5vw;
}
.fan_section .photo_fan figure img {
width: 100%;
height: 100%;
border-radius: 50%;
}
.eco_block h3 {
color: #001247;
position: relative;
padding-bottom: 12px;
margin: 1em 0 0;
}
.eco_block h3::after {
content: "";
height: 1.5px;
width: 4vw;
position: absolute;
background-color: rgb(0, 236, 174);
bottom: 0px;
left: 0;
}
.eco_block .sub_eco {
padding: 1em 0;
}
.eco_block .sub_eco .editor {
width: 100%;
padding-top: 1rem;
}
.eco_block .sub_eco ul, .eco_block .sub_eco ol {
width: 85%;
padding-left: 5%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
@media screen and (max-width: 768px) {
.eco_block .sub_eco ul, .eco_block .sub_eco ol {
width: 95%;
padding-left: 5%;
}
}
.eco_block .sub_eco ul li, .eco_block .sub_eco ol li {
width: 45%;
padding: 1em 0;
color: #001247;
}
@media screen and (max-width: 768px) {
.eco_block .sub_eco ul li, .eco_block .sub_eco ol li {
width: 45%;
font-size: 13px;
}
}
.eco_block .sub_eco ol {
padding: 1em 0 1em 5%;
}
.eco_block .sub_eco ol li {
width: 35%;
}
.eco_block .sub_eco ol li::marker {
color: rgb(0, 236, 174);
font-weight: 800;
}
.eco_block .sub_eco ol li b, .eco_block .sub_eco ol li strong {
color: #001247;
position: relative;
}
.eco_block .sub_eco ol li b::after, .eco_block .sub_eco ol li strong::after {
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: -2px;
left: 0;
background-color: rgb(0, 236, 174);
}
.eco_block .sub_eco ol li span {
font-weight: 300;
margin-top: 5px;
display: block;
}
.eco_block .sub_logos {
padding: 1em 0;
}
.eco_block .sub_logos .line_logos {
display: flex;
flex-wrap: wrap;
padding: 2rem 0 0;
}
.eco_block .sub_logos .line_logos figure {
width: auto;
height: 41px;
margin: 2em 2em;
}
@media screen and (max-width: 768px) {
.eco_block .sub_logos .line_logos figure {
width: 100%;
margin: 14px 2em;
}
}
.eco_block .sub_logos .line_logos figure:first-child {
margin-left: 0;
}
@media screen and (max-width: 768px) {
.eco_block .sub_logos .line_logos figure:first-child {
margin-left: auto;
}
}
.eco_block .sub_logos .line_logos figure img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.eco_block .sub_logos .line_logos span {
width: 100%;
margin-top: 1em;
font-weight: 700;
color: #001247;
}
@media screen and (max-width: 768px) {
.eco_block .sub_logos .line_logos span {
text-align: center;
}
}
.faq_container {
width: 100%;
margin: 2rem auto;
padding: 20px;
}
@media screen and (max-width: 500px) {
.faq_container {
margin: 1rem auto;
padding: 0 20px;
}
}
.faq_container .faq_item {
margin-bottom: 20px;
padding: 0 1rem;
}
@media screen and (max-width: 768px) {
.faq_container .faq_item {
padding: 0 0rem;
}
}
@media screen and (max-width: 500px) {
.faq_container .faq_item {
margin-bottom: 5px;
}
}
.faq_container .faq_item h3 {
cursor: pointer;
margin: 0;
padding: 1rem;
font-weight: 600;
color: #001247;
font-style: italic;
position: relative;
}
@media screen and (max-width: 768px) {
.faq_container .faq_item h3 {
padding: 1rem 45px 1rem 0;
font-size: 15px;
}
}
@media screen and (max-width: 500px) {
.faq_container .faq_item h3 {
font-size: 14px;
}
}
.faq_container .faq_item h3::before {
content: "";
height: 1px;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background-color: #001247;
}
.faq_container .faq_item h3::after {
content: "";
position: absolute;
right: 0;
width: 30px;
height: 16px;
bottom: 10px;
background-size: contain;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35.094' height='20.912' viewBox='0 0 35.094 20.912'%3E%3Cg id='Group_96' data-name='Group 96' transform='translate(-863.38 -6556.38)'%3E%3Cline id='Line_109' data-name='Line 109' x2='15.427' y2='16.672' transform='translate(865.5 6558.5)' fill='none' stroke='%23001247' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='Line_110' data-name='Line 110' x1='15.427' y2='16.672' transform='translate(880.927 6558.5)' fill='none' stroke='%23001247' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
}
@media screen and (max-width: 500px) {
.faq_container .faq_item h3::after {
width: 24px;
height: 14px;
bottom: 16px;
}
}
.faq_container .faq_item .editor {
padding: 1rem 1.3rem;
display: none;
}
@media screen and (max-width: 768px) {
.faq_container .faq_item .editor {
padding: 1rem 0rem;
}
}
.faq_container .faq_item .editor p {
padding: 10px 0;
margin: 0;
}
.faq_container .faq_item.active h3::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35.094' height='20.912' viewBox='0 0 35.094 20.912'%3E%3Cg id='Group_96' data-name='Group 96' transform='translate(898.474 6577.292) rotate(180)'%3E%3Cline id='Line_109' data-name='Line 109' x2='15.427' y2='16.672' transform='translate(865.5 6558.5)' fill='none' stroke='%23001247' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='Line_110' data-name='Line 110' x1='15.427' y2='16.672' transform='translate(880.927 6558.5)' fill='none' stroke='%23001247' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
}
.faq_container .faq_item.active .editor {
display: block;
}
.video_block .item_video {
width: 100%;
padding: 4em 0 3em;
}
.video_block .item_video video {
width: 54vw;
margin: 0 auto;
display: block;
}
.techno_form {
background-color: #001247;
padding: 3em 0;
}
.techno_form h2.title-content {
text-align: center;
padding-bottom: 2em;
color: #FFFFFF;
}
.techno_form h2.title-content span.title-background {
text-align: center;
left: 50%;
right: 50%;
z-index: 0;
width: -moz-max-content;
width: max-content;
margin: 0 auto;
display: block;
transform: translate(-50%, 0);
}
.techno_form .rgpd_box .check p {
color: #FFFFFF;
}
.techno_form .frame .btn-main {
margin-top: 25px;
border: 2px solid rgb(0, 236, 174);
}
.techno_form .frame .btn-main input[type=submit] {
color: rgb(0, 236, 174);
}
.form_home.techno_form {
padding: 7em 0;
margin-bottom: 50px;
}
.rgpd_box .check {
width: 80%;
margin: 0 auto;
font-size: 14px;
}
.rgpd_box .check p {
display: flex;
}
.rgpd_box .check p label {
text-align: center;
display: block;
}
.rgpd_box .check a {
color: rgb(0, 236, 174);
text-decoration: underline;
}
.our__technologies {
padding: 0 0 2em;
}
.cta_middle {
padding: 9em 0;
position: relative;
background-color: #001247;
}
.cta_middle h4 {
color: #FFFFFF;
font-size: 2.5em;
text-transform: uppercase;
margin: 0 0;
}
@media screen and (max-width: 768px) {
.cta_middle h4 {
font-size: 1.5em;
}
}
.cta_middle h4 span {
color: rgb(0, 236, 174);
}
.cta_middle p {
color: #FFFFFF;
font-size: 1.3em;
margin-bottom: 3em;
}
@media screen and (max-width: 768px) {
.cta_middle p {
font-size: 1em;
}
}
.cta_middle .tcm-3d {
height: 100%;
position: absolute;
bottom: 0;
width: 39%;
right: 50px;
overflow: hidden;
z-index: 1;
pointer-events: none;
opacity: 0.1;
}
@media screen and (max-width: 500px) {
.cta_middle .tcm-3d {
display: none;
}
}
.cta_middle .tcm-3d .tcm {
transition: all 2s cubic-bezier(0.84, 0.025, 0.315, 1.205);
width: 100%;
position: absolute;
}
@media screen and (max-width: 500px) {
.cta_middle .tcm-3d .tcm {
display: none;
transition: none;
}
}
.cta_middle .tcm-3d .tcm-1 {
z-index: 43;
left: 66px;
bottom: 41px;
width: 93%;
}
@media screen and (max-width: 500px) {
.cta_middle .tcm-3d .tcm-1 {
display: none;
left: 0;
}
}
.cta_middle .tcm-3d .tcm-2 {
z-index: 42;
bottom: 34px;
left: 0;
}
.cta_middle .tcm-3d .tcm-3 {
z-index: 41;
bottom: 14px;
left: 78px;
width: 92%;
}
@media screen and (max-width: 500px) {
.cta_middle .tcm-3d .tcm-3 {
display: none;
left: 0;
}
}
.cat_technos {
margin-bottom: 50px;
}
.cat_technos .select {
margin-bottom: 50px;
}
.cat_technos .select .filter-button-group .tag-title {
position: relative;
display: inline-block;
list-style: none;
padding: 5px 15px;
margin-right: 5px;
margin-top: 10px;
font-weight: 700;
font-size: 14px;
color: rgb(0, 236, 174);
letter-spacing: 0;
}
@media screen and (max-width: 500px) {
.cat_technos .select .filter-button-group .tag-title {
margin-bottom: 0;
}
}
.cat_technos .select .filter-button-group button {
position: relative;
display: inline-block;
list-style: none;
padding: 5px 15px;
margin-right: 5px;
margin-top: 10px;
background-color: transparent;
font-size: 15px;
color: #001247;
letter-spacing: 0;
line-height: 25px;
border: none;
transition: all 0.2s ease-in;
}
@media screen and (max-width: 500px) {
.cat_technos .select .filter-button-group button {
padding: 3px 3px;
}
}
.cat_technos .select .filter-button-group button:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 1px solid #001247;
transform: skew(-25deg, 0deg);
border-radius: 5px;
}
.cat_technos .select .filter-button-group button a {
text-decoration: none;
font-weight: 700;
font-size: 14px;
color: #001247;
letter-spacing: 0;
display: block;
position: relative;
padding: 0 15px;
z-index: 2;
}
.cat_technos .select .filter-button-group button:hover, .cat_technos .select .filter-button-group button.is-checked {
cursor: pointer;
}
.cat_technos .select .filter-button-group button:hover:after, .cat_technos .select .filter-button-group button.is-checked:after {
background: #001247;
}
.cat_technos .select .filter-button-group button:hover a, .cat_technos .select .filter-button-group button.is-checked a {
color: #FFFFFF;
}
.results-technos.multibuttons .results .grid-sizer {
width: 20%;
box-sizing: border-box;
}
@media screen and (max-width: 500px) {
.results-technos.multibuttons .results .grid-sizer {
width: 25%;
}
}
.results-technos.multibuttons .results .box {
width: 20%;
box-sizing: border-box;
position: relative;
float: left;
margin: 0;
padding: 0;
overflow: hidden;
}
.results-technos.multibuttons .results .box.textual {
width: 20%;
height: auto;
min-height: 400px;
}
@media screen and (max-width: 1800px) {
.results-technos.multibuttons .results .box.textual {
min-height: 300px;
}
}
@media screen and (max-width: 768px) {
.results-technos.multibuttons .results .box.textual {
width: 100%;
min-height: 200px;
}
}
@media screen and (max-width: 500px) {
.results-technos.multibuttons .results .box.textual {
min-height: auto;
}
}
.results-technos.multibuttons .results .box.textual p {
width: 80%;
}
.results-technos.multibuttons .results h3 {
color: #001247;
margin: 0 0 10px 0;
}
@media screen and (max-width: 500px) {
.results-technos.multibuttons .results h3 {
margin: 0;
}
}
.results-technos.multibuttons .results .box.item {
width: 20%;
background: #f4f4f4;
color: #262524;
}
@media screen and (max-width: 500px) {
.results-technos.multibuttons .results .box.item {
width: 25%;
}
}
.results-technos.multibuttons .results .box.item > * {
margin: 0;
padding: 0;
}
.results-technos.multibuttons .results .box.item:before {
content: "";
position: absolute;
border: 9px dashed #c7c7c7;
top: -8px;
bottom: -8px;
left: -8px;
right: -9px;
}
.results-technos.multibuttons .results .box.item figure {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
height: 100%;
padding: 0 0;
width: 100%;
}
.results-technos.multibuttons .results .box.item figure a {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
}
.results-technos.multibuttons .results .box.item figure img {
width: 65%;
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
.results-technos.multibuttons .results .box.item:after {
content: "";
display: block;
padding-bottom: 100%;
}
.results-technos.multibuttons .results:after {
content: "";
display: block;
clear: both;
}
@media screen and (max-width: 768px) {
.blog-list-content.techno .blog-list-similar .article {
margin-bottom: 5px;
}
}
.blog-list-content.techno .blog-list-similar .article .article-content-wrapper {
height: -moz-fit-content;
height: fit-content;
}
.blog-list-content.techno .blog-list-similar .article .article-content-wrapper .article-content .article-content-link {
text-align: right;
padding-top: 20px;
width: 95%;
}
.blog-list-content.techno .blog-list-similar .article .article-content-wrapper .article-content .article-content-link span {
font-size: 0.8em;
color: #001247;
font-weight: 700;
}
.blog-list-content.techno .blog-list-similar .article a {
display: block;
padding: 75px 0;
}
.blog-list-content.techno .blog-list-similar .article a .article-image-wrapper {
margin: 0;
}
.page-template-page-mentions .intro .content {
height: 230px;
}
.page-template-page-mentions .page_content {
margin-top: 75px;
}
.page-template-page-mentions .page_content h2.title-content {
text-align: center;
padding-top: 0px;
}
.page-template-page-mentions .page_content h2.title-content span.title-background {
text-align: center;
left: 50%;
right: 50%;
width: -moz-max-content;
width: max-content;
margin: 0 auto;
display: block;
transform: translate(-50%, 0);
}
.page-template-page-mentions .page_content h2 {
color: #001247;
padding-top: 20px;
}
.pdv_section {
margin: 8vh 0;
}
.pdv_section .intro_aca {
padding: 2vw 1vw 0;
line-height: 1.6em;
}
.pdv_bloc .filtre .button-group button {
position: relative;
display: inline-block;
list-style: none;
padding: 5px 15px;
margin-right: 5px;
margin-top: 10px;
border: none;
font-size: 15px;
color: #001247;
letter-spacing: 0;
line-height: 25px;
background-color: transparent;
}
.pdv_bloc .filtre .button-group button span {
text-decoration: none;
font-weight: 700;
font-size: 14px;
color: #001247;
letter-spacing: 0;
display: block;
position: relative;
padding: 0 15px;
z-index: 2;
}
.pdv_bloc .filtre .button-group button::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 1px solid #001247;
transform: skew(-25deg, 0deg);
border-radius: 5px;
}
.pdv_bloc .filtre .button-group button:hover span {
color: #FFFFFF;
}
.pdv_bloc .filtre .button-group button:hover::after {
background-color: #001247;
}
.pdv_bloc .filtre .button-group button.is-checked span {
color: #FFFFFF;
}
.pdv_bloc .filtre .button-group button.is-checked::after {
background-color: #001247;
}
.pdv_bloc .myblog {
position: relative;
height: 100%;
}
.pdv_bloc .myblog .part-real {
position: relative;
height: 100%;
}
.pdv_bloc .myblog .part-real .categoarticles {
position: relative;
height: 100%;
}
.pdv_bloc .myblog .part-real .categoarticles .grid-sizer {
width: 100%;
}
.pdv_bloc .myblog .part-real .categoarticles .element-item {
width: 100%;
}
@media screen and (max-width: 500px) {
.pdv_bloc .myblog .part-real .categoarticles .element-item {
margin: 20px 0;
}
}
.pdv_bloc .myblog .part-real .categoarticles .element-item:hover .article-image-wrapper:after {
transition: all ease-in 0.2s;
top: -15px;
left: -15px;
}
.pdv_bloc .myblog .part-real .categoarticles .element-item:hover .article-content-wrapper {
transition: all ease-in 0.2s;
filter: drop-shadow(0 10px 7px rgba(0, 0, 0, 0.12));
}
.pdv_bloc .article-image-wrapper {
height: 16vw;
width: 16vw;
margin: 55px 0;
position: relative;
}
@media screen and (max-width: 1120px) {
.pdv_bloc .article-image-wrapper {
height: 20vw;
width: 20vw;
margin: 85px 0;
}
}
@media screen and (max-width: 960px) {
.pdv_bloc .article-image-wrapper {
height: 250px;
width: 200px;
margin: 65px 0;
}
}
@media screen and (max-width: 768px) {
.pdv_bloc .article-image-wrapper {
height: 330px;
width: 200px;
margin: 105px 0;
}
}
@media screen and (max-width: 500px) {
.pdv_bloc .article-image-wrapper {
margin: 0 0;
height: 150px;
width: 150px;
}
}
.pdv_bloc .article-image-wrapper:after {
content: "";
position: absolute;
z-index: -1;
border: 4px solid #001247;
width: calc(100% - 8px);
height: calc(100% - 8px);
top: 15px;
left: 15px;
}
.pdv_bloc .article-image-wrapper .article-image {
overflow: hidden;
height: 100%;
}
.pdv_bloc .article-image-wrapper .article-image figure {
height: 100%;
}
.pdv_bloc .article-image-wrapper .article-image img {
transform: scale(1);
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
-o-object-position: bottom center;
object-position: bottom center;
}
.pdv_bloc .article-content-wrapper {
filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.12));
position: absolute;
top: 0;
bottom: 0;
height: 100%;
width: calc(100% - 15vw - 0rem - 0px);
margin: auto 0;
z-index: 1;
right: 0;
display: flex;
align-items: center;
}
@media screen and (max-width: 500px) {
.pdv_bloc .article-content-wrapper {
position: relative;
width: 100%;
}
}
.pdv_bloc .article-content-wrapper .high_pdv {
position: absolute;
z-index: 1;
top: -12px;
padding: 5px 16px;
background: rgb(0, 236, 174);
font-weight: 600;
color: #FFFFFF;
}
.pdv_bloc .article-content {
background: #FFFFFF;
-webkit-clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);
border-top: 6px solid rgb(0, 236, 174);
height: -moz-max-content;
height: max-content;
padding: 45px 100px 60px 45px;
margin-bottom: 0px;
display: block;
}
@media screen and (max-width: 960px) {
.pdv_bloc .article-content {
padding: 25px 45px 42px 35px;
}
}
.pdv_bloc .article-content .article-content-title {
font-weight: 700;
font-size: 19px;
color: #001247;
letter-spacing: 0;
line-height: 21px;
margin-bottom: 2vw;
}
@media screen and (max-width: 91rem) {
.pdv_bloc .article-content .article-content-title {
font-size: 16px;
}
}
.pdv_bloc .article-content .article-content-excerpt {
font-size: 13px;
color: #001247;
letter-spacing: 0;
line-height: 20px;
}
.pdv_bloc .article-content .article-content-author {
margin-top: 10px;
font-size: 11px;
color: #001247;
opacity: 0.5;
}
.pdv_bloc .article-content .article-content-links {
display: flex;
padding-top: 2vw;
}
@media screen and (max-width: 768px) {
.pdv_bloc .article-content .article-content-links {
flex-wrap: wrap;
}
}
.pdv_bloc .article-content .article-content-links .article-content-link {
padding-right: 3vw;
}
@media screen and (max-width: 768px) {
.pdv_bloc .article-content .article-content-links .article-content-link {
width: 100%;
padding: 15px 0;
}
}
.pdv_bloc .article-content .article-content-links .article-content-link .link {
font-weight: 600;
font-size: 12px;
letter-spacing: 0;
text-align: right;
text-decoration: none;
position: relative;
padding: 15px;
color: #001247;
}
@media screen and (max-width: 768px) {
.pdv_bloc .article-content .article-content-links .article-content-link .link {
padding: 10px;
font-size: 11px;
}
}
.pdv_bloc .article-content .article-content-links .article-content-link .link > img {
padding-left: 10px;
transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pdv_bloc .article-content .article-content-links .article-content-link .link:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
height: 1px;
width: 90%;
background: #001247;
transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pdv_bloc .article-content .article-content-links .article-content-link .link:after {
content: "";
position: absolute;
bottom: -5px;
right: 0;
z-index: 1;
height: 11px;
width: 62px;
background: rgb(0, 236, 174);
transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pdv_bloc .article-content .article-content-links .article-content-link .link:hover > img {
transform: translateX(10px);
}
.pdv_bloc .article-content .article-content-links .article-content-link .link:hover:before {
transform: translateX(-10px);
}
.pdv_bloc .article-content .article-content-links .article-content-link .link:hover:after {
transform: translateX(10px);
}