html{
  font-size: 100%;
}

h1, .panel h1 {
  font-size: 3rem;
  line-height: 150%;
  font-weight: var(--font-weight-medium);
}

h2 {
  font-size: 2rem;
  line-height: 150%;
  font-weight: var(--font-weight-medium);
}

.white-bg h2 {
  color: var(--first-color);
}

.dark-blue-bg h2, .blue-bg h2 {
  color: var(--white-color);
}

h3 {
  font-size: 1.75rem;
  line-height: 150%;
  font-weight: var(--font-weight-medium);
}

h4 {
  font-size: 1.5rem;
  line-height: 150%;
  font-weight: var(--font-weight-medium);
}

p, ul, li, a {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: var(--font-weight-medium);
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  text-decoration: none;
  -webkit-transition: color 400ms ease-in-out;
  -moz-transition: color 400ms ease-in-out;
  -o-transition: color 400ms ease-in-out !important;
  -ms-transition: color 400ms ease-in-out;
  transition: color 400ms ease-in-out;
}

em {
  font-style: italic;
}

b , strong {
  font-weight: var(--font-weight-bold);
}

.text-align-center{
  text-align:center;
}
.text-align-left{
  text-align:left;
}

.text-align-right{
  text-align:right;
}

.text-align-justify{
  text-align:justify;
}

.body-container-wrapper .hs_cos_wrapper_type_rich_text ul li:before {
  display: table-cell;
  padding-right: 10px;
}

.text-transform-uppercase, .text-transform-uppercase *{
  text-transform:uppercase !important;
}

.text-transform-capitalize, .text-transform-capitalize *{
  text-transform:capitalize!important;
}

.text-transform-lowercase, .text-transform-lowercase *{
  text-transform:lowercase!important;
}

.text-transform-initial, .text-transform-initial *{
  text-transform:initial!important;
}

.separator{
  background: var(--light-gray-color);
  border: 0px;
  width:60%;
  height:1px;
}

.hide-on-mobile {
  display: block!important
}

.show-on-mobile {
  display: none!important
}

/*============================================
PADDINGS
============================================*/
.no-padding {
  padding: 0 !important;
}

.no-padding-top {
  padding-top: 0 !important;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.padding10{
  padding:20px;
}

.padding20{
  padding:20px;
}

.padding30{
  padding:30px;
}

.padding40{
  padding:40px;
}

.padding50{
  padding:50px;
}

.padding60{
  padding:60px;
}

.padding10tb {
  padding: 20px 0 !important;
}

.padding20tb {
  padding: 20px 0 !important;
}

.padding30tb {
  padding: 30px 0 !important;
}

.padding40tb {
  padding: 40px 0 !important;
}

.padding50tb {
  padding: 50px 0 !important;
}

.padding60tb {
  padding: 60px 0 !important;
}

.padding70tb {
  padding: 70px 0 !important;
}

.padding80tb {
  padding: 80px 0 !important;
}

.padding90tb {
  padding: 90px 0 !important;
}

.padding100tb {
  padding: 100px 0 !important;
}

.padding200tb {
  padding: 200px 0 !important;
}

.padding10lr {
  padding: 0 10px !important;
}

.padding20lr {
  padding: 0 20px !important;
}

.padding30lr {
  padding: 0 30px !important;
}

.padding40lr {
  padding: 0 40px !important;
}

.padding50lr {
  padding: 0 50px !important;
}

.padding60lr {
  padding: 0 60px !important;
}

.padding70lr {
  padding: 0 70px !important;
}

.padding80lr {
  padding: 0 80px !important;
}


.padding90lr {
  padding: 0 90px !important;
}

.padding100lr {
  padding: 0 100px !important;
}


/*============================================
MARGINS
============================================*/
.no-margin {
  margin: 0 !important;
}

.margintop10{
  margin-top:10px;
}

.margintop20{
  margin-top:20px;
}

.margintop40{
  margin-top:40px;
}

.margintop50{
  margin-top:50px;
}

.margintop60{
  margin-top:60px;
}

.margintop70{
  margin-top:70px;
}

.margintop80{
  margin-top:80px;
}

.margintop90{
  margin-top:90px;
}

.margintop100{
  margin-top:100px;
}

.marginbottom10{
  margin-bottom:10px;
}

.marginbottom20{
  margin-bottom:20px;
}

.marginbottom40{
  margin-bottom:40px;
}

.marginbottom50{
  margin-bottom:50px;
}

.marginbottom60{
  margin-bottom:60px;
}

.marginbottom70{
  margin-bottom:70px;
}

.marginbottom80{
  margin-bottom:80px;
}

.marginbottom90{
  margin-bottom:90px;
}

.marginbottom100{
  margin-bottom:100px;
}

.margin10tb{
  margin:10px 0px;
}

.margin20tb{
  margin:20px 0px;
}

.margin40tb{
  margin:40px 0px;
}

.margin50tb{
  margin:50px 0px;
}

.margin60tb{
  margin:60px 0px;
}

.margin70tb{
  margin:70px 0px;
}

.margin80tb{
  margin:80px 0px;
}

.margin90tb{
  margin:90px 0px;
}

.margin100tb{
  margin:100px 0px;
}

.margin10lr{
  margin:0px 10px;
}

.margin20lr{
  margin:0px 20px;
}

.margin40lr{
  margin:0px 40px;
}

.margin50lr{
  margin:0px 50px;
}

.margin60lr{
  margin:0px 60px;
}

.margin70lr{
  margin:0px 70px;
}

.margin80lr{
  margin:0px 80px;
}

.margin90lr{
  margin:0px 90px;
}

.margin100lr{
  margin:0px 100px;
}

/*============================================
IMAGES
============================================*/
.imgful img{
  width:100% !important;
}

.img75 img{
  width:75% !important;
}

.img50 img{
  width:50% !important;
}

.img25 img{
  width:25% !important;
}

.imginitial img{
  width:initial !important;
}

.max-width-25px img{
  max-width:25px !important;
}

.max-width-50px img{
  max-width:25px !important;
}

.max-width-75px img{
  max-width:25px !important;
}

.max-width-100px img{
  max-width:25px !important;
}

.max-width-125px img{
  max-width:25px !important;
}

.max-width-150px img{
  max-width:25px !important;
}

.max-width-175px img{
  max-width:25px !important;
}

.max-width-200px img{
  max-width:25px !important;
}

.max-width-custom img{
  max-width: ;
}


.widget-span.max-width-75{
  max-width:60% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
}

.rounded , .rounded img{
  border-radius:900px;
}

.background-image {
  display: none !important;
}

/*============================================
DISPLAYS
============================================*/
.widget-span{
  margin-left:0 !important;
  padding-left: 30px;
  padding-right: 30px;
}

.span12.panel, .span12.panel .span12 {
  padding-left: 0;
  padding-right: 0;
}

.span1 {
  width: 8.33333333% !important;
}

.span2 {
  width: 16.66666667% !important;
}

.span3{
  width:25% !important;
}

.span4{
  width:33.333333% !important;
}

.span5 {
  width: 41.66666667% !important;
}

.span6{
  width:50% !important;
}

.span7 {
  width: 58.33333333% !important;
}

.span8{
  width:66.666666666% !important;
}

.span9 {
  width: 75% !important;
}

.span10 {
  width: 83.33333333% !important;
}

.span11 {
  width: 91.66666667% !important;
}

.span12{
  width:100% !important;
}

.block-center , .block-center img{
  display:block;
  margin-left:auto;
  margin-right:auto; 
}

.inline-block , .inline-block img{
  display:inline-block;
}

.float-right{
  float:right;
}

.float-left{
  float:left;
}

.display-none{
  display: none !important;
}

.school-avatar.display-none {
  display: none !important;
}

.display-inline {
  display: inline !important;
}

.display-inline-block {
  display: inline-block !important;
}

.display-block {
  display: block !important;
}

.display-table{
  display: table !important;
  vertical-align: middle;
}

.display-table-cell{
  display: table-cell !important;
  vertical-align: middle;
}

.display-flex > div > div {
  display: flex !important;
  justify-content: center;
}

.align-items > div > div{
  display: flex !important;
  align-items:start;
  flex-flow:row wrap;
}

.display-flex > div > div > div{
  flex-flow: column !important;
  align-items: center !important;
  display: flex !important;
}

.display-flex > div > div > div > div{
  flex-flow: column !important;
  align-items: center !important;
  display: table !important;
  vertical-align: middle;
  height: 100%;
  width:100%;
}

.vertical-align-top{
  vertical-align: top !important;
}
.vertical-align-middle{
  vertical-align: middle !important;
}
.vertical-align-bottom{
  vertical-align: bottom !important;
}

.error-page .display-table{
  display: table !important;
  vertical-align: middle;
}


.error-page .display-table > div{
  display: table-cell !important;
  vertical-align: middle;
}

.display-table-row > div > div{
  display: table !important;
  vertical-align: middle;
}

.display-table-row > div > div > div {
  display: table-cell !important;
  vertical-align: middle !important;
  float: none !important;
}

/*============================================

SITE SPECIFIC STYLING

============================================*/

.header-container {
  padding: initial;
  background: transparent;
  z-index: initial;
}

@keyframes jump {
  0% {bottom: 0px;}
  50% {bottom: 10px;}
  100% {bottom: 0px;}
}

@-webkit-keyframes revolve {
  0% {
    left: 75px;
    top: 175px;
  }
  100% {
    left: 375px;
    top: 275px;
  }
}
@-moz-keyframes revolve {
  0% {
    left: 75px;
    top: 175px;
  }
  100% {
    left: 375px;
    top: 275px;
  }
}
@-o-keyframes revolve {
  0% {
    left: 75px;
    top: 175px;
  }
  100% {
    left: 375px;
    top: 275px;
  }
}
@-webkit-keyframes grow {
  0% {
    height: 70px;
    width: 70px;
    background-size: 40px;
  }
  100% {
    height: 40px;
    width: 40px;
    background-size: 23px;
  }
}
@-moz-keyframes grow {
  0% {
    height: 70px;
    width: 70px;
    background-size: 40px;
  }
  100% {
    height: 40px;
    width: 40px;
    background-size: 23px;
  }
}
@-o-keyframes grow {
  0% {
    height: 70px;
    width: 70px;
    background-size: 40px;
  }
  100% {
    height: 40px;
    width: 40px;
    background-size: 23px;
  }
}
@-webkit-keyframes disappear {
  0% {
    z-index: 0;
  }
  100% {
    z-index: 90;
  }
}
@-moz-keyframes disappear {
  0% {
    z-index: 0;
  }
  100% {
    z-index: 90;
  }
}
@-o-keyframes disappear {
  0% {
    z-index: 0;
  }
  100% {
    z-index: 90;
  }
}

.jump{
  animation: jump 2s linear alternate infinite; 
}

.background-size-position-cover {
  background-size:cover !important;
  background-position:50% !important;
  overflow:hidden;
}


.co-founder-part {
  padding: 0 120px;
}


.persona{
  background: url('https://2383597.fs1.hubspotusercontent-na1.net/hubfs/2383597/Persona%20test%204.png?t=1529883913919');
  background-size:100%;
  color: var(--white-color);
  height: 258px;
  padding: 95px 0;
  width:47% !important;
  margin-bottom:30px;
  background-position:center;
}



.recompense-container {
  display: table !important;
  width: 100% !important;
  padding: 0 10px;
  margin: 20px 0;
  min-height: 200px !important;
}

.recompense-container .widget-type-rich_text {
  opacity: 0;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.recompense:hover .widget-type-rich_text {
  opacity: 1;
}

.recompense-container > div:first-of-type {
  display: table-cell;
  vertical-align: middle;
  padding: 80px 30px;
  background-position: 50% !important;
  background-size: contain !important;
  position: relative;
  background-repeat: no-repeat !important;
}

.recompense-container > div:first-of-type > div{
  position:relative;
  z-index: 10;
}

.recompense:hover .recompense-container > div:first-of-type:after {
  background:rgba(10, 42, 98, .8);
}

.recompense-container > div:first-of-type:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  background:none;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.recompenses-row > .row-fluid-wrapper{
  display: inline-block;
  float: left;
  width: 50% !important;
}

.recompenses-row > .row-fluid-wrapper:nth-child(1){
  display: inline-block;
  float: non;
  width: 100% !important;
}


.small-p{
  width:60%;
  text-align:justify;
  color:white;
  display:inline-block !important;
}

.homepage .slider {
  background-size: cover !important;
  background-position:50% !important;
}

.homepage .slider p {
  font-size: 20px;
  font-weight: var(--font-weight-regular);
  max-width: 75%;
  margin: 1rem auto 0 auto;
  color:var(--white-color);
  line-height: 150%;
}

.homepage .slider:after {
  z-index: 2;
}

.homepage .slider > div {
  position: relative;
  z-index: 2;
}

img {
  border-style: none;
}

.academy-page .display-flex > div > div > div > div {
  height: 250px;
}

.display-flex > div > div > div > div > * {
  display: table-cell;
  vertical-align: middle;
}

.display-flex img {
  display: block;
  margin: auto;
}

.story-page .display-flex img {
  max-width: auto;
  max-height: 200px;
  width: auto !important;
}

.testimonial-container > div:first-of-type > .row-fluid > .display-flex {
  padding-bottom: 60px;
}

.panel > div > div{
  display: table;
  width: 100%;
  vertical-align: middle;
}

.panel .wrapper{
  display: block !important;
  vertical-align: middle;
  float: none !important;
  padding: 9rem 0 5rem;
}

body .hs-error-msgs label {
  margin-bottom: 5px;
  font-weight: var(--font-weight-regular);
  color: red;
  font-size: 14px;
}

body .hs-error-msgs {
  margin: 5px 0;
}

.legend-part img {
  width: 40px !important;
}

.legend-part .blue-font, .legend-part .green-font, .legend-part .red-font{
  padding-left:10px !important;
  font-weight: var(--font-weight-bold);
}

.blue-font {
  color: var(--first-color);
}

.green-font {
  color: var(--third-color);
}

.red-font {
  color: var(--fifth-color);
}

.legend-part > div > div > .span12 > div > div {
  display: table;
  vertical-align: middle;
}

.legend-part {
  z-index: 3;
  background: var(--white-color);
  padding: 20px !important;
  position: absolute;
  max-width: 220px;
  top: 100px;
}

.legend-part:before {
  content: '';
  display: none;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: -40px;
  background: var(--black-color);
}

.legend-part > div > div > .span12 > div > div > div {
  display: table-cell;
  vertical-align: middle;
  float:none !important;
}

.page-title {
  color: var(--white-color);
}

.page-title {
  color: var(--white-color);
  font-size: 3rem;
  line-height: 150%;
  font-weight: var(--font-weight-medium);
}

.white-bg h1, .white-bg .page-title h1, .white-bg p, .white-bg a, .white-bg a:hover, .white-bg a:focus{
  color: var(--first-color);
}

.panel h1 {
  max-width: 75%;
  margin: 1rem auto;
}

.body-container-wrapper a.link, .body-container-wrapper p a, .body-container-wrapper li a {
  color: var(--white-color);
  font-weight: var(--font-weight-bold);
  font-size:inherit;
  line-height: inherit;
}

.body-container-wrapper .bloc-three-illustrations a {
  text-decoration: none;
}

.body-container-wrapper a.link:hover, .body-container-wrapper p a:hover {
  opacity:0.8;
  color:white;
  text-decoration: underline;
}

.bloc-leaders h3{
  font-size:16px;
}

.bloc-team h3 {
  font-size: 16px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: var(--white-color);
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  color: var(--white-color);
  text-decoration:underline;
  opacity:.8;
}

.bloc-leaders .job-title{
  color: var(--first-color);
  font-weight: var(--font-weight-bold) !important;
  font-size: 20px;
}

.bloc-leaders .job-title-2{
  color: var(--first-color);
  font-weight: var(--font-weight-bold) !important;
  font-size: 14px;
}
.subline, .subline p {
  color: var(--white-color);
  margin-top: 0;
  font-weight: var(--font-weight-bold);
}

h1, .page-title h1 {
  color: var(--white-color);
}

.page-title h2 {
  color: var(--white-color);
  text-shadow: none;
}

.svg-small img {
  max-width: 30px;
}

.scroll-down {
  text-align:center;
  margin: 2rem 0;
}

.scroll-down > div{
  position: relative;
  display: inline-block !important;
  width: 30px !important;
}

.bloc-three-illustrations img {
  max-height: 250px;
  width: 120px !important;
  margin-bottom: 20px;
}

.bloc-starter .bloc-three-illustrations img {
  height: 130px;
  width: auto !important;
  margin-bottom: 20px;
}

.slider.panel:after{
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0px 250px 4000px;
  border-color: transparent transparent var(--third-color) transparent;
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: -90px;
}

.homepage .slider.panel:after {
  border-color: transparent transparent var(--white-color) transparent;
}

.panel-angle-right:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0px 250px 4000px;
  border-color: transparent transparent var(--third-color) transparent;
  content: '';
  display: block;
  position: absolute;
  bottom: -90px;
  right: 0;
}

.panel-angle-left:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 4000px 250px 0px;
  border-color: transparent transparent var(--third-color) transparent;
  content: '';
  display: block;
  position: absolute;
  bottom: -90px;
  left: 0;
}

