/*--------VARIABLES--------*/
/*--------FONTS---------*/
/* #### Generated By: http://www.cufonfonts.com #### */
@font-face {
  font-family: "Effra Trial";
  font-style: normal;
  font-weight: 400;
  src: local("Effra Trial Regular"), url("../../fonts/effra-trial/Effra_Trial_Rg.woff") format("woff");
}
@font-face {
  font-family: "Effra Trial";
  font-style: normal;
  font-weight: 100;
  src: local("Effra Trial Hairline"), url("../../fonts/effra-trial/Effra_Trial_Hair.woff") format("woff");
}
@font-face {
  font-family: "Effra Trial";
  font-style: normal;
  font-weight: 200;
  src: local("Effra Trial Thin"), url("../../fonts/effra-trial/Effra_Trial_Th.woff") format("woff");
}
@font-face {
  font-family: "Effra Trial";
  font-style: normal;
  font-weight: 300;
  src: local("Effra Trial Light"), url("../../fonts/effra-trial/Effra_Trial_Lt.woff") format("woff");
}
@font-face {
  font-family: "Effra Trial";
  font-style: normal;
  font-weight: 500;
  src: local("Effra Trial Medium"), url("../../fonts/effra-trial/Effra_Trial_Md.woff") format("woff");
}
@font-face {
  font-family: "Effra Trial";
  font-style: normal;
  font-weight: 600;
  src: local("Effra Trial SemiBold"), url("../../fonts/effra-trial/Effra_Trial_SBd.woff") format("woff");
}
@font-face {
  font-family: "Effra Trial";
  font-style: normal;
  font-weight: 700;
  src: local("Effra Trial Bold"), url("../../fonts/effra-trial/Effra_Trial_Bd.woff") format("woff");
}
@font-face {
  font-family: "Effra Trial";
  font-style: normal;
  font-weight: 800;
  src: local("Effra Trial XBold"), url("../../fonts/effra-trial/Effra_Trial_XBd.woff") format("woff");
}
@font-face {
  font-family: "Effra Trial";
  font-style: normal;
  font-weight: 900;
  src: local("Effra Trial Black"), url("../../fonts/effra-trial/Effra_Trial_Blk.woff") format("woff");
}
/* ----- KEYFRAMES ----- */
@keyframes fadeInUpCustom {
  from {
    transform: translate3d(0, 40px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes fadeInUpCustom {
  from {
    transform: translate3d(0, 40px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.fadeInUpCustom {
  opacity: 0;
  -webkit-animation: fadeInUpCustom forwards 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
  animation: fadeInUpCustom forwards 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
}

@keyframes rot {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(1080deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
#main #content .bloc-iframe {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  max-width: 1250px;
}
#main #content .bloc-iframe.dark-spiral {
  background: linear-gradient(315deg, #003153 0%, #003153 35%, #5454B2 65%, #5454B2 100%);
  position: relative;
}
#main #content .bloc-iframe.dark-spiral::before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("../../images/spiral.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.1;
  z-index: 1;
}
@media (max-width: 1299px) {
  #main #content .bloc-iframe.dark-spiral::before {
    background-size: cover;
  }
}
#main #content .bloc-iframe.dark-spiral .bloc-iframe-content {
  z-index: 2;
  position: relative;
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  overflow-x: none;
}
#main #content .bloc-iframe.spiral {
  background: linear-gradient(315deg, #51b1d9 0%, #51b1d9 35%, #00BDA7 65%, #00BDA7 100%);
  position: relative;
}
#main #content .bloc-iframe.spiral::before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("../../images/spiral.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.1;
  z-index: 1;
}
@media (max-width: 1299px) {
  #main #content .bloc-iframe.spiral::before {
    background-size: cover;
  }
}
#main #content .bloc-iframe.spiral .bloc-iframe-content {
  z-index: 2;
  position: relative;
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  overflow-x: none;
}
#main #content .bloc-iframe.white {
  background: white;
  position: relative;
}
#main #content .bloc-iframe.white .bloc-iframe-content {
  z-index: 2;
  position: relative;
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  overflow-x: none;
}