@font-face {
  font-family: 'Conv_Gotham Light';
  src: url('../fonts/gotham-light-webfont.woff2') format('woff2'), url('../fonts/gotham-light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Conv_Gotham Narrow Bold';
  src: url('../fonts/GothamNarrow-Bold.woff2') format('woff2'), url('../fonts/GothamNarrow-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Conv_Gotham Narrow Book';
  src: url('../fonts/GothamNarrow-Book.woff2') format('woff2'), url('../fonts/GothamNarrow-Book.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
#home {
  width: 100%;
  height: 50%;
  margin: 0 auto 0 auto;
  position: relative;
  display: table;
  color: #111111;
  background-color: #f9f7f6;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (max-width: 640px) {
  #home {
    padding: 0px;
  }
}
#home .arrow {
  background-image: url("../images/icons/icon/arrow.png");
  height: 12px;
  width: 23px;
  position: absolute;
  left: 50%;
  margin-left: -12px;
  top: 50%;
  margin-top: 140px;
}
@media screen and (min-width: 1170px) and (min-height: 716px) {
  #home .arrow {
    margin-top: 180px;
  }
}
@media screen and (min-width: 1316px) and (min-height: 806px) {
  #home .arrow {
    margin-top: 220px;
  }
}
#home .content-valign {
  display: table-cell;
  vertical-align: middle;
}
#home a {
  text-decoration: none;
  color: black;
}
#home .content-wrapper {
  display: block;
  text-align: center;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 300px;
  height: 440px;
  background-size: cover;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (min-width: 640px) and (min-height: 768px) {
  #home .content-wrapper {
    width: 640px;
    height: 391px;
  }
}
@media screen and (min-width: 896px) and (min-height: 550px) {
  #home .content-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 896px;
    height: 550px;
    margin-left: -448px;
    margin-top: -275px;
  }
}
@media screen and (min-width: 1170px) and (min-height: 716px) {
  #home .content-wrapper {
    width: 1170px;
    height: 716px;
    margin-left: -585px;
    margin-top: -358px;
  }
}
@media screen and (min-width: 1316px) and (min-height: 806px) {
  #home .content-wrapper {
    width: 1316px;
    height: 806px;
    margin-left: -658px;
    margin-top: -403px;
  }
}
@media screen and (min-width: 1462px) and (min-height: 896px) {
  #home .content-wrapper {
    margin-left: -731px;
    margin-top: -448px;
    width: 1462px;
    height: 896px;
  }
}
#home .content-wrapper .left,
#home .content-wrapper .right {
  display: inline-block;
  vertical-align: top;
  width: 23%;
  text-align: left;
  height: 94%;
  margin-top: 10px;
}
#home .content-wrapper .left {
  text-align: left;
}
#home .content-wrapper .right {
  text-align: right;
  position: relative;
}
#home .content-wrapper .right svg {
  position: absolute;
  right: 0px;
  top: 0px;
}
#home .content-wrapper .content {
  text-align: center;
  display: table;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
}
#home .content-wrapper .content .content-valign {
  display: table-cell;
  vertical-align: middle;
}
#home .content-wrapper .content .catch-phrase {
  text-transform: uppercase;
  font-family: 'Conv_Gotham Narrow Book';
  letter-spacing: 0.06em;
  font-size: 13px;
  margin-top: 45px;
  margin-bottom: 20px;
}
@media screen and (min-width: 895px) and (min-height: 549px) {
  #home .content-wrapper .content .catch-phrase {
    margin-top: 85px;
  }
}
#home .content-wrapper .content .cursor {
  width: 14px;
  height: 4px;
  background-color: black;
  display: inline-block;
}
#home .content-wrapper .content .contact-us {
  margin-top: 20px;
}
@media screen and (min-width: 1169px) and (min-height: 716px) {
  #home .content-wrapper .content .contact-us {
    margin-top: 92px;
  }
}
#home .content-wrapper .content .contact-us .title {
  font-family: 'Conv_Gotham Narrow Book';
  letter-spacing: 0.06em;
  font-size: 12.6px;
  margin-bottom: 10px;
}
#home .content-wrapper .content .contact-us .informations {
  font-family: 'Conv_Gotham Narrow Book';
  letter-spacing: 0.06em;
  font-size: 21px;
  margin-top: 8px;
}
#home .content-wrapper .content .contact-us .informations .name {
  font-family: 'Conv_Gotham Light';
  font-size: 21px;
  margin-bottom: 4px;
}
#home .content-wrapper .content .contact-us .informations .statut {
  font-family: 'Conv_Gotham Narrow Book';
  letter-spacing: 0.06em;
  font-size: 12.6px;
  margin-bottom: 12px;
  letter-spacing: 1px;
}
#home .content-wrapper .content .contact-us .informations .phone {
  font-family: 'Conv_Gotham Light';
  font-size: 21px;
  margin-bottom: 8px;
}
#home .content-wrapper .content .contact-us .informations .mail {
  font-family: 'Conv_Gotham Light';
  font-size: 21px;
}
#home .content-wrapper .content .join-us {
  display: none;
}
@media screen and (min-width: 895px) and (min-height: 549px) {
  #home .content-wrapper .content .join-us {
    display: block;
  }
}
#home .content-wrapper .content .follow-us,
#home .content-wrapper .content .join-us {
  margin-top: 20px;
}
@media screen and (min-width: 1169px) and (min-height: 716px) {
  #home .content-wrapper .content .follow-us,
  #home .content-wrapper .content .join-us {
    margin-top: 60px;
  }
}
#home .content-wrapper .content .follow-us .title,
#home .content-wrapper .content .join-us .title {
  font-family: 'Conv_Gotham Narrow Book';
  letter-spacing: 0.06em;
  font-size: 12.6px;
  margin-bottom: 10px;
}
#home .content-wrapper .content .follow-us a {
  margin-top: 20px;
  display: inline-block;
}
#home .content-wrapper .content .team-mail {
  font-family: 'Conv_Gotham Light';
  font-size: 21px;
  margin-top: 10px;
}
#home .logo {
  width: 192px;
  margin-left: -96px;
  position: absolute;
  left: 50%;
}
@media screen and (min-width: 895px) and (min-height: 549px) {
  #home .logo {
    width: 323px;
    margin-left: -162px;
  }
}
#home .logo .bee {
  margin-left: -40px;
  margin-top: -30px;
  background-image: url("../images/general/bee.png");
  background-size: cover;
  background-repeat: no-repeat;
  height: 17px;
  width: 17px;
  position: absolute;
  left: 50%;
  top: 50%;
}
@media screen and (min-width: 895px) and (min-height: 549px) {
  #home .logo .bee {
    margin-top: -43px;
    margin-left: -52px;
    height: 23px;
    width: 23px;
  }
}
html.fullscreen #work {
  height: 100% !important;
  overflow: hidden !important;
  position: relative !important;
}
#work .content-wrapper {
  padding-bottom: 100px;
  position: relative;
}
#work .content-wrapper .grid-sizer {
  width: 49%;
}
#work .content-wrapper .filter {
  font-size: 0px;
  font-family: 'Conv_Gotham Narrow Book';
  letter-spacing: 0.06em;
  position: absolute;
  top: 38px;
  width: 100%;
  z-index: 10;
  background-color: #f9f7f6;
  height: auto;
  overflow: hidden;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  display: none !important;
}
#work .content-wrapper .filter .title {
  margin-top: 12px;
  font-size: 13px;
  margin-bottom: 15px;
}
#work .content-wrapper .filter .cursor {
  background-color: black;
}
#work .content-wrapper .filter ul {
  font-size: 11px;
}
#work .content-wrapper .filter ul li {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  padding-right: 30px;
  cursor: pointer;
  font-family: 'Conv_Gotham Narrow Book';
  letter-spacing: 0.06em;
}
#work .content-wrapper .filter ul li a {
  color: #999999;
}
#work .content-wrapper .filter ul li .close {
  display: none;
}
#work .content-wrapper .filter ul li .cursor {
  display: block;
  margin-bottom: 10px;
  width: 0px;
  background-color: black;
  -webkit-transition: width 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: width 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -ms-transition: width 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: width 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
.desktop #work .content-wrapper .filter ul li:hover .cursor {
  background-color: black;
  width: 100%;
  -webkit-transition: width 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: width 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -ms-transition: width 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: width 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
.desktop #work .content-wrapper .filter ul li:hover a {
  color: black;
}
#work .content-wrapper .filter ul li.selected .cursor {
  width: 100%;
}
#work .content-wrapper .filter ul li.selected a {
  color: black;
}
#work .content-wrapper .filter ul li.selected .close {
  display: block;
  background-image: url("../images/icons/icon/cross-small.png");
  background-size: 9px 9px;
  height: 9px;
  width: 9px;
  position: absolute;
  top: 2px;
  right: 12px;
}
#work .content-wrapper .work-grid {
  margin-top: 50px;
}
#work .content-wrapper .work-grid .item {
  width: 49%;
  cursor: pointer;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