.school-avatar {
  width: 190px !important;
  height: 190px !important;
  background-size: 100% !important;
  background-position-y: 100% !important;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  position: relative;
  margin: 0 20px !important;
  float: none !important;
  display: inline-block !important;
}

.school-avatar:hover > div {
  opacity:0;
}

.school-avatar > div{
  width: 190px !important;
  height: 190px !important;
  background-size: 100% !important;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  position: absolute;
  top:0;
  left:0;
}



.slider.background-widget.panel:after {
  content:'';
  display:none;
}

.slider.background-widget{
  background-size:cover !important;
  background-position:50% !important;
}

.angle-blue:after, .slider.angle-blue:after {
  border-color: transparent transparent var(--first-color) transparent;
}

.no-angle:after{
  display:none !important;
}

.angle-dark-blue:after, .slider.angle-dark-blue:after {
  border-color: transparent transparent var(--first-color) transparent;
}

.panel, .panel-angle-left, .panel-angle-right{
  position:relative;
  overflow:hidden;
}

.investissement-background .wrapper{
  display:block !important;
}

.investissement-background {
  background-size: cover !important;
  background-position: 50% !important;
  position:relative;
}

.investissement-background > *{
  position:relative;
  z-index:2;
}

.startups-logos-row > span {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--white-color);
  font-size: 24px;
  flex-wrap: wrap;
}

.startups-logos-row a {
  color: var(--white-color);
  font-size: 20px;
}

.startups-logos-row > span > div {
  padding: 0 2rem;
  margin-bottom: 2rem;
}

.investissement-background:before {
  content:'';
  display:block;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index: 1;
  background: rgba(10,29,80,.5);
}

.landing-pages .slider {
  background-size: cover !important;
  background-position: 50% !important;
}

.landing-pages .page-title.small {
  font-size:30px;
  line-height:initial;
  margin-bottom:20px !important;
}

.landing-pages .subline{
  color:var(--gray-color);
  margin-bottom:20px !important;
  padding-bottom:20px !important;
  border-bottom:1px solid var(--light-gray-color);
}

.slider .wrapper {
  padding-top: 100px;
  padding-bottom: 150px;
}

.internal-page .slider .wrapper {
  padding-top: 50px;
  padding-bottom: 50px;
}

.internal-page .body-container > .row-fluid-wrapper:first-child > .row-fluid > .slider .wrapper {
  padding-top: 200px;
}

.teammate-avatar {
  display: block !important;
  margin: 0 auto !important;
  background-size: 100% !important;
  float: none !important;
  background-position-y: 100% !important;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  position: relative;
}

.bloc-three-illustrations .teammate-avatar img{
  margin-bottom: 0;
}

.customer-avatar {
  width: 130px !important;
  height: 130px;
  display: inline-block !important;
  margin: 0 auto !important;
  background-size: 100% !important;
  float: none !important;
  background-position-y: 100% !important;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  position: relative;
  background-position-y: 130px !important;
}

.customer-row > div > .row-fluid, .school-row > div > .row-fluid {
  width: 20%;
  display: inline-block;
  flex-flow: row wrap;
  justify-content: space-between;
  float: left;
}

.startups-logos-row img{
  max-width:160px;
  display:block;
  margin: 0 auto 1rem auto;
}

.customer-row>div>.row-fluid>.widget-span, .school-row>div>.row-fluid>.widget-span {
  display: block!important;
  width: 130px!important;
  height: 130px!important;
  float: none!important;
  margin: 20px auto!important;
  text-align: center;
  padding: 10px;
  background: var(--white-color)!important;
}

.customer-avatar > div {
  background-position-y: 100% !important;
  height: 100%;
  background-size: 100% !important;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.teammate-avatar.join-us {
  background: none !important;
}

.teammate-avatar > div {
  background-size: 100% !important;
  display: block !important;
  margin: 0 auto !important;
  float: none !important;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  top:0;
  left:0;
}

.bloc-leaders h3, .teammate-name h3 {
  text-transform: initial;
}

.teammate-avatar:hover img{
  -webkit-transform:scale(1.05);
  -moz-transform:scale(1.05);
  -ms-transform:scale(1.05);
  -o-transform:scale(1.05);
  transform:scale(1.05);
  box-shadow: 0 5px 10px rgba(0,0,0,.5);
}

.teammate-avatar.join-us:hover > div {
  opacity:1;
}

.bloc-leaders .span6 {
  width: initial !important;
  float:none !important;
  display:inline-block !important;
  margin: 0 100px !important;
}

.teammate-name {
  margin: 0 0 20px 0;
}

.teammate-avatar img{
  border-radius: 500px;
  overflow: hidden;
  border:2px solid white !important;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1);
}

.bloc-leaders .row-fluid {
  text-align: center;
}

.rounded {
  width: 30px;
  height: 30px;
  display: inline-block;
  background: var(--first-color) !important;
  line-height: 30px;
  margin-right: 10px;
  color: var(--white-color) !important;
}

