@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 5, ../../../../.rvm/gems/ruby-2.4.0@global/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../.rvm/gems/ruby-2.4.0@global/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../.rvm/gems/ruby-2.4.0@global/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../.rvm/gems/ruby-2.4.0@global/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../.rvm/gems/ruby-2.4.0@global/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../.rvm/gems/ruby-2.4.0@global/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../.rvm/gems/ruby-2.4.0@global/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../.rvm/gems/ruby-2.4.0@global/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../.rvm/gems/ruby-2.4.0@global/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/*
	ANIMATIONS
*/
/* Safari 4.0 - 8.0 */
@-webkit-keyframes UpAndDown {
  0% {
    height: 0px;
  }
  50% {
    height: 100px;
  }
  100% {
    height: 0px;
  }
}
/* Standard syntax */
@keyframes UpAndDown {
  0% {
    height: 0px;
  }
  50% {
    height: 100px;
  }
  100% {
    height: 0px;
  }
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes TopToBottom {
  0% {
    top: 0px;
  }
  50% {
    top: 90px;
  }
  100% {
    top: 0px;
  }
}
/* Standard syntax */
@keyframes TopToBottom {
  0% {
    top: 0px;
  }
  50% {
    top: 90px;
  }
  100% {
    top: 0px;
  }
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes LeftToRight {
  0% {
    transform: rotate(0deg);
  }
  5% {
    transform: rotate(10deg);
  }
  10% {
    transform: rotate(20deg);
  }
  15% {
    transform: rotate(10deg);
  }
  20% {
    transform: rotate(-10deg);
  }
  25% {
    transform: rotate(-20deg);
  }
  30% {
    transform: rotate(10deg);
  }
  35% {
    transform: rotate(20deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  45% {
    transform: rotate(-20deg);
  }
  50% {
    transform: rotate(0deg);
  }
  55% {
    transform: rotate(0deg);
  }
  60% {
    transform: rotate(0deg);
  }
  65% {
    transform: rotate(0deg);
  }
  70% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(0deg);
  }
  80% {
    transform: rotate(0deg);
  }
  85% {
    transform: rotate(0deg);
  }
  90% {
    transform: rotate(0deg);
  }
  95% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
/* Standard syntax */
@keyframes LeftToRight {
  0% {
    transform: rotate(0deg);
  }
  5% {
    transform: rotate(10deg);
  }
  10% {
    transform: rotate(20deg);
  }
  15% {
    transform: rotate(10deg);
  }
  20% {
    transform: rotate(-10deg);
  }
  25% {
    transform: rotate(-20deg);
  }
  30% {
    transform: rotate(10deg);
  }
  35% {
    transform: rotate(20deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  45% {
    transform: rotate(-20deg);
  }
  50% {
    transform: rotate(0deg);
  }
  55% {
    transform: rotate(0deg);
  }
  60% {
    transform: rotate(0deg);
  }
  65% {
    transform: rotate(0deg);
  }
  70% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(0deg);
  }
  80% {
    transform: rotate(0deg);
  }
  85% {
    transform: rotate(0deg);
  }
  90% {
    transform: rotate(0deg);
  }
  95% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes yAxis {
  from {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: translateY(-900px);
    transform: translateY(-900px);
  }
}
@keyframes yAxis {
  from {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: translateY(-900px);
    transform: translateY(-900px);
  }
}
@-webkit-keyframes xAxis {
  from {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: translateX(670px);
    transform: translateX(670px);
  }
}
@keyframes xAxis {
  from {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: translateX(670px);
    transform: translateX(670px);
  }
}
@-webkit-keyframes draw {
  0% {
    stroke-dashoffset: 100%;
  }
  50% {
    stroke-dashoffset: 0%;
  }
  100% {
    stroke-dashoffset: 100%;
  }
}
@keyframes draw {
  0% {
    stroke-dashoffset: 100%;
  }
  50% {
    stroke-dashoffset: 0%;
  }
  100% {
    stroke-dashoffset: 100%;
  }
}
/*
	BODY
*/
/* line 178, ../sass/screen.scss */
body {
  font-family: 'Raleway', sans-serif;
  background: url("../images/background-rond.jpg") no-repeat;
  background-color: #FFFFFF;
  background-size: 100%;
}
/* line 183, ../sass/screen.scss */
body.happy-client {
  background: none;
}

/* line 188, ../sass/screen.scss */
.container {
  width: 1170px;
  margin: auto;
  position: relative;
}
@media screen and (max-width: 1190px) {
  /* line 188, ../sass/screen.scss */
  .container {
    width: 990px;
  }
}
@media screen and (max-width: 998px) {
  /* line 188, ../sass/screen.scss */
  .container {
    width: 768px;
  }
}
@media screen and (max-width: 768px) {
  /* line 188, ../sass/screen.scss */
  .container {
    width: 100%;
    max-width: 100%;
  }
}

/* line 204, ../sass/screen.scss */
.contain-loader {
  height: 100vh;
  width: 100%;
  background: #FFFFFF;
  z-index: 2000;
}
/* line 209, ../sass/screen.scss */
.contain-loader .counter {
  font-size: 15pt;
  font-weight: 200;
}
/* line 214, ../sass/screen.scss */
.contain-loader svg path {
  fill: #FFFFFF;
  stroke: #FED015;
  stroke-width: 4px;
  stroke-dasharray: 100%;
  stroke-dashoffset: 100%;
  -webkit-animation: draw 2s infinite ease-in forwards;
  animation: draw 2s infinite ease-in forwards;
}

/* line 226, ../sass/screen.scss */
.back-to-top {
  position: fixed;
  bottom: 40px;
  right: 80px;
  z-index: 9999;
  background: #FFFFFF;
  padding: 10px 10px;
  border-radius: 30px;
  transform: scale(0);
  opacity: 0;
  transition: .5s ease-in-out;
}
/* line 237, ../sass/screen.scss */
.back-to-top img {
  max-width: 30px;
  vertical-align: middle;
  display: inline-block;
}
/* line 242, ../sass/screen.scss */
.back-to-top span {
  color: #252525;
  vertical-align: middle;
  display: inline-block;
  margin: 0px 0 0 10px;
  font-weight: 200;
}
/* line 249, ../sass/screen.scss */
.back-to-top.show {
  transform: scale(1);
  opacity: 1;
}

/* line 255, ../sass/screen.scss */
.header {
  position: relative;
  width: 100%;
  height: 100vh;
  background: none;
}
/* line 260, ../sass/screen.scss */
.header .retour {
  position: absolute;
  right: 100px;
  top: 60px;
}
/* line 264, ../sass/screen.scss */
.header .retour .text {
  font-weight: 300;
  font-size: 13pt;
  color: #252525;
  letter-spacing: 2pt;
  transition: all .5s ease-in-out;
  vertical-align: middle;
  display: inline-block;
}
/* line 273, ../sass/screen.scss */
.header .retour img {
  max-width: 30px;
  margin-right: 10px;
  transform: rotate(-90deg);
  vertical-align: middle;
}
/* line 280, ../sass/screen.scss */
.header .burger {
  position: absolute;
  right: 100px;
  top: 60px;
  text-align: right;
  height: 100px;
  cursor: pointer;
  z-index: 1000;
}
/* line 288, ../sass/screen.scss */
.header .burger .text {
  font-weight: 300;
  font-size: 13pt;
  color: #252525;
  letter-spacing: 2pt;
  transition: all .5s ease-in-out;
}
/* line 295, ../sass/screen.scss */
.header .burger .bar {
  width: 55px;
  height: 3px;
  background: #252525;
  display: block;
  position: absolute;
  right: 0;
  bottom: 70px;
  transition: all .5s ease-in-out;
  transform-origin: top right;
}
/* line 306, ../sass/screen.scss */
.header .burger .bar2 {
  width: 45px;
  height: 3px;
  background: #252525;
  display: block;
  position: absolute;
  right: 0;
  bottom: 60px;
  transition: all .5s ease-in-out;
}
/* line 316, ../sass/screen.scss */
.header .burger .bar3 {
  width: 35px;
  height: 3px;
  background: #252525;
  display: block;
  position: absolute;
  right: 0;
  bottom: 50px;
  transition: all .5s ease-in-out;
  transform-origin: bottom right;
}
/* line 328, ../sass/screen.scss */
.header .burger.is-active .text {
  opacity: 0;
  padding-right: 25px;
}
/* line 332, ../sass/screen.scss */
.header .burger.is-active .bar {
  transform: rotate(-45deg);
}
/* line 335, ../sass/screen.scss */
.header .burger.is-active .bar2 {
  opacity: 0;
  right: 25px;
}
/* line 339, ../sass/screen.scss */
.header .burger.is-active .bar3 {
  width: 55px;
  transform: rotate(45deg);
  bottom: 32px;
}
/* line 346, ../sass/screen.scss */
.header .logo {
  position: absolute;
  top: 60px;
  left: 100px;
  z-index: 950;
}
/* line 351, ../sass/screen.scss */
.header .logo img {
  width: 200px;
}
/* line 355, ../sass/screen.scss */
.header .menu {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  transition: all .5s ease-in-out;
  visibility: hidden;
}
/* line 362, ../sass/screen.scss */
.header .menu .hexagon {
  overflow: hidden;
  visibility: hidden;
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  transform: rotate(180deg);
}
/* line 371, ../sass/screen.scss */
.header .menu .hexagon-in1 {
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(-60deg);
  -moz-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  -o-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
/* line 381, ../sass/screen.scss */
.header .menu .hexagon-in2 {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background: #FDD013;
  visibility: visible;
  -webkit-transform: rotate(-60deg);
  -moz-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  -o-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
/* line 394, ../sass/screen.scss */
.header .menu .hexagon1 {
  position: absolute;
  top: -20%;
  width: 100%;
  height: 140%;
  margin: auto;
  background: #FDD013;
  transition: all .5s ease-in-out;
  opacity: 0;
}
/* line 404, ../sass/screen.scss */
.header .menu ul {
  position: absolute;
  top: 100px;
  left: 50%;
  transform: translate(-50%, 50%) rotate(180deg);
  visibility: hidden;
  transition: all .5s ease-in-out 1s;
}
/* line 411, ../sass/screen.scss */
.header .menu ul li {
  color: #FFFFFF;
  font-weight: 900;
  font-size: 30pt;
  letter-spacing: 4pt;
  position: relative;
  padding: 0 10px;
  text-align: center;
  margin-bottom: 40px;
}
/* line 420, ../sass/screen.scss */
.header .menu ul li a {
  color: #FFFFFF;
}
/* line 422, ../sass/screen.scss */
.header .menu ul li a:hover {
  color: #FFFFFF;
}
/* line 426, ../sass/screen.scss */
.header .menu ul li .pointille {
  width: 0;
  position: absolute;
  border-bottom: dashed 4px #252525;
  top: 18px;
  left: 0;
  transition: all .5s ease-in-out;
}
/* line 435, ../sass/screen.scss */
.header .menu ul li.ba .pointille {
  left: 70px;
}
/* line 439, ../sass/screen.scss */
.header .menu ul li.ba:hover .pointille {
  width: 68%;
}
/* line 445, ../sass/screen.scss */
.header .menu ul li.bh .pointille {
  left: 80px;
}
/* line 449, ../sass/screen.scss */
.header .menu ul li.bh:hover .pointille {
  width: 64%;
}
/* line 455, ../sass/screen.scss */
.header .menu ul li.be .pointille {
  left: 45px;
}
/* line 459, ../sass/screen.scss */
.header .menu ul li.be:hover .pointille {
  width: 79%;
}
/* line 465, ../sass/screen.scss */
.header .menu ul li.bh2 .pointille {
  left: 90px;
}
/* line 469, ../sass/screen.scss */
.header .menu ul li.bh2:hover .pointille {
  width: 59%;
}
/* line 475, ../sass/screen.scss */
.header .menu ul li.bg .pointille {
  left: 130px;
}
/* line 479, ../sass/screen.scss */
.header .menu ul li.bg:hover .pointille {
  width: 43%;
}
/* line 485, ../sass/screen.scss */
.header .menu ul li:hover .pointille {
  width: 100%;
}
/* line 491, ../sass/screen.scss */
.header .menu.open {
  background: #FFFFFF;
  visibility: visible;
  z-index: 100;
}
/* line 495, ../sass/screen.scss */
.header .menu.open .hexagon1 {
  opacity: 1;
}
/* line 498, ../sass/screen.scss */
.header .menu.open ul {
  visibility: visible;
}
/* line 503, ../sass/screen.scss */
.header .fond-home {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
/* line 508, ../sass/screen.scss */
.header .fond-home .hexagon {
  overflow: hidden;
  visibility: hidden;
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  transform: rotate(120deg);
}
/* line 517, ../sass/screen.scss */
.header .fond-home .hexagon-in1 {
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(-60deg);
  -moz-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  -o-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
/* line 527, ../sass/screen.scss */
.header .fond-home .hexagon-in2 {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdb813+0,fdeb13+100 */
  background: #fdb813;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #fdb813 20%, #fdeb13 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #fdb813 20%, #fdeb13 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #fdb813 20%, #fdeb13 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdb813', endColorstr='#fdeb13',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  visibility: visible;
  -webkit-transform: rotate(-60deg);
  -moz-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  -o-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
/* line 545, ../sass/screen.scss */
.header .fond-home .hexagon2 {
  position: absolute;
  top: -20%;
  right: -45%;
  width: 100%;
  height: 140%;
  margin: auto;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdb813+0,fdeb13+100 */
  background: #fdb813;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #fdb813 20%, #fdeb13 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #fdb813 20%, #fdeb13 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #fdb813 20%, #fdeb13 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdb813', endColorstr='#fdeb13',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  transition: all .5s ease-in-out .3s;
  z-index: 2;
  opacity: 0.8;
}
/* line 563, ../sass/screen.scss */
.header .fond-home .hexagon3 {
  position: absolute;
  top: -20%;
  right: -45%;
  width: 100%;
  height: 140%;
  margin: auto;
  background: #FDB813;
  transition: all .5s ease-in-out .3s;
}
/* line 572, ../sass/screen.scss */
.header .fond-home .hexagon3 .hexagon-in1 {
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(-60deg);
  -moz-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  -o-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
/* line 582, ../sass/screen.scss */
.header .fond-home .hexagon3 .hexagon-in2 {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background: url("../images/background-home.jpg") 100% 100%;
  background-size: 110%;
  visibility: visible;
  -webkit-transform: rotate(-60deg);
  -moz-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  -o-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
/* line 597, ../sass/screen.scss */
.header .fond-home .text-home {
  padding: 14% 0;
}
/* line 599, ../sass/screen.scss */
.header .fond-home .text-home h1 {
  color: #252525;
  font-weight: 900;
  font-size: 60pt;
  letter-spacing: 8pt;
  position: relative;
  padding: 0 10px;
  z-index: 10;
  line-height: 85pt;
  margin-bottom: 70px;
}
/* line 610, ../sass/screen.scss */
.header .fond-home .text-home p {
  font-weight: 300;
  font-size: 12pt;
  letter-spacing: 2.2pt;
  line-height: 25pt;
  width: 100%;
  position: relative;
  z-index: 10;
}
/* line 618, ../sass/screen.scss */
.header .fond-home .text-home p b {
  font-weight: 900;
}
/* line 621, ../sass/screen.scss */
.header .fond-home .text-home p .lettrine {
  font-weight: 900;
  color: #FDD013;
  font-size: 13pt;
}
/* line 629, ../sass/screen.scss */
.header .scroll {
  position: absolute;
  left: 100px;
  bottom: 15px;
}
/* line 633, ../sass/screen.scss */
.header .scroll .text-scroll {
  font-weight: 200;
  letter-spacing: 2pt;
  transform: rotate(-90deg);
  display: block;
  position: absolute;
  left: -37px;
  top: -65px;
}
/* line 642, ../sass/screen.scss */
.header .scroll .bar {
  height: 100px;
  width: 4px;
  background-color: #252525;
  opacity: 0.2;
}
/* line 648, ../sass/screen.scss */
.header .scroll .bar2 {
  height: 0px;
  width: 4px;
  background-color: #252525;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: UpAndDown 2.5s infinite;
  /* Safari 4.0 - 8.0 */
  animation: UpAndDown 2.5s infinite;
}
/* line 658, ../sass/screen.scss */
.header .scroll .hexagon-indicator {
  position: absolute;
  top: 0;
  -webkit-animation: TopToBottom 2.5s infinite;
  /* Safari 4.0 - 8.0 */
  animation: TopToBottom 2.5s infinite;
}
/* line 663, ../sass/screen.scss */
.header .scroll .hexagon-indicator .hexagon-plein {
  width: 11px;
  height: 11px;
  position: absolute;
  top: 0;
  left: -4px;
  background: url("../images/hexagon-plein.png");
  background-size: cover;
}
/* line 672, ../sass/screen.scss */
.header .scroll .hexagon-indicator .hexagon-border {
  width: 20px;
  height: 18px;
  position: absolute;
  top: -3px;
  left: -8px;
  background: url("../images/hexagon-border.png");
  background-size: cover;
}
/* line 683, ../sass/screen.scss */
.header .contact-reseaux {
  position: absolute;
  left: 150px;
  bottom: 15px;
}
/* line 687, ../sass/screen.scss */
.header .contact-reseaux .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  font-size: 1.3em;
  transform: rotate(0deg);
  margin-right: 30px;
}
/* line 694, ../sass/screen.scss */
.header .contact-reseaux .icon:hover {
  -webkit-animation: LeftToRight 1s infinite backwards;
  animation: LeftToRight 1s infinite backwards;
}
/* line 697, ../sass/screen.scss */
.header .contact-reseaux .icon:hover a {
  color: #FDD013;
}
/* line 700, ../sass/screen.scss */
.header .contact-reseaux .icon:hover.phone {
  color: #FDD013;
}
/* line 704, ../sass/screen.scss */
.header .contact-reseaux .icon a {
  color: #252525;
  transition: all .4s ease-in;
}
/* line 708, ../sass/screen.scss */
.header .contact-reseaux .icon.facebook {
  margin-right: 25px;
}
/* line 717, ../sass/screen.scss */
.header .contact-reseaux .icon.phone {
  font-size: 1.2em;
  margin-right: 10px;
  color: #252525;
  transition: all .4s ease-in;
  cursor: pointer;
}
/* line 725, ../sass/screen.scss */
.header .contact-reseaux .phone-number {
  display: inline-block;
  color: #FDD013;
  background: #FFFFFF;
  padding: 5px 10px;
  border-radius: 3px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  transition: .5s ease-in;
}
/* line 735, ../sass/screen.scss */
.header .contact-reseaux .phone-number.open {
  opacity: 1;
  visibility: visible;
}
/* line 741, ../sass/screen.scss */
.header.happy {
  height: auto;
  background: none;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------
																BEE AGENCY
------------------------------------------------------------------------------------------------------------------------------------------- */
/* line 750, ../sass/screen.scss */
.agency {
  padding: 350px 0;
  overflow: hidden;
  position: relative;
}
/* line 754, ../sass/screen.scss */
.agency .rond {
  width: 700px;
  height: 700px;
  border-radius: 50%;
  background-color: #F5F5F5;
  position: absolute;
  right: -10%;
  bottom: 250px;
}
/* line 763, ../sass/screen.scss */
.agency .ruche {
  color: #F5F5F5;
  font-family: 'Kaushan Script', cursive;
  font-size: 175pt;
  position: absolute;
  left: -65px;
  bottom: 340px;
  letter-spacing: 20pt;
}
/* line 772, ../sass/screen.scss */
.agency .photo-agence {
  position: relative;
  width: 100%;
  height: 800px;
}
/* line 776, ../sass/screen.scss */
.agency .photo-agence .hexagon {
  overflow: hidden;
  visibility: hidden;
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  transform: rotate(120deg);
}
/* line 785, ../sass/screen.scss */
.agency .photo-agence .hexagon4 {
  width: 80%;
  height: 80%;
  position: absolute;
  right: -10%;
  top: 0;
  background: #FDB813;
  transition: all .5s ease-in-out .3s;
}
/* line 793, ../sass/screen.scss */
.agency .photo-agence .hexagon4 .hexagon-in1 {
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(-60deg);
  -moz-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  -o-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
/* line 803, ../sass/screen.scss */
.agency .photo-agence .hexagon4 .hexagon-in2 {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background: url("../images/visuel-agence.jpg") 50% 100% no-repeat;
  background-size: 80%;
  visibility: visible;
  -webkit-transform: rotate(-60deg);
  -moz-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  -o-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
/* line 817, ../sass/screen.scss */
.agency .photo-agence .hexagon4.overlay {
  z-index: 3;
}
/* line 819, ../sass/screen.scss */
.agency .photo-agence .hexagon4.overlay .hexagon-in1 {
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(-60deg);
  -moz-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  -o-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
/* line 829, ../sass/screen.scss */
.agency .photo-agence .hexagon4.overlay .hexagon-in2 {
  width: 100%;
  height: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdb813+0,fdeb13+100 */
  background: #fdb813;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #fdb813 20%, #fdeb13 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #fdb813 20%, #fdeb13 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #fdb813 20%, #fdeb13 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdb813', endColorstr='#fdeb13',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  transition: all .5s ease-in-out .3s;
  z-index: 2;
  opacity: 0.8;
  visibility: visible;
  -webkit-transform: rotate(-60deg);
  -moz-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  -o-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
/* line 852, ../sass/screen.scss */
.agency .contenu-text {
  position: absolute;
  top: 50px;
  z-index: 10;
}
/* line 856, ../sass/screen.scss */
.agency .contenu-text h2 {
  color: #252525;
  font-weight: 900;
  font-size: 40pt;
  letter-spacing: 7pt;
  position: relative;
  z-index: 10;
  margin-bottom: 25px;
}
/* line 866, ../sass/screen.scss */
.agency .contenu-text .pointille .trait {
  width: 30px;
  height: 4px;
  border-bottom: solid 4px #FDD013;
  margin-bottom: 55px;
  display: inline-block;
}
/* line 872, ../sass/screen.scss */
.agency .contenu-text .pointille .trait:not(last-child) {
  margin-right: 15px;
}
/* line 877, ../sass/screen.scss */
.agency .contenu-text p {
  font-weight: 300;
  font-size: 12pt;
  letter-spacing: 2.2pt;
  line-height: 25pt;
  width: 100%;
}
/* line 883, ../sass/screen.scss */
.agency .contenu-text p b {
  font-weight: 900;
}
/* line 886, ../sass/screen.scss */
.agency .contenu-text p .lettrine {
  font-weight: 900;
  color: #FDD013;
  font-size: 13pt;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------
																BEE SERVICES
------------------------------------------------------------------------------------------------------------------------------------------- */
/* line 898, ../sass/screen.scss */
.services {
  padding: 100px 0 100px;
  overflow: hidden;
  position: relative;
  background: url("../images/fond-services-j.jpg") no-repeat;
  background-size: cover;
  font-size: 0;
}
/* line 905, ../sass/screen.scss */
.services .rond {
  width: 500px;
  height: 500px;
  border-radius: 50%;
  background-color: #FFFFFF;
  position: absolute;
  left: -22%;
  bottom: -245px;
}
/* line 914, ../sass/screen.scss */
.services .rond2 {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #FFFFFF;
  position: absolute;
  right: 70px;
  top: 85px;
}
/* line 923, ../sass/screen.scss */
.services .titre-services {
  padding-left: 60px;
}
/* line 925, ../sass/screen.scss */
.services .titre-services h2 {
  color: #252525;
  font-weight: 900;
  font-size: 40pt;
  letter-spacing: 7pt;
  position: relative;
  z-index: 10;
  margin-bottom: 25px;
}
/* line 935, ../sass/screen.scss */
.services .titre-services .pointille .trait {
  width: 30px;
  height: 4px;
  border-bottom: solid 4px #FFFFFF;
  margin-bottom: 55px;
  display: inline-block;
}
/* line 941, ../sass/screen.scss */
.services .titre-services .pointille .trait:not(last-child) {
  margin-right: 15px;
}
/* line 947, ../sass/screen.scss */
.services .strategie {
  width: 30%;
  display: inline-block;
  margin-left: 5%;
  margin-right: 2.5%;
  text-align: center;
  vertical-align: top;
  height: 455px;
  transition: .5s ease-in-out;
  padding: 20px 0;
}
/* line 957, ../sass/screen.scss */
.services .strategie .icon-strategie {
  width: 100%;
  text-align: center;
  margin-bottom: 55px;
}
/* line 961, ../sass/screen.scss */
.services .strategie .icon-strategie img {
  max-width: 100px;
  margin: auto;
  transition: .5s ease-in-out;
}
/* line 967, ../sass/screen.scss */
.services .strategie h3 {
  font-size: 20pt;
  font-weight: 900;
  color: #FFFFFF;
  margin-bottom: 35px;
}
/* line 973, ../sass/screen.scss */
.services .strategie p {
  font-weight: 200;
  font-size: 12pt;
  letter-spacing: 2.2pt;
  line-height: 25pt;
  color: #FFFFFF;
}
/* line 982, ../sass/screen.scss */
.services .strategie:hover .icon-strategie img {
  transform: rotate(360deg);
}
/* line 988, ../sass/screen.scss */
.services .creatif {
  width: 30%;
  display: inline-block;
  margin-right: 2.5%;
  text-align: center;
  vertical-align: top;
  height: 455px;
  transition: .5s ease-in-out;
  padding: 20px;
}
/* line 997, ../sass/screen.scss */
.services .creatif .icon-creatif {
  width: 100%;
  text-align: center;
  margin-bottom: 47px;
}
/* line 1001, ../sass/screen.scss */
.services .creatif .icon-creatif img {
  max-width: 100px;
  margin: auto;
  transition: .5s ease-in-out;
}
/* line 1007, ../sass/screen.scss */
.services .creatif h3 {
  font-size: 20pt;
  font-weight: 900;
  color: #FFFFFF;
  margin-bottom: 35px;
}
/* line 1013, ../sass/screen.scss */
.services .creatif p {
  font-weight: 200;
  font-size: 12pt;
  letter-spacing: 2.2pt;
  line-height: 25pt;
  color: #FFFFFF;
}
/* line 1022, ../sass/screen.scss */
.services .creatif:hover .icon-creatif img {
  transform: rotate(360deg);
}
/* line 1028, ../sass/screen.scss */
.services .interactive {
  width: 30%;
  display: inline-block;
  text-align: center;
  height: 455px;
  transition: .5s ease-in-out;
  padding: 20px;
}
/* line 1035, ../sass/screen.scss */
.services .interactive .icon-interactive {
  width: 100%;
  text-align: center;
  margin-bottom: 44px;
}
/* line 1039, ../sass/screen.scss */
.services .interactive .icon-interactive img {
  max-width: 100px;
  margin: auto;
  transition: .5s ease-in-out;
}
/* line 1045, ../sass/screen.scss */
.services .interactive h3 {
  font-size: 20pt;
  font-weight: 900;
  color: #FFFFFF;
  margin-bottom: 35px;
}
/* line 1051, ../sass/screen.scss */
.services .interactive p {
  font-weight: 200;
  font-size: 12pt;
  letter-spacing: 2.2pt;
  line-height: 25pt;
  color: #FFFFFF;
}
/* line 1060, ../sass/screen.scss */
.services .interactive:hover .icon-interactive img {
  transform: rotate(360deg);
}

/* -------------------------------------------------------------------------------------------------------------------------------------------
																BEE HUMAIN
------------------------------------------------------------------------------------------------------------------------------------------- */
/* line 1072, ../sass/screen.scss */
.humain {
  padding: 200px 0;
  overflow: hidden;
  position: relative;
  background-color: #F5F5F5;
  /* Owl carousel */
}
/* line 1077, ../sass/screen.scss */
.humain .rond {
  width: 550px;
  height: 550px;
  border-radius: 50%;
  background-color: #FFFFFF;
  position: absolute;
  right: -10%;
  top: 50px;
}
/* line 1086, ../sass/screen.scss */
.humain .abeilles {
  color: #FFFFFF;
  font-family: 'Kaushan Script', cursive;
  font-size: 135pt;
  position: absolute;
  left: -30px;
  top: 290px;
  letter-spacing: 20pt;
}
/* line 1095, ../sass/screen.scss */
.humain .honeycomb {
  width: 200px;
  height: 196px;
  background: url("../images/honeycomb.png");
  background-size: cover;
  position: absolute;
  right: 100px;
  bottom: 100px;
}
/* line 1104, ../sass/screen.scss */
.humain .titre-humain {
  text-align: right;
}
/* line 1106, ../sass/screen.scss */
.humain .titre-humain h2 {
  color: #252525;
  font-weight: 900;
  font-size: 40pt;
  letter-spacing: 7pt;
  position: relative;
  z-index: 10;
  margin-bottom: 25px;
}
/* line 1116, ../sass/screen.scss */
.humain .titre-humain .pointille .trait {
  width: 30px;
  height: 4px;
  border-bottom: solid 4px #FDD013;
  margin-bottom: 55px;
  display: inline-block;
}
/* line 1122, ../sass/screen.scss */
.humain .titre-humain .pointille .trait:not(last-child) {
  margin-right: 15px;
}
/* line 1127, ../sass/screen.scss */
.humain .titre-humain p {
  font-weight: 200;
  font-size: 12pt;
  letter-spacing: 2.2pt;
  line-height: 25pt;
  width: 60%;
}
/* line 1136, ../sass/screen.scss */
.humain .portrait .item {
  height: 690px;
}
/* line 1139, ../sass/screen.scss */
.humain .portrait img {
  max-height: 600px;
  width: auto;
}
/* line 1143, ../sass/screen.scss */
.humain .portrait p {
  font-weight: 200;
  font-size: 12pt;
  letter-spacing: 2.2pt;
  line-height: 20pt;
  width: 50%;
  position: absolute;
  right: 40px;
  top: 370px;
  opacity: 1 !important;
}
/* line 1153, ../sass/screen.scss */
.humain .portrait p b {
  font-weight: 900;
}
/* line 1156, ../sass/screen.scss */
.humain .portrait p .title-abeille {
  margin-bottom: 30px;
  display: block;
}
/* line 1159, ../sass/screen.scss */
.humain .portrait p .title-abeille .lettrine {
  font-weight: 900;
  color: #FDD013;
  font-size: 13pt;
}
/* line 1171, ../sass/screen.scss */
.humain .owl-theme .owl-dots .owl-dot span {
  width: 25px;
  height: 4px;
  border-radius: 0;
  background: #252525;
  transition: background .5s ease-in-out;
}
/* line 1179, ../sass/screen.scss */
.humain .owl-theme .owl-dots .owl-dot.active span {
  background: #FDD013;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------
															   BEE CREATIVE
------------------------------------------------------------------------------------------------------------------------------------------- */
/* line 1192, ../sass/screen.scss */
.creative {
  background-color: #FFFFFF;
  padding: 380px 0 50px 0;
  background-image: url("../images/fond-crea-2.png");
  background-size: 140%;
  background-repeat: no-repeat;
  background-position: 75% 0%;
  position: relative;
}
@media screen and (min-device-width: 1600px) {
  /* line 1192, ../sass/screen.scss */
  .creative {
    background-size: 110%;
  }
}
/* line 1203, ../sass/screen.scss */
.creative .honey {
  width: 200px;
  height: 199px;
  background: url("../images/honey.png");
  background-size: cover;
  position: absolute;
  left: -40px;
  top: 500px;
}
/* line 1212, ../sass/screen.scss */
.creative .hexagon-c {
  width: 417px;
  height: 457.5px;
  background: url("../images/hexagon-creative.png");
  background-size: cover;
  position: absolute;
  top: 160px;
  left: 150px;
  z-index: 2;
}
/* line 1222, ../sass/screen.scss */
.creative .titre-creative {
  text-align: left;
  margin-bottom: 120px;
}
/* line 1225, ../sass/screen.scss */
.creative .titre-creative h2 {
  color: #252525;
  font-weight: 900;
  font-size: 40pt;
  letter-spacing: 7pt;
  position: relative;
  z-index: 10;
  margin-bottom: 25px;
  margin-left: 170px;
}
/* line 1235, ../sass/screen.scss */
.creative .titre-creative p {
  font-weight: 300;
  font-size: 17pt;
  letter-spacing: 2.2pt;
  line-height: 20pt;
  color: #252525;
  margin-left: 240px;
}
/* line 1242, ../sass/screen.scss */
.creative .titre-creative p b {
  font-weight: 700;
}
/* line 1244, ../sass/screen.scss */
.creative .titre-creative p b a {
  color: #252525;
}
/* line 1251, ../sass/screen.scss */
.creative .carousel-crea .item {
  height: 580px;
}
/* line 1254, ../sass/screen.scss */
.creative .carousel-crea .rond {
  width: 670px;
  height: 670px;
  background-color: #FFFFFF;
  border-radius: 50%;
  visibility: visible !important;
  transform: none !important;
  position: absolute;
  top: 0;
  right: 50px;
  z-index: 1;
}
/* line 1265, ../sass/screen.scss */
.creative .carousel-crea .rond img {
  position: absolute;
  top: 0;
  left: -40px;
}
/* line 1271, ../sass/screen.scss */
.creative .carousel-crea .text {
  z-index: 10;
  position: relative;
}
/* line 1274, ../sass/screen.scss */
.creative .carousel-crea .text h3 {
  font-weight: 900;
  font-size: 30pt;
  letter-spacing: 5pt;
  margin-bottom: 50px;
  margin-top: 80px;
}
/* line 1281, ../sass/screen.scss */
.creative .carousel-crea .text p {
  font-weight: 400;
  font-size: 12pt;
  letter-spacing: 2.2pt;
  line-height: 20pt;
  width: 50%;
  color: #252525;
  margin-bottom: 30px;
}
/* line 1289, ../sass/screen.scss */
.creative .carousel-crea .text p b {
  font-weight: 600;
}
/* line 1293, ../sass/screen.scss */
.creative .carousel-crea .text .savoir-plus {
  color: #FFFFFF;
  font-weight: 300;
  font-size: 14pt;
  letter-spacing: 3pt;
}
/* line 1299, ../sass/screen.scss */
.creative .carousel-crea .text .pointille {
  margin-top: 15px;
}
/* line 1301, ../sass/screen.scss */
.creative .carousel-crea .text .pointille .trait {
  width: 20px;
  height: 2px;
  border-bottom: solid 2px #FFFFFF;
  margin-bottom: 55px;
  display: inline-block;
}
/* line 1307, ../sass/screen.scss */
.creative .carousel-crea .text .pointille .trait:not(last-child) {
  margin-right: 5px;
}
/* line 1312, ../sass/screen.scss */
.creative .carousel-crea .text .number {
  color: #FFFFFF;
  font-size: 17pt;
  font-weight: 300;
}
/* line 1316, ../sass/screen.scss */
.creative .carousel-crea .text .number .trait {
  width: 60px;
  height: 3px;
  display: inline-block;
  background-color: #FFFFFF;
  margin-bottom: 5px;
  margin-right: 15px;
}
/* line 1327, ../sass/screen.scss */
.creative .owl-dots {
  margin-top: 0;
}
/* line 1330, ../sass/screen.scss */
.creative .owl-dots .owl-dot span {
  width: 25px;
  height: 4px;
  border-radius: 0;
  background: #252525;
  transition: background .5s ease-in-out;
}
/* line 1338, ../sass/screen.scss */
.creative .owl-dots .owl-dot.active span {
  background: #FDD013;
}

/* line 1347, ../sass/screen.scss */
.realisations-client {
  padding: 50px 0 100px 0;
  position: relative;
  overflow: hidden;
  background: url("../images/fond-clientele.png");
  background-size: cover;
}
/* line 1353, ../sass/screen.scss */
.realisations-client.ov {
  background: url("../images/client/Olivier-vidal/chocolats.jpg") no-repeat;
  background-size: cover;
}
/* line 1357, ../sass/screen.scss */
.realisations-client.siegwald {
  background: url("../images/client/Siegwald/fond-siegwald.jpg") no-repeat;
  background-size: cover;
}
/* line 1361, ../sass/screen.scss */
.realisations-client.duc {
  background: url("../images/client/DUC/duc-fond-ok-2.jpg") no-repeat;
  background-size: cover;
}
/* line 1365, ../sass/screen.scss */
.realisations-client.roma {
  background: url("../images/client/Roma/fond-roma.jpg") no-repeat;
  background-size: cover;
}
/* line 1369, ../sass/screen.scss */
.realisations-client.i-a {
  background: url("../images/client/idylcar-accessoires/fond-IA.jpg") no-repeat;
  background-size: cover;
}
/* line 1373, ../sass/screen.scss */
.realisations-client .couronne {
  width: 180px;
  height: 150px;
  background: url("../images/couronne.png");
  background-size: cover;
  position: absolute;
  bottom: 270px;
  right: 50px;
}
/* line 1382, ../sass/screen.scss */
.realisations-client .clientele {
  color: #F5F5F5;
  font-family: 'Kaushan Script', cursive;
  font-size: 120pt;
  position: absolute;
  right: 20px;
  top: 100px;
  letter-spacing: 20pt;
}
/* line 1391, ../sass/screen.scss */
.realisations-client .titre-happy {
  text-align: left;
  margin-bottom: 80px;
}
/* line 1394, ../sass/screen.scss */
.realisations-client .titre-happy h2 {
  color: #252525;
  font-weight: 900;
  font-size: 40pt;
  letter-spacing: 7pt;
  position: relative;
  z-index: 10;
  margin-bottom: 25px;
}
/* line 1405, ../sass/screen.scss */
.realisations-client .text-presentation h3 {
  font-size: 15pt;
  font-weight: 900;
  letter-spacing: 2.5pt;
  color: #AECA04;
  margin-bottom: 30px;
}
/* line 1411, ../sass/screen.scss */
.realisations-client .text-presentation h3.roma {
  color: #2D2422;
}
/* line 1414, ../sass/screen.scss */
.realisations-client .text-presentation h3.i-a {
  color: #092975;
}
/* line 1417, ../sass/screen.scss */
.realisations-client .text-presentation h3.duc {
  color: #e30710;
}
/* line 1420, ../sass/screen.scss */
.realisations-client .text-presentation h3.siegwald {
  color: #FFFFFF;
}
/* line 1424, ../sass/screen.scss */
.realisations-client .text-presentation p {
  font-weight: 400;
  font-size: 12pt;
  letter-spacing: 2.2pt;
  line-height: 20pt;
  color: #252525;
  margin-bottom: 70px;
}
/* line 1431, ../sass/screen.scss */
.realisations-client .text-presentation p a {
  font-weight: 700;
  color: #252525;
}
/* line 1435, ../sass/screen.scss */
.realisations-client .text-presentation p b {
  font-weight: 900;
  margin-bottom: 10px;
}
/* line 1441, ../sass/screen.scss */
.realisations-client .img-realisation {
  margin-bottom: 35px;
  width: 100%;
  display: block;
}
/* line 1445, ../sass/screen.scss */
.realisations-client .img-realisation.w40 {
  width: 40%;
  margin: auto auto 35px;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------
															    BEEBLOG
------------------------------------------------------------------------------------------------------------------------------------------- */
/* line 1456, ../sass/screen.scss */
.beeblog {
  padding: 50px 0 50px;
  text-align: center;
  background: #252525;
}
/* line 1460, ../sass/screen.scss */
.beeblog a {
  color: #FFFFFF;
  padding: 50px 20px 4px;
  background: transparent;
  transition: .6s ease-in-out;
  position: relative;
}
/* line 1466, ../sass/screen.scss */
.beeblog a span {
  display: inline-block;
  vertical-align: top;
  padding-top: 20px;
  font-weight: 600;
  font-size: 14pt;
  transition: .6s ease-in-out;
  position: relative;
  width: 80px;
  height: 20px;
  margin-top: 19px;
  overflow: hidden;
}
/* line 1478, ../sass/screen.scss */
.beeblog a span:before {
  content: 'BeeBlog';
  position: absolute;
  left: 0;
  top: 0;
}
/* line 1484, ../sass/screen.scss */
.beeblog a span:after {
  content: 'Découvrez nos dernières nouveautés';
  font-weight: 300;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  transition: .6s ease-in-out;
}
/* line 1494, ../sass/screen.scss */
.beeblog a img {
  max-width: 50px;
  margin-left: 10px;
}
/* line 1499, ../sass/screen.scss */
.beeblog a:hover span {
  width: 400px;
}
/* line 1501, ../sass/screen.scss */
.beeblog a:hover span:after {
  opacity: 1;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------
															   BEE HAPPY
------------------------------------------------------------------------------------------------------------------------------------------- */
/* line 1514, ../sass/screen.scss */
.happy {
  padding: 50px 0 100px 0;
  position: relative;
  overflow: hidden;
  background: url("../images/fond-clientele.png");
  background-size: cover;
}
/* line 1520, ../sass/screen.scss */
.happy .couronne {
  width: 180px;
  height: 150px;
  background: url("../images/couronne.png");
  background-size: cover;
  position: absolute;
  bottom: 270px;
  right: 50px;
}
/* line 1529, ../sass/screen.scss */
.happy .clientele {
  color: #F5F5F5;
  font-family: 'Kaushan Script', cursive;
  font-size: 120pt;
  position: absolute;
  right: -110px;
  top: 100px;
  letter-spacing: 20pt;
}
/* line 1538, ../sass/screen.scss */
.happy .titre-happy {
  text-align: left;
  margin-bottom: 80px;
}
/* line 1541, ../sass/screen.scss */
.happy .titre-happy h2 {
  color: #252525;
  font-weight: 900;
  font-size: 40pt;
  letter-spacing: 7pt;
  position: relative;
  z-index: 10;
  margin-bottom: 25px;
}
/* line 1551, ../sass/screen.scss */
.happy .img-realisation {
  margin-bottom: 35px;
}
/* line 1554, ../sass/screen.scss */
.happy #categories {
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  height: 780px;
  position: relative;
}
/* line 1560, ../sass/screen.scss */
.happy #categories li {
  position: relative;
  list-style-type: none;
  width: 16.857%;
  padding-bottom: 19.45%;
  float: left;
  overflow: hidden;
  visibility: hidden;
  -webkit-transform: rotate(30deg) skewY(30deg) translateY(0);
  -ms-transform: rotate(30deg) skewY(30deg) translateY(0);
  transform: rotate(30deg) skewY(30deg) translateY(0);
}
/* line 1571, ../sass/screen.scss */
.happy #categories li:nth-child(3n+2) {
  margin: 0;
}
/* line 1576, ../sass/screen.scss */
.happy #categories li:nth-child(6n+3), .happy #categories li:nth-child(6n+4), .happy #categories li:nth-child(6n+5) {
  margin-top: 0;
  margin-bottom: -6.9285714285%;
  -webkit-transform: translateX(0%) rotate(30deg) skewY(30deg) translateY(0);
  -ms-transform: translateX(0%) rotate(30deg) skewY(30deg) translateY(0);
  transform: translateX(0%) rotate(30deg) skewY(30deg) translateY(0);
}
/* line 1583, ../sass/screen.scss */
.happy #categories li:nth-child(6n+4):last-child, .happy #categories li:nth-child(6n+5):last-child, .happy #categories li:nth-child(6n+6):last-child {
  margin-bottom: 0%;
}
/* line 1586, ../sass/screen.scss */
.happy #categories li.siegwald {
  margin-left: 12.2%;
}
/* line 1589, ../sass/screen.scss */
.happy #categories li.sdmh {
  margin-left: -1.5%;
}
/* line 1592, ../sass/screen.scss */
.happy #categories li.charlatte {
  margin-top: -12.3%;
}
/* line 1595, ../sass/screen.scss */
.happy #categories li.roma {
  margin-top: -12.3%;
  margin-left: -1.5%;
}
/* line 1599, ../sass/screen.scss */
.happy #categories li.i-a {
  margin-top: -5.3%;
  margin-left: -4.6%;
}
/* line 1603, ../sass/screen.scss */
.happy #categories li.ov {
  margin-top: -5.3%;
  margin-left: -1.5%;
}
/* line 1607, ../sass/screen.scss */
.happy #categories li.duc {
  margin-top: -17.6%;
}
/* line 1610, ../sass/screen.scss */
.happy #categories li.cci {
  margin-top: -17.6%;
  margin-left: -5.2%;
}
/* line 1614, ../sass/screen.scss */
.happy #categories li.volefi {
  margin-top: -17.6%;
  margin-left: 1.2%;
}
/* line 1618, ../sass/screen.scss */
.happy #categories li.cifa {
  margin-top: -30%;
  margin-left: -5.7%;
}
/* line 1622, ../sass/screen.scss */
.happy #categories li.yltec {
  margin-top: -22.8%;
  margin-left: -5.2%;
}
/* line 1626, ../sass/screen.scss */
.happy #categories li.i-o-r-l-r {
  margin-top: -40.8%;
  margin-left: -5.7%;
}
/* line 1630, ../sass/screen.scss */
.happy #categories li.plus {
  margin-top: -33.7%;
  margin-left: 30.8%;
}
/* line 1634, ../sass/screen.scss */
.happy #categories li.active-sante {
  margin-top: -33.7%;
  margin-left: 6.6%;
}
/* line 1638, ../sass/screen.scss */
.happy #categories li.adage {
  margin-top: -33.7%;
  margin-left: 12.8%;
}
/* line 1642, ../sass/screen.scss */
.happy #categories li.arbor {
  margin-top: -40.8%;
  margin-left: 25.1%;
}
/* line 1646, ../sass/screen.scss */
.happy #categories li.ardn {
  margin-top: -33.6%;
  margin-left: 37.3%;
}
/* line 1650, ../sass/screen.scss */
.happy #categories li.auxerre-2019 {
  margin-left: -35.9%;
  margin-top: -33.7%;
}
/* line 1654, ../sass/screen.scss */
.happy #categories li.bsl {
  margin-top: -19.55%;
  margin-left: -36%;
}
/* line 1658, ../sass/screen.scss */
.happy #categories li.businessens {
  margin-top: -12.4%;
  margin-left: -23.8%;
}
/* line 1662, ../sass/screen.scss */
.happy #categories li.cabinet-jpg {
  margin-top: -5.2%;
  margin-left: -11.6%;
}
/* line 1666, ../sass/screen.scss */
.happy #categories li.cavoise {
  margin-top: 2%;
  margin-left: -4.7%;
}
/* line 1670, ../sass/screen.scss */
.happy #categories li.comauxerrois {
  margin-top: -5.2%;
  margin-left: -4.7%;
}
/* line 1674, ../sass/screen.scss */
.happy #categories li.consult-ingenierie {
  margin-top: 9%;
  margin-left: -16.7%;
}
/* line 1678, ../sass/screen.scss */
.happy #categories li.debruin {
  margin-top: 16.3%;
  margin-left: -4.7%;
}
/* line 1682, ../sass/screen.scss */
.happy #categories li.egc {
  margin-top: 9%;
  margin-left: -4.7%;
}
/* line 1686, ../sass/screen.scss */
.happy #categories li.embalbois {
  margin-top: -23%;
  margin-left: 6.3%;
}
/* line 1690, ../sass/screen.scss */
.happy #categories li.etc {
  margin-top: -15.8%;
  margin-left: -5.8%;
}
/* line 1694, ../sass/screen.scss */
.happy #categories li.foret-othe {
  margin-top: -8.8%;
  margin-left: -18%;
}
/* line 1698, ../sass/screen.scss */
.happy #categories li.gda {
  margin-top: -1.6%;
  margin-left: -5.8%;
}
/* line 1702, ../sass/screen.scss */
.happy #categories li.g-v {
  margin-top: 5.5%;
  margin-left: -4.6%;
}
/* line 1706, ../sass/screen.scss */
.happy #categories li.handispo {
  margin-top: 12.5%;
  margin-left: -4.6%;
}
/* line 1710, ../sass/screen.scss */
.happy #categories li.h-f {
  margin-top: 5.5%;
  margin-left: -4.6%;
}
/* line 1714, ../sass/screen.scss */
.happy #categories li.i-s {
  margin-top: 12.5%;
  margin-left: -4.6%;
}
/* line 1718, ../sass/screen.scss */
.happy #categories li.ifag {
  margin-top: 19.5%;
  margin-left: -4.6%;
}
/* line 1722, ../sass/screen.scss */
.happy #categories li.isosta {
  margin-top: -26.5%;
}
/* line 1725, ../sass/screen.scss */
.happy #categories li.iut-dijon {
  margin-top: 1.65%;
  margin-left: 10.5%;
}
/* line 1729, ../sass/screen.scss */
.happy #categories li.l-c-d {
  margin-left: 36.7%;
  margin-top: -26.5%;
}
/* line 1733, ../sass/screen.scss */
.happy #categories li.menu-fromage {
  margin-left: 24.5%;
  margin-top: -19.3%;
}
/* line 1737, ../sass/screen.scss */
.happy #categories li.mma {
  margin-left: 12.3%;
  margin-top: -12.2%;
}
/* line 1741, ../sass/screen.scss */
.happy #categories li.mobhome {
  margin-left: 19.8%;
  margin-top: -19.4%;
}
/* line 1745, ../sass/screen.scss */
.happy #categories li.p-c {
  margin-left: 32.1%;
  margin-top: -12.35%;
}
/* line 1749, ../sass/screen.scss */
.happy #categories li.p-m {
  margin-left: -78%;
  margin-top: -5%;
}
/* line 1753, ../sass/screen.scss */
.happy #categories li.rotary {
  margin-left: -4.6%;
  margin-top: -5.25%;
}
/* line 1757, ../sass/screen.scss */
.happy #categories li.rothe {
  margin-top: 1.9%;
}
/* line 1760, ../sass/screen.scss */
.happy #categories li.sms89 {
  margin-top: 9.1%;
  margin-left: -4.6%;
}
/* line 1764, ../sass/screen.scss */
.happy #categories li.sncf {
  margin-top: -12.43%;
  margin-left: -4.6%;
}
/* line 1768, ../sass/screen.scss */
.happy #categories li.te {
  margin-top: 1.85%;
  margin-left: -16.9%;
}
/* line 1772, ../sass/screen.scss */
.happy #categories li.t-p {
  margin-top: 16%;
  margin-left: -16.8%;
}
/* line 1776, ../sass/screen.scss */
.happy #categories li.yes {
  margin-top: 8.85%;
  margin-left: -4.6%;
}
/* line 1780, ../sass/screen.scss */
.happy #categories li.dss {
  margin-top: 16%;
  margin-left: -4.6%;
}
/* line 1784, ../sass/screen.scss */
.happy #categories li.acrt {
  margin-top: 23.2%;
  margin-left: -4.7%;
}
/* line 1788, ../sass/screen.scss */
.happy #categories li.maya {
  margin-top: 16%;
  margin-left: -4.7%;
}
/* line 1792, ../sass/screen.scss */
.happy #categories li.abbaye {
  margin-left: -4.6%;
  margin-top: -5.2%;
}
/* line 1796, ../sass/screen.scss */
.happy #categories li.eneo {
  margin-top: 9.2%;
  margin-left: 24.45%;
}
/* line 1800, ../sass/screen.scss */
.happy #categories li.c-d-p {
  margin-top: 2%;
  margin-left: -4.6%;
}
/* line 1804, ../sass/screen.scss */
.happy #categories li.m-p {
  margin-top: -5.2%;
  margin-left: -4.6%;
}
/* line 1808, ../sass/screen.scss */
.happy #categories li.tom {
  margin-top: -12.35%;
  margin-left: -4.6%;
}
/* line 1812, ../sass/screen.scss */
.happy #categories li.sp2a {
  margin-top: -3%;
  margin-left: -38%;
}
/* line 1816, ../sass/screen.scss */
.happy #categories li.c-v-s {
  margin-top: -10.1%;
  margin-left: -50.2%;
}
/* line 1820, ../sass/screen.scss */
.happy #categories li.pusher {
  width: 9%;
}
/* line 1823, ../sass/screen.scss */
.happy #categories li * {
  position: absolute;
  visibility: visible;
}
/* line 1827, ../sass/screen.scss */
.happy #categories li > div, .happy #categories li a {
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  overflow: hidden;
  -webkit-transform: skewY(-30deg) rotate(-30deg);
  -ms-transform: skewY(-30deg) rotate(-30deg);
  transform: skewY(-30deg) rotate(-30deg);
  -webkit-backface-visibility: hidden;
}
/* line 1837, ../sass/screen.scss */
.happy #categories li > div div, .happy #categories li a div {
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  overflow: hidden;
}
/* line 1845, ../sass/screen.scss */
.happy #categories li img {
  left: -100%;
  right: -100%;
  width: 100%;
  height: auto;
  margin: 0 auto;
  top: 12.5%;
}
/* line 1854, ../sass/screen.scss */
.happy #categories .et-vous {
  position: absolute;
  bottom: 125px;
  left: 360px;
  color: #252525;
  text-decoration: none;
  font-weight: 900;
  font-size: 20pt;
}
/* line 1863, ../sass/screen.scss */
.happy #categories.full {
  height: auto;
}
/* line 1867, ../sass/screen.scss */
.happy .clr:after {
  content: "";
  display: block;
  clear: both;
}
/* line 1872, ../sass/screen.scss */
.happy .autre-client {
  margin: auto;
}
/* line 1874, ../sass/screen.scss */
.happy .autre-client h4 {
  text-align: center;
  font-size: 16pt;
  letter-spacing: 2.5pt;
  font-weight: 200;
  cursor: pointer;
}
/* line 1881, ../sass/screen.scss */
.happy .autre-client .pointille {
  margin: 5px 0 0 0;
  text-align: center;
}
/* line 1884, ../sass/screen.scss */
.happy .autre-client .pointille .trait {
  width: 20px;
  height: 2px;
  border-bottom: solid 2px #FDD013;
  display: inline-block;
}
/* line 1889, ../sass/screen.scss */
.happy .autre-client .pointille .trait:not(last-child) {
  margin-right: 5px;
}
/* line 1894, ../sass/screen.scss */
.happy .autre-client .logo-autre-client {
  opacity: 0;
  visibility: hidden;
  transition: 0.5s ease-in;
}
/* line 1898, ../sass/screen.scss */
.happy .autre-client .logo-autre-client.open {
  opacity: 1;
  visibility: visible;
}
/* line 1904, ../sass/screen.scss */
.happy .autre-client .logo-autre-client .owl-carousel .owl-item img {
  width: 60%;
  margin: auto;
}
/* line 1912, ../sass/screen.scss */
.happy .full-client {
  padding: 280px 0 100px 0;
}
/* line 1914, ../sass/screen.scss */
.happy .full-client .clientele {
  top: 330px;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------
															   	BEEGIN
------------------------------------------------------------------------------------------------------------------------------------------- */
/* line 1924, ../sass/screen.scss */
.beegin {
  font-size: 0;
  position: relative;
  background-color: #FDD013;
}
/* line 1928, ../sass/screen.scss */
.beegin .bee-contact {
  position: absolute;
  bottom: 0;
  left: 50px;
}
/* line 1932, ../sass/screen.scss */
.beegin .bee-contact img {
  max-width: 205px;
}
/* line 1934, ../sass/screen.scss */
.beegin .bee-contact img.vole {
  -webkit-animation: yAxis 1s ease-in forwards;
  animation: yAxis 1s ease-in forwards;
}
/* line 1939, ../sass/screen.scss */
.beegin .bee-contact.vole {
  -webkit-animation: xAxis 1s ease-out forwards;
  animation: xAxis 1s ease-out forwards;
}
/* line 1944, ../sass/screen.scss */
.beegin .gauche {
  display: inline-block;
  width: 50%;
  height: 100%;
  position: relative;
}
/* line 1950, ../sass/screen.scss */
.beegin .droite {
  display: inline-block;
  width: 50%;
  background-color: #252525;
  padding: 80px;
  vertical-align: top;
  position: relative;
  height: 100%;
}
/* line 1958, ../sass/screen.scss */
.beegin .droite .titre-beegin {
  text-align: left;
  margin-bottom: 80px;
}
/* line 1961, ../sass/screen.scss */
.beegin .droite .titre-beegin h2 {
  color: #FFFFFF;
  font-weight: 900;
  font-size: 40pt;
  letter-spacing: 7pt;
  position: relative;
  z-index: 10;
  margin-bottom: 25px;
}
/* line 1972, ../sass/screen.scss */
.beegin .droite .form label {
  display: block;
  color: #FFFFFF;
  font-size: 13pt;
  letter-spacing: 2.5pt;
  font-weight: 200;
  margin-bottom: 15px;
  cursor: default;
}
/* line 1981, ../sass/screen.scss */
.beegin .droite .form .input-form {
  background: transparent;
  border: none;
  border-bottom: 2px solid #FFFFFF;
  margin-bottom: 100px;
  color: #FDD013;
  font-size: 13pt;
  padding: .5em 0;
  box-shadow: none;
}
/* line 1991, ../sass/screen.scss */
.beegin .droite .form .textarea-form {
  background: transparent;
  border: none;
  border-bottom: 2px solid #FFFFFF;
  margin-bottom: 60px;
  color: #FDD013;
  font-size: 13pt;
  padding: .5em 0;
  resize: vertical;
  box-shadow: none;
}
/* line 2002, ../sass/screen.scss */
.beegin .droite .form .info-RGPD {
  display: block;
  font-style: italic;
  color: #FFFFFF;
  font-size: 10pt;
  letter-spacing: 2.5pt;
  font-weight: 200;
  line-height: 15pt;
  margin-bottom: 80px;
}
/* line 2011, ../sass/screen.scss */
.beegin .droite .form .info-RGPD a {
  color: #FDD013;
  font-weight: 700;
}
/* line 2016, ../sass/screen.scss */
.beegin .droite .form .btn-form {
  background-color: #FDD013;
  color: #252525;
  padding: 8px 30px;
  border-radius: 30px;
  font-size: 15pt;
  font-weight: 600;
  letter-spacing: 3pt;
}
/* line 2025, ../sass/screen.scss */
.beegin .droite .form .success {
  width: 70%;
  background: #00C853;
  margin: auto auto 35px auto;
  text-align: center;
  padding: 20px 0;
  display: none;
}
/* line 2032, ../sass/screen.scss */
.beegin .droite .form .success p {
  color: #FFFFFF;
  font-size: 12pt;
  letter-spacing: 2.5pt;
  font-weight: 200;
}
/* line 2039, ../sass/screen.scss */
.beegin .droite .form .error {
  width: 80%;
  background: #B71C1C;
  margin: auto auto 35px auto;
  text-align: center;
  padding: 20px 0;
  display: none;
}
/* line 2046, ../sass/screen.scss */
.beegin .droite .form .error p {
  color: #FFFFFF;
  font-size: 12pt;
  letter-spacing: 2.5pt;
  font-weight: 200;
}
/* line 2053, ../sass/screen.scss */
.beegin .droite .form #erreur {
  display: none;
  background: #b71c1c;
  margin: auto;
  text-align: center;
  color: #fff;
  width: 35%;
  padding: 10px;
  font-size: 10pt;
  margin-bottom: 40px;
}
/* line 2064, ../sass/screen.scss */
.beegin .droite .form #erreur_mail {
  display: none;
  background: #b71c1c;
  margin: auto;
  text-align: center;
  color: #fff;
  width: 35%;
  padding: 10px;
  font-size: 10pt;
  margin-bottom: 40px;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------
																FOOTER