#work .content-wrapper .work-grid .item .top {
  height: 35px;
  width: 100%;
  background-color: #f9f7f6;
}
#work .content-wrapper .work-grid .item .top .cursor {
  background-color: black;
  width: 10px;
  height: 2px;
  margin-top: 20px;
}
#work .content-wrapper .work-grid .item .image img {
  width: 100%;
}
#work .content-wrapper .work-grid .item .info {
  height: auto;
  background-color: #f9f7f6;
}
#work .content-wrapper .work-grid .item .info .name {
  font-size: 18px;
  font-family: 'Conv_Gotham Narrow Book';
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-top: 5px;
}
#work .content-wrapper .work-grid .item .info .name a {
  color: black;
}
#work .content-wrapper .work-grid .item .info .type {
  font-size: 11px;
  font-family: 'Conv_Gotham Narrow Bold';
  letter-spacing: 0.13em;
  letter-spacing: 0px;
  text-transform: uppercase;
}
#work .content-wrapper .work-grid .gutter-sizer {
  width: 2%;
}
@media only screen and (max-width: 640px) {
  #work .content-wrapper {
    padding-top: 1px;
  }
  #work .content-wrapper .grid-sizer {
    width: 100%;
  }
  #work .content-wrapper .work-grid {
    margin-top: 10px;
  }
  #work .content-wrapper .work-grid .item {
    width: 100%;
  }
  #work .content-wrapper .filter {
    font-size: 10px;
    height: auto;
  }
}
#notfound {
  width: 100%;
  height: 100%;
  margin: 0 auto 0 auto;
  position: relative;
  display: table;
  color: #111111;
  background-color: #f9f7f6;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#notfound .backtohome {
  font-size: 13px;
  text-transform: capitalize;
  color: black;
  text-decoration: underline;
  font-family: 'Conv_Gotham Narrow Book';
  letter-spacing: 0.06em;
  margin-top: 30px;
  cursor: pointer;
}
@media only screen and (max-width: 640px) {
  #notfound {
    padding: 0px;
  }
}
#notfound .content-valign {
  display: table-cell;
  vertical-align: middle;
}
#notfound a {
  text-decoration: none;
  color: black;
}
#notfound .content-wrapper {
  display: block;
  text-align: center;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 300px;
  height: 440px;
  background-image: url("../images/home/bg-640.jpg");
  background-size: cover;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (min-width: 640px) and (min-height: 768px) {
  #notfound .content-wrapper {
    width: 640px;
    height: 391px;
    background-image: url("../images/home/bg-768.jpg");
  }
}
@media screen and (min-width: 896px) and (min-height: 550px) {
  #notfound .content-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 896px;
    height: 550px;
    margin-left: -448px;
    margin-top: -275px;
    background-image: url("../images/home/bg-980.jpg");
  }
}
@media screen and (min-width: 1170px) and (min-height: 716px) {
  #notfound .content-wrapper {
    width: 1170px;
    height: 716px;
    margin-left: -585px;
    margin-top: -358px;
    background-image: url("../images/home/bg-1280.jpg");
  }
}
@media screen and (min-width: 1316px) and (min-height: 806px) {
  #notfound .content-wrapper {
    width: 1316px;
    height: 806px;
    margin-left: -658px;
    margin-top: -403px;
    background-image: url("../images/home/bg-1440.jpg");
  }
}
@media screen and (min-width: 1462px) and (min-height: 896px) {
  #notfound .content-wrapper {
    margin-left: -731px;
    margin-top: -448px;
    width: 1462px;
    height: 896px;
    background-image: url("../images/home/bg-1600.jpg");
  }
}
#notfound .content-wrapper .left,
#notfound .content-wrapper .right {
  display: inline-block;
  vertical-align: top;
  width: 23%;
  text-align: left;
  height: 94%;
  margin-top: 10px;
}
#notfound .content-wrapper .left {
  text-align: left;
}
#notfound .content-wrapper .right {
  text-align: right;
  position: relative;
}
#notfound .content-wrapper .right svg {
  position: absolute;
  right: 0px;
  top: 0px;
}
#notfound .content-wrapper .content {
  text-align: center;
  display: table;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
}
#notfound .content-wrapper .content .content-valign {
  display: table-cell;
  vertical-align: middle;
}
#notfound .content-wrapper .content .catch-phrase {
  text-transform: uppercase;
  font-family: 'Conv_Gotham Narrow Book';
  letter-spacing: 0.06em;
  font-size: 10px;
  margin-top: 45px;
  margin-bottom: 20px;
}
@media screen and (min-width: 895px) and (min-height: 549px) {
  #notfound .content-wrapper .content .catch-phrase {
    margin-top: 85px;
    font-size: 13px;
  }
}
#notfound .content-wrapper .content .cursor {
  width: 14px;
  height: 4px;
  background-color: black;
  display: inline-block;
}
#notfound .content-wrapper .content .contact-us {
  margin-top: 20px;
}
@media screen and (min-width: 1169px) and (min-height: 716px) {
  #notfound .content-wrapper .content .contact-us {
    margin-top: 92px;
  }
}
#notfound .content-wrapper .content .contact-us .title {
  font-family: 'Conv_Gotham Narrow Book';
  letter-spacing: 0.06em;
  font-size: 12.6px;
  margin-bottom: 10px;
}
#notfound .content-wrapper .content .contact-us .informations {
  font-family: 'Conv_Gotham Narrow Book';
  letter-spacing: 0.06em;
  font-size: 21px;
  margin-top: 8px;
}
#notfound .content-wrapper .content .contact-us .informations .name {
  font-family: 'Conv_Gotham Light';
  font-size: 21px;
  margin-bottom: 4px;
}
#notfound .content-wrapper .content .contact-us .informations .statut {
  font-family: 'Conv_Gotham Narrow Book';
  letter-spacing: 0.06em;
  font-size: 12.6px;
  margin-bottom: 12px;
  letter-spacing: 1px;
}
#notfound .content-wrapper .content .contact-us .informations .phone {
  font-family: 'Conv_Gotham Light';
  font-size: 21px;
  margin-bottom: 8px;
}
#notfound .content-wrapper .content .contact-us .informations .mail {
  font-family: 'Conv_Gotham Light';
  font-size: 21px;
}
#notfound .content-wrapper .content .join-us {
  display: none;
}
@media screen and (min-width: 895px) and (min-height: 549px) {
  #notfound .content-wrapper .content .join-us {
    display: block;
  }
}
#notfound .content-wrapper .content .follow-us,
#notfound .content-wrapper .content .join-us {
  margin-top: 20px;
}
@media screen and (min-width: 1169px) and (min-height: 716px) {
  #notfound .content-wrapper .content .follow-us,
  #notfound .content-wrapper .content .join-us {
    margin-top: 60px;
  }
}
#notfound .content-wrapper .content .follow-us .title,
#notfound .content-wrapper .content .join-us .title {
  font-family: 'Conv_Gotham Narrow Book';
  letter-spacing: 0.06em;
  font-size: 12.6px;
  margin-bottom: 10px;
}
#notfound .content-wrapper .content .follow-us a {
  margin-top: 20px;
  display: inline-block;
}
#notfound .content-wrapper .content .team-mail {
  font-family: 'Conv_Gotham Light';
  font-size: 21px;
  margin-top: 10px;
}
#notfound .logo {
  width: 95px;
  margin-left: -48px;
  position: absolute;
  left: 50%;
}
@media screen and (min-width: 895px) and (min-height: 549px) {
  #notfound .logo {
    width: 130px;
    margin-left: -65px;
  }
}
#notfound .logo .bee {
  margin-left: -40px;
  margin-top: -30px;
  background-image: url("../images/general/bee.png");
  background-size: cover;
  background-repeat: no-repeat;
  height: 17px;
  width: 17px;
  position: absolute;
  left: 50%;
  top: 50%;
}
@media screen and (min-width: 895px) and (min-height: 549px) {
  #notfound .logo .bee {
    margin-top: -43px;
    margin-left: -52px;
    height: 23px;
    width: 23px;
  }
}
@media only screen and (max-width: 640px) {
  #client .content-wrapper {
    padding-top: 40px !important;
  }
}
@media only screen and (max-width: 640px) {
  #client .content-wrapper .previous {
    margin-top: 50px !important;
  }
}
@media only screen and (max-width: 1024px) {
  #client {
    padding-top: 0px;
  }
  section#client {
    margin: 104px auto 0 auto !important;
  }
}
#client .content-wrapper,
#client-detail .content-wrapper {
  font-family: 'Conv_Gotham Light';
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}
#client .content-wrapper .grid-sizer,
#client-detail .content-wrapper .grid-sizer {
  width: 49%;
}
#client .content-wrapper .current,
#client-detail .content-wrapper .current {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
#client .content-wrapper .previous,
#client-detail .content-wrapper .previous {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
#client .content-wrapper .cursor,
#client-detail .content-wrapper .cursor {
  margin-bottom: 10px;
}
#client .content-wrapper .cursor,
#client-detail .content-wrapper .cursor {
  background-color: black;
}
#client .content-wrapper .list,
#client-detail .content-wrapper .list {
  font-size: 0px;
}
#client .content-wrapper .list li,
#client-detail .content-wrapper .list li {
  display: inline-block;
  position: relative;
  font-size: 50px;
  font-family: 'Conv_Gotham Narrow Bold';
  letter-spacing: 0.13em;
}
@media only screen and (max-width: 640px) {
  #client .content-wrapper .list li,
  #client-detail .content-wrapper .list li {
    font-size: 20px;
  }
}
#client .content-wrapper .list li:first-child,
#client-detail .content-wrapper .list li:first-child {
  margin-left: 0px;
}
#client .content-wrapper .list li a,
#client-detail .content-wrapper .list li a {
  color: black;
  display: inline-block;
}
#client .content-wrapper .list li div,
#client-detail .content-wrapper .list li div {
  color: black;
  display: inline-block;
}
#client .content-wrapper .list li span,
#client-detail .content-wrapper .list li span {
  border-radius: 50%;
  width: 4px;
  height: 4px;
  position: relative;
  background-color: black;
  display: inline-block;
  margin-bottom: 15px;
  margin-left: 5px;
  margin-right: 20px;
}
@media only screen and (max-width: 640px) {
  #client .content-wrapper .list li span,
  #client-detail .content-wrapper .list li span {
    margin-bottom: 9px;
    margin-left: 9px;
    margin-right: 15px;
    width: 2px;
    height: 2px;
  }
}
#client .content-wrapper .list li .underline,
#client-detail .content-wrapper .list li .underline {
  height: 1px;
  width: 0px;
  position: absolute;
  background-color: black;
  bottom: 5px;
  left: 0px;
}
#client .content-wrapper .previous,
#client-detail .content-wrapper .previous {
  margin-top: 100px;
}
#client .content-wrapper .previous .title,
#client-detail .content-wrapper .previous .title {
  font-size: 30px;
}
#client .content-wrapper .client-grid,
#client-detail .content-wrapper .client-grid {
  margin-top: 110px;
}
#client .content-wrapper .client-grid .item,
#client-detail .content-wrapper .client-grid .item {
  width: 49%;
  cursor: pointer;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