h3, h4 {
  color: var(--white-color);
}

.testimonial-avatar img {
  border-radius: 140px;
  border: 2px solid white !important;
  max-width: 110px;
}

.testimonials {
  color: var(--white-color);
}

.span12.panel .span12.bottom-placing {
  padding: 0 20px;
}

.testimonial-container .widget-span {
  padding: 0;
}

.bottom-placing {
  position: absolute;
  width: 100%;
  bottom: 16px;
  left: 0;
  padding: 0 20px;
}

.testimonial-container p {
  margin-top: 5px;
}

.testimonials > div > .row-fluid {
  display: flex;
}

.testimonials > div > .row-fluid > .widget-span {
  margin-bottom: 30px !important;
  margin-top: 0 !important;
}

.testimonials > div > .row-fluid > .widget-span.page-title {
  margin-bottom: 0px;
}

.testimonials .span6{
  padding: 20px;
  background: rgba(0,0,0,.4);
  position: relative;
  left: 0px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  width:48% !important;
  margin:1% !important;
}

.tech-page .testimonials .display-flex > div > div > .span6:last-of-type .testimonial-container{
  padding: 20px;
  background: rgba(0,0,0,.4);
  position: relative;
  left: 0px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
}

.tech-page .testimonials .display-flex > div > div > .span6:first-of-type, .tech-page .testimonials .display-flex > div > div > .span6:last-of-type{
  padding: 0px;
  background: none;
  position: initial !important;
  left: 0px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  width: 48% !important;
  margin: 1% !important;
}

.tech-page .testimonials .display-flex > div > div > .span6:first-of-type:hover{
  box-shadow:none;
}


.testimonials .row-fluid > .span6:hover{
  box-shadow: -5px 0px 10px rgba(0,0,0,.2);
  left: 10px;
}

.testimonials .row-fluid > .span6:nth-child(even):hover > div > div > .row-fluid{
  box-shadow: none;
  left: 10px;
}


.tech-page .testimonials .row-fluid > .span6:nth-child(even) > div > div > .row-fluid{
  left: 0px;
  position:relative;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
}

.body-container > .row-fluid-wrapper > .row-fluid > .span12 > .row-fluid-wrapper > .row-fluid > .span12, .body-container > .row-fluid-wrapper > .row-fluid > .span12 {
  padding-left: 0;
  padding-right: 0;
}

.tech-page .testimonials .row-fluid > .span6:nth-child(even):hover > div > div > .row-fluid{
  box-shadow: -5px 0px 10px rgba(0,0,0,.2);
  left: 10px;
  position:relative;
}

.tech-page .testimonials .row-fluid > .span6:nth-child(even):hover{
  box-shadow: none;
  left: 0px;
  position:relative;
}

.testimonial-container > div > .row-fluid {
  display: flex;
}

.testimonial-container > div > .row-fluid > .widget-span > .cell-wrapper {
  display: table !important;
  vertical-align: middle !important;
  width: 100% !important;
  height: 100%;
}

.testimonial-container > div > .row-fluid > .widget-span > .cell-wrapper > span {
  display: table-cell;
  vertical-align: middle;
}

.testimonial-logo img {
  max-width: 140px;
}

.button.large {
  min-width: 460px;
}

.wrapper.last {
  padding: 60px 0 90px 0;
}

.copyright {
  color: var(--white-color);
  opacity: 0.2;
  margin-top: 40px;
}

.process-block h3{
  text-transform:initial !important;
}

.scroll-down a {
  display: block;
  width: 100%;
  height: 100px;
}

.scroll-down img {
  animation: MoveUpDown 2.5s linear infinite;
  position: absolute;
  left: 0;
  bottom: 0;
}

@keyframes MoveUpDown {
  0% {
    bottom: 50px;
    opacity:0;
  }
  30% {
    bottom: 30px;
    opacity:1;
  }
  70% {
    bottom: 10px;
    opacity:1;
  }
  100% {
    bottom: -10px;
    opacity:0;
  }
}

@-webkit-keyframes Floatingx2{
  from {-webkit-transform:translate(0px, 0px);}
  33% {-webkit-transform:translate(10px, 0px);}
  66% {-webkit-transform:translate(0px, 10px);}
  to {-webkit-transform: translate(0px, 0px);}    
}

@-webkit-keyframes Floatingx{
  from {-webkit-transform:translate(0px, 0px);}
  33% {-webkit-transform:translate(0px, 10px);}
  66% {-webkit-transform:translate(10px, 0px);}
  to {-webkit-transform: translate(0px, 0px);}    
}

.float-animation{
  animation: Floatingx2 6000ms ease-in-out infinite;
}


.float-animation-reverse{
  animation: Floatingx 6000ms ease-in-out infinite;
}


.slider .widget-type-logo{
  width: 100%;
  height: 100%;
  background-size: cover;
  margin-bottom: 1rem;
}

.slick-track {
  left: calc(50% - 360px);
}

.slick-slide {
  -webkit-appearance:none;
  outline:none;
}

.slick-slide img{
  border: 10px solid white !important;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  margin:auto !important;
  max-width:90% !important;
}

.slick-slider {
  margin-top: 25px;
}

.recent-post-container {
  max-width: 50%;
  padding: 0 20px !important;
  float:left;
}

.recent-posts-part{
  margin-top: 60px;    
}

.recent-post {
  background: var(--white-color);
  padding: 0 !important;
  border-radius:3px;
  overflow:hidden;
  float:left;
}

.recent-post h3, .recent-post p {
  color:var(--gray-color);
}

.recent-post img {
  width: 100%;
}

.recent-post-description {
  padding: 30px;
}

.use-case-page .sidebar {
  padding: 30px;
  color: var(--white-color);
  background: rgba(0,0,0,.7);
}

.use-case-page .sidebar .testimonial-avatar img{
  border-radius: 50%;
  border:2px solid white !important;
}


h2 .small-part {
  display: block;
  text-transform: initial;
  font-size: 20px;
  font-weight: var(--font-weight-regular);
  line-height: 30px;
}


.technology-logos{
  margin: 20px 0 40px !important;
}

.technology-logos > div > div > * {
  display: inline-block !important;
  width: initial !important;
}

.technology-logos img {
  max-height: 80px!important;
  box-sizing: border-box;
  width: initial!important;
  display: block;
  margin: auto;
}

.technology-logos .widget-type-linked_image {
  margin:0px !important;
}

.technology-logos .widget-type-text {
  height: 100px;
  line-height: 100px;
  text-align: center;
  margin: 0 10px !important;
}

.phone-img {
  position: relative;
  height: 200px;
  z-index: 2;
}

.slider.background-widget:before {
  content: '';
  position: absolute;
  top: initial;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(10, 42, 98,.5);
  z-index:1;
}

.slider.background-widget > * {
  position: relative;
  z-index:2;
}

.phone-img img {
  height: 550px;
  width: auto !important;
}

.use-case-page .main-content h2{
  margin-bottom: 20px;
}

.use-case-page .main-content p {
  margin-bottom: 60px;
}

.use-case-page .slider {
  overflow: visible;
  background-attachment: fixed !important;
  background-position: 50% !important;
}

.use-case-page .scroll-down > div {
  margin-top: 70px;
  margin-bottom: 0px;
  position: relative;
  display: inline-block !important;
  width: 30px !important;
}

.gradient-use-case{
  background: : var(--first-color); /* Old browsers */
  background: -moz-linear-gradient(top, : var(--first-color) 0%, var(--first-color) 65%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, : var(--first-color) 0%,var(--first-color) 65%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, : var(--first-color) 0%,var(--first-color) 65%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=': var(--first-color)', endColorstr='var(--first-color)',GradientType=0 ); /* IE6-9 */
}

/*============================================

COLORS

============================================*/

.light-green{
  color:var(--third-color);
}

.light-green-bg{
  background-color:var(--third-color);
}

.white{
  color:var(--white-color);
}

.white-bg{
  background-color:var(--white-color);
}

.green{
  color:var(--third-color);
}

.green-bg{
  background-color:var(--third-color);
}

.blue{
  color:var(--first-color);
}

.blue-bg{
  background-color:var(--first-color);
}

.dark-blue{
  color:var(--first-color);
}

.dark-blue-bg{
  background-color:var(--first-color);
}

.footer-blue-bg{
  background-color:var(--first-color);
}

.light-grey{
  color:var(--light-gray-color);
}

.light-grey-bg{
  background-color:var(--light-gray-color);
}

.accent-color-one{
  color:var(--seventh-color);
}

.accent-color-one-bg{
  background: var(--seventh-color);
}

.accent-color-two{
  color: var(--first-color);
}

.accent-color-two-bg{
  background-color: var(--first-color);
}

.accent-color-three{
  color: var(--third-color);
}

.accent-color-three-bg{
  background-color: var(--third-color);
}


/*============================================

BUTTONS

============================================*/

body.contact-page .hs-button.primary.large, body.contact-page .hs-button.primary.large:hover{
  padding: 15px 50px;
  display: inline-block;
  text-decoration: none;
  margin: 0px auto;
  font-size: 16px;
  border-radius: 5px;
  font-weight: var(--font-weight-bold);
  border:none;
  background:var(--third-color);
  color:var(--white-color);
  box-sizing:border-box;
}

.contact-left-panel{
  color:white;
  font-size: 20px;
}

.contact-coordonnees{
  color:white;
  font-size: 14px;
}

body.contact-page .hs-button.primary.large{
  box-shadow: inset 0px 0 var(--third-color);
}

body.contact-page .hs-button.primary.large:hover{
  box-shadow: inset 600px 0 var(--third-color);
}

body .form-text p a{
  color:var(--first-color);
}

body .form-text p a:hover, body .form-text p a:focus{
  color:var(--first-color);
}

body .form-text p{
  font-size:15px;
}

.button a {
  text-decoration:none;
}


.button-thin a{
  text-decoration: none;
  text-transform:uppercase;
  text-align:center;
  border: 1px solid black;
  padding: 15px 20px;
  display: inline-block;
  margin:10px;
}

.button-thin a:hover{
  background:var(--white-color);
  color:var(--first-color);
}


.button-little {
  padding:10px 20px;
  display:inline-block;
  text-decoration:none;
  margin:20px;
  font-size:13px;
}

.button-little a:hover{
  background:var(--white-color);
  color:var(--first-color);
}

.arrow-right:after {
  content: '\f061 ';
  margin-left: 10px;
  font-family: 'FontAwesome';
}

.bloc-leaders.team-row > .row-fluid-wrapper > .row-fluid > .widget-span {
  width: 14.2% !important;
  margin: 0 20px 40px 20px !important;
  padding: 0 !important;
}

.clients-confidence-caption p {
    font-size: 1.125rem !important;
}

/*============================================

ENGINE BACKGROUND UPLOADER

============================================*/


.background-image-main , .background-image-main-2 , .background-image-main-3 , .background-image-main-4 , .background-image-main-5 , .background-image-main-6 , .background-image-main-7 , .background-image-main-8 {
  display:none !important;
} 

.background-main-part , .background-main-part-2 , .background-main-part-3 , .background-main-part-4 , .background-main-part-5 , .background-main-part-6 , .background-main-part-7 , .background-main-part-8 {
  background-size:cover !important;
  background-position:50% !important;
  overflow:hidden;
}


