@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1,
h2,
h3,
#editor #compositor fielset label,
#media-content-block .title, h2, h3, #editor #compositor fielset label, h3, #editor #compositor fielset label, h4, h5, h6, p, #editor #compositor .selection-back, #editor #compositor .composition-back, 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;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

@font-face {
  font-family: "museo";
  src: url('../font/museo/MuseoSans-300_gdi.eot?1445271822');
  src: url('../font/museo/MuseoSans-300_gdi.eot?&1445271822#iefix') format('embedded-opentype'), url('../font/museo/MuseoSans-300_gdi.woff?1445271822') format('woff'), url('../font/museo/MuseoSans-300_gdi.ttf?1445271822') format('truetype'), url('../font/museo/MuseoSans-300_gdi.svg?1445271822') format('svg');
}
@font-face {
  font-family: "museo100";
  src: url('../font/museo/museosans-100-webfont.eot?1445271822');
  src: url('../font/museo/museosans-100-webfont.eot?&1445271822#iefix') format('embedded-opentype'), url('../font/museo/museosans-100-webfont.woff?1445271822') format('woff'), url('../font/museo/museosans-100-webfont.ttf?1445271822') format('truetype'), url('../font/museo/museosans-100-webfont.svg?1445271822') format('svg');
}
@font-face {
  font-family: "museo500";
  src: url('../font/museo/museosans_500-webfont.eot?1445271822');
  src: url('../font/museo/museosans_500-webfont.eot?&1445271822#iefix') format('embedded-opentype'), url('../font/museo/museosans_500-webfont.woff?1445271822') format('woff'), url('../font/museo/museosans_500-webfont.ttf?1445271822') format('truetype'), url('../font/museo/museosans_500-webfont.svg?1445271822') format('svg');
}
@font-face {
  font-family: "museo700";
  src: url('../font/museo/museosans_700-webfont.eot?1445271822');
  src: url('../font/museo/museosans_700-webfont.eot?&1445271822#iefix') format('embedded-opentype'), url('../font/museo/museosans_700-webfont.woff?1445271822') format('woff'), url('../font/museo/museosans_700-webfont.ttf?1445271822') format('truetype'), url('../font/museo/museosans_700-webfont.svg?1445271822') format('svg');
}
@font-face {
  font-family: "museo500italic";
  src: url('../font/museo/museosans_500_italic-webfont.eot?1445271822');
  src: url('../font/museo/museosans_500_italic-webfont.eot?&1445271822#iefix') format('embedded-opentype'), url('../font/museo/museosans_500_italic-webfont.woff?1445271822') format('woff'), url('../font/museo/museosans_500_italic-webfont.ttf?1445271822') format('truetype'), url('../font/museo/museosans_500_italic-webfont.svg?1445271822') format('svg');
}
@font-face {
  font-family: "fournierblack";
  src: url('../font/fournier/FournierODPTextSerif-Black_gdi.eot?1445271822');
  src: url('../font/fournier/FournierODPTextSerif-Black_gdi.eot?&1445271822#iefix') format('embedded-opentype'), url('../font/fournier/FournierODPTextSerif-Black_gdi.woff?1445271822') format('woff'), url('../font/fournier/FournierODPTextSerif-Black_gdi.ttf?1445271822') format('truetype'), url('../font/fournier/FournierODPTextSerif-Black_gdi.svg?1445271822') format('svg');
}
@font-face {
  font-family: "fourniergoth";
  src: url('../font/fournier/FournierODPGothic-Black_gdi.eot?1445271822');
  src: url('../font/fournier/FournierODPGothic-Black_gdi.eot?&1445271822#iefix') format('embedded-opentype'), url('../font/fournier/FournierODPGothic-Black_gdi.woff?1445271822') format('woff'), url('../font/fournier/FournierODPGothic-Black_gdi.ttf?1445271822') format('truetype'), url('../font/fournier/FournierODPGothic-Black_gdi.svg?1445271822') format('svg');
}
@font-face {
  font-family: "icons";
  src: url('../font/icons/icons-webfont.eot?1445271822');
  src: url('../font/icons/icons-webfont.eot?&1445271822#iefix') format('embedded-opentype'), url('../font/icons/icons-webfont.woff?1445271822') format('woff'), url('../font/icons/icons-webfont.ttf?1445271822') format('truetype'), url('../font/icons/icons-webfont.svg?1445271822') format('svg');
}
img {
  width: 100%;
}

a:-moz-focus-inner {
  border: 0;
  outline: none;
}

a:focus {
  border: 0;
  outline: none;
}

img {
  -ms-interpolation-mode: bicubic;
}

img {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
  /* IE8 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
  /* IE6 & 7 */
  zoom: 1;
}

html {
  background-color: #fafafa;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  font-size: 12px;
}

* {
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -moz-transform-style: flat;
  -webkit-transform-style: flat;
  transform-style: flat;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-drag: none;
}

*, *:before, *:after {
  box-sizing: inherit;
}

.clear-float {
  clear: both;
}

#app-container, .debug-container, .main-loader-container {
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  font-size: 12px;
  color: #1e1f20;
  width: 100%;
  height: 100%;
  display: block;
}

#xp-container {
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
  background-color: #fafafa;
}
#xp-container canvas {
  background-color: #fafafa;
  width: 100%;
  height: 100%;
  position: absolute;
}
#xp-container img {
  position: absolute;
  z-index: 2;
}

.bg-noise {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-image: url("../image/texture/bg-pattern.png");
}

#interface-container {
  width: 100%;
  height: 100%;
  display: block;
}

.debug-container {
  position: absolute;
  top: 0;
  left: 0;
}

.temp-poster {
  position: absolute;
  width: 768px;
  height: 1024px;
  z-index: -1;
}
.temp-poster > * {
  position: absolute;
  width: 100%;
  height: 100%;
}
.temp-poster .texts-container {
  z-index: 2;
}
.temp-poster .texts-container .logo-img {
  width: 140px;
  position: absolute;
  top: 0;
  left: 46px;
}
.temp-poster .texts-container div.txt {
  position: absolute;
  z-index: 100;
  bottom: 100px;
  left: 40px;
}
.temp-poster .texts-container div.txt h3, .temp-poster .texts-container div.txt #editor #compositor fielset label, #editor #compositor fielset .temp-poster .texts-container div.txt label {
  font-family: 'fournierblack';
  font-size: 3.91667em;
  line-height: 70px;
  text-transform: uppercase;
  font-weight: normal;
  color: black;
}
.temp-poster .texts-container div.txt h4 {
  font-family: 'museo700';
  font-size: 1.16667em;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: normal;
  color: black;
}
.temp-poster .texts-container div.txt p, .temp-poster .texts-container div.txt #editor #compositor .selection-back, #editor #compositor .temp-poster .texts-container div.txt .selection-back, .temp-poster .texts-container div.txt #editor #compositor .composition-back, #editor #compositor .temp-poster .texts-container div.txt .composition-back {
  font-family: 'museo500';
  font-size: 1.16667em;
  line-height: 24px;
  font-weight: normal;
  color: black;
}
.temp-poster .texts-container div.txt p span, .temp-poster .texts-container div.txt #editor #compositor .selection-back span, #editor #compositor .temp-poster .texts-container div.txt .selection-back span, .temp-poster .texts-container div.txt #editor #compositor .composition-back span, #editor #compositor .temp-poster .texts-container div.txt .composition-back span {
  text-transform: uppercase;
  font-family: 'museo700';
}

#dvorak-page, #bernstein-page {
  position: absolute;
  top: 0;
  height: 0;
  width: 100%;
  height: 100%;
}
#dvorak-page #title, #bernstein-page #title {
  color: #1e1f20;
}
#dvorak-page .aline, #bernstein-page .aline {
  color: #1e1f20;
}

#smallscreen {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #0abaee;
}
#smallscreen .container {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
#smallscreen .container .logo {
  margin: 0 auto 4em auto;
  width: 90px;
  height: 101px;
  background-image: url("../image/template/logo_resonance.png");
}
#smallscreen .container .text {
  font-size: 1.7rem;
  font-family: museo100;
  color: #fff;
  line-height: 1.4em;
  text-align: center;
}

@media screen and (max-width: 960px), screen and (max-height: 700px) {
  #smallscreen {
    display: block;
  }

  #app-container {
    display: none;
  }
}
#test-container {
  position: absolute;
  left: -999999px;
  top: -999999px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

section.content#btn_content .btn {
  margin: 20px;
}

a.blue {
  color: #26b9ed;
  text-decoration: none;
}

.btn {
  display: block;
  position: relative;
  text-decoration: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

.btn.aborder {
  padding-top: 13px;
  font-size: 16px;
  width: 240px;
  height: 50px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: #fff;
  color: black;
  text-align: center;
  line-height: 20px;
  font-family: 'museo';
  border: 1px solid #26b9ed;
  /*	text-transform: uppercase;*/
  cursor: pointer;
  margin-top: 25px;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.btn.aborder:hover {
  background: #26b9ed;
  color: #fff;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.btn.aborder.readyBtn {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -120px;
  margin-top: 135px;
  z-index: 1;
}

.btn.atools {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #fff;
  line-height: 48px;
  text-align: center;
  cursor: pointer;
}
.btn.atools .tool-wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
}
.btn.atools .tool-wrapper svg > * {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  fill: #212121;
}
.btn.atools#panning .tool-wrapper {
  width: 22px;
  margin-left: -11px;
  margin-top: -16px;
}
.btn.atools#rotate .tool-wrapper {
  width: 26px;
  margin-left: -13px;
  margin-top: -17px;
}
.btn.atools#switch-letter .tool-wrapper {
  width: 20px;
  margin-left: -10px;
  margin-top: -16px;
}
.btn.atools#switch-letter .tool-wrapper svg #right {
  stroke: #212121;
}
.btn.atools#switch-letter .tool-wrapper svg #left {
  fill: #212121;
}
.btn.atools#zoom-in .tool-wrapper {
  width: 16px;
  margin-left: -8px;
  margin-top: -19px;
}
.btn.atools#zoom-out .tool-wrapper {
  width: 16px;
  margin-left: -8px;
  margin-top: -25px;
}
.btn.atools:hover#panning .tool-wrapper svg > *, .btn.atools:hover#rotate .tool-wrapper svg > *, .btn.atools:hover#zoom-in .tool-wrapper svg > *, .btn.atools:hover#zoom-out .tool-wrapper svg > *, .btn.atools.active#panning .tool-wrapper svg > *, .btn.atools.active#rotate .tool-wrapper svg > *, .btn.atools.active#zoom-in .tool-wrapper svg > *, .btn.atools.active#zoom-out .tool-wrapper svg > * {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  fill: #26b9ed;
}
.btn.atools:hover#switch-letter .tool-wrapper svg #right, .btn.atools.active#switch-letter .tool-wrapper svg #right {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  stroke: #26b9ed;
}
.btn.atools:hover#switch-letter .tool-wrapper svg #left, .btn.atools.active#switch-letter .tool-wrapper svg #left {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  fill: #26b9ed;
}