#client .content-wrapper .client-grid .item .top,
#client-detail .content-wrapper .client-grid .item .top {
  height: 35px;
  width: 100%;
  background-color: #f9f7f6;
}
#client .content-wrapper .client-grid .item .top .cursor,
#client-detail .content-wrapper .client-grid .item .top .cursor {
  background-color: black;
}
#client .content-wrapper .client-grid .item .image img,
#client-detail .content-wrapper .client-grid .item .image img {
  width: 100%;
}
#client .content-wrapper .client-grid .item .info,
#client-detail .content-wrapper .client-grid .item .info {
  background-color: #f9f7f6;
  padding-bottom: 30px;
}
#client .content-wrapper .client-grid .item .info a,
#client-detail .content-wrapper .client-grid .item .info a {
  color: black;
}
#client .content-wrapper .client-grid .item .info a .name,
#client-detail .content-wrapper .client-grid .item .info a .name {
  font-size: 30px;
  font-family: 'Conv_Gotham Narrow Book';
  letter-spacing: 0.06em;
}
#client .content-wrapper .client-grid .item .info a .type,
#client-detail .content-wrapper .client-grid .item .info a .type {
  font-size: 14px;
  font-family: 'Conv_Gotham Narrow Book';
  letter-spacing: 0.06em;
  text-transform: uppercase;
  display: block;
}
#client .content-wrapper .client-grid .gutter-sizer,
#client-detail .content-wrapper .client-grid .gutter-sizer {
  width: 2%;
}
#client .content-wrapper .filter,
#client-detail .content-wrapper .filter {
  font-size: 13px;
  font-family: 'Conv_Gotham Narrow Book';
  letter-spacing: 0.06em;
  background-color: #f9f7f6;
  width: 100%;
  top: 38px;
  z-index: 10;
  overflow: hidden;
  position: absolute;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
#client .content-wrapper .filter .client-name-wrapper,
#client-detail .content-wrapper .filter .client-name-wrapper {
  font-family: 'Conv_Gotham Light';
  background-color: #f9f7f6;
  width: 100%;
}
#client .content-wrapper .filter .client-name-wrapper .cursor,
#client-detail .content-wrapper .filter .client-name-wrapper .cursor {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
#client .content-wrapper .filter .client-name,
#client-detail .content-wrapper .filter .client-name {
  font-size: 40px;
  margin-left: -2px;
  position: relative;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
@media only screen and (max-width: 400px) {
  #client .content-wrapper .filter .client-name,
  #client-detail .content-wrapper .filter .client-name {
    font-size: 30px;
  }
}
#client .content-wrapper .filter .client-name .back,
#client-detail .content-wrapper .filter .client-name .back {
  top: 15px;
  width: 12px;
  position: absolute;
  height: 23px;
  display: inline-block;
  background-image: url("../images/icons/icon/arrow-left.png");
  margin-left: 2px;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 400px) {
  #client .content-wrapper .filter .client-name .back,
  #client-detail .content-wrapper .filter .client-name .back {
    top: 6px;
  }
}
#client .content-wrapper .filter .client-name span,
#client-detail .content-wrapper .filter .client-name span {
  margin-left: 30px;
}
#client .content-wrapper .filter .title,
#client-detail .content-wrapper .filter .title {
  margin-top: 12px;
}
#client .content-wrapper .filter .cursor,
#client-detail .content-wrapper .filter .cursor {
  background-color: black;
}
#client .content-wrapper .filter ul li,
#client-detail .content-wrapper .filter ul li {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  padding-right: 22px;
  margin-top: 15px;
  cursor: pointer;
}
#client .content-wrapper .filter ul li a,
#client-detail .content-wrapper .filter ul li a {
  color: #999999;
}
#client .content-wrapper .filter ul li .close,
#client-detail .content-wrapper .filter ul li .close {
  display: none;
}
#client .content-wrapper .filter ul li .cursor,
#client-detail .content-wrapper .filter ul li .cursor {
  display: block;
  margin-bottom: 10px;
  background-color: black;
  width: 0px;
  -webkit-transition: width 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: width 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -ms-transition: width 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: width 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
.desktop #client .content-wrapper .filter ul li:hover .cursor,
.desktop #client-detail .content-wrapper .filter ul li:hover .cursor {
  width: 100%;
  -webkit-transition: width 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: width 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -ms-transition: width 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: width 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
.desktop #client .content-wrapper .filter ul li:hover a,
.desktop #client-detail .content-wrapper .filter ul li:hover a {
  color: black;
}
#client .content-wrapper .filter ul li.selected .cursor,
#client-detail .content-wrapper .filter ul li.selected .cursor {
  width: 100%;
  -webkit-transition: width 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: width 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -ms-transition: width 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: width 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
#client .content-wrapper .filter ul li.selected a,
#client-detail .content-wrapper .filter ul li.selected a {
  color: black;
}
#client .content-wrapper .filter ul li.selected .close,
#client-detail .content-wrapper .filter ul li.selected .close {
  display: block;
  background-image: url("../images/icons/icon/cross-small.png");
  background-size: 9px 9px;
  height: 9px;
  width: 9px;
  position: absolute;
  top: 2px;
  right: 10px;
}
@media only screen and (max-width: 640px) {
  #client-detail .content-wrapper {
    padding-top: 17px;
  }
  #client-detail .content-wrapper .grid-sizer {
    width: 100%;
  }
  #client-detail .content-wrapper .client-grid {
    margin-top: 190px;
  }
  #client-detail .content-wrapper .client-grid .item {
    width: 100%;
  }
  #client-detail .content-wrapper .filter {
    font-size: 11px;
    height: 160px;
  }
}
#about {
  padding-bottom: 100px;
}
#about .content-description {
  font-size: 50px;
  font-family: 'Conv_Gotham Light';
  margin-left: -1px;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
#about .management {
  margin-top: 80px;
}
#about .management .cursor {
  margin-bottom: 40px;
}
#about .management .content-management {
  font-size: 50px;
  font-family: 'Conv_Gotham Light';
  font-size: 0px;
}
#about .management .content-management .right {
  display: inline-block;
  vertical-align: top;
  width: 39%;
  margin-left: 3%;
}
#about .management .content-management .right .title {
  font-family: 'Conv_Gotham Light';
  font-size: 50px;
  text-transform: uppercase;
  display: inline-block;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
#about .management .content-management .right .text {
  font-family: 'Conv_Gotham Narrow Book';
  letter-spacing: 0.06em;
  font-size: 18px;
  line-height: 36px;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
#about .management .content-management .image {
  width: 57%;
  display: inline-block;
  vertical-align: top;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
#about .management .content-management .image img {
  width: 100%;
}
#about .management .content-management .image span {
  font-size: 9px;
  font-family: 'Conv_Gotham Light';
  margin-top: 5px;
  display: inline-block;
}
@media only screen and (max-width: 640px) {
  #about .management .content-management .image span {
    font-size: 7px;
  }
}
#about .network {
  margin-top: 80px;
}
#about .content-network .left {
  display: inline-block;
  vertical-align: top;
  width: 57%;
}
#about .content-network .left .title {
  font-family: 'Conv_Gotham Light';
  font-size: 50px;
  text-transform: uppercase;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
#about .content-network .left .text {
  width: 100%;
  font-family: 'Conv_Gotham Narrow Book';
  letter-spacing: 0.06em;
  font-size: 18px;
  line-height: 36px;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
#about .content-network .image {
  display: inline-block;
  vertical-align: top;
  width: 73%;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
#about .content-network .image img {
  width: 100%;
}
#about .cursor {
  background-color: black;
  margin-bottom: 25px;
  width: 0px;
}
@media only screen and (max-width: 1024px) {
  #about {
    padding-top: 40px;
  }
  #about .content-network .image {
    display: inline-block;
    vertical-align: top;
    width: 53%;
  }
  #about .content-network .left {
    display: inline-block;
    vertical-align: top;
    width: 46%;
  }
  #about .management .content-management .image {
    width: 37%;
  }
  #about .management .content-management .right {
    width: 59%;
  }
}
@media only screen and (max-width: 640px) {
  #about .content-description {
    font-size: 32px;
  }
  #about {
    padding-top: 0px;
  }
  #about .management {
    margin-top: 50px;
  }
  #about .management .cursor {
    margin-bottom: 15px;
  }
  #about .management .content-management .image {
    width: 100%;
  }
  #about .management .content-management .right {
    display: block;
    vertical-align: top;
    width: 100%;
    margin-left: 0%;
    margin-top: 15px;
  }
  #about .content-network .left {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
  #about .content-network .image {
    display: block;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #about .cursor {
    background-color: black;
    margin-bottom: 21px;
  }
  #about .content-network .left .title {
    font-size: 37px;
  }
  #about .management .content-management .right .title {
    font-size: 37px;
  }
}
#contact {
  width: 100%;
  max-width: 100%;
  padding: 0px;
}
#contact .content-wrapper {
  height: 100%;
  width: 100%;
  margin-top: 40px;
  position: relative;
  padding-left: 0px;
  padding-right: 0px;
}
#contact .content-wrapper .back-to-top {
  width: 100%;
  height: 33px;
  text-align: right;
}
#contact .content-wrapper .back-to-top .icon {
  background-image: url("../images/icons/icon/arrow.png");
  background-repeat: no-repeat;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  width: 23px;
  height: 12px;
  display: inline-block;
  display: none;
}
#contact .content-wrapper .cursor {
  background-color: black;
}
#contact .content-wrapper .text-top {
  width: 100%;
  font-size: 17px;
  text-align: center;
  margin-top: 250px;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