.team-row > .row-fluid-wrapper >.row-fluid >.widget-span {
  width: 12.4% !important;
  margin: 0 0 40px !important;
}

.team-row > div >.row-fluid {
  display: flex;
  flex-basis: 20%;
  flex-flow: row wrap;
  text-align: center;
}

.bloc-leaders.team-row > div >.row-fluid {
  justify-content:center;
}

.process-block img {
  max-height: 160px !important;
  width:auto !important;
}

.bloc-case-study, .rss-item {
  border-radius: 5px;
  overflow: hidden;
}

.case-study-row > .row-fluid-wrapper:hover > div {
  position: relative;
  top: -10px !important;
  display: block;
  box-shadow: 0 5px 5px rgba(0,0,0,.2);
  overflow: hidden;
  -moz-transition: all .1s ease-out;
  -o-transition: all .1s ease-out;
  transition: all .1s ease-out;
}


.case-study-image.black-bg {
  background: var(--gray-color);
}

.case-study-row {
  display: flex !important;
  flex-flow: row wrap;
}

.case-study-row > .row-fluid-wrapper > div {
  position: relative;
  top: 0px !important;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  display: block;
  overflow: hidden;
  background: var(--light-gray-color);
  height:100% !important;
  border-radius:3px !important;
}

.case-study-infos{
  background: var(--light-gray-color);
  min-height: 180px !important;
}

.case-study-row > .row-fluid-wrapper {
  float: left;
  width: 33.333333333% !important;
  padding: 0 20px;
  margin-bottom:40px;
  box-sizing:border-box;
}

.bloc-case-study img {
  margin: auto;
  display: block;
}

.case-study-image {
  background: var(--white-color);
}

.bloc-case-study .logo img{
  width:33% !important;
}

.bloc-case-study h3, .bloc-case-study p{
  color: var(--black-color);
}

#system {
  position: relative;
  top: -20px;
  left: 80px;
}

.bizdev-page .display-flex .span6, .bizdev-page .display-flex .span6 > div, .bizdev-page .display-flex .span6 > div > *{
  position: relative;
}

.recompense {
  width: 100% !important;
  margin: 20px 0 !important;
  min-height: 480px !important;
}

.sat {
  height: 70px;
  width: 70px;
  position: absolute;
  left: 75px;
  top: 175px;
  border-radius: 50%;
  background: var(--white-color) no-repeat 50% 50%;
  z-index: 100;
  text-indent: -9999px;
}

.sat:hover {
  animation-play-state: paused;
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
}

.planet-panel .display-flex > div > div > div > div > *{
  display:block;
}

#planet {
  height: 182px;
  width: 182px;
  position: absolute;
  top: 150px;
  left: 150px;
  border-radius: 50%;
  background: var(--white-color) url(https://2383597.fs1.hubspotusercontent-na1.net/hubfs/2383597/Website/Logos/planet.png?t=1529883913919) no-repeat 50% 50%;
  z-index: 50;
}

#php {
  -webkit-animation: revolve 1.5s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate, grow 1.5s cubic-bezier(0.36, 0, 0.64, 1) 0.75s infinite alternate, disappear 3s steps(2, start) 1.5s infinite;
  -moz-animation: revolve 1.5s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate, grow 1.5s cubic-bezier(0.36, 0, 0.64, 1) 0.75s infinite alternate, disappear 3s steps(2, start) 1.5s infinite;
  -o-animation: revolve 1.5s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate, grow 1.5s cubic-bezier(0.36, 0, 0.64, 1) 0.75s infinite alternate, disappear 3s steps(2, start) 1.5s infinite;
  animation: revolve 1.5s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate, grow 1.5s cubic-bezier(0.36, 0, 0.64, 1) 0.75s infinite alternate, disappear 3s steps(2, start) 1.5s infinite;
  background-image: url('https://2383597.fs1.hubspotusercontent-na1.net/hubfs/2383597/Website/Logos/php.png?t=1529883913919');
}

#html5 {
  -webkit-animation: revolve 1.5s cubic-bezier(0.36, 0, 0.64, 1) -0.5s infinite alternate, grow 1.5s cubic-bezier(0.36, 0, 0.64, 1) 0.25s infinite alternate, disappear 3s steps(2, start) 1s infinite;
  -moz-animation: revolve 1.5s cubic-bezier(0.36, 0, 0.64, 1) -0.5s infinite alternate, grow 1.5s cubic-bezier(0.36, 0, 0.64, 1) 0.25s infinite alternate, disappear 3s steps(2, start) 1s infinite;
  -o-animation: revolve 1.5s cubic-bezier(0.36, 0, 0.64, 1) -0.5s infinite alternate, grow 1.5s cubic-bezier(0.36, 0, 0.64, 1) 0.25s infinite alternate, disappear 3s steps(2, start) 1s infinite;
  animation: revolve 1.5s cubic-bezier(0.36, 0, 0.64, 1) -0.5s infinite alternate, grow 1.5s cubic-bezier(0.36, 0, 0.64, 1) 0.25s infinite alternate, disappear 3s steps(2, start) 1s infinite;
  background-image: url('https://2383597.fs1.hubspotusercontent-na1.net/hubfs/2383597/Website/Logos/html5.png?t=1529883913919');
}

#symfony {
  -webkit-animation: revolve 1.5s cubic-bezier(0.36, 0, 0.64, 1) -1s infinite alternate, grow 1.5s cubic-bezier(0.36, 0, 0.64, 1) -0.25s infinite alternate, disappear 3s steps(2, start) 0.5s infinite;
  -moz-animation: revolve 1.5s cubic-bezier(0.36, 0, 0.64, 1) -1s infinite alternate, grow 1.5s cubic-bezier(0.36, 0, 0.64, 1) -0.25s infinite alternate, disappear 3s steps(2, start) 0.5s infinite;
  -o-animation: revolve 1.5s cubic-bezier(0.36, 0, 0.64, 1) -1s infinite alternate, grow 1.5s cubic-bezier(0.36, 0, 0.64, 1) -0.25s infinite alternate, disappear 3s steps(2, start) 0.5s infinite;
  animation: revolve 1.5s cubic-bezier(0.36, 0, 0.64, 1) -1s infinite alternate, grow 1.5s cubic-bezier(0.36, 0, 0.64, 1) -0.25s infinite alternate, disappear 3s steps(2, start) 0.5s infinite;
  background-image: url('https://2383597.fs1.hubspotusercontent-na1.net/hubfs/2383597/Website/Logos/symfony.png?t=1529883913919');
}

#css3 {
  -webkit-animation: revolve 1.5s cubic-bezier(0.36, 0, 0.64, 1) -1.5s infinite alternate, grow 1.5s cubic-bezier(0.36, 0, 0.64, 1) -0.75s infinite alternate, disappear 3s steps(2, start) 0s infinite;
  -moz-animation: revolve 1.5s cubic-bezier(0.36, 0, 0.64, 1) -1.5s infinite alternate, grow 1.5s cubic-bezier(0.36, 0, 0.64, 1) -0.75s infinite alternate, disappear 3s steps(2, start) 0s infinite;
  -o-animation: revolve 1.5s cubic-bezier(0.36, 0, 0.64, 1) -1.5s infinite alternate, grow 1.5s cubic-bezier(0.36, 0, 0.64, 1) -0.75s infinite alternate, disappear 3s steps(2, start) 0s infinite;
  animation: revolve 1.5s cubic-bezier(0.36, 0, 0.64, 1) -1.5s infinite alternate, grow 1.5s cubic-bezier(0.36, 0, 0.64, 1) -0.75s infinite alternate, disappear 3s steps(2, start) 0s infinite;
  background-image: url('https://2383597.fs1.hubspotusercontent-na1.net/hubfs/2383597/Website/Logos/css3.png?t=1529883913919');
}

#angularjs {
  -webkit-animation: revolve 1.5s cubic-bezier(0.36, 0, 0.64, 1) -2s infinite alternate, grow 1.5s cubic-bezier(0.36, 0, 0.64, 1) -1.25s infinite alternate, disappear 3s steps(2, start) -0.5s infinite;
  -moz-animation: revolve 1.5s cubic-bezier(0.36, 0, 0.64, 1) -2s infinite alternate, grow 1.5s cubic-bezier(0.36, 0, 0.64, 1) -1.25s infinite alternate, disappear 3s steps(2, start) -0.5s infinite;
  -o-animation: revolve 1.5s cubic-bezier(0.36, 0, 0.64, 1) -2s infinite alternate, grow 1.5s cubic-bezier(0.36, 0, 0.64, 1) -1.25s infinite alternate, disappear 3s steps(2, start) -0.5s infinite;
  animation: revolve 1.5s cubic-bezier(0.36, 0, 0.64, 1) -2s infinite alternate, grow 1.5s cubic-bezier(0.36, 0, 0.64, 1) -1.25s infinite alternate, disappear 3s steps(2, start) -0.5s infinite;
  background-image: url('https://2383597.fs1.hubspotusercontent-na1.net/hubfs/2383597/Website/Logos/angularjs.png?t=1529883913919');
}

#nodejs {
  -webkit-animation: revolve 1.5s cubic-bezier(0.36, 0, 0.64, 1) -2.5s infinite alternate, grow 1.5s cubic-bezier(0.36, 0, 0.64, 1) -1.75s infinite alternate, disappear 3s steps(2, start) -1s infinite;
  -moz-animation: revolve 1.5s cubic-bezier(0.36, 0, 0.64, 1) -2.5s infinite alternate, grow 1.5s cubic-bezier(0.36, 0, 0.64, 1) -1.75s infinite alternate, disappear 3s steps(2, start) -1s infinite;
  -o-animation: revolve 1.5s cubic-bezier(0.36, 0, 0.64, 1) -2.5s infinite alternate, grow 1.5s cubic-bezier(0.36, 0, 0.64, 1) -1.75s infinite alternate, disappear 3s steps(2, start) -1s infinite;
  animation: revolve 1.5s cubic-bezier(0.36, 0, 0.64, 1) -2.5s infinite alternate, grow 1.5s cubic-bezier(0.36, 0, 0.64, 1) -1.75s infinite alternate, disappear 3s steps(2, start) -1s infinite;
  background-image: url('https://2383597.fs1.hubspotusercontent-na1.net/hubfs/2383597/Website/Logos/nodejs.png?t=1529883913919');
}

.hs_cos_wrapper_type_rich_text ul li:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: var(--font-weight-regular);
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 8px;
  color: var(--white-color);
  font-size: 18px;
}
.hs_cos_wrapper_type_rich_text ul li{
  padding-bottom:10px;
}

.contact-form {
  background: var(--white-color);
  padding: 30px;
  position: relative;
  z-index: 2;
}

.contact-form .page-title{
  color:var(--gray-color);
  text-shadow:none;
}

.hs-form-required {
  display: none;
}

.parallax-img {
  background-attachment: fixed !important;
  background-position: 50% !important;
  background-size:cover !important;
  overflow:hidden;
}

.wrapper.same-padding {
  padding: 200px 0;
}