.btn.alittlebox {
  width: 50px;
  height: 50px;
  display: block;
  background: #26b9ed;
  position: absolute;
  line-height: 50px;
  text-align: center;
  top: 50%;
  margin-top: -25px;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.btn.alittlebox.disable.left {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
  left: -100px;
}
.btn.alittlebox.disable.right {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
  right: -100px;
}
.btn.alittlebox i {
  font-size: 1.6em;
  color: #fff;
}
.btn.alittlebox.left {
  left: 0;
}
.btn.alittlebox.right {
  right: 0;
}
.btn.alittlebox:hover {
  width: 60px;
}
.btn.alittlebox:active {
  background-color: #4f92d0;
}

.btn.atitle {
  width: 353px;
  height: 100px;
  background-color: rgba(237, 237, 237, 0.9);
  border: 1px solid #404040;
  text-align: center;
  text-decoration: none;
}
@media (max-height: 800px) {
  .btn.atitle {
    width: 282.4px;
    height: 80px;
  }
}
.btn.atitle.disable {
  cursor: default;
}
.btn.atitle.disable .compositor {
  color: #999999;
}
.btn.atitle .compositor, .btn.atitle .title {
  width: 353px;
  text-transform: uppercase;
  position: absolute;
}
.btn.atitle .compositor {
  font-family: "fourniergoth";
  color: #0abaee;
  font-size: 1.83333em;
  letter-spacing: 0.06em;
  top: 26px;
}
@media (max-height: 800px) {
  .btn.atitle .compositor {
    font-size: 1.41667em;
  }
}
.btn.atitle .title {
  font-family: "museo100";
  color: #212121;
  font-size: 1.16667em;
  letter-spacing: 0.06em;
  top: 54px;
}
@media (max-height: 800px) {
  .btn.atitle .title {
    font-size: 1em;
  }
}

.btn.aline {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
  text-decoration: none;
  font-family: 'museo700';
  font-size: 14px;
  color: #4c4c4c;
  padding-bottom: 0;
  text-transform: uppercase;
  position: relative;
  height: 20px;
}
@media screen and (max-height: 800px) {
  .btn.aline {
    font-size: 14px;
  }
}
.btn.aline::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: #26b9ed;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
}
.btn.aline.hovered::after {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.btn.start-xp-btn {
  position: absolute;
  height: 100%;
}
.btn.start-xp-btn .aline {
  top: 78px;
}

.btn.acircle#resetbtn, .btn.acircle#playbtn {
  position: absolute;
  left: 50%;
  margin-left: -32px;
}

.btn.acircle#playbtn {
  top: 30px;
}
.btn.acircle#playbtn.paused .play-icon {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.btn.acircle#playbtn.paused .pause-icon {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -webkit-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
}
.btn.acircle#playbtn .play-icon {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -webkit-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
}
.btn.acircle#playbtn .pause-icon {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.btn.acircle {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 64px;
  height: 64px;
  z-index: 11;
}
.btn.acircle .progress {
  position: absolute;
  z-index: 2;
  width: 72px;
  height: 72px;
  left: -4px;
  top: -5px;
}
.btn.acircle .progress svg {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.btn.acircle .progress svg path {
  stroke: #26b9ed;
  stroke-width: 5;
  fill-opacity: 0;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -moz-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
  -o-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
.btn.acircle .line {
  position: absolute;
  z-index: 1;
  width: 72px;
  height: 72px;
  left: -4px;
  top: -5px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}
.btn.acircle .line svg path {
  stroke: #1e1f20;
  stroke-width: 1;
  fill-opacity: 0;
}
.btn.acircle.hovered .inset .inside_btn_holder .circle-inside {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transform: scale(1.4, 1.4);
  -ms-transform: scale(1.4, 1.4);
  -webkit-transform: scale(1.4, 1.4);
  transform: scale(1.4, 1.4);
}
.btn.acircle.hovered .line, .btn.acircle.hovered .progress {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -webkit-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
}
.btn.acircle .line, .btn.acircle .progress {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.btn.acircle .inset {
  position: absolute;
  margin-left: 1px;
}
.btn.acircle .inset > div {
  width: 48px;
  height: 48px;
  display: block;
  position: absolute;
  margin-left: 6.5px;
  margin-top: 6.5px;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  line-height: 48px;
  text-align: center;
  z-index: 10;
}
.btn.acircle .inset .inside_btn_holder .relative > * {
  position: absolute;
  width: 100%;
  height: 100%;
}
.btn.acircle .inset .inside_btn_holder .circle-inside {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  border-radius: 48px;
  background-color: white;
}
.btn.acircle .inset .inside_btn_holder .icon-container {
  z-index: 1;
}
.btn.acircle .inset .inside_btn_holder .icon-container.simple-logo {
  width: 20px;
  left: 15px;
  top: 8px;
}
.btn.acircle .inset .inside_btn_holder .icon-container.play-pause {
  top: 5px;
  left: 18px;
}
.btn.acircle .inset .inside_btn_holder .icon-container.play-pause svg > * {
  fill: #26b9ed;
}
.btn.acircle .inset .inside_btn_holder .icon-container.play-pause .relative > * {
  position: absolute;
  width: 12px;
}
.btn.acircle .inset .inside_btn_holder .icon-container.play-pause .play-icon {
  left: 2px;
}
.btn.acircle .inset .inside_btn_holder .icon-container.play-pause .capture-icon {
  width: 25px;
  left: -6px;
  top: 2px;
}

#bottom {
  position: absolute;
  height: 100px;
  width: 100%;
  text-align: center;
}
#bottom #reset {
  margin-top: 80px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
#bottom #reset span {
  position: relative;
  z-index: 2;
}
#bottom #reset div {
  z-index: 1;
  top: 25px;
  display: block;
  position: absolute;
  height: 32px;
  width: 100%;
  background: #e6e6e6;
  padding: 0 10px;
  margin-left: -10px;
}
#bottom #reset div::after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 4px 7px 4px;
  border-color: transparent transparent #e6e6e6 transparent;
  position: absolute;
  top: -6px;
  left: 50%;
  margin-left: -3px;
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

a {
  color: #1e1f20;
}

h1, h2, h3, #editor #compositor fielset label, #media-content-block .title {
  font-size: 60px;
  font-family: "SeatBlack";
  color: #1e1f20;
}

h2, h3, #editor #compositor fielset label {
  font-family: "ProximaBold";
  color: white;
}

h3, #editor #compositor fielset label {
  font-family: "ProximaLight";
}

span.alt_1 {
  font-family: "ProximaBold";
  color: #1e1f20;
}

span.alt_2 {
  font-family: "ProximaBold";
  color: #e11425;
}

.vertical-line {
  width: 1px;
  height: 54px;
  background-color: #d6d6d6;
}

.horizontal-line {
  width: 100%;
  height: 1px;
  background-color: #d6d6d6;
}

.btn-cursor {
  cursor: pointer;
}

.relative {
  position: relative;
  width: 100%;
  height: 100%;
}

/* form */
* {
  outline: 0;
}

section.content#form_content fieldset {
  margin: 50px;
}
section.content#form_content form {
  background: #fff;
  padding: 50px;
}

.close-mark-pointer.blue {
  cursor: url("../svg/close-mark-blue-icon.svg"), pointer;
}
.close-mark-pointer.black {
  cursor: url("../svg/close-mark-icon.svg"), pointer;
}

fieldset {
  width: 381px;
  height: 50px;
  position: relative;
}
fieldset input[type='text'] {
  display: block;
  width: 100%;
  height: 100%;
  background: #fafafa;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 11px 20px 12px;
  line-height: 27px;
  color: #212121;
  font-family: 'museo';
  font-size: 1.41667em;
  border: 0;
}
fieldset input[type='text']#mail, fieldset input[type='text']#search {
  padding-right: 70px;
}
fieldset input[type='submit'] {
  border: 0;
  width: 50px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: transparent;
  cursor: pointer;
}
fieldset div.validator {
  height: 100%;
  width: 50px;
  position: absolute;
  right: 0;
  top: 0;
  background: #e6e6e6;
  line-height: 50px;
  text-align: center;
}
fieldset div.validator i.icon-loupe {
  top: 2px;
  color: #fff;
  font-size: 1.8em;
  position: relative;
}
fieldset div.validator .checker {
  top: 2px;
  color: #fff;
  font-size: 1.8em;
  position: relative;
  display: none;
}
fieldset div.validator.good .checker {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

/* txt */
hr {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: #26b9ed;
  width: 15px;
  height: 1px;
  border: 0;
  margin: 20px 0 20px;
}
hr.red {
  background: red;
}
hr.hide {
  background: transparent;
}

strong {
  font-family: 'museo700';
}

em {
  font-family: 'museo500italic';
}

h1, h2, h3, #editor #compositor fielset label, #media-content-block .title {
  font-family: 'fournierblack';
  font-size: 6em;
  line-height: 72px;
  color: #212121;
  text-transform: uppercase;
  letter-spacing: 0px;
}

span.blue {
  color: #26b9ed;
}

h2, h3, #editor #compositor fielset label {
  font-family: 'fourniergoth';
  font-size: 1.75em;
  line-height: 24px;
  color: #212121;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
h2.step, h3.step, #editor #compositor fielset label.step {
  font-family: 'fournierblack';
  font-size: 3.66667em;
  line-height: 72px;
  letter-spacing: 0;
}