@media only screen and (max-width: 768px) {
  #contact .content-wrapper .text-top {
    margin-top: 150px;
  }
}
#contact .content-wrapper .text-top .title {
  font-size: 40px;
  font-family: 'Conv_Gotham Light';
  text-transform: uppercase;
  margin-bottom: 0px;
  margin-top: 10px;
}
#contact .content-wrapper .text-top .adress {
  font-size: 17px;
  font-family: 'Conv_Gotham Narrow Book';
  letter-spacing: 0.06em;
  line-height: 37px;
  margin-top: 20px;
}
#contact .content-wrapper .text-bottom {
  width: 100%;
  background-color: #f9f7f6;
  font-size: 0px;
  text-align: center;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
#contact .content-wrapper .text-bottom .block {
  width: 33.2%;
  display: inline-block;
  vertical-align: top;
  margin-top: 65px;
}
@media only screen and (min-width: 620px) {
  #contact .content-wrapper .text-bottom .block {
    min-width: 370px;
  }
}
#contact .content-wrapper .text-bottom .left .title {
  width: 100%;
  font-family: 'Conv_Gotham Narrow Bold';
  letter-spacing: 0.13em;
  font-size: 17px;
  margin-top: 20px;
  margin-bottom: 20px;
}
#contact .content-wrapper .text-bottom .left .mail {
  width: 100%;
  font-family: 'Conv_Gotham Light';
  font-size: 17px;
  margin-bottom: 20px;
}
#contact .content-wrapper .text-bottom .left .mail a {
  color: black;
}
#contact .content-wrapper .text-bottom .middle .title {
  width: 100%;
  font-family: 'Conv_Gotham Narrow Bold';
  letter-spacing: 0.13em;
  font-size: 17px;
  margin-top: 20px;
  margin-bottom: 20px;
}
#contact .content-wrapper .text-bottom .middle .mail {
  width: 100%;
  font-family: 'Conv_Gotham Light';
  font-size: 17px;
  margin-bottom: 20px;
}
#contact .content-wrapper .text-bottom .middle .mail a {
  color: black;
}
#contact .content-wrapper .text-bottom .middle .name {
  font-family: 'Conv_Gotham Light';
  font-size: 17px;
}
#contact .content-wrapper .text-bottom .middle .status {
  font-family: 'Conv_Gotham Narrow Book';
  letter-spacing: 0.06em;
  font-size: 17px;
  line-height: 36px;
  width: 240px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  margin-top: 10px;
}
#contact .content-wrapper .text-bottom .middle .phone {
  font-family: 'Conv_Gotham Light';
  font-size: 17px;
}
#contact .content-wrapper .text-bottom .middle .phone a {
  color: black;
}
#contact .content-wrapper .text-bottom .right .title {
  width: 100%;
  font-family: 'Conv_Gotham Narrow Bold';
  letter-spacing: 0.13em;
  font-size: 17px;
  margin-top: 20px;
  margin-bottom: 20px;
}
#contact .content-wrapper .text-bottom .right .phone {
  font-family: 'Conv_Gotham Light';
  font-size: 17px;
}
#contact .content-wrapper .text-bottom .right .phone a {
  color: black;
}
#contact .content-wrapper .text-bottom .right .mail {
  width: 100%;
  font-family: 'Conv_Gotham Light';
  font-size: 17px;
  margin-bottom: 20px;
}
#contact .content-wrapper .text-bottom .right .mail a {
  color: black;
}
#root-content {
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  #contact .content-wrapper .text-bottom {
    height: auto;
    bottom: 0px;
    margin-bottom: 90px;
  }
}
@media only screen and (max-width: 620px) {
  #contact .content-wrapper .text-bottom .block {
    width: 100%;
    background-color: #f9f7f6;
  }
  #contact .content-wrapper .text-bottom .left .title {
    font-size: 11px;
  }
  #contact .content-wrapper .text-bottom .left .mail {
    font-size: 17px;
  }
  #contact .content-wrapper .text-bottom .middle .title {
    font-size: 11px;
  }
  #contact .content-wrapper .text-bottom .middle .name {
    font-size: 17px;
  }
  #contact .content-wrapper .text-bottom .middle .status {
    font-size: 11px;
  }
  #contact .content-wrapper .text-bottom .middle .phone {
    font-family: 'Futura W01 Light';
    font-size: 17px;
  }
  #contact .content-wrapper .text-bottom .middle .mail {
    font-size: 17px;
  }
  #contact .content-wrapper .text-bottom .right .title {
    font-size: 11px;
  }
  #contact .content-wrapper .text-bottom .right .mail {
    font-size: 17px;
  }
  section#contact {
    padding: 0px;
  }
  #contact .content-wrapper .text-bottom .block {
    margin-top: 25px;
  }
  #contact .content-wrapper .back-to-top {
    display: block;
    text-align: center;
    background-color: #f9f7f6;
    margin-bottom: 35px;
  }
  #contact .content-wrapper .back-to-top .icon {
    display: inline-block;
  }
}
@media only screen and (max-width: 640px) {
  #campaign .content-wrapper .text-wrapper {
    font-size: 11px;
  }
}
#campaign {
  height: 100%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  position: absolute;
  background-color: #f9f7f6;
  color: black;
  font-size: 17px;
  font-family: 'Conv_Gotham Narrow Book';
  letter-spacing: 0.06em;
  margin: 0px auto 0 auto;
}
#campaign .content-wrapper {
  height: 100%;
  width: 100%;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  position: absolute;
  left: 0px;
  padding-right: 0px;
  padding-left: 0px;
}
#campaign .content-wrapper .section {
  text-align: center;
  position: absolute;
  width: 100%;
  overflow: hidden;
}
#campaign .content-wrapper .text-wrapper {
  margin: 0 auto;
  display: table;
  height: 100%;
  width: 85%;
  max-width: 940px;
}
@media only screen and (max-width: 1024px) {
  #campaign .content-wrapper .text-wrapper {
    width: auto;
  }
}
#campaign .content-wrapper .text-wrapper .text-wrapper-valign {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  padding: 9%;
  padding-top: 3%;
  padding-bottom: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 97vh;
}
@media only screen and (max-width: 640px) {
  #campaign .content-wrapper .text-wrapper .text-wrapper-valign {
    display: block;
    vertical-align: middle;
    width: 100%;
    margin-top: 190px;
  }
}
#campaign .content-wrapper .text-wrapper .text-wrapper-valign img,
#campaign .content-wrapper .text-wrapper .text-wrapper-valign .video {
  position: relative;
  margin-top: 17%;
  max-width: 75%;
  max-height: 60%;
  width: auto !important;
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  #campaign .content-wrapper .text-wrapper .text-wrapper-valign img,
  #campaign .content-wrapper .text-wrapper .text-wrapper-valign .video {
    margin-top: 0px;
  }
}
#campaign .content-wrapper .text-wrapper .text-wrapper-valign span {
  width: 75%;
  display: block;
  margin: 0 auto;
  margin-top: 38px;
}
@media only screen and (max-width: 640px) {
  #campaign .content-wrapper .text-wrapper .text-wrapper-valign span {
    width: 100%;
    font-size: 11px;
  }
}
#campaign .content-wrapper .video {
  position: relative;
  width: 95%;
  display: inline-block;
}
#campaign .content-wrapper .video video {
  width: 100%;
  height: 100%;
  background-color: black;
}
#campaign .content-wrapper .video .controls {
  width: 100%;
  position: absolute;
  bottom: 7px;
  height: 37px;
}
#campaign .content-wrapper .video .timeline {
  width: 80%;
  height: 2px;
  background-color: white;
  display: inline-block;
  position: relative;
}
#campaign .content-wrapper .video .timeline .progress {
  height: 2px;
  position: absolute;
  left: 0px;
  background-color: #bfa971;
  width: 0px;
}
#campaign .content-wrapper .video .sound {
  display: inline-block;
  width: 3%;
  height: 20px;
  margin-bottom: -11px;
  position: relative;
}
#campaign .content-wrapper .video .sound .sound-on {
  background-image: url("../images/icons/icon/sound-on.png");
  background-size: 14px 15px;
  width: 14px;
  height: 15px;
  cursor: pointer;
  position: absolute;
}
#campaign .content-wrapper .video .sound .sound-off {
  background-image: url("../images/icons/icon/sound-off.png");
  background-size: 7px 9px;
  width: 7px;
  height: 9px;
  cursor: pointer;
  position: absolute;
  top: 2px;
  left: -1px;
  display: none;
}
#campaign .content-wrapper .video .ctrl-container {
  width: 6%;
  height: 20px;
  position: relative;
  display: inline-block;
  margin-bottom: -11px;
}
#campaign .content-wrapper .video .play {
  background-image: url("../images/icons/icon/play.png");
  background-size: 14px 15px;
  width: 100%;
  cursor: pointer;
  position: absolute;
  height: 100%;
  background-repeat: no-repeat;
}
#campaign .content-wrapper .video .play-overlay {
  width: 65px;
  height: 65px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -32px;
  margin-top: -32px;
  border: 1px white solid;
  -webkit-border-radius: 65px;
  -moz-border-radius: 65px;
  border-radius: 65px;
  cursor: pointer;
}
@media only screen and (max-width: 640px) {
  #campaign .content-wrapper .video .play-overlay {
    width: 32.5px;
    height: 32.5px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -16px;
    margin-top: -21px;
  }
}
#campaign .content-wrapper .video .play-overlay .play-button {
  background-image: url("../images/icons/icon/play-large.png");
  background-size: 18px 19px;
  width: 18px;
  height: 19px;
  position: absolute;
  left: 50%;
  margin-left: -6px;
  top: 50%;
  margin-top: -9.5px;
}
#campaign .content-wrapper .video .pause {
  display: inline-block;
  background-image: url("../images/icons/icon/pause.png");
  background-size: 7px 9px;
  width: 7px;
  height: 9px;
  cursor: pointer;
  position: absolute;
  left: 7px;
  display: none;
  height: 100%;
  background-repeat: no-repeat;
  width: 100%;
  margin-top: 3px;
  margin-left: -2px;
}
#campaign nav li.misc {
  height: 4px;
  width: 4px;
  background-color: black;
  border: 6px solid #f9f7f6;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  cursor: pointer;
  position: absolute;
}
#campaign nav li.misc.selected {
  height: 9px;
  width: 9px;
  border: 1px black solid;
  background-color: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-left: 3px;
}
#campaign nav li.text {
  width: 14px;
  height: 18px;
  background-image: url("../images/icons/icon/texte.png");
  margin-left: 1px;
  margin-bottom: 10px;
  position: absolute;
  cursor: pointer;
}
#campaign nav li.text.selected {
  background-image: url("../images/icons/icon/texte-selected.png");
}
#campaign nav {
  position: fixed;
  top: 60%;
  right: 0px;
  margin-right: 90px;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