.mountain{
  background:url("https://2383597.fs1.hubspotusercontent-na1.net/hub/2383597/hubfs/Website/Pictures/background-histoire-1.jpg?t=1529883913919");
  background-size:cover;
}

.phone-booth{
  background:url(https://2383597.fs1.hubspotusercontent-na1.net/hubfs/2383597/Website/Pictures/background-histoire-2-reverse.jpg?t=1529883913919);
}

.theodo-room{
  background:url(https://2383597.fs1.hubspotusercontent-na1.net/hubfs/2383597/Website/Pictures/background-histoire-3.jpg?t=1529883913919);
}

.theodore-de-banville{
  background:url(https://2383597.fs1.hubspotusercontent-na1.net/hubfs/2383597/Theodoredebanville-final.jpg?t=1529883913919);
}

.allomatch{
  background:url(https://2383597.fs1.hubspotusercontent-na1.net/hubfs/2383597/Allomatch-theodo-final.jpg?t=1529883913919);
}

.testimonial-logo.small img {
  max-width: 100px;
}

#bodymovin {
  width: 300px;
  height: 300px;
  display: block;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  text-align: center;
  opacity: 1;
  margin:auto;
}

#google-maps {
  width: 100vw;
  height: 100vh;
  position: fixed !important;
  top: 0;
  left: 0;
  z-index: 1;
}


.sidebar {
  padding: 20px !important;
}

.use-case-page #first-panel .technology-logos > div > div{
  display: table !important;
  vertical-align: middle;
}

.use-case-page #first-panel .technology-logos .widget-span {
  padding: 0!important;
  width: 33%!important;
  margin: 0!important;
  display: table-cell !important;
  vertical-align: middle;
  float:none !important;
}

.use-case-page #first-panel .technology-logos .widget-span img {

}

* { box-sizing: border-box; }


.landing-pages .wrapper > div > .row-fluid {
  justify-content: center;
  display: flex;
}

.landing-pages .main-part > div, .landing-pages .main-part > div > .row-fluid {
  height: 100%;
}

.main-text > div:last-of-type {
  padding: 20px !important;
}

.main-text .main-header h1{
  padding: 20px !important;
  background:var(--first-color);
  color:white !important;    
}

.main-text h1, .main-text h2, .main-text h3, .main-text p, .main-text ul, .main-text li {
  color:white;
}

.body-container-wrapper .main-text a{
  color:var(--first-color);
}

.body-container-wrapper .main-text a:hover{
  color:var(--first-color);
}


.landing-pages .main-part > div {
  height: 100%;
  background-size : cover !important;
  background-position:50% !important;
  position:relative;
}

.landing-pages .contact-form{
  background:var(--first-color);
}

.landing-pages .contact-form p, .landing-pages .contact-form h1, .landing-pages .contact-form h2, .landing-pages .contact-form h3, .landing-pages .contact-form label{
  color:white !important; 
}

.landing-pages .main-text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: -webkit-linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,1));
  background: -o-linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,1));
  background: -moz-linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,1));
  background: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,1));
}

.landing-pages .main-container img{
  display:none;
}

.hs-rss-item {
  max-width: 50%;
  float: left;
  flex-basis: 50%;
  padding:0 20px 20px 20px;
}

.hs-rss-item > div {
  background: var(--white-color);
  border-radius: 5px;
  padding: 30px;
  height: 100%;
}

.hs-rss-module {
  display:flex;
  flex-flow:row wrap;
}

.hs-rss-title {
  font-size: 24px;
  margin-bottom: 20px;
  display: block;
  color:var(--black-color);
}

.home-challenges > div > div {
  display:flex;
  flex-flow:row wrap;
  justify-content:space-between;
}

.home-challenges > div > div > a {
  padding:0 30px;
  display: flex;
  width:25% !important;
  position: relative;
  top: 0px;
  outline:none;
}

.home-challenges > div > div > a:hover > div {
  position: relative;
  top: -10px;
  box-shadow: 0 25px 20px -20px rgba(0,0,0,.5);
}

.home-challenge-blue{
  border: 4px solid white;
  padding: 40px 20px;
  color: var(--white-color);
  background-position: center;
  border-radius: 15px;
  width:100% !important;
  position:relative;
  text-align: left;
}

.home-challenge-green {
  padding: 40px 20px;
  background: var(--third-color);
  color: var(--white-color);
  background-position:center;
  border-radius: 15px;
  width:100% !important;
  position:relative;
  text-align: left;
}

.home-challenge-blue, .home-challenge-green {
  display: flex !important;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  position:relative;
  top: 0;
}

.home-challenge-blue h2, .home-challenge-green h2 {
  margin: 0;
  position: absolute;
  top: 50%;
  background: var(--first-color);
  display: inline-block;
  padding: 10px 25px;
  border-radius: 25px;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.header-challenge {
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
}

.home-challenges img {
  width: 57px !important;
  height: 57px !important;
}

.home-challenges .widget-type-linked_image {
  position: absolute;
  top: -40px;
  left: -40px;
  background: var(--first-color);
  padding: 10px !important;
  border-radius: 10%;
  display: inline-block;
  width: 77px !important;
}

.home-challenges p {
  font-size: 20px;
  line-height: 23px;
  font-weight: var(--font-weight-medium);
  box-sizing: border-box;
}

.home-challenges p.hashtags {
  font-size: 16px;
  font-weight: var(--font-weight-regular);
  box-sizing: border-box;
}

.home-challenges .home-challenge-green .widget-type-linked_image {
  background: none;
}

.tablet-mobile-rotate.align-items > div > div {
  display: flex !important;
  align-items: center;
  flex-flow: row wrap;
}

.tablet-mobile-rotate ul li {
  margin: 30px 0 0 0;
}

/*=========== recruitment process ============*/

.recruitment-process-steps {
  margin:40px 0;
}
.recruitment-process .widget-span {
  padding:0;
}
.recruitment-process-testimonial > div >  div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.recruitment-process-testimonial {
  margin: 40px 0 100px 0;
}
.profil-oussama img {
  max-width: 140px;
}
.recruitment-process-testimonial-text {
  padding-left:25px !important;
}
.recruitment-process h2 {
  text-align:left;
}
.recruitment-process p {
  text-align:left;
  color:white;
  margin:10px 0 0 0;
  padding: 0 30px;
}
.recruitment-process-steps > div > div {
  display: flex;
  flex-direction: row;
  flex-wrap:wrap;
  flex: 0 1 16.666666666666667% !important;
  max-width:1200px;
  margin: auto;
}
.puzzle-piece {
  position:relative;
  min-width:165px;
  max-width:165px;
  margin: 0 25px;
}
.puzzle-piece .recruitment-process-time p {
  margin-right:15px;
  margin-top:20px;
  font-weight: var(--font-weight-bold);
}
.puzzle-piece-content {
  position:relative;
  min-width:165px;
  max-width:165px;
}

.puzzle-piece-content p{
  font-size: .875rem;
  line-height: 150%;
}

.puzzle-piece-first-hover {
  opacity:0;
  transition: all 300ms ease-in-out;
}
.puzzle-piece-first {
  position: absolute;
  top:0;
  transition: all 400ms ease-in-out;
}
.puzzle-piece-first-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-55%, -50%);
}
.puzzle-piece:hover .puzzle-piece-first-hover,
.puzzle-piece:hover .puzzle-piece-first {
  opacity: 1;
  transform:scale(1.12);
}
.theodo-life {
  margin-bottom:40px;
}
@media screen and (max-width: 992px){
  .recruitment-process-steps > div > div {
    justify-content:center;
  }
}
@media screen and (max-width: 600px){
  .recruitment-process-testimonial > div >  div {
    flex-direction:column;
  }
  .recruitment-process-steps > div > div {
    justify-content: center;
  }
}


/*============================================

WRAPPER

============================================*/
.wrapper {
  width: 1440px !important;
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  padding: 60px 0px 250px 0;
}

@media screen and (max-width: 1600px){
  .bloc-three-illustrations img {
    max-height: 210px;
    width: 120px !important;
    margin-bottom: 20px;
  }
  .home-challenge-blue h2, .home-challenge-green h2 {
    padding: 10px 35px;
  }
  .home-challenges p {
    font-size: 20px;
    font-weight: var(--font-weight-medium);
    box-sizing: border-box;
  }

}

@media screen and (max-width: 1480px){
  .wrapper {
    width: 1280px !important;
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    padding: 60px 0px 150px;
  }

  .testimonial-container .bottom-placing p {
    margin-top: 5px;
    font-size: 16px;
  }

  .teammate-avatar img {
    max-width: 100%;
  }

  .bloc-three-illustrations .teammate-avatar img {
    max-width: 120px;
  }

  .use-case-page #first-panel .technology-logos .widget-span {
    padding: 0 !important;
    width:33.333333% !important;
    text-align:center !important;
    margin:0 !important;
  }

  .legend-part {
    top: 100px;
  }
  .recompense {
    width: 100% !important;
    margin: 20px 0 !important;
    min-height: 500px !important;
  }
  .scroll-down > div {
    margin-top: 0;
  }

  .slider.panel:after, .panel-angle-left:after, .panel-angle-right:after{
    bottom: -160px;
  }
  .slider .wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .slider .widget-type-logo img {
    max-width: 220px !important;
  }

  .bloc-three-illustrations img {
    max-height: 160px;
  }
  .school-avatar, .school-avatar > div {
    width: 160px !important;
    height: 160px !important;
  }
  .use-case-page .scroll-down > div {
    margin-top: 70px;
    margin-bottom: 0px;
    position: relative;
    display: inline-block !important;
    width: 30px !important;
  }
  .use-case-page .scroll-down {
    margin: 0;
  }

}

@media screen and (max-width: 1380px){
  .wrapper {
    width: 1220px !important;
    max-width: 1220px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    padding: 60px 0px 150px;
  }
  .home-challenges p {
    font-size: 16px;
    font-weight: var(--font-weight-medium);
    box-sizing: border-box;
  }
  .bloc-team h3 {
    font-size: 14px;
  }
  .padding200tb {
    padding: 150px 0 !important;
  }
  .wrapper.last {
    padding: 60px 0 60px 0;
  }
  h1, .page-title h1 {
    color: var(--white-color);
  }
  .recompense-container > div:first-of-type {
    padding: 0;
  }
  .recompense {
    width: 100% !important;
    margin: 20px 0 !important;
    min-height: 340px !important;
  }
}