p, #editor #compositor .selection-back, #editor #compositor .composition-back {
  font-family: 'museo';
  font-size: 1.16667em;
  line-height: 22px;
  color: #212121;
  letter-spacing: 0.02em;
}
p.step, #editor #compositor .step.selection-back, #editor #compositor .step.composition-back {
  font-size: 1.16667em;
  line-height: 18px;
  letter-spacing: 0.05em;
}

/* timeline */
div#timeline {
  width: 100%;
  height: 140px;
  background: transparent;
  position: absolute;
  top: 90px;
}
div#timeline canvas {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

canvas#onde {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.concours-wrapper {
  position: relative;
  font-size: 22px;
  font-family: "fournierblack";
}
.concours-wrapper .relative > * {
  position: absolute;
}
.concours-wrapper .diesi {
  width: 28px;
}
.concours-wrapper .txt-concours {
  left: 34px;
  top: 2px;
}

.allow-contact-checkbox .relative > * {
  position: absolute;
}
.allow-contact-checkbox .background {
  width: 22px;
  height: 22px;
  background-color: #f3f3f3;
  border: 1px solid #ededed;
}
.allow-contact-checkbox .mark {
  width: 16px;
  z-index: 1;
  left: 4px;
  top: 3px;
  color: #26b9ed;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.allow-contact-checkbox .mark svg > * {
  fill: #26b9ed;
}
.allow-contact-checkbox .description {
  top: 6px;
  left: 30px;
  font-family: "museo";
  font-size: 12px;
}
.allow-contact-checkbox.enable .mark {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.allow-concours-checkbox .relative > * {
  position: absolute;
}
.allow-concours-checkbox .background {
  width: 22px;
  height: 22px;
  background-color: #f3f3f3;
  border: 1px solid #ededed;
}
.allow-concours-checkbox .mark {
  width: 16px;
  z-index: 1;
  left: 4px;
  top: 3px;
  color: #26b9ed;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.allow-concours-checkbox .mark svg > * {
  fill: #26b9ed;
}
.allow-concours-checkbox .description {
  top: 6px;
  left: 30px;
  font-family: "museo";
  font-size: 12px;
}
.allow-concours-checkbox.enable .mark {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

ul.socials {
  position: relative;
}
ul.socials li {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-right: 22px;
}
ul.socials li a, ul.socials li .icon-wrapper {
  width: 100%;
  height: 100%;
}
ul.socials li:last-child {
  margin-right: 0px;
}
ul.socials li .icon-wrapper {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
ul.socials li .icon-wrapper svg > * {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  fill: #212121;
}
ul.socials li:hover {
  cursor: pointer;
}
ul.socials li:hover .icon-wrapper {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}
ul.socials li:hover .icon-wrapper svg > * {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  fill: #26b9ed;
}

#pages-loader {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999999;
}
#pages-loader .relative {
  width: 100%;
  height: 100%;
}
#pages-loader .loader-bg {
  background-color: #fafafa;
  background-image: url("../image/texture/bg-pattern.png");
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  z-index: 0;
}
#pages-loader .loader-icon {
  position: absolute;
  width: 30px;
  height: 30px;
  z-index: 1;
  left: 50%;
  top: 50%;
  margin-left: -15px;
  margin-top: -32px;
}
#pages-loader .loader-icon img {
  width: 100%;
}

#media-content-block.block {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -525px;
  margin-top: -265px;
}
#media-content-block .headtitle {
  font-size: 1.16667em;
  font-family: 'museo700';
  position: absolute;
  top: -238px;
  left: -39px;
}
#media-content-block .title {
  position: absolute;
  top: -190px;
  left: -42px;
}
#media-content-block article {
  padding: 0;
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}
#media-content-block article.main-content {
  width: 580px;
  padding: 60px 120px 60px 80px;
  background: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
}
#media-content-block article.main-content p, #media-content-block article.main-content #editor #compositor .selection-back, #editor #compositor #media-content-block article.main-content .selection-back, #media-content-block article.main-content #editor #compositor .composition-back, #editor #compositor #media-content-block article.main-content .composition-back {
  display: table-cell;
  vertical-align: middle;
}
#media-content-block article.main-content span.small-title {
  font-size: 1.16667em;
  font-family: 'museo700';
  margin-bottom: 14px;
}
#media-content-block article.media {
  width: 510px;
  height: 100%;
  padding: 0;
  z-index: 2;
  background: none;
  position: absolute;
  top: -100px;
  left: 540px;
}
#media-content-block article.media img {
  width: 100%;
  display: block;
}
#media-content-block article.media p, #media-content-block article.media #editor #compositor .selection-back, #editor #compositor #media-content-block article.media .selection-back, #media-content-block article.media #editor #compositor .composition-back, #editor #compositor #media-content-block article.media .composition-back {
  position: absolute;
  bottom: -110px;
  right: 0;
  width: 100%;
  text-align: right;
  color: #26b9ed;
}
#media-content-block article.btn.aborder {
  margin-top: 0;
}

@media screen and (max-width: 1300px), screen and (max-height: 1024px) {
  #media-content-block.block {
    margin-left: -500px;
  }
  #media-content-block.block .title {
    font-size: 4.2em;
    top: -124px;
    line-height: 50px;
    left: 0;
  }
  #media-content-block.block .headtitle {
    display: none;
  }
  #media-content-block.block article.main-content {
    width: 580px;
    padding: 50px 100px 50px 60px;
  }
  #media-content-block.block article.media {
    width: 460px;
    top: -80px;
    left: 540px;
  }
  #media-content-block.block article.media p, #media-content-block.block article.media #editor #compositor .selection-back, #editor #compositor #media-content-block.block article.media .selection-back, #media-content-block.block article.media #editor #compositor .composition-back, #editor #compositor #media-content-block.block article.media .composition-back {
    bottom: -100px;
  }
}
@media screen and (max-width: 1024px), screen and (max-height: 800px) {
  #media-content-block.block {
    height: 430px;
    margin-left: -430px;
    margin-top: -215px;
  }
  #media-content-block.block p, #media-content-block.block #editor #compositor .selection-back, #editor #compositor #media-content-block.block .selection-back, #media-content-block.block #editor #compositor .composition-back, #editor #compositor #media-content-block.block .composition-back {
    font-size: 1.0em;
  }
  #media-content-block.block .title {
    display: none;
  }
  #media-content-block.block .headtitle {
    display: none;
  }
  #media-content-block.block article.main-content {
    width: 563px;
    padding: 40px 90px 40px 50px;
  }
  #media-content-block.block article.media {
    width: 343px;
    top: 24px;
    left: 520px;
  }
  #media-content-block.block article.media p, #media-content-block.block article.media #editor #compositor .selection-back, #editor #compositor #media-content-block.block article.media .selection-back, #media-content-block.block article.media #editor #compositor .composition-back, #editor #compositor #media-content-block.block article.media .composition-back {
    bottom: -8px;
  }
}
i, .icon {
  font-family: 'icons';
  font-style: normal;
  speak: none;
  font-weight: normal;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
}

.icon2x {
  font-size: 2em;
}

.icon3x {
  font-size: 3em;
}

.icon4x {
  font-size: 4em;
}

.icon-baguette:before {
  content: "\E001";
}

.icon-baguette-double:before {
  content: "\E002";
}

.icon-baguette-magique:before {
  content: "\E003";
}

.icon-check:before {
  content: "\E004";
}

.icon-coeur:before {
  content: "\E005";
}

.icon-crayon:before {
  content: "\E006";
}

.icon-download:before {
  content: "\E007";
}

.icon-facebook:before {
  content: "\E008";
}

.icon-facebook2:before {
  content: "\E009";
}

.icon-info:before {
  content: "\E012";
}

.icon-logo:before {
  content: "\E013";
}

.icon-losange:before {
  content: "\E014";
}

.icon-losange2:before {
  content: "\E015";
}

.icon-loupe:before {
  content: "\E016";
}

.icon-mini-logo:before, header#header .logo.mini i.icon-logo:before {
  content: "\E017";
}

.icon-pause:before {
  content: "\E019";
}

.icon-pinterest:before {
  content: "\E020";
}

.icon-play:before {
  content: "\E021";
}

.icon-reload:before {
  content: "\E022";
}

.icon-rotate:before {
  content: "\E023";
}

.icon-son:before {
  content: "\E024";
}

.icon-translate:before {
  content: "\E025";
}

.icon-twitter:before {
  content: "\E026";
}

.icon-twitter2:before {
  content: "\E027";
}

.icon-croix:before {
  content: "\E029";
}

.icon-mail:before {
  content: "\E030";
}

.icon-zoom:before {
  content: "\E031";
}

.icon-unzoom:before {
  content: "\E032";
}

.icon-fleche-left:before {
  content: "\E037";
}

.icon-fleche-right:before {
  content: "\E034";
}

.icon-fleche-left2:before {
  content: "\E035";
}

.icon-fleche-right2:before {
  content: "\E036";
}

.icon-casque:before {
  content: "\E037";
}

.icon-casque:before {
  content: "\E038";
}

.icon-papers:before {
  content: "\E039";
}

.icon-less:before {
  content: "\E040";
}

.icon-more:before {
  content: "\E041";
}

.icon-3d:before {
  content: "\E042";
}

.icon-back:before {
  content: "\E043";
}

.icon-camera:before {
  content: "\E044";
}

.icon-letter:before {
  content: "\E045";
}

.icon-oculus:before {
  content: "\E046";
}

.icon-son2:before {
  content: "\E047";
}

.icon-picture:before {
  content: "\E048";
}

.icon-full:before {
  content: "\E049";
}