@media only screen and (max-width: 640px) {
  #campaign nav {
    margin-right: 20px;
    top: 50%;
  }
}
#campaign .header {
  position: fixed;
  left: 50%;
  top: 30px;
  width: 600px;
  text-align: center;
  margin-left: -300px;
}
#campaign .header .close-campaign {
  display: inline-block;
  margin-bottom: 15px;
  cursor: pointer;
  padding: 15px;
}
#campaign .header .close-campaign a {
  background-image: url("../images/icons/icon/cross.png");
  height: 23px;
  width: 23px;
  display: block;
}
#campaign .header .header-client {
  font-size: 30px;
  padding-left: 6%;
  padding-right: 6%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#campaign .header .filter-wrapper {
  overflow: hidden;
  height: 19px;
  margin-bottom: -5px;
}
#campaign .header ul li {
  text-transform: capitalize;
  font-size: 14px;
  line-height: 16px;
  padding-top: 1px;
  padding-bottom: 1px;
}
#campaign .header ul li span {
  color: white;
}
#campaign .header .cursor {
  background-color: black;
}
@media only screen and (max-width: 640px) {
  #news-details nav {
    margin-right: 5px;
  }
  #campaign .content-wrapper .text-wrapper .row3 {
    height: 0%;
  }
  #campaign .content-wrapper .text-wrapper .row4 {
    height: 100%;
  }
  #campaign .content-wrapper .text-wrapper .cell1 {
    vertical-align: middle;
  }
  #campaign .content-wrapper .text-wrapper {
    width: 85%;
  }
  #campaign .header .header-client {
    font-size: 27px;
  }
  #campaign .header .date {
    font-size: 11px;
  }
}
@media only screen and (max-width: 1024px) {
  #campaign .content-wrapper .text-wrapper-valign > img,
  #campaign .content-wrapper .video {
    width: 60%;
  }
  #campaign .content-wrapper .video .play {
    background-size: 10px 10px;
    margin-top: 3px;
    margin-left: 2px;
  }
  #campaign .content-wrapper .video .timeline {
    width: 80%;
  }
  #campaign .content-wrapper .text-wrapper .text-wrapper-valign {
    padding: 15%;
  }
}
@media only screen and (max-width: 640px) {
  #campaign .content-wrapper .text-wrapper-valign > img,
  #campaign .content-wrapper .text-wrapper .text-wrapper-valign .video {
    width: 100%;
  }
  #campaign .content-wrapper .video .controls {
    height: 20px;
  }
  #campaign .content-wrapper .video .ctrl-container {
    margin-left: -5px;
  }
  #campaign .content-wrapper .text-wrapper .text-wrapper-valign {
    padding: 7%;
  }
  #campaign .header {
    width: 100%;
    margin-left: 0;
    left: 0%;
  }
}
@media only screen and (max-width: 768px) {
  #campaign .content-wrapper .text-wrapper-valign > img,
  #campaign .content-wrapper .video {
    width: 90%;
  }
}
#news {
  padding-top: 50px;
}
#news .news-grid {
  margin-top: 40px;
  overflow: auto;
  zoom: 1;
  padding-bottom: 100px;
}
#news .news-grid .item {
  width: 23%;
  float: left;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