@media screen and (max-width: 1280px){
  .wrapper {
    width: 980px !important;
    max-width: 980px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    padding: 60px 0px 150px;
  }
   .puzzle-piece {
    position: relative;
    max-width: 16.66666666666% !important;
    margin: 0;
    min-width: initial;
}
  .puzzle-piece-content img {
    max-width: 150px;
}
  .puzzle-piece-first-content img {
    max-width: 40px;
}
  .co-founder-part {
    padding: 0 60px;
  }
  .home-challenge-blue, .home-challenge-green {
    padding: 20px 20px;
  }
  .home-challenges p br {
    content: initial;
    margin: 0;
  }
  .home-challenge-blue h2, .home-challenge-green h2 {
    padding: 10px 20px;
    line-height: 24px;
  }
  .home-challenges img {
    width: 47px !important;
    height: 47px !important;
  }

  .home-challenges .widget-type-linked_image{
    top: -30px;
    left: -30px;
  }

  .home-challenges > div > div > a {
    padding: 0 15px;
  }
  .home-challenge-blue h2 span, .home-challenge-green h2 span {
    font-size: 20px !important;
    line-height: 24px;
  }
  .home-challenges p {
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    box-sizing: border-box;
  }
  .home-challenge-blue > div {
    max-width: 100%;
    box-sizing: border-box;
  }
  .home-challenges p.hashtags {
    font-size: 14px;
    font-weight: var(--font-weight-regular);
    box-sizing: border-box;
  }
  .testimonials > div > .row-fluid > .widget-span > div, .testimonials > div > .row-fluid > .widget-span > div > div, .testimonials > div > .row-fluid > .widget-span > div > div > div, .testimonials > div > .row-fluid > .widget-span .testimonial-container {
    height: initial;
  }
  .use-case-page #first-panel .span3 {
    width: 33.3333333% !important;
  }

  .use-case-page #first-panel .span9 {
    width: 66.666666% !important;
  }
  .bloc-leaders.team-row > .row-fluid-wrapper > .row-fluid > .widget-span {
    width: 20% !important;
    margin: 0 20px !important;
    padding: 0 !important;
  }

  .tech-page .testimonial-container .span3, .tech-page .testimonial-container .span9 {
    width: 100% !important;
    display: block !important;
  }

  .tech-page .testimonial-container .span3, .tech-page .testimonial-container .span9 > div > span > p:first-of-type{
    margin-bottom:30px;
  }

  .case-study-infos h3 {
    font-size: 16px;
    font-weight: var(--font-weight-bold);
  }

  .tech-page .testimonial-container .row-fluid{
    display: block !important;
  }


  .recompense {
    width: 100% !important;
    margin: 20px 0 !important;
    min-height: 400px !important;
  }
  .team-row > .row-fluid-wrapper >.row-fluid >.widget-span {
    width: 16.6% !important;
    margin: 0 0 40px !important;
  }
  .startups-logos-row img{
    max-width:140px;
    display:block;
  }
  .recompense-container > div:first-of-type {
    padding: 0px 30px;
  }

  .recompense-container {
    padding: 0px 60px;
  }

  #system {
    position: relative;
    bottom: 100px;
    left: 50%;
    width: 100%;
    min-height: 240px;
    margin-left: -240px;
  }

  .testimonials > div > .row-fluid > .widget-span {
    margin:0 auto 20px auto !important;
    width: 100% !important;
  }

  .testimonials > div > .row-fluid > .widget-span.margintop40 {
    margin:40px auto 0px auto !important;
    width: 100% !important;
  }

  .testimonials > div > .row-fluid {
    display: block;
  }
  .testimonial-avatar img {
    max-width: 90px;
  }
  h1 br, h2 br {
    content: ' ';
    margin: 0 5px;
  }

  p br {
    content: '';
    margin: 0 3px;
  }

  .school-avatar, .school-avatar > div {
    width: 140px !important;
    height: 140px !important;
  }

  .internal-page iframe {
    width: 100%;
    height: 300px;
    margin-top: 40px;
  }

}

@media screen and (max-width: 1024px){
  .slider .widget-type-logo img {
    max-width: 140px !important;
  }
  .teammate-name {
    margin: 0 0 20px 0;
  }
  .scroll-down {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 992px){
  .wrapper {
    width: 720px !important;
    max-width: 720px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    padding: 60px 0px 150px 0;
  }
 .puzzle-piece {
    position: relative;
    max-width: 33.3333333% !important;
    margin: 0;
    width: 100% !important;
    min-width: initial;
    display: flex !important;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}
 .puzzle-piece-content img {
    max-width: 100%;
}
.puzzle-piece-content {
    position: relative;
    max-width: calc(100% - 40px);
    margin: auto !important;
    display: block !important;
    float: none !important;
}
  
  .panel h1 {
    max-width: 100%;
    margin: 1rem auto;
  }
  .tablet-mobile-rotate > div > .row-fluid, .tablet-mobile-rotate > div > .row-fluid > div {
    transform: rotate(180deg);
  }
  .contact-form {
    margin-bottom: 20px !important;
    margin-top: 50px !important;
  }
  .home-challenges p br {
    content: '';
    margin: 0 2px;
  }
  .home-challenges p {
    font-size: 17px;
    font-weight: var(--font-weight-medium);
    box-sizing: border-box;
  }
  .home-challenges > div > div > a {
    padding: 0 30px;
    flex-basis: 50%;
    width: 50% !important;
    margin: 60px 0 0 0;
  } 
  .home-challenge-blue, .home-challenge-green {
    padding: 20px 20px !important;
  }
  .home-challenge-blue h2, .home-challenge-green h2 {
    padding: 5px 20px;
    line-height: 24px;
  }
  .align-items > div > div{
    display: block !important;
    align-items:initial;
    flex-flow:initial;
  }
  .home-challenges .widget-type-linked_image {
    top: -40px;
    left: -40px;
    margin: 0;
  }
  .bloc-three-illustrations .teammate-avatar img {
    max-width: 100px;
  }

  .teammate-avatar img {
    max-width: 140px;
    box-sizing: border-box;
    width: 100%;
  }

  .display-flex .testimonial-logo.small img {
    max-width: 100px !important;  
  }
  .use-case-page p, .use-case-page span, .use-case-page .main-content h2 {
    text-align: left !important;
  }
  .span6 {
    width: 100% !important;
  }

  .story-page .span6 {
    width: 100% !important;
  }
  .case-study-infos{
    min-height:initial !important;
  }
  .contact-form {
    padding: 30px !important;
  }
  .use-case-page #first-panel .technology-logos .widget-span {
    padding: 0 !important;
    width: initial !important;
    text-align: center !important;
    margin: 0 10px !important;
  }

  .use-case-page #first-panel .technology-logos .widget-span img {
    width: initial!important;
    max-height: 60px !important;
  }

  .use-case-page #first-panel .technology-logos{
    margin: 40px 0 0 0!important;
  }
  .story-page .padding60tb, .academy-page .padding60tb, .team-page .padding60tb {
    padding: 0 0 60px 0 !important;
  }
  .team-page .slider img {
    margin-bottom: 40px;
  }
  .tech-page .bloc-three-illustrations .span4 {
    width: 100% !important;
  }
  .small-p {
    width: 100%;
  }
  .padding20lr {
    padding: 0 0px !important;
  }
  .story-page .page-title {
    margin-bottom: 40px;
  }

  .margintop60 {
    margin-top: 0px;
  }

  .bloc-team {
    margin-top: 40px;
  }

  .home .bloc-three-illustrations .widget-span {
    width: 100% !important;
  }
  .mobile-rotate >.row-fluid-wrapper > .row-fluid, .mobile-rotate >.row-fluid-wrapper > .row-fluid > div{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    display:block !important;
    width:100% !important;
  }
  .case-study-image {
    margin-top: 0 !important;
  }
  .display-table-row > div > div > div {
    width: 100% !important;
    display: block!important;
  }
  .display-table-row > div > div {
    width: 100% !important;
    display: block!important;
  }
  .recompense-container {
    padding: 0px 20px;
  }
  .bloc-leaders.team-row > .row-fluid-wrapper > .row-fluid > .widget-span {
    width: 24% !important;
    margin: 0 !important;
  }
  .testimonials .row-fluid > .span6:nth-child(odd):hover .testimonial-container, .testimonials .row-fluid > .span6:nth-child(even):hover .testimonial-container {
    box-shadow: -0px 0px 0px rgba(0,0,0,.2);
    position: relative;
    left: 0px;
  }

  .testimonial-container .testimonial-avatar img {
    display: block;
    margin: 20px auto 30px auto;
    max-width: 100% !important;
    width: 140px !important;
  }

  .bottom-placing {
    position: initial;
    width: 100%;
    bottom: 16px;
    left: 0;
    padding: 0 20px;
  }
  .recompense {
    width: 100% !important;
    margin: 30px 0 !important;
    min-height: initial !important;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(255,255,255,.3);
  }
  .contact-spacer, .contact-form {
    float: left !important;
    margin: 0 !important;
  }

  .phone-img img {
    height: 420px;
    width: auto !important;
  }
  .recompenses-row > .row-fluid-wrapper {
    display: inline-block;
    float: left;
    width: 100% !important;
  }
  .startups-logos-row.display-flex img {
    max-width: 100px !important;
    display: block;
  }

  .customer-row>div>.row-fluid>.widget-span{
    margin: 0px auto!important;
  }

  .customer-row > div > .row-fluid {
    padding-top: 15px;
    display: flex;
  }

  .case-study-row > .row-fluid-wrapper {
    width: 50% !important;
  }

  .use-case-page .sidebar .widget-type-linked_image , .logo-function p{
    margin-top: 0;
    text-align: center !important;
  }

  .use-case-page #first-panel .wrapper >.row-fluid-wrapper > .row-fluid > .widget-span {
    width: 100% !important;
    text-align: center;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .use-case-page #first-panel .wrapper >.row-fluid-wrapper > .row-fluid{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }


  .float-animation {
    padding: 20px 0;
  }
  .display-flex img {
    display: block;
    margin: 0px auto 0 auto;
    max-width: 100% !important;
  }
  #system {
    position: relative;
    bottom: 100px;
    left: 20px;
    width: 500px;
    height: initial;
    margin-left: auto;
    margin-right: auto;
  }
  .display-flex > div > div > div > div > * {
    display: block;
    vertical-align: middle;
    margin: auto;
  }
  .internal-page iframe {
    width: 100%;
    height: 550px;
    margin-top: 40px;
  }
  .bizdev-page .text-align-left, .story-page .text-align-left {
    text-align: center;
  }

  .team-row > .row-fluid-wrapper >.row-fluid >.widget-span {
    width: 24% !important;
    margin: 0 0 30px !important;
    float: left !important;
    padding: 0 30px;
  }

  .display-flex > div > div > div > div {
    display: block !important;
    vertical-align: middle;
    height: initial;
    text-align: center;
    width:100% !important;
  }
  .display-flex > div > div {
    display: block !important;
  }
  .display-flex > div > div > div {
    flex-flow: column !important;
    align-items: center !important;
    display: flex !important;
    width: 100% !important;
    margin:0 auto !important;
  }

  .display-flex > div > div > div > div .row-fluid {
    display: block;
    vertical-align: middle;
    margin: 0 !important;
  }

  .academy-page .display-flex > div > div > div > div .row-fluid {
    display: table-cell !important;
    text-align:center !important;
  }

  .academy-page .display-flex > div > div > div > div .row-fluid img{
    margin: 0 auto !important;
  }

  .academy-page .display-flex > div > div > div > div{
    display: table !important;
    height: 150px;
  }

  .internal-page iframe {
    height: 400px;
  }
  .team-row{
    padding: 0;
  }
  .school-avatar * {
    height: 100%;
    margin-top: 0 !important;
    background-size: 100% !important;
  }
  .widget-type-linked_image {
    margin-top: 40px;
    text-align: center !important;
  }

  .bloc-project-team .text-align-left {
    text-align: center;
  }

  .tech-page .bloc-three-illustrations h3 {
    margin: 0 0 0px 0;
    text-align: center;
  }
  .page-title {
    text-align: center;
  }
  .tech-page .white.text-align-left.padding60tb {
    padding-top: 20px !important;
  }

  .bloc-project-team .span3 {
    width: 50% !important;
    float: left;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 20px 20px 20px;
  }

  .bloc-three-illustrations img {
    max-height: 120px;
  }

  .testimonial-container .widget-span {
    width: 100% !important;
    display: block !important;
    margin:0 !important;
  }
  .testimonial-container > div > .row-fluid{
    width: 100% !important;
    display: block !important;
  }

  .testimonial-container .text-align-justify{
    text-align:center;
  }

  .testimonial-container .text-align-right {
    font-size: 12px;
    text-align: center;
    margin-bottom: 0;
    margin-top: 20px;
  }

  .bloc-leaders .span6 {
    margin: 0 80px !important;
  }
  .school-avatar, .school-avatar > div{
    width: 80px !important;
    height: 80px !important;
  }

  .school-avatar{
    margin: 0px 10px !important;
  }
  .padding100lr {
    padding: 0 !important;
  }

  .slider.panel:after, .panel-angle-left:after, .panel-angle-right:after {
    bottom: -180px;
  }
  .bloc-leaders {
    margin-top: 40px !important;
  }
  .team-row .span3 {
    width: 25% !important;
    float: left !important;
  }
  .team-row .span3 {
    width: 25% !important;
    float: left !important;
    margin-left: 0 !important;
  }
  .hide-on-mobile {
    display: none!important;
  }
  .show-on-mobile {
    display: block!important;
  }
  .body-container-wrapper {
    padding-top: 0;
  }
  body{
    position: relative;
    left: 0px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
  }

  .technology-logos .widget-span {
    margin: 0 20px !important;
    float: none;
    display: inline-block !important;
  }

  .co-founder-part {
    padding: 0 20px;
  }
  .widget-span {
    padding-left: 0;
    padding-right: 0;
  }
  h3 {
    text-align: center;
  }
  .tech-page .mobile-rotate {
    margin-top: 40px;
  }
  .tech-page .testimonial-container, .testimonial-page .testimonial-container {
    padding: 20px !important;
  }
  .tech-page h3 {
    margin-bottom: 40px;
  }
  .use-case-page .slider {
    background-attachment: initial!important;
    background-position: 50%!important;
    background-size: cover !important;
  }
  .tech-page .bloc-project-team h3 {
    margin-bottom: 0;
  }

}