.rs-base * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.rs-base a {
  color: #ec6e11;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid rgba(236, 110, 17, 0.2);
  -webkit-transition: color 150ms ease-out, border-color 150ms ease-out;
  transition: color 150ms ease-out, border-color 150ms ease-out;
}
.rs-base a:hover {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.rs-base #container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
  background-color: #222;
}
.rs-base #options {
  position: absolute;
  right: 0;
  top: 10px;
  width: 34em;
}
.rs-base #options ul {
  list-style-type: none;
  margin-bottom: .5em;
  display: inline-block;
}
.rs-base #options li {
  float: left;
  margin-right: 4px;
}
.rs-base h1, .rs-base h2, .rs-base h3, .rs-base #editor #compositor fielset label, #editor #compositor fielset .rs-base label, .rs-base #media-content-block .title, #media-content-block .rs-base .title {
  font-weight: 400;
  font-size: 16px;
  margin-bottom: .5em;
  color: #eee;
}
.rs-base p, .rs-base #editor #compositor .selection-back, #editor #compositor .rs-base .selection-back, .rs-base #editor #compositor .composition-back, #editor #compositor .rs-base .composition-back {
  margin-bottom: .5em;
}
.rs-base b {
  font-weight: inherit;
  color: #ec6e11;
}
.rs-base #options div {
  float: left;
}
.rs-base #title {
  position: absolute;
  left: 10px;
  top: 10px;
}
.rs-base .o {
  clear: both;
  width: 100%;
  position: relative;
}
.rs-base .o p, .rs-base .o #editor #compositor .selection-back, #editor #compositor .rs-base .o .selection-back, .rs-base .o #editor #compositor .composition-back, #editor #compositor .rs-base .o .composition-back {
  position: absolute;
  right: 10px;
  top: 0;
}
.rs-base .o span {
  width: 3em;
  text-align: right;
  display: inline-block;
}
.rs-base .ui {
  pointer-events: auto;
  opacity: 1;
  -webkit-transition: opacity 150ms ease-out;
  transition: opacity 150ms ease-out;
}
.rs-base .hidden {
  opacity: 0;
  pointer-events: none;
}
.rs-base .button {
  padding: .5em 1em;
  background-color: #ec6e11;
  border: 1px solid #a64b14;
  outline: none;
  border-radius: 4px;
  color: #fff;
  font-weight: normal;
  -webkit-transition: background-color 150ms ease-out;
  text-shadow: 0 -1px 0 rgba(70, 31, 8, 0.5);
  height: 0;
  line-height: 2.5em;
}
.rs-base .button:hover, .rs-base .button.active {
   text-decoration: none;
  border: 1px solid #a64b14;
  background-color: #f88c3c;
}
.rs-base input[type='checkbox'] + label:before {
  display: inline-block;
  width: 1em;
  color: #666;
  font-weight: bold;
  content: "✓";
}
.rs-base input[type='checkbox']:checked + label:before {
  color: #ec6e11;
  content: "✓";
}
.rs-base input[type='checkbox'] {
  display: none;
}
.rs-base h1, .rs-base h2, .rs-base h3, .rs-base #editor #compositor fielset label, #editor #compositor fielset .rs-base label, .rs-base #media-content-block .title, #media-content-block .rs-base .title {
  line-height: 10px;
  font-family: 'Roboto Condensed', tahoma, sans-serif;
}
@media (max-width: 880px) {
  .rs-base #title {
     left: 10px;
    right: 10px;
  }
  .rs-base #title p, .rs-base #title #editor #compositor .selection-back, #editor #compositor .rs-base #title .selection-back, .rs-base #title #editor #compositor .composition-back, #editor #compositor .rs-base #title .composition-back {
    display: none;
  }
  .rs-base #title h1, .rs-base #title h2, .rs-base #title h3, .rs-base #title #editor #compositor fielset label, #editor #compositor fielset .rs-base #title label, .rs-base #title #media-content-block .title, #media-content-block .rs-base #title .title {
    width: 100%;
    text-align: center;
  }
  .rs-base #options {
    top: auto;
    bottom: 10px;
    left: 50%;
    width: 34em;
    margin-left: -17em;
  }
}
@media (max-width: 500px) {
  .rs-base #options {
    top: auto;
    bottom: 10px;
    left: 50%;
    margin-left: -9em;
    width: 18em;
  }
  .rs-base .o p b, .rs-base .o #editor #compositor .selection-back b, #editor #compositor .rs-base .o .selection-back b, .rs-base .o #editor #compositor .composition-back b, #editor #compositor .rs-base .o .composition-back b {
    display: none;
  }
}

.debug-container {
  width: 100%;
  height: 100%;
  font-size: 10px;
}
.debug-container .sound-timeline {
  position: absolute;
  background-color: gray;
  width: 550px;
  height: 30px;
  bottom: 48px;
}
.debug-container .controls {
  position: relative;
  top: 8px;
  left: 20px;
  font-size: 12px;
}
.debug-container .controls .ctrl {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  cursor: pointer;
}
.debug-container .timeline {
  position: absolute;
  left: 126px;
  top: 7px;
  cursor: pointer;
  height: 16px;
}
.debug-container .timeline .base-line {
  width: 330px;
  height: 2px;
  background-color: white;
  top: 8px;
  position: relative;
}
.debug-container .timeline .time-position-line {
  width: 4px;
  height: 10px;
  background-color: black;
  position: absolute;
  top: 4px;
}
.debug-container .time {
  position: absolute;
  right: 16px;
  top: 11px;
  cursor: pointer;
}
.debug-container .mouse-follow-time {
  position: absolute;
  z-index: 10;
}
.debug-container .mouse-follow-time.hide {
  display: none;
}

header#header {
  position: relative;
  z-index: 999999999;
}
header#header .logo {
  display: block;
  background: #fff;
  text-align: center;
  overflow: hidden;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 50%;
}
header#header .logo i.icon-logo {
  font-size: 16em;
  color: #000;
  position: relative;
  line-height: 192px;
}
header#header .logo.mini {
  width: 92px;
  height: 82px;
  margin-left: -46px;
}
header#header .logo.mini i.icon-logo {
  font-size: 5em;
  line-height: 84px;
}
header#header .logo.maxi {
  width: 160px;
  height: 160px;
  margin-left: -80px;
}
header#header .logo.maxi i.icon-logo {
  top: -16px;
  font-size: 12em;
}
@media screen and (max-height: 800px) {
  header#header .logo.mini {
    width: 82px;
    height: 72px;
    margin-left: -41px;
  }
  header#header .logo.mini i.icon-logo {
    font-size: 4em;
    line-height: 72px;
  }
  header#header .logo.maxi {
    width: 150px;
    height: 140px;
    margin-left: -75px;
  }
  header#header .logo.maxi i.icon-logo {
    line-height: 160px;
    font-size: 11em;
    top: -10px;
  }
}

footer#footer {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 82px;
  width: 100%;
  z-index: 999999999;
}
footer#footer .background-solid {
  position: absolute;
  width: 100%;
  height: 100%;
  background: white;
  z-index: 0;
}
footer#footer ul {
  position: absolute;
  z-index: 1;
}
footer#footer ul li {
  float: left;
  list-style: none;
  line-height: 82px;
}
footer#footer ul li .concours-small {
  width: 222px;
  height: 23px;
}
footer#footer ul li .concours-small-fr {
  background-image: url("../image/template/concoursresonance.png");
}
footer#footer ul li .concours-small-en {
  background-image: url("../image/template/resonancecontest.png");
}
footer#footer ul li#concours-footer {
  margin-top: 26px;
}
footer#footer ul.about {
  padding-left: 38px;
  padding-top: 3px;
}
footer#footer ul.about li {
  margin-right: 26px;
  margin-top: -1px;
  font-size: 1em;
  font-family: 'museo';
  text-decoration: none;
  color: #1e1f20;
  text-transform: uppercase;
}
footer#footer ul.about li:hover {
  color: #999999;
}
footer#footer ul.about li span {
  font-size: 1.08333em;
  font-family: 'museo';
  text-decoration: none;
  color: #1e1f20;
  text-transform: uppercase;
}
footer#footer ul.tools {
  right: 0;
  padding-right: 13px;
}
footer#footer ul.tools #credits-footer i {
  font-size: 2.4em;
}
footer#footer ul.tools #twitter-footer i {
  top: 0;
  font-size: 1.5em;
}
footer#footer ul.tools #facebook-footer i {
  font-size: 1.8em;
}
footer#footer ul.tools #sound-footer {
  position: relative;
}
footer#footer ul.tools #sound-footer i {
  font-size: 1.6em;
}
footer#footer ul.tools #sound-footer .mute-line {
  position: absolute;
  background-color: #e11425;
  width: 24px;
  height: 1px;
  top: 40px;
  left: 7px;
  -moz-transform: rotate(58deg);
  -ms-transform: rotate(58deg);
  -webkit-transform: rotate(58deg);
  transform: rotate(58deg);
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: cubic-bezier(0.56, -0.6, 0.355, 0.615);
  -o-transition-timing-function: cubic-bezier(0.56, -0.6, 0.355, 0.615);
  -webkit-transition-timing-function: cubic-bezier(0.56, -0.6, 0.355, 0.615);
  transition-timing-function: cubic-bezier(0.56, -0.6, 0.355, 0.615);
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transform: rotate(58deg) scale(0, 0);
  -ms-transform: rotate(58deg) scale(0, 0);
  -webkit-transform: rotate(58deg) scale(0, 0);
  transform: rotate(58deg) scale(0, 0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
footer#footer ul.tools #sound-footer .mute-line.active {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(0.5, 0.47, 0.27, 1.65);
  -o-transition-timing-function: cubic-bezier(0.5, 0.47, 0.27, 1.65);
  -webkit-transition-timing-function: cubic-bezier(0.5, 0.47, 0.27, 1.65);
  transition-timing-function: cubic-bezier(0.5, 0.47, 0.27, 1.65);
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transform: rotate(58deg) scale(1, 1);
  -ms-transform: rotate(58deg) scale(1, 1);
  -webkit-transform: rotate(58deg) scale(1, 1);
  transform: rotate(58deg) scale(1, 1);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
footer#footer ul.tools #threed-footer i {
  top: -3px;
  font-size: 2em;
}
footer#footer ul.tools #oculus-footer i {
  font-size: 1.6em;
}
footer#footer ul.tools #fullscreen-footer i {
  font-size: 1.6em;
}
footer#footer ul.tools li {
  padding: 0 12px;
}
footer#footer ul.tools li i {
  position: relative;
  color: #1e1f20;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
footer#footer ul.tools li:hover i {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  color: #999999;
}