#news .news-grid .item .top {
  height: 25px;
  width: 100%;
}
#news .news-grid .item .top .cursor {
  background-color: black;
}
#news .news-grid .item .image img {
  width: 100%;
}
#news .news-grid .item .info {
  text-align: center;
}
#news .news-grid .item .info a {
  color: black;
}
#news .news-grid .item .info a .date {
  padding-top: 10px;
  font-size: 40px;
  font-family: 'Conv_Gotham Light';
  text-align: center;
  display: block;
}
#news .news-grid .item .info a .title {
  font-size: 14px;
  font-family: 'Conv_Gotham Light';
  text-align: center;
  display: inline-block;
  width: 100%;
}
#news .news-grid .item1 {
  height: 656px;
  margin-right: 11%;
}
#news .news-grid .item2 {
  height: 656px;
  margin-right: 11%;
}
#news .news-grid .item2 .top {
  margin-top: 315px;
}
#news .news-grid .item3 {
  height: 656px;
}
#news .news-grid .item3 .top {
  margin-top: 70px;
}
#news .news-grid .item4 {
  height: 790px;
  margin-left: 5%;
  margin-right: 15%;
  margin-bottom: 20px;
}
#news .news-grid .item4 .top {
  margin-top: 100px;
}
#news .news-grid .item5 {
  height: 790px;
  margin-right: 2%;
  margin-bottom: 20px;
}
#news .news-grid .item5 .top {
  margin-top: 385px;
}
#news .news-grid .item6 {
  height: 790px;
  margin-bottom: 20px;
}
#news .news-grid .item6 .top {
  margin-top: -70px;
}
@media only screen and (max-width: 1024px) {
  #news {
    padding-top: 10px;
  }
  #news .news-grid .item .info a .date {
    font-size: 27px;
  }
  #news .news-grid .item .info a .title {
    font-size: 22px;
  }
}
@media only screen and (max-width: 640px) {
  #news .news-grid .item.item1,
  #news .news-grid .item.item2,
  #news .news-grid .item.item3,
  #news .news-grid .item.item4,
  #news .news-grid .item.item5,
  #news .news-grid .item.item5,
  #news .news-grid .item.item6 {
    height: auto;
    width: auto;
    margin: 0px;
    float: initial;
    margin-top: 30px;
  }
  #news .news-grid .item.item1 .top,
  #news .news-grid .item.item2 .top,
  #news .news-grid .item.item3 .top,
  #news .news-grid .item.item4 .top,
  #news .news-grid .item.item5 .top,
  #news .news-grid .item.item5 .top,
  #news .news-grid .item.item6 .top {
    margin: 0px;
  }
}
.legals {
  width: 100%;
  max-width: 100%;
  padding: 0px;
}
.legals .content-wrapper {
  height: 100%;
  width: 100%;
  margin-top: 40px;
  position: relative;
  padding-left: 0px;
  padding-right: 0px;
}
.legals .content-wrapper .back-to-top {
  width: 100%;
  height: 33px;
  text-align: right;
}
.legals .content-wrapper .back-to-top .icon {
  background-image: url("../images/icons/icon/arrow.png");
  background-repeat: no-repeat;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  width: 23px;
  height: 12px;
  display: inline-block;
  display: none;
}
.legals .content-wrapper .cursor {
  background-color: black;
}
.legals .content-wrapper .text-top {
  width: 100%;
  font-size: 17px;
  text-align: center;
  margin-top: 250px;
  margin-bottom: 50px;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
@media only screen and (max-width: 768px) {
  .legals .content-wrapper .text-top {
    margin-top: 150px;
  }
}
.legals .content-wrapper .text-top .title {
  font-size: 40px;
  font-family: 'Conv_Gotham Light';
  text-transform: uppercase;
  margin-bottom: 0px;
  margin-top: 10px;
}
.legals .content-wrapper .text-top .adress {
  font-size: 17px;
  font-family: 'Conv_Gotham Narrow Book';
  letter-spacing: 0.06em;
  line-height: 37px;
  margin-top: 20px;
}
.legals .content-wrapper .text-bottom {
  width: 80%;
  margin: 0 auto;
  background-color: #f9f7f6;
  text-align: left;
  max-width: 1210px;
  line-height: 23px;
  padding: 0 40px 0 40px;
}
.legals .content-wrapper .text-bottom #ot-sdk-cookie-policy {
  margin-top: 40px;
}
.legals .content-wrapper .text-bottom h2,
.legals .content-wrapper .text-bottom h3 {
  margin-top: 40px;
  margin-bottom: 40px;
  font-weight: bold;
}
.legals .content-wrapper .text-bottom .block {
  width: 33.2%;
  display: inline-block;
  vertical-align: top;
  margin-top: 65px;
}
@media only screen and (min-width: 620px) {
  .legals .content-wrapper .text-bottom .block {
    min-width: 370px;
  }
}
.legals .content-wrapper .text-bottom .left .title {
  width: 100%;
  font-family: 'Conv_Gotham Narrow Bold';
  letter-spacing: 0.13em;
  font-size: 17px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.legals .content-wrapper .text-bottom .left .mail {
  width: 100%;
  font-family: 'Conv_Gotham Light';
  font-size: 17px;
  margin-bottom: 20px;
}
.legals .content-wrapper .text-bottom .left .mail a {
  color: black;
}
.legals .content-wrapper .text-bottom .middle .title {
  width: 100%;
  font-family: 'Conv_Gotham Narrow Bold';
  letter-spacing: 0.13em;
  font-size: 17px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.legals .content-wrapper .text-bottom .middle .mail {
  width: 100%;
  font-family: 'Conv_Gotham Light';
  font-size: 17px;
  margin-bottom: 20px;
}
.legals .content-wrapper .text-bottom .middle .mail a {
  color: black;
}
.legals .content-wrapper .text-bottom .middle .name {
  font-family: 'Conv_Gotham Light';
  font-size: 17px;
}
.legals .content-wrapper .text-bottom .middle .status {
  font-family: 'Conv_Gotham Narrow Book';
  letter-spacing: 0.06em;
  font-size: 17px;
  line-height: 36px;
  width: 240px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  margin-top: 10px;
}
.legals .content-wrapper .text-bottom .middle .phone {
  font-family: 'Conv_Gotham Light';
  font-size: 17px;
}
.legals .content-wrapper .text-bottom .middle .phone a {
  color: black;
}
.legals .content-wrapper .text-bottom .right .title {
  width: 100%;
  font-family: 'Conv_Gotham Narrow Bold';
  letter-spacing: 0.13em;
  font-size: 17px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.legals .content-wrapper .text-bottom .right .phone {
  font-family: 'Conv_Gotham Light';
  font-size: 17px;
}
.legals .content-wrapper .text-bottom .right .phone a {
  color: black;
}
.legals .content-wrapper .text-bottom .right .mail {
  width: 100%;
  font-family: 'Conv_Gotham Light';
  font-size: 17px;
  margin-bottom: 20px;
}
.legals .content-wrapper .text-bottom .right .mail a {
  color: black;
}
#root-content {
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .legals .content-wrapper .text-bottom {
    height: auto;
    bottom: 0px;
    margin-bottom: 90px;
  }
}
@media only screen and (max-width: 620px) {
  .legals .content-wrapper .text-bottom .block {
    width: 100%;
    background-color: #f9f7f6;
  }
  .legals .content-wrapper .text-bottom .left .title {
    font-size: 11px;
  }
  .legals .content-wrapper .text-bottom .left .mail {
    font-size: 17px;
  }
  .legals .content-wrapper .text-bottom .middle .title {
    font-size: 11px;
  }
  .legals .content-wrapper .text-bottom .middle .name {
    font-size: 17px;
  }
  .legals .content-wrapper .text-bottom .middle .status {
    font-size: 11px;
  }
  .legals .content-wrapper .text-bottom .middle .phone {
    font-family: 'Futura W01 Light';
    font-size: 17px;
  }
  .legals .content-wrapper .text-bottom .middle .mail {
    font-size: 17px;
  }
  .legals .content-wrapper .text-bottom .right .title {
    font-size: 11px;
  }
  .legals .content-wrapper .text-bottom .right .mail {
    font-size: 17px;
  }
  section.legals {
    padding: 0px;
  }
  .legals .content-wrapper .text-bottom .block {
    margin-top: 25px;
  }
  .legals .content-wrapper .back-to-top {
    display: block;
    text-align: center;
    background-color: #f9f7f6;
    margin-bottom: 35px;
  }
  .legals .content-wrapper .back-to-top .icon {
    display: inline-block;
  }
}
@media only screen and (max-width: 640px) {
  #news-details .content-wrapper .text-wrapper {
    font-size: 11px;
  }
}
#news-details {
  height: 100%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  position: absolute;
  background-color: #f9f7f6;
  color: black;
  font-size: 17px;
  font-family: 'Conv_Gotham Narrow Book';
  letter-spacing: 0.06em;
  margin: 0px auto 0 auto;
}
#news-details .text-wrapper {
  width: 60%;
  margin: 0 auto;
  display: table;
  height: 100%;
}
#news-details .text-wrapper .text-wrapper-valign {
  width: 100%;
  display: table-cell;
  padding-top: 100px;
  vertical-align: middle;
  height: 97vh;
}
@media only screen and (max-width: 640px) {
  #news-details .text-wrapper .text-wrapper-valign {
    display: block;
    vertical-align: middle;
    width: 100%;
    margin-top: 190px;
    padding-top: 0px;
  }
}
#news-details .text-wrapper .text-wrapper-valign img,
#news-details .text-wrapper .text-wrapper-valign .video {
  position: relative;
  width: 75%;
  margin-top: 400px;
  top: -200px;
}
@media only screen and (max-width: 640px) {
  #news-details .text-wrapper .text-wrapper-valign img,
  #news-details .text-wrapper .text-wrapper-valign .video {
    margin-top: 220px;
  }
}
#news-details .text-wrapper .text-wrapper-valign span {
  width: 75%;
  display: block;
  margin: 0 auto;
  margin-top: 38px;
  font-size: 10px;
}
@media only screen and (max-width: 640px) {
  #news-details .text-wrapper .text-wrapper-valign span {
    width: 100%;
  }
}
#news-details .content-wrapper {
  height: 100%;
  width: 100%;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  left: 0px;
  position: absolute;
  padding-right: 0px;
  padding-left: 0px;
}
#news-details .content-wrapper .section {
  text-align: center;
  position: absolute;
  width: 100%;
}
#news-details .content-wrapper .video {
  position: relative;
  width: 40%;
  display: inline-block;
}
#news-details .content-wrapper .video video {
  width: 100%;
  height: 100%;
  background-color: black;
}
#news-details .content-wrapper .video .controls {
  width: 100%;
  position: absolute;
  bottom: 7px;
  height: 37px;
}
#news-details .content-wrapper .video .timeline {
  width: 80%;
  height: 2px;
  background-color: white;
  display: inline-block;
  position: relative;
}
#news-details .content-wrapper .video .timeline .progress {
  height: 2px;
  position: absolute;
  left: 0px;
  background-color: #bfa971;
  width: 0px;
}
#news-details .content-wrapper .video .sound {
  display: inline-block;
  width: 3%;
  height: 20px;
  margin-bottom: -11px;
  position: relative;
}
#news-details .content-wrapper .video .sound .sound-on {
  background-image: url("../images/icons/icon/sound-on.png");
  background-size: 14px 15px;
  width: 14px;
  height: 15px;
  cursor: pointer;
  position: absolute;
}
#news-details .content-wrapper .video .sound .sound-off {
  background-image: url("../images/icons/icon/sound-off.png");
  background-size: 7px 9px;
  width: 7px;
  height: 9px;
  cursor: pointer;
  position: absolute;
  top: 2px;
  left: -1px;
  display: none;
}
#news-details .content-wrapper .video .ctrl-container {
  width: 6%;
  height: 20px;
  position: relative;
  display: inline-block;
  margin-bottom: -11px;
}
#news-details .content-wrapper .video .play {
  display: inline-block;
  background-image: url("../images/icons/icon/play.png");
  background-size: 14px 15px;
  width: 14px;
  height: 15px;
  cursor: pointer;
  position: absolute;
  top: 1px;
  right: 6px;
}
#news-details .content-wrapper .video .play-overlay {
  width: 65px;
  height: 65px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -32px;
  margin-top: -32px;
  border: 1px white solid;
  -webkit-border-radius: 65px;
  -moz-border-radius: 65px;
  border-radius: 65px;
  cursor: pointer;
  display: none;
}
#news-details .content-wrapper .video .play-overlay .play-button {
  background-image: url("../images/icons/icon/play-large.png");
  background-size: 18px 19px;
  width: 18px;
  height: 19px;
  position: absolute;
  left: 50%;
  margin-left: -6px;
  top: 50%;
  margin-top: -9.5px;
}
#news-details .content-wrapper .video .pause {
  display: inline-block;
  background-image: url("../images/icons/icon/pause.png");
  background-size: 7px 9px;
  width: 7px;
  height: 9px;
  cursor: pointer;
  position: absolute;
  top: 9px;
  left: 1px;
  display: none;
}
#news-details nav li.misc {
  height: 4px;
  width: 4px;
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: black;
  border: 6px solid #f9f7f6;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  cursor: pointer;
}
#news-details nav li.misc.selected {
  height: 9px;
  width: 9px;
  border: 1px black solid;
  background-color: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-left: 3px;
}
#news-details nav li.text {
  width: 14px;
  height: 18px;
  background-image: url("../images/icons/icon/texte.png");
  margin-left: 1px;
  margin-bottom: 10px;
  cursor: pointer;
}
#news-details nav li.text.selected {
  background-image: url("../images/icons/icon/texte-selected.png");
}
#news-details nav li {
  position: absolute;
}
#news-details nav a {
  height: 100%;
  width: 100%;
  display: block;
}
#news-details nav {
  position: fixed;
  top: 50%;
  right: 0px;
  margin-right: 90px;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