.bloc-project-team .widget-span {
  padding: 0 20px;
}


@media screen and (max-width: 768px){
  .startups-logos-row > span {
    flex-flow: row wrap;
  }
  .wrapper {
    width: 560px !important;
    max-width: 560px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    padding: 60px 0px 130px 0px;
  }
  .contact-spacer, .contact-form {
    width: 100% !important;
    float: left !important;
  }
  .rocket-img-container .span4 {
    float: none;
    margin: auto !important;
  }
  .legend-part {
    display: none !important;
  }
  .story-page .parallax-img {
    background-attachment: initial !important;
  }
  .button.multiple {
    margin: 20px;
  }
  .tech-page .testimonials .display-flex>div>div>.span6:first-of-type, .tech-page .testimonials .display-flex>div>div>.span6:last-of-type {
    padding: 0px;
    background: none;
    position: initial!important;
    left: 0px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    width: 100%!important;
    margin: 1% 0 !important;
  }
  .customer-row>div>.row-fluid, .school-row>div>.row-fluid {
    width: 33.333333333%;
  }
  .customer-row>div>.row-fluid>.widget-span, .school-row>div>.row-fluid>.widget-span {
    margin: 20px auto!important;
  }
  .use-case-page .main-content h2 {
    margin-bottom: 20px;
    text-align: left;
  }
  .process-block .margintop100 {
    margin-top: 0;
  }
  .bloc-leaders.team-row > .row-fluid-wrapper > .row-fluid > .widget-span {
    width: 49% !important;
    margin: 0 !important;
  }
  .homepage .bloc-three-illustrations .span4 {
    width: 100% !important;
  }
  .panel .testimonial-container {
    padding: 20px !important;
  }
  .display-table-row > div > div , .display-table-row > div > div > div {
    display: block!important;
  }
  .contact-page .slider {
    padding-top: 40px;
  }
  .contact-page.internal-page .slider .wrapper {
    padding-top: 60px;
  }

  .contact-coordonnees {
    display: none;
  }

  .legend-part {
    top: 150px;
    bottom: initial;
    right: 0;
  }
  .case-study-row > .row-fluid-wrapper {
    width: 100% !important;
  }
  .case-link .widget-type-linked_image {
    margin-top: 0px;
  }

  .customer-avatar{
    background-position-y: 100% !important;
  }

  .span6 {
    width: 100% !important;
  }
  .phone-img img {
    height: initial;
    width: auto !important;
  }
  .internal-page iframe {
    height: 310px;
  }
  .slick-slide img {
    border: 5px solid white !important;
  }

  .bloc-three-illustrations img {
    max-height: 150px;
  }
  .bloc-three-illustrations h3 {
    margin: 0 0 40px 0;
  }
  .school-avatar, .school-avatar > div {
    width: 80px !important;
    height: 80px !important;
  }
  .school-row.margin20tb {
    margin: 10px 0 !important;
  }
  .bloc-leaders h3, .teammate-name h3 {
    margin: 0 0 0px 0 !important;
  }
  .teammate-name {
    margin: 10px 0 30px 0;
  }

  .bloc-leaders .row-fluid > .span6:last-of-type .teammate-name {
    margin: 10px 0 0px 0;
  }
  .phone-img {
    position: relative;
    height: 180px;
    z-index: 2;
  }
  .use-case-page p, .use-case-page span {
    text-align: left !important;
  }

  .use-case-page .sidebar p, .use-case-page .sidebar span{
    text-align: center !important;
  }

}

@media screen and (max-width: 600px){
  .wrapper {
    width: 440px !important;
    max-width: 440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    padding: 60px 0 110px 0;
  }
 .puzzle-piece {
    max-width: 50% !important;
}
  .widget-span.max-width-75 {
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
  }
  h1, .panel h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  h4 {
    font-size: 1rem;
  }
  .contact-page .slider{
    padding-top: 0px;
  }
  .home-challenge-blue, .home-challenge-green {
    text-align: center;
  }


  .home-challenges > div > div > a {
    padding: 0 30px;
    flex-basis: 100%;
    width: 100% !important;
    margin: 60px 0 0 0;
  }
  .body-container .home-challenges .widget-type-linked_image {
    top: -40px;
    left: -40px;
    margin: 0;
    width: 77px !important;
  }
  .customer-row>div>.row-fluid>.widget-span{
    margin: 0px auto!important;
  }
  .legend-part {
    display: none !important;
  }
  .span12.panel .span12.bottom-placing {
    padding: 0px;
  }
  .homepage .panel .testimonial-container {
    padding: 0px!important;
  }
  .tech-page .testimonials .display-flex > div > div > .span6:first-of-type, .tech-page .testimonials .display-flex > div > div > .span6:last-of-type {
    padding: 0px;
    background: none;
    position: initial !important;
    left: 0px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    width: 100% !important;
    margin: 0 !important;
  }
  #system {
    left: -20px;
    top:-100px;
  }
  .legend-part > div > div > .span12 > div > div > div {
    display: inline-block;
    vertical-align: middle;
    float: none !important;
    width: initial !important;
    margin: 0;
  }
  .button.multiple {
    margin: 0 0px 20px 0;
    display: block;
  }

  .team-row > .row-fluid-wrapper >.row-fluid >.widget-span {
    width: 33% !important;
    margin: 0 0 30px !important;
    float: left !important;
  }
  .team-page .school-row .school-avatar {
    width: 150px !important;
  }
  .startups-logos-row.display-flex img {
    max-width: 180px !important;
    display: block;
  }

  .startups-logos-row.margintop60{
    margin-top: 0 !important;
  }

  .story-page .customer-row .customer-avatar, .story-page .customer-row .customer-avatar > div {
    width: 130px !important;
    height: 130px;
    display: block !important;
  }

  .customer-row > div > .row-fluid {
    padding-top: 15px;
    display: block;
  }
  .small-p {
    width: 100%;
  }

  .phone-img {
    position: relative;
    height: 100px;
    z-index: 2;
  }
  .bloc-project-team .span3 {
    width: 100% !important;
    float: left;
    text-align: center !important;
  }

  .button.large {
    min-width: 440px;
  }
  .teammate-name h3 {
    font-size: 16px;
  }
  .school-avatar, .school-avatar > div {
    width: 145px !important;
    height: 145px !important;
    margin-bottom: 20px !important;
  }
  .school-row.margin20tb {
    margin: 0 !important;
  }

  .co-founder-part {
    padding: 0;
  }
  .body-container .span1, .body-container .span2, .body-container .span3, .body-container .span4, .body-container .span5,
  .body-container .span6, .body-container .span7, .body-container .span8, .body-container .span9, .body-container .span10, 
  .body-container .span11, .body-container .span12 {
    width: 100% !important;
  }
  .testimonial-container {
    padding: 20px !important;
  }
  .testimonial-container .text-align-justify {
    text-align: center;
    font-size: 16px;
    line-height: 22px;
  }
  .testimonial-logo > div > span > img {
    margin-top: 0 !important;
  }
  .button {
    padding-left: 20px;
    padding-right: 20px;
  }

}

@media screen and (max-width: 480px){
  .wrapper {
    width: 400px !important;
    max-width: 400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
  }
  .startups-logos-row > span {
    flex-flow: column;
  }
  .customer-row>div>.row-fluid{
    width: 50%;
  }

  .school-row>div>.row-fluid {
    width: 50%;
    margin-bottom:10px;
  }

  .customer-row>div>.row-fluid>.widget-span, .school-row>div>.row-fluid>.widget-span {
    margin: 20px auto!important;
  }
  .internal-page.use-case-page .phone-img {
    display:none;
  }
  .use-case-page h1 {
    font-size: 23px;
    line-height: 28px;
  }

  .team-page .school-row .school-avatar {
    width: 85px !important;
  }
  .case-study-row {
    margin-top: 40px !important;
  }
  .margintop100 {
    margin-top: 20px;
  }
  .bloc-leaders.team-row > .row-fluid-wrapper > .row-fluid > .widget-span {
    width: 50% !important;
    margin: 0 !important;
  }
  .team-row > .row-fluid-wrapper >.row-fluid >.widget-span {
    width: 49.8% !important;
    margin: 0 0 40px !important;
    float: left !important;
  }

  .process-block img {
    max-height: 160px;
    width: auto !important;
    margin: 20px 0;
  }
  .button.large {
    min-width: 400px;
  }
  .team-row .span3 {
    width: 50% !important;
    float: left !important;
  }

  .school-avatar, .school-avatar > div {
    width: 85px !important;
    height: 85px !important;
    margin-bottom: 20px !important;
  }
  .rounded {
    margin: 0 auto 20px auto !important;
    display:block !important;
  }
  form.hs-form fieldset[class*="form-columns"] .hs-input:not([type="checkbox"]) {
    width: 100% !important;
  }
  .legend-part {
    top: 150px;
    bottom: initial;
    right: -220px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
  }

  .legend-part.active {
    top: 150px;
    bottom: initial;
    right: 0px;
  }
  .legend-part:before {
    display: block;
    content: '\f067';
    font-family: fontAwesome;
    padding: 8px 14px;
    color: var(--white-color);
  }

  .legend-part.active:before {
    display: block;
    content: '\f068';
    font-family: fontAwesome;
    padding: 8px 14px;
    color: var(--white-color);
  }

}