@media screen and (max-height: 1024px) {
  footer#footer {
    height: 50px;
  }
  footer#footer .about li {
    line-height: 50px;
  }
  footer#footer .tools li {
    line-height: 50px;
  }
  footer#footer ul.tools #sound-footer .mute-line {
    top: 23px;
  }
  footer#footer li#concours-footer {
    margin-top: 10px !important;
  }
}
/* popin */
.popin {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  z-index: 9999999999;
}
.popin .bg {
  width: 100%;
  height: 100%;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  background-image: url("../image/template/bg-pattern.gif");
}
.popin .animated-holder {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}
.popin .anim-poly {
  position: absolute;
  width: 40px;
  height: 40px;
}
.popin .anim-poly.red g {
  fill: #d70512;
}
.popin .anim-poly.blue g {
  fill: #0baad9;
}
.popin .anim-poly.white g {
  fill: white;
}
.popin .block {
  width: 700px;
  height: 400px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -350px;
  margin-top: -260px;
}
.popin .block img#sn {
  width: 86px;
  height: 86px;
}
.popin .block i.icon-logo {
  color: #fff;
  font-size: 10em;
}
.popin .block .middle-line {
  width: 2px;
  height: 60px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -32px;
}
.popin .block .logos {
  position: relative;
  text-align: center;
  margin-top: 25px;
}
.popin .block .logos a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 0 50px;
}
.popin .block .logos a:first-child {
  padding-right: 60px;
}
.popin .block .logos a:last-child {
  top: -2px;
  position: relative;
  left: -12px;
}
.popin .block #media-content-block .main-content {
  width: 100%;
  padding: 100px 80px 40px 80px;
  display: block;
  background: none;
  font-size: 22px;
  font-family: "museo100";
  font-size: 15px;
}
.popin .block #media-content-block .main-content p, .popin .block #media-content-block .main-content #editor #compositor .selection-back, #editor #compositor .popin .block #media-content-block .main-content .selection-back, .popin .block #media-content-block .main-content #editor #compositor .composition-back, #editor #compositor .popin .block #media-content-block .main-content .composition-back {
  width: 100%;
  color: #ffffff;
  text-align: center;
  display: block;
}
.popin .block #media-content-block.credit-popin .main-content p, .popin .block #media-content-block.credit-popin .main-content #editor #compositor .selection-back, #editor #compositor .popin .block #media-content-block.credit-popin .main-content .selection-back, .popin .block #media-content-block.credit-popin .main-content #editor #compositor .composition-back, #editor #compositor .popin .block #media-content-block.credit-popin .main-content .composition-back {
  font-size: 1.5em;
  line-height: 30px;
}
.popin .block #media-content-block span.small-title {
  text-transform: uppercase;
  font-family: 'fourniergoth';
  font-size: 34px;
  line-height: 40px;
}
.popin .block #media-content-block.nocapture-popin .main-content, .popin .block #media-content-block.finish-popin .main-content, .popin .block #media-content-block.reset-popin .main-content {
  z-index: 4;
}
.popin .block #media-content-block.nocapture-popin .main-content .top-text, .popin .block #media-content-block.finish-popin .main-content .top-text, .popin .block #media-content-block.reset-popin .main-content .top-text {
  font-size: 1.5em;
  margin-bottom: 14px;
}
.popin .block #media-content-block.nocapture-popin .btns-holder, .popin .block #media-content-block.finish-popin .btns-holder, .popin .block #media-content-block.reset-popin .btns-holder {
  position: absolute;
}
.popin .block #media-content-block.nocapture-popin .btn.aborder, .popin .block #media-content-block.finish-popin .btn.aborder, .popin .block #media-content-block.reset-popin .btn.aborder {
  margin-top: 15px;
  color: #fff;
  background: none;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.popin .block #media-content-block.nocapture-popin .btn.aborder:hover, .popin .block #media-content-block.finish-popin .btn.aborder:hover, .popin .block #media-content-block.reset-popin .btn.aborder:hover {
  background: #26b9ed;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.popin .block #media-content-block.nocapture-popin .btn.aborder:last-child, .popin .block #media-content-block.finish-popin .btn.aborder:last-child, .popin .block #media-content-block.reset-popin .btn.aborder:last-child {
  margin-left: 20px;
}
.popin .block #media-content-block.finish-popin .btn.aborder:last-child {
  margin-left: 20px;
}
.popin .block #media-content-block.concours-popin .main-content {
  padding: 0;
  margin-top: -3em;
}
.popin .block #media-content-block.concours-popin .concours-logo-big {
  width: 150px;
  height: 205px;
  margin: 0 auto 4em auto;
}
.popin .block #media-content-block.concours-popin .concours-logo-big-fr {
  background-image: url("../image/template/concoursresonance_big.png");
}
.popin .block #media-content-block.concours-popin .concours-logo-big-en {
  background-image: url("../image/template/resonancecontest_big.png");
}
.popin .block #media-content-block.concours-popin h4 {
  font-size: 1em;
  color: #fff;
  text-align: center;
  margin-bottom: 1em;
  font-family: museo700;
}
.popin .block #media-content-block.concours-popin h3, .popin .block #media-content-block.concours-popin #editor #compositor fielset label, #editor #compositor fielset .popin .block #media-content-block.concours-popin label {
  font-size: 1em;
  color: #fff;
  text-align: center;
  margin-bottom: 2em;
  font-family: museo700;
  text-transform: none;
}
.popin .block #media-content-block.concours-popin p, .popin .block #media-content-block.concours-popin #editor #compositor .selection-back, #editor #compositor .popin .block #media-content-block.concours-popin .selection-back, .popin .block #media-content-block.concours-popin #editor #compositor .composition-back, #editor #compositor .popin .block #media-content-block.concours-popin .composition-back {
  font-size: 1em;
  color: #fff;
  font-weight: 300;
  margin-bottom: 4em;
}
.popin .block #media-content-block.concours-popin a {
  font-size: 1em;
  color: #fff;
  text-align: center;
  font-family: museo700;
  text-decoration: underline;
  margin: -2em auto 0 auto;
  display: block;
}

#menu {
  position: absolute;
  height: 230px;
  width: 100%;
  z-index: 999;
  bottom: 0;
}
#menu #direction {
  position: absolute;
  width: 100%;
  height: 100%;
}
#menu #direction > div {
  position: absolute;
  left: 50%;
  top: 54px;
  display: none;
}
#menu #direction #reset {
  margin-left: -177px;
}
#menu #direction #finish {
  margin-left: 70px;
}

#mouse-follower {
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
}
#mouse-follower circle#outer-circle {
  fill: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=7);
  opacity: 0.07;
}
#mouse-follower circle#inner-circle {
  fill: #212121;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}

.front-capture-xp {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: none;
  cursor: none;
}
.front-capture-xp .background-capture {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: white;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
.front-capture-xp .relative {
  width: 100%;
  height: 100%;
}
.front-capture-xp .wall {
  position: absolute;
  background-color: white;
}
.front-capture-xp .left-wall {
  width: 90px;
  height: 100%;
  left: 0;
  top: 0;
}
.front-capture-xp .right-wall {
  width: 90px;
  height: 100%;
  right: 0;
  top: 0;
}
.front-capture-xp .top-wall {
  width: 100%;
  height: 90px;
  top: 0;
  left: 0;
}
.front-capture-xp .bottom-wall {
  width: 100%;
  height: 90px;
  bottom: 0;
  left: 0;
}

.background-pause-xp {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url("../image/template/capture-pattern-bez.gif");
  position: absolute;
  z-index: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

@media screen and (max-height: 800px) {
  #menu {
    height: 140px;
  }
  #menu div#timeline {
    display: none;
  }
}
#info-circle-screen {
  width: 100%;
  height: 100%;
  position: absolute;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
#info-circle-screen .infos-container {
  position: relative;
  top: 50%;
}
#info-circle-screen .polygons-holder {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: 148px;
}
#info-circle-screen .polygons-holder svg {
  position: absolute;
}
#info-circle-screen svg#polyg-rect g > * {
  fill: #25baea;
}
#info-circle-screen svg#polyg-circ g > * {
  fill: #ca1906;
}
#info-circle-screen svg#polyg-triangle g > * {
  fill: #ca1906;
}
#info-circle-screen .tip {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 300px;
  height: 190px;
  margin-left: -150px;
  margin-top: -46px;
  text-align: center;
}
#info-circle-screen .tip p, #info-circle-screen .tip #editor #compositor .selection-back, #editor #compositor #info-circle-screen .tip .selection-back, #info-circle-screen .tip #editor #compositor .composition-back, #editor #compositor #info-circle-screen .tip .composition-back {
  font-family: 'museo700';
  color: #404040;
  font-size: 1.08333em;
  line-height: 22px;
  letter-spacing: 0.04em;
  top: 24px;
  text-transform: uppercase;
  position: relative;
}
#info-circle-screen .tip .badge {
  width: 92px;
  height: 92px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: #fff;
  position: relative;
}
#info-circle-screen .tip .badge .border_corner {
  border-color: #26b9ed;
}
#info-circle-screen .tip .badge i {
  position: relative;
  z-index: 2;
}
#info-circle-screen .tip .badge i svg > *, #info-circle-screen .tip .badge i svg g > * {
  fill: #26b9ed;
}
#info-circle-screen .tip .badge i.page-loader {
  width: 32px;
  height: 32px;
  margin-top: 30px;
}
#info-circle-screen .tip .badge i.snap {
  width: 32px;
  height: 32px;
  margin-top: 34px;
}
#info-circle-screen .tip .badge i.compose {
  width: 28px;
  height: 28px;
  margin-top: 34px;
}
#info-circle-screen .tip .badge i.headphone {
  width: 40px;
  height: 40px;
  margin-top: 28px;
}