#news-details .header {
  position: fixed;
  left: 50%;
  top: 30px;
  width: 500px;
  text-align: center;
  margin-left: -250px;
}
@media only screen and (max-width: 640px) {
  #news-details .header {
    width: 400px;
    margin-left: -200px;
  }
}
#news-details .header .close-news {
  background-image: url("../images/icons/icon/cross.png");
  height: 23px;
  width: 23px;
  display: inline-block;
  margin-bottom: 15px;
  cursor: pointer;
}
#news-details .header .close-news a {
  height: 100%;
  width: 100%;
  display: block;
  padding: 15px;
}
@media only screen and (max-width: 640px) {
  #news-details .header .close-news {
    background-image: url("../images/icons/icon/cross-sm.png");
    height: 15px;
    width: 15px;
    background-size: 15px 15px;
  }
}
#news-details .header .header-news {
  font-family: 'Conv_Gotham Light';
  font-size: 27px;
  padding-left: 6%;
  padding-right: 6%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 640px) {
  #news-details .header .header-news {
    font-size: 22px;
  }
}
#news-details .header .filter-wrapper {
  overflow: hidden;
  height: 20px;
  margin-bottom: -5px;
}
#news-details .header ul li {
  text-transform: uppercase;
  font-size: 14px;
}
#news-details .header .cursor {
  background-color: black;
}
@media only screen and (max-width: 1024px) {
  #news-details nav {
    margin-right: 30px;
  }
}
@media only screen and (max-width: 640px) {
  #news-details .content-wrapper .text-wrapper .row3 {
    height: 0%;
  }
  #news-details .content-wrapper .text-wrapper .row4 {
    height: 100%;
  }
  #news-details .content-wrapper .text-wrapper .cell1 {
    vertical-align: middle;
  }
  #news-details .content-wrapper .text-wrapper {
    width: 70%;
  }
  #news-details .header .date {
    font-size: 11px;
  }
  #news-details .content-wrapper .video .play {
    top: 9px !important;
    right: -3px !important;
  }
}
@media only screen and (max-width: 1024px) {
  #news-details .text-wrapper-valign > img,
  #news-details .content-wrapper .video {
    width: 60%;
  }
  #news-details .content-wrapper .video .play {
    background-size: 10px 10px;
    background-repeat: no-repeat;
    top: 3px;
    right: 2px;
  }
  #news-details .content-wrapper .video .timeline {
    width: 85%;
  }
  #news-details .content-wrapper .video .pause {
    left: 6px;
  }
}
@media only screen and (max-width: 640px) {
  #news-details .text-wrapper-valign > img,
  #news-details .content-wrapper .video {
    width: 100%;
  }
  #news-details .video .controls {
    height: 20px;
  }
  #news-details .content-wrapper .video .ctrl-container {
    margin-bottom: -5px;
  }
  #news-details .content-wrapper .video .controls {
    height: 20px;
  }
  #news-details .header {
    width: 100%;
    margin-left: 0;
    left: 0%;
  }
}
@media only screen and (max-width: 768px) {
  #news-details .text-wrapper-valign > img,
  #news-details .content-wrapper .video {
    width: 100%;
  }
}
header {
  text-align: center;
  width: 100%;
  font-family: 'Conv_Gotham Narrow Book';
  letter-spacing: 0.06em;
  position: fixed;
  background-color: #f9f7f6;
  z-index: 100000;
}
header .wrapper-menu {
  display: inline-block;
  position: relative;
  width: 59%;
  left: 0px;
}
header .wrapper-menu .close {
  display: none;
  cursor: pointer;
}
header .wrapper-menu .close .icon {
  background-image: url("../images/icons/icon/cross-small.png");
  background-size: 9px 9px;
  height: 9px;
  width: 9px;
}
header .wrapper-menu .vertical-align {
  position: absolute;
  width: 100%;
  top: initial;
}
header .burger-menu {
  display: none;
  cursor: pointer;
}
header .header-content {
  display: inline-block;
  width: 100%;
  max-width: 1210px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 105px;
  color: #b6b5b5;
  text-align: left;
  padding: 0 40px 0 40px;
}
@media only screen and (max-width: 1024px) {
  header .header-content {
    height: 124px;
  }
}
header .logo {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 40%;
  left: 20px;
  height: 100%;
  text-align: left;
}
header .logo .bee {
  position: absolute;
  left: 50%;
  margin-left: -86px;
  top: 28%;
}
header .logo .logo-betc {
  cursor: pointer;
  position: absolute;
  top: 46px;
  width: 323px;
}
@media only screen and (max-width: 1024px) {
  header .logo .logo-betc {
    top: 60px;
    width: 250px;
  }
}
header ul {
  font-size: 13px;
  vertical-align: middle;
  text-align: left;
  height: 100%;
}
header ul li {
  display: inline-block;
  margin: 46px 8px 0px 6px;
  text-transform: uppercase;
  font-family: 'Conv_Gotham Narrow Bold';
  letter-spacing: 0.13em;
}
header ul li a {
  color: #b6b5b5;
  -webkit-transition: color 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: color 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -ms-transition: color 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: color 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  cursor: pointer;
}
header ul li span:first-child {
  display: block;
  height: 4px;
  margin-bottom: 20px;
  background-color: black;
  width: 0px;
  -webkit-transition: width 0.1s cubic-bezier(0, 0, 0.17, 1.03);
  -moz-transition: width 0.1s cubic-bezier(0, 0, 0.17, 1.03);
  -ms-transition: width 0.1s cubic-bezier(0, 0, 0.17, 1.03);
  -o-transition: width 0.1s cubic-bezier(0, 0, 0.17, 1.03);
}
@media only screen and (min-width: 640px) {
  header ul li:hover {
    color: black;
  }
  header ul li:hover span:first-child {
    width: 14px;
    -webkit-transition: width 0.1s cubic-bezier(0, 0, 0.17, 1.03);
    -moz-transition: width 0.1s cubic-bezier(0, 0, 0.17, 1.03);
    -ms-transition: width 0.1s cubic-bezier(0, 0, 0.17, 1.03);
    -o-transition: width 0.1s cubic-bezier(0, 0, 0.17, 1.03);
  }
  header ul li:hover a {
    color: black;
    -webkit-transition: color 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    -moz-transition: color 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    -ms-transition: color 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    -o-transition: color 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  }
}
header ul li.selected {
  color: black;
}
header ul li.selected a {
  color: black;
}
header ul li.selected span:first-child {
  background-color: black;
  width: 14px;
}
header .share {
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  position: absolute;
  right: 120px;
  bottom: 0px;
}
@media only screen and (max-width: 1024px) {
  header .share {
    right: 90px;
  }
}
header .share .instagram-wrapper,
header .share .linkedin-wrapper {
  display: inline-block;
  width: 20px;
  margin-top: 94px;
  cursor: pointer;
  text-align: center;
}
header .share .instagram-wrapper a,
header .share .linkedin-wrapper a {
  margin-top: 16px;
}
header .share .instagram-wrapper:hover span.cursor,
header .share .linkedin-wrapper:hover span.cursor {
  width: 14px;
  -webkit-transition: width 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: width 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -ms-transition: width 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: width 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
header .share .instagram-wrapper span.cursor,
header .share .linkedin-wrapper span.cursor {
  display: block;
  width: 0px;
  height: 4px;
  background-color: black;
  margin-left: 2px;
  -webkit-transition: width 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: width 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -ms-transition: width 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: width 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
header .share .instagram-wrapper .instagram,
header .share .linkedin-wrapper .instagram,
header .share .instagram-wrapper .linkedin,
header .share .linkedin-wrapper .linkedin {
  background-image: url("../images/icons/icon/instagram.png");
  background-size: 19px 19px;
  background-repeat: no-repeat;
  height: 19px;
  width: 19px;
  display: inline-block;
}
header .linkedin-wrapper {
  margin-right: 10px;
}
header .linkedin-wrapper .linkedin {
  background-image: url("../images/icons/icon/linkedin.png") !important;
}
header .lang {
  position: absolute;
  text-align: right;
  top: 0px;
  right: 20px;
}
header .lang .lang-wrapper {
  display: inline-block;
  text-transform: uppercase;
  font-size: 0px;
  margin-top: 49px;
}
header .lang .lang-wrapper .cursor {
  display: block;
  width: 0px;
  background-color: black;
  -webkit-transition: width 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: width 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -ms-transition: width 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: width 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
header .lang .lang-wrapper div {
  display: inline-block;
  width: 15px;
  font-size: 12px;
  cursor: pointer;
}
header .lang .lang-wrapper div .fr,
header .lang .lang-wrapper div .en {
  margin-top: 18px;
  display: inline-block;
}
header .lang .lang-wrapper div .fr a,
header .lang .lang-wrapper div .en a {
  color: black;
}
header .lang .lang-wrapper div:first-child {
  margin-right: 15px;
}
header .lang .lang-wrapper div:hover {
  color: black;
}
header .lang .lang-wrapper div:hover .cursor {
  width: 14px;
  -webkit-transition: width 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: width 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -ms-transition: width 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: width 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
header .lang .lang-wrapper div.selected {
  color: black;
}
header .lang .lang-wrapper div.selected .cursor {
  width: 14px;
}
@media only screen and (max-width: 768px) {
  header .cursor {
    width: 12px !important;
    height: 3px !important;
  }
  header .burger-menu {
    display: block;
    position: absolute;
    right: 50px;
    padding: 20px;
    bottom: 35px;
  }
  header .burger-menu div {
    height: 2px;
    width: 16px;
    background-color: black;
    margin-top: 3px;
  }
  header .wrapper-menu {
    display: none;
    width: 100%;
    padding: 0px 0px;
    margin-left: 0px;
    height: auto;
    position: fixed;
    padding-left: 0px;
    top: 0px;
    background-color: white;
  }
  header .wrapper-menu .close {
    display: inline-block;
    padding: 20px;
  }
  header .wrapper-menu .vertical-align {
    top: 50%;
    margin-top: -261px;
    text-align: center;
  }
  header .wrapper-menu ul {
    font-size: 21px;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    text-align: center;
    height: auto;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
  }
  header .wrapper-menu ul li {
    display: block;
    margin: initial;
    text-transform: uppercase;
    cursor: pointer;
  }
  header .wrapper-menu ul li span:first-child {
    display: inline-block;
    text-align: center;
    margin-bottom: 7px;
    background-color: white;
  }
  header .wrapper-menu ul li.selected span:first-child {
    background-color: black !important;
  }
  header .wrapper-menu ul li span a {
    display: block;
  }
  header .wrapper-menu .share {
    display: block;
    vertical-align: middle;
    text-align: center;
    position: relative;
    right: initial;
    bottom: initial;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
  }
  header .wrapper-menu .share .instagram-wrapper,
  header .wrapper-menu .share .linkedin-wrapper {
    margin-top: 17px;
  }
  header .wrapper-menu .share .instagram-wrapper span.cursor,
  header .wrapper-menu .share .linkedin-wrapper span.cursor {
    margin-left: 4px;
  }
  header .wrapper-menu .share .instagram-wrapper a,
  header .wrapper-menu .share .linkedin-wrapper a {
    margin-top: 11px;
  }
  header .wrapper-menu .share .linkedin-wrapper .cursor {
    display: none;
  }
  header .wrapper-menu .share .instagram-wrapper .cursor {
    margin-left: -10px !important;
  }
  header .wrapper-menu .lang {
    position: relative;
    text-align: center;
    top: initial;
    right: initial;
    font-size: 11px;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
  }
  header .wrapper-menu .lang .lang-wrapper {
    display: inline-block;
    text-transform: uppercase;
    font-size: 0px;
    margin-top: 17px;
  }
  header .wrapper-menu .lang .lang-wrapper div.fr .cursor {
    width: 0px !important;
  }
  header .wrapper-menu .lang .lang-wrapper div .fr,
  header .wrapper-menu .lang .lang-wrapper div .en {
    margin-top: 8px;
  }
  header .wrapper-menu .lang .lang-wrapper div.en .cursor {
    margin-left: -13px;
  }
}
@media only screen and (max-width: 640px) {
  header .burger-menu {
    display: block;
    position: absolute;
    right: 0px;
    padding: 20px;
    bottom: 5px;
  }
  header .logo .logo-betc {
    top: 25px;
    width: 192px;
  }
  header .logo {
    width: auto;
  }
  header .header-content {
    height: 70px;
    padding: 0px 0px 0px 0px;
  }
}
@media only screen and (max-width: 1024px) {
  header ul li {
    display: inline-block;
    margin: 52px 8px 0px 6px;
    text-transform: uppercase;
    cursor: pointer;
  }
  header .share .instagram-wrapper,
  header .share .linkedin-wrapper {
    display: inline-block;
    width: 20px;
    margin-top: 94px;
    cursor: pointer;
    text-align: center;
  }
  header .lang .lang-wrapper {
    display: inline-block;
    text-transform: uppercase;
    font-size: 0px;
    margin-top: 54px;
  }
}
footer {
  padding: 0 60px;
  margin-top: 100px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 620px) {
  footer {
    margin-top: 50px;
    padding: 20px 20px;
  }
}
footer .ot-sdk-show-settings,
footer .optanon-show-settings {
  font-size: 13px !important;
  line-height: 25px !important;
  line-height: 1.79vw !important;
  color: #000 !important;
  padding: 0px !important;
  border: 0px !important;
  background: none !important;
  font-family: 'Conv_Gotham Narrow Bold';
  letter-spacing: 0.13em;
}
@media only screen and (max-width: 620px) {
  footer .ot-sdk-show-settings,
  footer .optanon-show-settings {
    font-size: 11px !important;
  }
}
footer .ot-sdk-show-settings:hover,
footer .optanon-show-settings:hover {
  background: none !important;
  color: #000 !important;
  text-decoration: underline;
}
footer ul {
  display: flex;
  width: 100%;
  justify-content: center;
}
@media only screen and (max-width: 1024px) {
  footer ul {
    flex-wrap: wrap;
  }
}
footer ul li {
  margin-left: 20px;
  margin-right: 20px;
}
@media only screen and (max-width: 1024px) {
  footer ul li {
    width: 100%;
    text-align: center;
  }
}
footer ul li a {
  font-size: 13px;
  font-family: 'Conv_Gotham Narrow Bold';
  letter-spacing: 0.13em;
}
footer ul li a:hover {
  text-decoration: underline;
}
#showreel {
  position: relative;
  width: 100%;
  height: 100%;
  background: black;
  overflow: hidden;
}
#showreel.fixed {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 100000;
}
#showreel video {
  max-width: 100%;
}
#showreel.about .showreel-controls .soundmute {
  left: auto;
  right: 10%;
}
@media only screen and (max-width: 640px) {
  #showreel.about .showreel-controls .soundmute {
    right: 15%;
  }
}
#showreel .showreel-controls {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
#showreel .showreel-controls .playpause {
  position: absolute;
  bottom: 50px;
  left: 10%;
}
#showreel .showreel-controls .playpause .play {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
#showreel .showreel-controls .playpause.paused .play {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
#showreel .showreel-controls .playpause.paused .pause {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
#showreel .showreel-controls .playpause img {
  width: 25px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  cursor: pointer;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
}
#showreel .showreel-controls .scroll-about {
  position: absolute;
  bottom: 50px;
  left: 10%;
  color: #838383;
  font-size: 17px;
  font-family: 'Conv_Gotham Narrow Bold';
  letter-spacing: 0.13em;
  letter-spacing: 0px;
  cursor: pointer;
  text-transform: uppercase;
}
#showreel .showreel-controls .scroll-about span {
  display: inline-block;
  vertical-align: middle;
  background-size: 23px 12px;
  background-image: url('../../desktop/images/icons/icon/arrow.png');
  width: 23px;
  height: 12px;
  margin-left: 10px;
}
#showreel .showreel-controls .soundmute {
  position: absolute;
  bottom: 50px;
  left: 15%;
}
#showreel .showreel-controls .soundmute .mute {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
#showreel .showreel-controls .soundmute.muted .mute {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
#showreel .showreel-controls .soundmute.muted .sound {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
#showreel .showreel-controls .soundmute img {
  width: 25px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  cursor: pointer;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
}
#showreel .showreel-controls .close {
  position: absolute;
  bottom: 47px;
  right: 10%;
  cursor: pointer;
  width: 30px;
  -webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