@media screen and (max-width: 420px){
  .wrapper {
    width: 340px !important;
    max-width: 340px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
  }
   .puzzle-piece {
    max-width: 100% !important;
}
  .tech-page h3 {
    margin-bottom: 20px;
    text-align: left !important;
  }

  .bizdev-page.internal-page .body-container-wrapper ul{
    text-align: left;
    padding-left: 1.75rem;
  }

  .tech-page .body-container-wrapper p {
    margin: 20px 0;
    text-align: left;
  }

  .bizdev-page.internal-page .body-container-wrapper .button.green-bg {
    display: block;
    text-align: center;
  }
  .span2.puzzle-piece {
    margin: auto !important;
  }
  .recruitment-process p {
    padding: 0;
    line-height: 150%;
  }
  .bizdev-page.internal-page .body-container-wrapper ul, .bizdev-page.internal-page .body-container-wrapper p{
    text-align: left;
    line-height: 150%;
  }
  .bizdev-page .display-flex .span6{
    padding-right: 0 !important;
  }
  .customer-row>div>.row-fluid>.widget-span , .school-row>div>.row-fluid>.widget-span {
    margin: 10px auto!important;
  }
  .testimonial-container > div:first-of-type > .row-fluid > .display-flex {
    padding-bottom: 0px;
  }
  .scroll-down  {
    margin-top: 30px;
    margin-bottom:0;
  }
  .slider .widget-type-logo {
    display: none;
  }

  .button.multiple {
    margin: 0 0px 20px 0;
    display: block;
  }
  .contact-form {
    padding: 20px !important;
  }
  .legend-part > div > div > .span12 > div > div > div {
    display: table-cell;
    vertical-align: middle;
    float: none !important;
    width: initial !important;
    text-align: left !important;
  }
  .padding20lr {
    padding: 0 !important;
  }
  p {
    margin: 20px 0;
  }
  h1, h2, h3 {
    text-align: center;
  }

  .school-row .school-avatar, .school-row  .school-avatar > div {
    width: 85px !important;
    height: 85px !important;
    margin-bottom: 20px !important;
  }

  .tech-page .testimonial-container {
    margin-top: 40px;
  }
  .slider.panel:after {
    bottom: -220px;
  }
  .button.large {
    min-width: 100%;
  }
  .testimonial-logo > div > span > img {
    margin-top: 0 !important;
    max-width: 100px !important;
    margin-bottom: 20px;
  }
  .phone-img {
    position: relative;
    height: 60px;
    z-index: 2;
  }
  #system {
    left: 0px;
  }
  .header-fix .wrapper.pt-3.pb-8.center h1,
  .header-fix .wrapper.pt-3.pb-8.left h1 {
    padding-top: 70px !important;
  }
}

@media screen and (max-width: 380px){
  .wrapper {
    width: 280px !important;
    max-width: 280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
  }
  .homepage .slider p {
    font-size: 14px;
    max-width: 100%;
  }
  .slider.panel:after, .panel-angle-left:after, .panel-angle-right:after {
    bottom: -225px;
  }

  .customer-row>div>.row-fluid>.widget-span, .school-row>div>.row-fluid>.widget-span {
    margin: 0px auto!important;
  }

  #system {
    display:none;
  }

}

@media screen and (max-width: 320px){
  .wrapper {
    width: 260px !important;
    max-width: 260px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    padding: 60px 0px;
  }
  .testimonial-page .customer-row > div > .row-fluid > .widget-span, .school-row > div > .row-fluid > .widget-span {
    width: 50% !important;
  }
  .internal-page iframe {
    height: 170px;
  }

}

@media screen and (max-width: 280px){
  .wrapper {
    width: 240px !important;
    max-width: 240px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    padding: 60px 0px;
  }
}

.homepage .slider .page-title {
  margin: 2rem auto;
}

/*CUSTOMERS PAGE MODULE TABS + CAROUSEL */

.wrapper-custom > div {
  max-width:1200px;
  margin:auto;
}

.tabs-customers {
  padding: 0 10% !important;
}

.tabs-customers ul {
  display: flex !important;
  flex-flow: row wrap;
  justify-content: center;
}
.tabs-customers ul li {
  margin-top:15px;
}
.tabs-customers ul li span{
  display: flex !important;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  background: var(--white-color);
  padding: 5px;
  box-sizing: border-box;
  border-radius: 3px;
  margin-right: 10px;
  transition: all 200ms ease-in-out;
  border: var(--white-color) 4px solid;
}

.tabs-customers ul li img {
  max-width: 120px;
  max-height: 40px;
  width:auto;
}

.tabs-customers ul li span:hover,
.tabs-customers ul li span:focus,
.tabs-customers ul li span:active {
  border: var(--third-color) 4px solid;
}

.tabs-customers ul li span.disabled {
  background: rgba(255, 255, 255, 1);
  cursor:default;
  border: var(--white-color) 4px solid;
}

.tabs-customers ul li span.disabled:hover {
  transform: scale(1);
  transform-origin: 0;
}

.tabs-customers ul li a, .tabs-customers ul li a span{
  height: 100%;  
}
.testimonial-page .carousel-part .slick-slide img {
  border: 0 !important;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  margin: auto !important;
  max-width: 100% !important;
  max-height:auto;
}

.testimonial-page .carousel-part .slick-slide .customer-logo-tab img {
  max-width: 180px !important;
  margin-left: 0 !important;
  max-height: 40px;
  width: auto !important;
}

.carousel-part .text h2, .carousel-part .text h3, .carousel-part .text p {
  color: var(--black-color);
}

.carousel-part .text h2, .carousel-part .text h3, .carousel-part .text p:first-child {
  margin-top:50px;
}

.carousel-part .text a{
  color: var(--first-color);
}

.slick-slider .slick-prev:before,
.slick-slider .slick-next:before {
  font-size: 40px;
}

.carousel-part .tab-content {
  background: var(--white-color);
  padding: 30px;
  border-radius: 10px;
  min-height:450px;
  opacity:0;
  transition: opacity 400ms ease-in-out;
}

.carousel-part .slick-current .tab-content {
  opacity:1;
  transition: opacity 400ms ease-in-out;
}

.slick-slide {
  transition:opacity 400ms ease-in-out;
}

.slick-current {
  opacity:1;
}

.slick-slide.slick-current {
  position: relative;
  box-shadow: 0 10px 30px 0px rgba(0,0,0,0);
}

.carousel-part .tab-content .flexer-inner > div > .row-fluid {
  display: flex;
  flex-flow: row;
  justify-content: center;
}
.mb-5{margin-bottom:50px;}

.internal-page.testimonial-page .slider .wrapper.padding-bottom-plus{
  padding-bottom: 180px;
}

.internal-page.testimonial-page .button-row {
  text-align: center;
  position: absolute;
  transform: translateY(50%);
  bottom: 0;
  z-index: 9;
}
.internal-page.testimonial-page .button-row a {
  color:var(--white-color);
}

.internal-page.testimonial-page  .carousel-part .slick-list{
  overflow:visible;
}

.internal-page.testimonial-page .carousel-part a.button.green-bg:hover {
  background-color: var(--third-color);
  color: rgba(255,255,255,0.8);
  opacity:1;
}

.internal-page.testimonial-page .slick-prev,
.internal-page.testimonial-page .slick-next
{
  font-size: 0;
  line-height: 0;

  position: absolute;
  top: 50%;
  z-index:99;

  display: block;

  width: 40px;
  height: 40px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);

  cursor: pointer;

  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.internal-page.testimonial-page .slick-prev:hover,
.internal-page.testimonial-page .slick-prev:focus,
.internal-page.testimonial-page .slick-next:hover,
.internal-page.testimonial-page .slick-next:focus
{
  color: transparent;
  outline: none;
  background: transparent;
}
.internal-page.testimonial-page .slick-prev:hover:before,
.internal-page.testimonial-page .slick-prev:focus:before,
.internal-page.testimonial-page .slick-next:hover:before,
.internal-page.testimonial-page .slick-next:focus:before
{
  opacity: 1;
}
.internal-page.testimonial-page .slick-prev.slick-disabled:before,
.internal-page.testimonial-page .slick-next.slick-disabled:before
{
  opacity: .25;
}

.internal-page.testimonial-page .slick-prev:before,
.internal-page.testimonial-page .slick-next:before
{
  font-family: 'slick';
  font-size: 40px;
  line-height: 1;

  opacity: 1;
  color: var(--white-color);

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.internal-page.testimonial-page .slick-prev
{
  left: -95px;
}

.internal-page.testimonial-page .slick-prev:before
{
  content: '←';
}


.internal-page.testimonial-page .slick-next
{
  right: -95px;
}

.internal-page.testimonial-page .slick-next:before
{
  content: '→';
}


@media (max-width:992px){
  .carousel-part .tab-content .flexer-inner > div > .row-fluid {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
  }
  .homepage .slider p {
    font-size: 16px;
    max-width: 100%;
    line-height: 160%;
  }
  .tabs-customers ul {
    display: flex !important;
    flex-flow: row;
    justify-content: center;
  }
  .carousel-part .widget-type-linked_image {
    margin-top: 0;
    margin:auto !important;
    text-align: center !important;
  }
  .testimonial-page .carousel-part .slick-slide .customer-logo-tab img {
    max-width: 180px !important;
    margin-left: auto !important;
    max-height: 40px;
    width: auto !important;
  }
  .carousel-part h2 {
    text-align: center;
  }
  .tabs-customers ul {
    display: flex !important;
    flex-flow: row wrap;
    justify-content: center;
  }
  .tab-content .flexer-inner img.hs-image-widget {
    margin-bottom: 30px !important;
  }
  .tab-content .flexer-inner .customer-logo-tab img{
    margin-bottom: 0px !important;
  }
  .tabs-customers ul li {
    width: 30%;
    margin: 1.66666666666%;
  }
  .tabs-customers ul li span,  .tabs-customers ul li a{
    width:100%;
    transition: all 200ms ease-in-out;
  }
  .startups-logos-row > span > div {
    padding: 2rem;
  }
}

@media (max-width:600px){

  .tabs-customers ul li img {
    max-width: 100%;
    max-height: 40px;
    width: auto;
  }
  .slick-slide.slick-current{
    opacity:1;
  }

  .internal-page.testimonial-page .carousel-part .slick-list {
    padding: 0 !important;
  }
}