#home-page {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
#home-page .btn.atitle .compositor, #home-page .btn.atitle .title {
  width: 100%;
}
@media (max-height: 800px) {
  #home-page .btn.atitle .compositor {
    top: 20px;
  }
}
@media (max-height: 800px) {
  #home-page .btn.atitle .title {
    top: 46px;
  }
}
#home-page .main-container {
  position: relative;
  width: 1000px;
  left: 50%;
  margin-left: -500px;
}
#home-page .main-container .about-btn-holder {
  width: 250px;
  height: 110px;
  position: relative;
  left: 375px;
  margin-top: 60px;
}
@media (max-height: 800px) {
  #home-page .main-container .about-btn-holder {
    margin-top: 40px;
  }
}
#home-page .main-container .about-btn-holder .small-logo-container {
  width: 38px;
  left: 106px;
  position: absolute;
}
#home-page .main-container .about-btn-holder .small-logo-container .colored {
  width: 100%;
  height: 100%;
}
#home-page .main-container .about-btn-holder .small-logo-container .colored svg g > * {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  stroke: black;
  stroke-width: 1;
  fill-opacity: 0;
}
#home-page .main-container .about-btn-holder .aline {
  top: 60px;
}
#home-page .main-container .about-btn-holder.hovered .colored svg rect {
  stroke-width: 0;
  fill-opacity: 1;
  fill: #FCF9D6;
}
#home-page .main-container .about-btn-holder.hovered .colored svg polygon {
  stroke-width: 0;
  fill-opacity: 1;
  fill: #12B9ED;
}
#home-page .main-container .about-btn-holder.hovered .colored svg path {
  stroke-width: 0;
  fill-opacity: 1;
  fill: #CA1D17;
}
#home-page .main-container .about-btn-holder.hovered .colored svg g > * {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
#home-page .main-container .top-part {
  height: 170px;
  margin-bottom: 50px;
}
@media (max-height: 800px) {
  #home-page .main-container .top-part {
    height: 110px;
  }
}
#home-page .main-container .top-part .top-title {
  position: relative;
}
#home-page .main-container .top-part .top-title > div {
  position: absolute;
}
#home-page .main-container .top-part .top-title .logo {
  width: 260px;
  position: absolute;
  left: 500px;
  margin-left: -130px;
}
#home-page .main-container .top-part .top-title .sub-title {
  font-family: 'museo100';
  text-transform: uppercase;
  font-size: 20px;
  letter-spacing: 0.14em;
  color: #262626;
}
@media (max-height: 800px) {
  #home-page .main-container .top-part .top-title .logo {
    width: 180px;
    margin-left: -90px;
  }
  #home-page .main-container .top-part .top-title .sub-title {
    font-size: 16px;
  }
}
#home-page .main-container .titles-holder {
  position: absolute;
  width: 860px;
  left: 50%;
  margin-left: -430px;
  top: 20px;
}
#home-page .main-container .titles-holder > div {
  position: absolute;
  width: 100%;
}
#home-page .main-container .main-title {
  font-family: 'fournierblack';
  font-size: 5.58333em;
  letter-spacing: 1px;
  line-height: 75px;
  text-transform: uppercase;
  color: #000;
}
@media (max-height: 800px) {
  #home-page .main-container .main-title {
    font-size: 4.16667em;
    line-height: 60px;
  }
}
#home-page .main-container p.choose, #home-page .main-container #editor #compositor .choose.selection-back, #editor #compositor #home-page .main-container .choose.selection-back, #home-page .main-container #editor #compositor .choose.composition-back, #editor #compositor #home-page .main-container .choose.composition-back {
  color: #212121;
  font-size: 16px;
  line-height: 22px;
  font-family: "museo";
  letter-spacing: 0.02em;
  margin-bottom: 22px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
@media (max-height: 800px) {
  #home-page .main-container p.choose, #home-page .main-container #editor #compositor .choose.selection-back, #editor #compositor #home-page .main-container .choose.selection-back, #home-page .main-container #editor #compositor .choose.composition-back, #editor #compositor #home-page .main-container .choose.composition-back {
    margin-bottom: 12px;
    font-size: 14px;
  }
}
#home-page .main-container .btn-container {
  width: 726px;
  height: 100px;
  margin: 0 auto;
}
@media (max-height: 800px) {
  #home-page .main-container .btn-container {
    width: 584.8px;
    height: 80px;
  }
}
#home-page .main-container .btn-container .atitle {
  float: left;
}
#home-page .main-container .btn-container .atitle:first-child {
  margin-right: 10px;
}
#home-page .main-container .btn-container .atitle:last-child {
  margin-left: 10px;
}
#home-page .main-container .logoConcours {
  width: 222px;
  height: 23px;
  margin: 5em auto 0 auto;
  cursor: pointer;
}
#home-page .main-container .logoConcours-fr {
  background-image: url("../image/template/concoursresonance.png");
}
#home-page .main-container .logoConcours-en {
  background-image: url("../image/template/resonancecontest.png");
}
#home-page .main-container .underlined {
  width: 100%;
  height: 100%;
  position: relative;
  height: 30px;
}
#home-page .main-container .underlined::before {
  content: " ";
  background-color: #12B9ED;
  height: 4px;
  width: 0%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transition: all 0.5s;
}
#home-page .main-container .underlined:hover::before {
  width: 51%;
  left: 0%;
}
#home-page .main-container .underlined::after {
  content: " ";
  background-color: #12B9ED;
  height: 4px;
  width: 0%;
  position: absolute;
  bottom: 0;
  left: 49%;
  transition: all 0.5s;
}
#home-page .main-container .underlined:hover::after {
  width: 51%;
}

#editor {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  background-color: #fafafa;
}
#editor .concours-wrapper {
  padding: 30px 0 40px 0;
}
#editor section.step {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#editor span.blue {
  color: #212121;
}
#editor #block_step {
  position: absolute;
  top: 50%;
  margin-top: -260px;
  left: 220px;
}
#editor #block_step div.cache {
  position: absolute;
  width: 100%;
  height: 600px;
  top: 50%;
  margin-top: -300px;
}
#editor #block_step div.text {
  display: none;
}
#editor #block_step div.text.active {
  display: block;
}
#editor #block_step.last {
  left: 997px;
}
#editor #canvas_zone {
  display: none;
  width: 577px;
  height: 806px;
  position: absolute;
  top: 50%;
  left: 750px;
  margin-top: -403px;
  z-index: 2;
}
#editor #canvas_zone.last {
  left: 420px;
}
#editor .slider_container {
  height: 409.6px;
  width: 100%;
  position: absolute;
  top: 50%;
  margin-top: -204.8px;
}
#editor .slider_container .slider_line {
  width: 100%;
  height: 2px;
  background-color: #26b9ed;
  position: relative;
  top: 50%;
  margin-top: -1px;
}
#editor .congrats {
  position: absolute;
  top: 0px;
  text-align: center;
  width: 100%;
}
#editor .congrats p, #editor .congrats #compositor .selection-back, #editor #compositor .congrats .selection-back, #editor .congrats #compositor .composition-back, #editor #compositor .congrats .composition-back {
  font-size: 1.2em;
}
#editor .slider {
  position: absolute;
  left: 0;
}
#editor .slider.active {
  display: block;
}
#editor .slider ul.gallery {
  position: absolute;
}
#editor .slider ul.gallery li {
  width: 314.88px;
  height: 419.84px;
  background: #fff;
  position: absolute;
  cursor: pointer;
}
#editor .slider ul.gallery li .relative {
  width: 100%;
  height: 100%;
}
#editor .slider ul.gallery li .background-border {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: white;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transform: scale(1.03, 1.02);
  -ms-transform: scale(1.03, 1.02);
  -webkit-transform: scale(1.03, 1.02);
  transform: scale(1.03, 1.02);
}
#editor .slider ul.gallery li .border-left, #editor .slider ul.gallery li .border-right, #editor .slider ul.gallery li .border-top, #editor .slider ul.gallery li .border-bottom {
  position: absolute;
  z-index: 2;
  background-color: #26b9ed;
}
#editor .slider ul.gallery li .border-left {
  left: 0px;
  width: 5px;
  height: 100%;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
}
#editor .slider ul.gallery li .border-right {
  right: 0px;
  width: 5px;
  height: 100%;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
}
#editor .slider ul.gallery li .border-top {
  left: 0px;
  height: 5px;
  width: 100%;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -moz-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
}
#editor .slider ul.gallery li .border-bottom {
  bottom: 0px;
  height: 5px;
  width: 100%;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -moz-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
}
#editor .slider ul.gallery li img {
  height: 100%;
  position: absolute;
}
#editor .slider ul.gallery li span {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  background: #26b9ed;
  text-align: center;
  line-height: 40px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
}
#editor .slider ul.gallery li span i {
  color: #fff;
  font-size: 1.6em;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
}
#editor .slider ul.gallery li.hovered .border-left {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
#editor .slider ul.gallery li.hovered .border-right {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
#editor .slider ul.gallery li.hovered .border-top {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
#editor .slider ul.gallery li.hovered .border-bottom {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
#editor .slider ul.gallery li.hovered .background-border {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transform: scale(1.06, 1.05);
  -ms-transform: scale(1.06, 1.05);
  -webkit-transform: scale(1.06, 1.05);
  transform: scale(1.06, 1.05);
}
#editor .slider ul.gallery li.hovered span {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
#editor .slider ul.gallery li.hovered span i {
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
#editor .slider ul.gallery li p, #editor .slider ul.gallery li #compositor .selection-back, #editor #compositor .slider ul.gallery li .selection-back, #editor .slider ul.gallery li #compositor .composition-back, #editor #compositor .slider ul.gallery li .composition-back {
  display: none;
  position: absolute;
  width: 100%;
  height: 64px;
  background: #26b9ed;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  line-height: 64px;
  bottom: 0px;
  left: 0;
  font-size: 1.33333em;
  margin: 0;
}
#editor .spinner-loader {
  width: 32px;
  height: 32px;
  position: relative;
  z-index: 2;
}
#editor .spinner-loader svg > * {
  fill: #26b9ed;
}
#editor #poster {
  display: none;
  width: 855px;
  height: 1160px;
  position: absolute;
  top: 0;
  z-index: 0;
  margin-left: -130px;
  overflow: hidden;
  cursor: none;
}
#editor #poster .mouse-follow-icon {
  position: absolute;
  z-index: 10;
  font-size: 5em;
  color: #26b9ed;
  pointer-events: none;
  width: 40px;
}
#editor #poster .mouse-follow-icon svg > * {
  fill: #26b9ed;
}
#editor #poster .mouse-follow-icon.mouse-translate {
  width: 36px;
}
#editor #poster .spinner-loader {
  width: 32px;
  height: 32px;
  top: 46%;
  left: 50%;
  margin-left: -16px;
  margin-top: -16px;
}
#editor #poster canvas {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}
#editor #poster div.txt {
  position: absolute;
  z-index: 100;
  bottom: 100px;
  left: 40px;
}
#editor #poster div.txt h3, #editor #poster div.txt #compositor fielset label, #editor #compositor fielset #poster div.txt label {
  font-family: 'fournierblack';
  font-size: 3.91667em;
  line-height: 70px;
  text-transform: uppercase;
  color: black;
}
#editor #poster div.txt h4 {
  font-family: 'museo700';
  font-size: 1.16667em;
  line-height: 24px;
  text-transform: uppercase;
  color: black;
}
#editor #poster div.txt p, #editor #poster div.txt #compositor .selection-back, #editor #compositor #poster div.txt .selection-back, #editor #poster div.txt #compositor .composition-back, #editor #compositor #poster div.txt .composition-back {
  font-family: 'museo500';
  font-size: 1.16667em;
  line-height: 24px;
  color: black;
}
#editor #poster div.txt p span, #editor #poster div.txt #compositor .selection-back span, #editor #compositor #poster div.txt .selection-back span, #editor #poster div.txt #compositor .composition-back span, #editor #compositor #poster div.txt .composition-back span {
  text-transform: uppercase;
  font-family: 'museo700';
  color: black;
}
#editor #poster ul {
  position: absolute;
  bottom: 30px;
  z-index: 11;
}
#editor #poster ul.tools {
  left: 40px;
  text-align: left;
}
#editor #poster ul.zoom {
  right: 20px;
  text-align: right;
}
#editor #poster ul li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-right: 15px;
}
#editor #poster.active {
  display: block;
}
#editor #compositor {
  position: absolute;
  top: 0;
  left: 0;
}
#editor #compositor .allow-contact-checkbox {
  margin: 30px 0 54px 0;
}
#editor #compositor .allow-concours-checkbox {
  margin: 30px 0 54px 0;
}
#editor #compositor .allow-concours-checkbox a {
  text-decoration: underline;
}
#editor #compositor .go-gallery-btn {
  margin: 30px 0 10px 0;
}
#editor #compositor a.btn.aline {
  font-size: 1em;
}
@media screen and (max-height: 800px) {
  #editor #compositor a.btn.aline {
    font-size: 0.83333em;
  }
}
#editor #compositor .learn-more-btn {
  color: black;
}
#editor #compositor .end-paragraph {
  margin-top: 20px;
  margin-bottom: 10px;
}
#editor #compositor .socials {
  margin-top: 18px;
}
#editor #compositor .selection-back {
  position: relative;
  top: -60px;
  font-size: 1.2em;
  font-family: "museo700";
}
#editor #compositor .selection-back .back-text {
  position: absolute;
  top: 0px;
  left: 30px;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  color: gray;
}
#editor #compositor .selection-back.hovered .back-text {
  color: #26b9ed;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