html.desktop #showreel .showreel-controls .close:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
#landing-etoilerouge {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  display: flex;
  align-items: center;
  align-content: center;
  flex-direction: column;
  justify-content: space-evenly;
  background: white;
  z-index: 100000;
  color: black;
  text-align: center;
  font-family: 'Conv_Gotham Narrow Book';
  letter-spacing: 0.06em;
  padding: 5%;
  text-transform: uppercase;
}
#landing-etoilerouge img {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 7%;
  height: 300px;
}
@media screen and (max-width: 640px) {
  #landing-etoilerouge img {
    width: 200px;
    height: 200px;
  }
}
#landing-etoilerouge p {
  font-size: 48px;
  font-size: 1.37vw;
  line-height: 64px;
  line-height: 2.22vw;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 640px) {
  #landing-etoilerouge p {
    font-size: 3.75vw;
    line-height: 5vw;
    letter-spacing: 0px;
    width: 74%;
  }
  #landing-etoilerouge p br {
    display: none;
  }
}
#landing-etoilerouge a {
  text-transform: uppercase;
  font-size: 28px;
  font-size: 0.97vw;
  height: 2.7vw;
  line-height: 2.7vw;
  padding-left: 1.8vw;
  padding-right: 1.8vw;
  cursor: pointer;
  display: inline-block;
  border: 2px solid #808080;
  background: transparent;
  -webkit-transition: background 0.3s linear;
  -moz-transition: background 0.3s linear;
  -ms-transition: background 0.3s linear;
  -o-transition: background 0.3s linear;
  margin-top: 2%;
}
@media screen and (max-width: 640px) {
  #landing-etoilerouge a {
    font-size: 3.75vw;
    height: 9.2vw;
    line-height: 9.3vw;
    padding-left: 7vw;
    padding-right: 7vw;
  }
}
#landing-etoilerouge a:hover {
  background: rgba(0, 0, 0, 0.1);
}
#landing-etoilerouge a span {
  display: inline-block;
  vertical-align: middle;
  color: black;
  text-decoration: none;
}
* {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  letter-spacing: 1px;
}
h1,
h2,
h3,
h4,
ul,
li {
  padding: 0;
  margin: 0;
  font-weight: normal;
}
a {
  text-decoration: none;
  color: black;
}
li {
  list-style-type: none;
}
#root-content {
  position: relative;
  width: 100%;
  height: 50%;
}
#onetrust-banner-sdk .has-reject-all-button .banner-actions-container {
  max-width: 70% !important;
}
@media only screen and (max-width: 600px) {
  #onetrust-banner-sdk .has-reject-all-button .banner-actions-container {
    max-width: 100% !important;
  }
}
#onetrust-banner-sdk #onetrust-accept-btn-handler,
#onetrust-banner-sdk #onetrust-reject-all-handler,
#onetrust-banner-sdk #onetrust-pc-btn-handler {
  font-size: 10px !important;
}
#onetrust-banner-sdk #onetrust-reject-all-handler,
#onetrust-banner-sdk #onetrust-pc-btn-handler {
  margin-right: 2px !important;
}
#onetrust-banner-sdk #onetrust-policy {
  margin-top: 50px !important;
}
.go-to-top {
  position: fixed;
  bottom: 100px;
  right: 5%;
  width: 23px;
  height: 12px;
  font-size: 25px;
  display: none;
  background-image: url("../../desktop/images/icons/icon/arrow-top.png");
  background-size: 23px 12px;
  cursor: pointer;
}
@media only screen and (max-width: 1280px) {
  .go-to-top {
    right: 2%;
  }
}
@media only screen and (max-width: 640px) {
  .go-to-top {
    right: -100px;
  }
}
html,
body {
  margin: 0 0;
  padding: 0 0;
  color: black;
  font-weight: normal;
  background-color: #f9f7f6;
  width: 100%;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 17px;
  font-family: 'Conv_Gotham Light';
}
html.loading body {
  overflow: hidden;
}
html.fullscreen {
  height: 100%;
  position: relative;
}
html.fullscreen body {
  height: 100%;
  overflow: hidden;
}
html.fullscreen body #root {
  height: 100% !important;
  overflow: hidden;
}
html.fullscreen body #root #root-content {
  height: 100% !important;
  overflow: hidden;
}
html.fullscreen body #root #root-content section {
  /*margin:0 auto;*/
}
#root {
  height: 200%;
  width: 100%;
  position: absolute;
}
.cursor {
  display: inline-block;
  width: 14px;
  height: 4px;
}
section {
  width: 100%;
  max-width: 1210px;
  height: 100%;
  margin: 104px auto 0 auto;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 1024px) {
  section {
    margin: 134px auto 0 auto;
  }
}
@media only screen and (max-width: 640px) {
  html,
  body {
    height: 100%;
    width: 100%;
  }
  section {
    margin: 68px auto 0 auto;
  }
}
.content-wrapper {
  padding-left: 40px;
  padding-right: 40px;
}
@media only screen and (max-width: 640px) {
  .content-wrapper {
    padding-left: 0px;
    padding-right: 0px;
  }
}
#root-content {
  overflow: hidden;
}