------------------------------------------------------------------------------------------------------------------------------------------- */
/* line 2082, ../sass/screen.scss */
.footer {
  background: #FFFFFF;
  margin: 0;
  padding: 30px 0 25px;
  position: relative;
  overflow: hidden;
}
/* line 2088, ../sass/screen.scss */
.footer .rond-j {
  width: 600px;
  height: 600px;
  border-radius: 50%;
  background-color: #FDD013;
  position: absolute;
  right: -10%;
  top: -260px;
}
/* line 2097, ../sass/screen.scss */
.footer .contact-reseaux {
  display: inline-block;
}
/* line 2099, ../sass/screen.scss */
.footer .contact-reseaux .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  font-size: 1.3em;
  transform: rotate(0deg);
  margin-right: 30px;
}
/* line 2106, ../sass/screen.scss */
.footer .contact-reseaux .icon:hover {
  -webkit-animation: LeftToRight 1s infinite backwards;
  animation: LeftToRight 1s infinite backwards;
}
/* line 2109, ../sass/screen.scss */
.footer .contact-reseaux .icon:hover a {
  color: #FDD013;
}
/* line 2112, ../sass/screen.scss */
.footer .contact-reseaux .icon:hover.phone {
  color: #FDD013;
}
/* line 2116, ../sass/screen.scss */
.footer .contact-reseaux .icon a {
  color: #252525;
  transition: all .4s ease-in;
}
/* line 2120, ../sass/screen.scss */
.footer .contact-reseaux .icon.facebook {
  margin-right: 25px;
}
/* line 2129, ../sass/screen.scss */
.footer .contact-reseaux .icon.phone {
  font-size: 1.2em;
  margin-right: 10px;
  color: #252525;
  transition: all .4s ease-in;
  cursor: pointer;
}
/* line 2137, ../sass/screen.scss */
.footer .contact-reseaux .phone-number-2 {
  display: inline-block;
  color: #FDD013;
  background: #FFFFFF;
  padding: 5px 10px;
  border-radius: 3px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  transition: .5s ease-in;
}
/* line 2147, ../sass/screen.scss */
.footer .contact-reseaux .phone-number-2.open {
  opacity: 1;
  visibility: visible;
}
/* line 2153, ../sass/screen.scss */
.footer .adresse {
  display: inline-block;
  margin-left: 40px;
}
/* line 2157, ../sass/screen.scss */
.footer p {
  display: inline-block;
  margin-right: 30px;
  float: right;
  vertical-align: top;
  color: #252525;
}
/* line 2163, ../sass/screen.scss */
.footer p a {
  color: #252525;
}
/* line 2166, ../sass/screen.scss */
.footer p img {
  max-width: 100px;
}
/* line 2170, ../sass/screen.scss */
.footer p.beeblog a {
  font-weight: 600;
  transition: .5s ease-in;
}
/* line 2173, ../sass/screen.scss */
.footer p.beeblog a:hover {
  color: #FDD013;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------
															   MENTION LÉGALES
------------------------------------------------------------------------------------------------------------------------------------------- */
/* line 2184, ../sass/screen.scss */
.mentions-legales {
  padding: 50px 0 100px 0;
  position: relative;
  overflow: hidden;
}
/* line 2188, ../sass/screen.scss */
.mentions-legales .couronne {
  width: 180px;
  height: 150px;
  background: url("../images/couronne.png");
  background-size: cover;
  position: absolute;
  bottom: 270px;
  right: 50px;
}
/* line 2197, ../sass/screen.scss */
.mentions-legales .clientele {
  color: #F5F5F5;
  font-family: 'Kaushan Script', cursive;
  font-size: 120pt;
  position: absolute;
  right: -110px;
  top: 100px;
  letter-spacing: 20pt;
}
/* line 2206, ../sass/screen.scss */
.mentions-legales .titre-happy {
  text-align: left;
  margin-bottom: 80px;
}
/* line 2209, ../sass/screen.scss */
.mentions-legales .titre-happy h1 {
  color: #252525;
  font-weight: 900;
  font-size: 40pt;
  letter-spacing: 7pt;
  position: relative;
  z-index: 10;
  margin-bottom: 25px;
}
/* line 2220, ../sass/screen.scss */
.mentions-legales .mentions h2 {
  color: #FDD013;
  font-weight: 700;
  font-size: 17pt;
  letter-spacing: 2pt;
  position: relative;
  z-index: 10;
  margin-bottom: 20px;
}
/* line 2229, ../sass/screen.scss */
.mentions-legales .mentions p {
  color: #252525;
  font-size: 12pt;
  letter-spacing: 2.5pt;
  font-weight: 200;
  margin-bottom: 40px;
  line-height: 18pt;
}
/* line 2236, ../sass/screen.scss */
.mentions-legales .mentions p b {
  font-weight: 700;
}
/* line 2239, ../sass/screen.scss */
.mentions-legales .mentions p a {
  color: #FDD013;
  font-weight: 700;
}

/* line 2247, ../sass/screen.scss */
#open-video {
  cursor: pointer;
}

/* line 2251, ../sass/screen.scss */
.video {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  display: none;
  z-index: 1000;
  text-align: center;
  background: rgba(0, 0, 0, 0.8);
}
/* line 2261, ../sass/screen.scss */
.video iframe {
  margin-top: 650px;
}