#editor #compositor .selection-back.hovered .left-arrow-icon {
  color: #26b9ed;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
#editor #compositor .selection-back .clipboardLink {
  cursor: pointer;
}
#editor #compositor .composition-back {
  position: relative;
  top: -60px;
  font-size: 1.2em;
  font-family: "museo700";
}
#editor #compositor .composition-back .back-text {
  position: absolute;
  top: 0px;
  left: 30px;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  color: gray;
}
#editor #compositor .composition-back.hovered .back-text {
  color: #26b9ed;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
#editor #compositor .composition-back.hovered .left-arrow-icon {
  color: #26b9ed;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
#editor #compositor .left-arrow-icon {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  font-size: 2em;
  color: gray;
}
#editor #compositor p, #editor #compositor .selection-back, #editor #compositor .composition-back {
  width: 440px;
  margin: 20px 0 0 0;
}
#editor #compositor .headtitle {
  margin-left: -5px;
  font-size: 5.4em;
}
#editor #compositor .spinner-loader {
  width: 21px;
  position: absolute;
  right: -66px;
  top: 9px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transform: scale(0.8, 0.8) translateZ(0);
  -ms-transform: scale(0.8, 0.8) translateZ(0);
  -webkit-transform: scale(0.8, 0.8) translateZ(0);
  transform: scale(0.8, 0.8) translateZ(0);
}
#editor #compositor .spinner-loader.enable {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transform: scale(1, 1) translateZ(0);
  -ms-transform: scale(1, 1) translateZ(0);
  -webkit-transform: scale(1, 1) translateZ(0);
  transform: scale(1, 1) translateZ(0);
}
#editor #compositor .copie-paragraph {
  -moz-user-select: all;
  -ms-user-select: all;
  -webkit-user-select: all;
  user-select: all;
  margin: 26px 0;
}
#editor #compositor .copie-paragraph a {
  color: #26b9ed;
}
#editor #compositor fielset {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
  margin-top: 30px;
}
#editor #compositor fielset i {
  width: 16px;
  position: absolute;
  right: 20px;
  bottom: 12px;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}
#editor #compositor fielset i svg > * {
  fill: #9f9f9f;
}
#editor #compositor fielset label {
  font-size: 1.16667em;
  margin-bottom: 10px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
#editor #compositor fielset.noInput i {
  right: -42px;
  bottom: 2px;
}
#editor #compositor fielset.noInput label {
  margin-bottom: 0;
}
#editor #compositor fielset.good i {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
#editor #compositor fielset.good i svg > * {
  fill: #26b9ed;
}
#editor #compositor input[type="text"] {
  display: block;
  background: #f0f0f0;
  border: 0;
  height: 20px;
  padding: 10px;
  line-height: 20px;
  width: 240px;
  font-family: 'museo';
  font-size: 1em;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
#editor #compositor input[type="text"].error {
  border-color: #e11425;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
#editor #compositor .submit input[type="button"] {
  display: block;
  background: none;
  color: #212121;
  padding: 10px 46px 9px 46px;
  line-height: 20px;
  font-family: 'museo500';
  font-size: 14px;
  border: 1px solid #26b9ed;
  text-transform: uppercase;
  cursor: default;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
#editor #compositor .submit.good input {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  background: #26b9ed;
  border: 1px solid #26b9ed;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  cursor: pointer;
  color: #fff;
}
#editor img#logo_canvas {
  display: none;
}
#editor canvas#canvas_editor, #editor div#container_canvas_editor {
  width: 577px;
  height: 806px;
  position: absolute;
  top: 0;
  left: 0;
}
#editor .concours-small {
  width: 222px;
  height: 23px;
  margin: 3em 0 2em 0;
}
#editor .concours-small-fr {
  background-image: url("../image/template/concoursresonance.png");
}
#editor .concours-small-en {
  background-image: url("../image/template/resonancecontest.png");
}
#editor .margTop4 {
  margin-top: 4em !important;
}
#editor .margBot2 {
  margin-bottom: 2em !important;
}
#editor .step5head1 {
  margin-top: 3em !important;
  font-family: museo500;
}
#editor .step5head2 {
  margin: 0 !important;
}
#editor .errorConcours {
  margin-top: 6em;
  font-family: museo700;
  font-size: 1.2em;
  color: #dd0000;
  height: 1.2em;
}
#editor #step2 .allow-contact-checkbox {
  margin-bottom: 0;
  height: 60px;
}
#editor #step2 .instruct.set-email {
  margin-top: 0;
}

.btn.alittlebox {
  z-index: 99999;
}

@media screen and (max-height: 900px) {
  #editor .congrats h1, #editor .congrats h2, #editor .congrats h3, #editor .congrats #compositor fielset label, #editor #compositor fielset .congrats label, #editor .congrats #media-content-block .title, #media-content-block #editor .congrats .title {
    font-size: 3.33333em;
    line-height: 42px;
  }
  #editor .congrats p, #editor .congrats #compositor .selection-back, #editor #compositor .congrats .selection-back, #editor .congrats #compositor .composition-back, #editor #compositor .congrats .composition-back {
    font-size: 1em;
  }
}
@media screen and (max-width: 1440px), screen and (max-height: 900px) {
  #editor #poster {
    margin-left: -80px;
  }
  #editor #poster ul li {
    margin-right: 10px;
  }
  #editor .allow-contact-checkbox .description {
    font-size: 11px;
  }
  #editor .allow-concours-checkbox .description {
    font-size: 11px;
  }
  #editor #compositor .selection-back {
    top: -20px;
    font-size: 1em;
  }
  #editor #compositor .composition-back {
    top: -20px;
    font-size: 1em;
  }
  #editor #compositor p, #editor #compositor .selection-back, #editor #compositor .composition-back {
    width: 360px;
    margin: 20px 0 0 0;
  }
  #editor #compositor fielset {
    margin: 20px 0 0 0;
  }
  #editor #compositor .headtitle {
    font-size: 3.33333em;
    line-height: 42px;
  }
  #editor .slider_container {
    height: 327.68px;
    margin-top: -163.84px;
  }
  #editor .slider ul.gallery li {
    width: 247.4496px;
    height: 329.9328px;
  }
}
.tooltipped {
  position: relative;
}

.tooltipped::after {
  background: #26b9ed none repeat scroll 0 0;
  /*  border-radius: 3px;*/
  color: #fff;
  content: attr(aria-label);
  display: none;
  font: 11px/1.5 museo,Helvetica,arial,nimbussansl,liberationsans,freesans,clean,sans-serif,"Segoe UI Emoji","Segoe UI Symbol";
  letter-spacing: normal;
  padding: 5px 8px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: pre;
  word-wrap: break-word;
  z-index: 1000000;
}

.tooltipped::before {
  border: 5px solid transparent;
  color: #26b9ed;
  content: "";
  display: none;
  height: 0;
  pointer-events: none;
  position: absolute;
  width: 0;
  z-index: 1000001;
}

.tooltipped:hover::before, .tooltipped:hover::after, .tooltipped:active::before, .tooltipped:active::after, .tooltipped:focus::before, .tooltipped:focus::after {
  display: inline-block;
  text-decoration: none;
}

.tooltipped-s::after {
  margin-top: 5px;
  right: 50%;
  top: 100%;
}

.tooltipped-s::before {
  border-bottom-color: #26b9ed;
  bottom: -5px;
  margin-right: -5px;
  right: 50%;
  top: auto;
}

.tooltipped-s::after {
  transform: translateX(50%);
}

#resonance {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f0f0f0;
}
#resonance #resetbtn, #resonance #reset {
  z-index: 9999;
}
#resonance .btn.alittlebox {
  z-index: 999;
}
#resonance .slide {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
#resonance h3, #resonance #editor #compositor fielset label, #editor #compositor fielset #resonance label {
  font-size: 1.16667em;
  font-family: 'museo700';
  margin-bottom: 14px;
}
#resonance #media-content-block.block {
  margin-top: -225px;
}
@media screen and (max-width: 1024px), screen and (max-height: 800px) {
  #resonance #media-content-block.block {
    margin-top: -255px;
  }
}

