/* SLIDER STRUCTURE */
body, html {
  margin: 0;
  padding: 0;
}
.container-quote {
  position: relative;
  width: 100%;
  margin-top: 120px;
  height: 135px;
  -webkit-perspective: 10000px;
  -moz-perspective: 10000px;
  -ms-perspective: 10000px;
  perspective: 10000px;

}

.container-quote .quote {
  width: 520px;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 50%;
  cursor: pointer;
  text-align: center;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 1s cubic-bezier(0.5,  -0.01,  0,  1.005);
  -moz-transition: all 1s cubic-bezier(0.5,  -0.01,  0,  1.005);
  -o-transition: all 1s cubic-bezier(0.5,  -0.01,  0,  1.005);
  transition: all 1s cubic-bezier(0.5,  -0.01,  0,  1.005);
  opacity: 0;
  -webkit-transform: translateX(-50%) translateY(100%) rotateX(-70deg);
  -moz-transform: translateX(-50%) translateY(100%) rotateX(-70deg);
  -ms-transform: translateX(-50%) translateY(100%) rotateX(-70deg);
  -o-transform: translateX(-50%) translateY(100%) rotateX(-70deg);
  transform: translateX(-50%) translateY(100%) rotateX(-70deg);

}
.quote:before {
  background: 0px 0px no-repeat url('quote.png');
  background-size: 50px;
  width: 100px;
  height: 100px;
  top: calc(50% - 50px);
  left: -70px;
  position: absolute;
  content: "";
}
.container-quote .quote.hide-top {
  opacity: 0;
  -webkit-transform: translateX(-50%) translateY(-100%) rotateX(70deg);
  -moz-transform: translateX(-50%) translateY(-100%) rotateX(70deg);
  -ms-transform: translateX(-50%) translateY(-100%) rotateX(70deg);
  -o-transform: translateX(-50%) translateY(-100%) rotateX(70deg);
  transform: translateX(-50%) translateY(-100%) rotateX(70deg);
}
.container-quote .quote.show {
  opacity: 1;
  -webkit-transform: translateX(-50%) translateY(0%) rotateX(0deg);
  -moz-transform: translateX(-50%) translateY(0%) rotateX(0deg);
  -ms-transform: translateX(-50%) translateY(0%) rotateX(0deg);
  -o-transform: translateX(-50%) translateY(0%) rotateX(0deg);
  transform: translateX(-50%) translateY(0%) rotateX(0deg);
}
.container-quote .quote.hide-bottom {
}
.container-quote .quote p {
  color: #404e5b;
  font-size: 20px;
  display: block;
}
.container-quote .quote .container-info {
  display: inline-block;
  /*padding-left: 40px;*/
  position: relative;
  /*margin-top: 20px;*/
  text-align: center;
}
.container-quote .quote .container-info .pp {
  height: 24px;
  width: 24px;
  border-radius: 100%;
  position: absolute;
  left: 0px;
  top: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 120%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.container-quote .quote-text-1 .container-info .pp {
  background-image: url(/img/1-Techstars-BertierLuyt@2x-96cffb05edec12e27a28b8005772835e9be8b967a20b5887446f40d94d7309e0.png);
}
.container-quote .quote-text-2 .container-info .pp {
  background-image: url(/img/2-Drapo-JulianAroun@2x-ce340df8a1ab59f9df06cab7499da53d10e5386f43a02820a09968efd308c2eb.png);
}
.container-quote .quote-text-3 .container-info .pp {
  background-image: url(/img/3-ThibautDumontet@2x-466f4217d54c086894d83e94cb87baed53a6a91d0b94800e81292e059824eff2.png);
}
.container-quote .quote-text-4 .container-info .pp {
  background-image: url(/img/4-Totem-RafaeldeLavergne@2x-19d0a6b9b97a1901c7f11eedf56945e48253bfa0aa04b390f784f0d08c2bd34c.png);
}
.container-quote .quote-text-5 .container-info .pp {
  background-image: url(/img/5-Worldia-GregoirePasquet@2x-16d2e58e280ce8618e42e7cf24d57d3ddda0482b9b1881a53d6a841e2c48ef66.png);
}
.container-quote .quote .container-info .name {
  color: #767676;
  font-size: 14px;
}
.container-quote .quote .container-info .job {
  color: #767676;
  font-size: 11px;
}
iframe {
    box-shadow: 0px 10px 30px 0px rgb(45 45 45 / 50%);
}

.footer_last {
    border-top: 6px solid #c12030;
    padding: 20px 0;
    padding-bottom: 15px;
    text-align: center;
    font-size: 13px;
    background-color:#ffffff;
}

.footer_last p {
    color: #5c6166;
    margin: 0;

    font-weight: 300;
}
.footer_last p a {
    color: #5c6166;
}

.btn-cta{
    text-align: center;
    color: #fff;

    padding: 5px 25px;

    font-size: 24px;
    font-weight: 600;
    text-transform: inherit;
    transition: .2s ease-in;
    box-shadow: 0px 10px 30px 0px rgb(45 45 45 / 50%);
}

#reel-container{
    text-align: center;
    width:100%;
    height:0;
    position:relative;
    margin-bottom: 100px;
    padding-bottom: 56.25%;
}
#ytplayer{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.btn-supdeco{
    background: #c12030;
    border: 2px solid #c12030;
    color:#fff;
}