#pause {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 11;
  display: none;
}
#pause #media-content-block .small-title {
  font-size: 1.6em;
  text-transform: uppercase;
  font-family: 'fourniergoth';
}
#pause #media-content-block article.main-content {
  width: 620px;
  padding-left: 70px;
  padding-right: 100px;
}
#pause #media-content-block article.media {
  left: 560px;
}
#pause #media-content-block .title {
  top: -117px;
  left: -42px;
  color: #1e1f20;
}
@media screen and (max-width: 1300px), screen and (max-height: 1024px) {
  #pause #media-content-block.block {
    margin-left: -505px;
  }
  #pause #media-content-block.block article.main-content {
    width: 620px;
    padding-left: 50px;
  }
  #pause #media-content-block.block article.main-content p, #pause #media-content-block.block article.main-content #editor #compositor .selection-back, #editor #compositor #pause #media-content-block.block article.main-content .selection-back, #pause #media-content-block.block article.main-content #editor #compositor .composition-back, #editor #compositor #pause #media-content-block.block article.main-content .composition-back {
    font-size: 1.1em;
  }
  #pause #media-content-block.block article.media {
    width: 450px;
    left: 560px;
    top: -90px;
  }
  #pause #media-content-block.block .title {
    font-size: 5em;
    top: -100px;
    left: -4px;
  }
}
@media screen and (max-width: 1024px), screen and (max-height: 800px) {
  #pause #media-content-block.block {
    width: 964px;
    height: 430px;
    margin-left: -482px;
    margin-top: -235px;
  }
  #pause #media-content-block.block article.media {
    width: 404px;
    top: 0px;
  }
}

#nowebgl {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #f0f0f0;
  color: #e11425;
}
#nowebgl #splash {
  position: relative;
  width: 960px;
  top: 50%;
  left: 50%;
  margin-left: -480px;
  margin-top: -200px;
}
#nowebgl #splash #title {
  text-align: center;
  margin-bottom: 64px;
}
#nowebgl #splash #title img {
  width: 260px;
}
#nowebgl #splash h3, #nowebgl #splash #editor #compositor fielset label, #editor #compositor fielset #nowebgl #splash label {
  font-family: 'museo700';
  font-size: 1.16667em;
  letter-spacing: 0;
  line-height: 22px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #e11425;
}
#nowebgl #splash p.choose, #nowebgl #splash #editor #compositor .choose.selection-back, #editor #compositor #nowebgl #splash .choose.selection-back, #nowebgl #splash #editor #compositor .choose.composition-back, #editor #compositor #nowebgl #splash .choose.composition-back {
  color: #999999;
  font-size: 1.16667em;
  line-height: 22px;
  font-family: "museo";
  letter-spacing: 0.02em;
  color: #e11425;
}
#nowebgl #splash #switch {
  width: 726px;
  height: 100px;
  margin: 0 auto;
}
@media (max-height: 800px) {
  #nowebgl #splash #switch {
    width: 584.8px;
    height: 80px;
  }
}
#nowebgl #splash #switch .atitle {
  background: #e11425;
  float: left;
  border-color: #e11425;
  position: relative;
}
#nowebgl #splash #switch .atitle:first-child {
  margin-right: 10px;
}
#nowebgl #splash #switch .atitle:last-child {
  margin-left: 10px;
}
#nowebgl #splash #switch .atitle img {
  display: block;
  width: 36px;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  left: 55px;
}
#nowebgl #splash #switch .atitle span {
  display: block;
  padding-left: 115px;
  line-height: 100px;
  color: #fff;
  text-align: left;
  font-family: 'museo';
  font-size: 1.16667em;
  top: auto;
}
@media (max-height: 800px) {
  #nowebgl #splash #switch .atitle span {
    top: -8px;
    padding-left: 92px;
  }
  #nowebgl #splash #switch .atitle img {
    left: 36px;
  }
}

#gallery.page {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #f0f0f0;
}
#gallery.page #carousel {
  display: none;
  position: absolute;
  z-index: 9999;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
}
#gallery.page #carousel #bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=96);
  opacity: 0.96;
  background-image: url("../image/template/capture-pattern-bez.gif");
}
#gallery.page #carousel ul.socials {
  margin-top: 25px;
}
#gallery.page #carousel .poster-wrapper {
  position: relative;
  left: 50%;
}
#gallery.page #carousel .poster-wrapper .relative > * {
  position: absolute;
}
#gallery.page #carousel .poster-wrapper .poster-interface {
  z-index: 1;
  color: black;
  text-align: left;
  left: 60px;
  bottom: 60px;
}
@media screen and (max-width: 1440px), screen and (max-height: 900px) {
  #gallery.page #carousel .poster-wrapper .poster-interface {
    left: 50px;
    bottom: 40px;
  }
}
#gallery.page #carousel .poster-wrapper .poster-interface.light {
  color: white;
}
#gallery.page #carousel .poster-wrapper .poster-interface .song-title {
  text-transform: uppercase;
  font-family: 'fournierblack';
  font-size: 3.91667em;
  line-height: 70px;
  margin-left: -4px;
}
#gallery.page #carousel .poster-wrapper .poster-interface .song-description {
  text-transform: uppercase;
  font-family: 'museo700';
  font-size: 1.16667em;
  line-height: 24px;
  margin-top: -10px;
}
#gallery.page #carousel .poster-wrapper .poster-interface .song-user {
  font-family: 'museo500';
  font-size: 1.16667em;
  line-height: 24px;
  margin-top: 30px;
}
#gallery.page #carousel .poster-wrapper .poster-interface .song-user span {
  text-transform: uppercase;
  font-family: 'museo700';
}
#gallery.page #carousel .poster-wrapper img {
  top: 0;
  left: 0;
  width: auto;
  height: 100%;
  padding: 4px;
  background: white;
}
#gallery.page .start-xp-btn {
  bottom: 70px;
  height: 150px;
  z-index: 1010;
}
#gallery.page .bottom-box {
  width: 223px;
  position: absolute;
  top: 70px;
}
#gallery.page .bottom-box .relative > * {
  position: absolute;
  width: 100%;
  height: 100%;
}
#gallery.page .bottom-box .box-title {
  z-index: 1;
  text-align: center;
  top: 22px;
  font-family: "museo500";
  color: black;
  font-size: 14px;
  text-transform: uppercase;
}
#gallery.page .bottom-box .box-bg svg > * {
  fill: #e3e2e2;
}
#gallery.page #hitzone {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: red;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  z-index: 1;
}
#gallery.page #map {
  position: absolute;
  width: 100%;
  height: 100%;
}
#gallery.page #map .col {
  position: absolute;
  top: 0;
  left: 0;
}
#gallery.page #map .cell {
  position: absolute;
  cursor: pointer;
  background-color: white;
  display: block;
}
#gallery.page #map .cell.active .hover {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
#gallery.page #map .cell.active .icon {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transform: scale(1, 1) translateZ(0);
  -ms-transform: scale(1, 1) translateZ(0);
  -webkit-transform: scale(1, 1) translateZ(0);
  transform: scale(1, 1) translateZ(0);
}
#gallery.page #map .cell.active p, #gallery.page #map .cell.active #editor #compositor .selection-back, #editor #compositor #gallery.page #map .cell.active .selection-back, #gallery.page #map .cell.active #editor #compositor .composition-back, #editor #compositor #gallery.page #map .cell.active .composition-back {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transform: scale(1, 1) translateZ(0);
  -ms-transform: scale(1, 1) translateZ(0);
  -webkit-transform: scale(1, 1) translateZ(0);
  transform: scale(1, 1) translateZ(0);
}
#gallery.page #map .hover {
  background-color: rgba(255, 255, 255, 0.95);
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  position: absolute;
  text-align: center;
}
#gallery.page #map .hover .likes-wrapper {
  right: 50px;
  top: 16px;
  position: absolute;
  display: none;
}
#gallery.page #map .hover .likes-wrapper .relative > * {
  position: absolute;
}
#gallery.page #map .hover .likes-wrapper .heart {
  width: 14px;
  top: 1px;
}
#gallery.page #map .hover .likes-wrapper .heart svg > * {
  fill: #26b9ed;
}
#gallery.page #map .hover .likes-wrapper .likes-num {
  color: #26b9ed;
  font-family: "museo700";
  font-size: 14px;
  left: 22px;
}
#gallery.page #map .hover .icon {
  background-color: #26b9ed;
  width: 47px;
  height: 47px;
  position: absolute;
  top: 36%;
  left: 50%;
  margin-top: -23.5px;
  margin-left: -23.5px;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
#gallery.page #map .hover .icon .icon-wrapper {
  width: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -98px;
  margin-top: -60px;
}
#gallery.page #map .hover .icon .icon-wrapper svg > * {
  fill: white;
}
#gallery.page #map .hover p, #gallery.page #map .hover #editor #compositor .selection-back, #editor #compositor #gallery.page #map .hover .selection-back, #gallery.page #map .hover #editor #compositor .composition-back, #editor #compositor #gallery.page #map .hover .composition-back {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  font-size: 15px;
  line-height: 20px;
  width: 80%;
  left: 10%;
  position: relative;
  font-family: 'museo500';
  top: 48%;
}
#gallery.page #map .hover p .song-player, #gallery.page #map .hover #editor #compositor .selection-back .song-player, #editor #compositor #gallery.page #map .hover .selection-back .song-player, #gallery.page #map .hover #editor #compositor .composition-back .song-player, #editor #compositor #gallery.page #map .hover .composition-back .song-player {
  color: #26b9ed;
  text-transform: uppercase;
}
#gallery.page #map .bg {
  position: absolute;
  background: #fff;
}
#gallery.page #map .bg > * {
  position: absolute;
}
#gallery.page #map .small-poster {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
#gallery.page #map .small-loader {
  width: 18px;
  top: 50%;
  left: 50%;
  display: block;
  margin-top: -9px;
  margin-left: -9px;
  z-index: 2;
  display: block;
}
#gallery.page #map .small-loader.disable {
  display: none;
}
@media screen and (max-width: 1440px), screen and (max-height: 1150px) {
  #gallery.page #carousel ul.socials {
    margin-top: 22px;
  }
}
@media screen and (max-width: 1300px), screen and (max-height: 1024px) {
  #gallery.page #bottom {
    bottom: 70px;
  }
}