/*
//
/ VARIABLES /
//
*/
/*
//
/ PARTIALS
//
*/
/* line 1, ../scss/base/_base.scss */
*,
*:after,
*:before {
  box-sizing: border-box;
}

/* line 7, ../scss/base/_base.scss */
body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 16px;
}

/* line 12, ../scss/base/_base.scss */
.page {
  position: relative;
  max-width: 1060px;
  margin: 0 auto;
  padding: 0 20px;
}

/* line 19, ../scss/base/_base.scss */
header {
  width: 100%;
  overflow: hidden;
  position: relative;
}

/* line 25, ../scss/base/_base.scss */
h2 {
  font-family: "Replica-Bold", Helvetica, Arial, sans-serif;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.4em;
  border-top: 1px dotted #000;
  padding: 0.5em 0 0 0;
  margin: 2em 0 0 0;
  color: rgba(0, 236, 255, 0.8);
  -webkit-animation: changeColorTitle 40s ease-out infinite;
  animation: changeColorTitle 40s ease-out infinite;
}
@media screen and (max-width: 760px) {
  /* line 25, ../scss/base/_base.scss */
  h2 {
    text-align: center;
  }
}

/* line 40, ../scss/base/_base.scss */
.no-border-top {
  border-top: none;
}

/* line 44, ../scss/base/_base.scss */
.no-padding-top {
  padding-top: 0 !important;
}

/* line 48, ../scss/base/_base.scss */
.no-margin-bottom {
  margin: 0.5em 0 0 0;
}

/* line 52, ../scss/base/_base.scss */
.noDisplaySmall {
  display: inline;
}
@media screen and (max-width: 760px) {
  /* line 52, ../scss/base/_base.scss */
  .noDisplaySmall {
    display: none;
  }
}

/* line 58, ../scss/base/_base.scss */
.center {
  text-align: center;
}
@media screen and (max-width: 760px) {
  /* line 58, ../scss/base/_base.scss */
  .center {
    text-align: left;
  }
}

/* line 64, ../scss/base/_base.scss */
.jobsLink {
  font-size: 1.3em;
}

@font-face {
  font-family: "Replica-Bold";
  src: url("fonts/lineto-replica-bold.eot");
  src: url("fonts/lineto-replica-bold.eot?#iefix") format("embedded-opentype"), url("fonts/lineto-replica-bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@-webkit-keyframes changeColorUn {
  0% {
    background-color: lime;
  }
  30% {
    background-color: lime;
  }
  33% {
    background-color: #b9dcc5;
  }
  63% {
    background-color: #b9dcc5;
  }
  66% {
    background-color: #ffea00;
  }
  97% {
    background-color: #ffea00;
  }
  100% {
    background-color: lime;
  }
}
@keyframes changeColorUn {
  0% {
    background-color: lime;
  }
  30% {
    background-color: lime;
  }
  33% {
    background-color: #b9dcc5;
  }
  63% {
    background-color: #b9dcc5;
  }
  66% {
    background-color: #ffea00;
  }
  97% {
    background-color: #ffea00;
  }
  100% {
    background-color: lime;
  }
}
@-webkit-keyframes changeColorDeux {
  0% {
    background-color: rgba(0, 236, 255, 0.8);
  }
  30% {
    background-color: rgba(0, 236, 255, 0.8);
  }
  33% {
    background-color: rgba(80, 169, 206, 0.8);
  }
  63% {
    background-color: rgba(80, 169, 206, 0.8);
  }
  66% {
    background-color: rgba(61, 194, 183, 0.8);
  }
  97% {
    background-color: rgba(61, 194, 183, 0.8);
  }
  100% {
    background-color: rgba(0, 236, 255, 0.8);
  }
}
@keyframes changeColorDeux {
  0% {
    background-color: rgba(0, 236, 255, 0.8);
  }
  30% {
    background-color: rgba(0, 236, 255, 0.8);
  }
  33% {
    background-color: rgba(80, 169, 206, 0.8);
  }
  63% {
    background-color: rgba(80, 169, 206, 0.8);
  }
  66% {
    background-color: rgba(61, 194, 183, 0.8);
  }
  97% {
    background-color: rgba(61, 194, 183, 0.8);
  }
  100% {
    background-color: rgba(0, 236, 255, 0.8);
  }
}
@-webkit-keyframes changeColorTrois {
  0% {
    background-color: #b9dcc5;
  }
  30% {
    background-color: #b9dcc5;
  }
  33% {
    background-color: #ff1e57;
  }
  63% {
    background-color: #ff1e57;
  }
  66% {
    background-color: #5ec82b;
  }
  97% {
    background-color: #5ec82b;
  }
  100% {
    background-color: #b9dcc5;
  }
}
@keyframes changeColorTrois {
  0% {
    background-color: #b9dcc5;
  }
  30% {
    background-color: #b9dcc5;
  }
  33% {
    background-color: #ff1e57;
  }
  63% {
    background-color: #ff1e57;
  }
  66% {
    background-color: #5ec82b;
  }
  97% {
    background-color: #5ec82b;
  }
  100% {
    background-color: #b9dcc5;
  }
}
@-webkit-keyframes changeBaselineOne {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  33% {
    opacity: 1;
  }
  63% {
    opacity: 1;
  }
  66% {
    opacity: 1;
  }
  97% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes changeBaselineOne {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  33% {
    opacity: 1;
  }
  63% {
    opacity: 1;
  }
  66% {
    opacity: 1;
  }
  97% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes changeBaselineTwo {
  0% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  33% {
    opacity: 0;
  }
  63% {
    opacity: 0;
  }
  66% {
    opacity: 0;
  }
  97% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes changeBaselineTwo {
  0% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  33% {
    opacity: 0;
  }
  63% {
    opacity: 0;
  }
  66% {
    opacity: 0;
  }
  97% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes changeColorTitle {
  0% {
    color: rgba(0, 236, 255, 0.8);
  }
  30% {
    color: rgba(0, 236, 255, 0.8);
  }
  33% {
    color: #ff1e57;
  }
  63% {
    color: #ff1e57;
  }
  66% {
    color: #5ec82b;
  }
  97% {
    color: #5ec82b;
  }
  100% {
    color: rgba(0, 236, 255, 0.8);
  }
}
@keyframes changeColorTitle {
  0% {
    color: rgba(0, 236, 255, 0.8);
  }
  30% {
    color: rgba(0, 236, 255, 0.8);
  }
  33% {
    color: #ff1e57;
  }
  63% {
    color: #ff1e57;
  }
  66% {
    color: #5ec82b;
  }
  97% {
    color: #5ec82b;
  }
  100% {
    color: rgba(0, 236, 255, 0.8);
  }
}
/* line 1, ../scss/layout/_ronds.scss */
.container-ronds {
  width: 100%;
  padding: 0 5.8em;
  -webkit-transition: padding 0.5s;
          transition: padding 0.5s;
}
@media screen and (max-width: 1020px) {
  /* line 1, ../scss/layout/_ronds.scss */
  .container-ronds {
    padding: 0 0;
  }
}

/* line 10, ../scss/layout/_ronds.scss */
.section-ronds {
  position: relative;
  width: 100%;
  height: 380px;
  margin: 4em 0 5em 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media screen and (max-width: 760px) {
  /* line 10, ../scss/layout/_ronds.scss */
  .section-ronds {
  display:none;
  }
}
@media screen and (max-width: 760px) {
  /* line 10, ../scss/layout/_ronds.scss */
  .section-ronds {
    margin: 1em 0 1em 0;
  }
}
@media screen and (max-width: 500px) {
  /* line 10, ../scss/layout/_ronds.scss */
  .section-ronds {
    height: 320px;
    display: none;
  }
}

/* line 28, ../scss/layout/_ronds.scss */
.rond-couleur {
  position: absolute;
  width: 380px;
  height: 380px;
  border-radius: 190px;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
}
@media screen and (max-width: 1020px) {
  /* line 28, ../scss/layout/_ronds.scss */
  .rond-couleur {
    width: 340px;
    height: 340px;
    border-radius: 170px;
  }
}
@media screen and (max-width: 760px) {
  /* line 28, ../scss/layout/_ronds.scss */
  .rond-couleur {
display:none;
  }
}

/* line 46, ../scss/layout/_ronds.scss */
.vert1 {
  top: 0;
  left: calc(50% - 430px);
  z-index: 10;
  background-color: lime;
  -webkit-animation: changeColorUn 40s ease-out infinite;
  animation: changeColorUn 40s ease-out infinite;
}
@media screen and (max-width: 1020px) {
  /* line 46, ../scss/layout/_ronds.scss */
  .vert1 {
    left: calc(50% - 350px);
  }
}
@media screen and (max-width: 500px) {
  /* line 46, ../scss/layout/_ronds.scss */
  .vert1 {
    left: calc(50% - 240px);
  }
}

/* line 66, ../scss/layout/_ronds.scss */
.vert2 {
  top: 0;
  left: calc(50% - 270px);
  z-index: 30;
  background-color: rgba(0, 236, 255, 0.8);
  -webkit-animation: changeColorDeux 40s ease-out infinite;
  animation: changeColorDeux 40s ease-out infinite;
}
@media screen and (max-width: 1020px) {
  /* line 66, ../scss/layout/_ronds.scss */
  .vert2 {
    left: calc(50% - 230px);
  }
}
@media screen and (max-width: 500px) {
  /* line 66, ../scss/layout/_ronds.scss */
  .vert2 {
    left: calc(50% - 180px);
  }
}

/* line 86, ../scss/layout/_ronds.scss */
.vert3 {
  top: 0;
  left: calc(50% + 50px);
  z-index: 10;
  background-color: #b9dcc5;
  -webkit-animation: changeColorTrois 40s ease-out infinite;
  animation: changeColorTrois 40s ease-out infinite;
}
@media screen and (max-width: 1020px) {
  /* line 86, ../scss/layout/_ronds.scss */
  .vert3 {
    left: calc(50% + 10px);
  }
}
@media screen and (max-width: 500px) {
  /* line 86, ../scss/layout/_ronds.scss */
  .vert3 {
    left: calc(50% - 60px);
  }
}

/* line 106, ../scss/layout/_ronds.scss */
.trame {
  top: 0;
  left: calc(50% - 110px);
  z-index: 1000;
  overflow: hidden;
}
@media screen and (max-width: 1020px) {
  /* line 106, ../scss/layout/_ronds.scss */
  .trame {
    left: calc(50% - 110px);
  }
}
@media screen and (max-width: 500px) {
  /* line 106, ../scss/layout/_ronds.scss */
  .trame {
    left: calc(50% - 120px);
  }
}
/* line 123, ../scss/layout/_ronds.scss */
.trame object {
  width: 100%;
  height: 100%;
}

/* line 129, ../scss/layout/_ronds.scss */
.accroche {
  position: relative;
  top: 188px;
  text-align: center;
  text-transform: uppercase;
  color: #FFF;
  font-family: "Replica-Bold", Helvetica, Arial, sans-serif;
  z-index: 3000;
  -webkit-transition: top 0.5s;
          transition: top 0.5s;
}
@media screen and (max-width: 1020px) {
  /* line 129, ../scss/layout/_ronds.scss */
  .accroche {
    top: 160px;
  }
}
@media screen and (max-width: 760px) {
  /* line 129, ../scss/layout/_ronds.scss */
  .accroche {
    padding: 0 20px;
  }
}
@media screen and (max-width: 500px) {
  /* line 129, ../scss/layout/_ronds.scss */
  .accroche {
    top: 202px;
  }
}
/* line 147, ../scss/layout/_ronds.scss */
.accroche span {
  display: block;
}
/* line 150, ../scss/layout/_ronds.scss */
.accroche #baseline-one {
  font-size: 1.2em;
  letter-spacing: 3px;
  position: relative;
  top: 0;
  -webkit-animation: changeBaselineTwo 40s ease-out infinite;
  animation: changeBaselineTwo 40s ease-out infinite;
}
@media screen and (max-width: 1020px) {
  /* line 150, ../scss/layout/_ronds.scss */
  .accroche #baseline-one {
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 500px) {
  /* line 150, ../scss/layout/_ronds.scss */
  .accroche #baseline-one {
    top: -60px;
    font-size: 1.1em;
  }
}
/* line 164, ../scss/layout/_ronds.scss */
.accroche #baseline-two {
  font-size: 1.6em;
  letter-spacing: 7px;
  position: relative;
  top: -30px;
  -webkit-animation: changeBaselineOne 40s ease-out infinite;
  animation: changeBaselineOne 40s ease-out infinite;
}
@media screen and (max-width: 760px) {
  /* line 164, ../scss/layout/_ronds.scss */
  .accroche #baseline-two {
    top: -30px;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 500px) {
  /* line 164, ../scss/layout/_ronds.scss */
  .accroche #baseline-two {
    top: -99px;
    font-size: 1.1em;
  }
}

/* line 1, ../scss/layout/_logo.scss */
.section-logo {
  margin: 0;
  width: 100%;
  text-align: center;
  border-bottom: 1px dotted #000;
}
@media screen and (max-width: 1020px) {
  /* line 1, ../scss/layout/_logo.scss */
  .section-logo {
    padding: 0 0 0.5em 0;
  }
}
@media screen and (max-width: 760px) {
  /* line 1, ../scss/layout/_logo.scss */
  .section-logo {
    text-align: center;
    padding: 80px 0 50px 0px;
  }
}
/* line 13, ../scss/layout/_logo.scss */
.section-logo #logo-up {
  height: 21px;
  margin-right: 4px;
}
@media screen and (max-width: 760px) {
  /* line 13, ../scss/layout/_logo.scss */
  .section-logo #logo-up {
    position: relative;
    height: 19px;
  }
}
@media screen and (max-width: 500px) {
  /* line 13, ../scss/layout/_logo.scss */
  .section-logo #logo-up {
    position: relative;
    top: 8px;
    height: 19px;
  }
}
/* line 26, ../scss/layout/_logo.scss */
.section-logo #logo-two {
  height: 21px;
}
@media screen and (max-width: 760px) {
  /* line 26, ../scss/layout/_logo.scss */
  .section-logo #logo-two {
    height: 19px;
  }
}
@media screen and (max-width: 500px) {
  /* line 26, ../scss/layout/_logo.scss */
  .section-logo #logo-two {
    position: relative;
    top: -10px;
  }
}
/* line 36, ../scss/layout/_logo.scss */
.section-logo object {
  display: inline-block;
}

/* line 1, ../scss/layout/_chapeau.scss */
.chapeau-intro {
  font-family: "Replica-Bold", Helvetica, Arial, sans-serif;
  font-size: 1.2em;
  padding: 0.5em 10em;
  text-align: center;
}
@media screen and (max-width: 760px) {
  /* line 1, ../scss/layout/_chapeau.scss */
  .chapeau-intro {
    padding: 0.5em 0;
    font-size: 1.1em;
    text-align: center;
    font-family: "Replica-bold", Helvetica, Arial, sans-serif;
  }
}

/* line 12, ../scss/layout/_chapeau.scss */
.adresse {
  border-top: 1px dotted #000;
  border-bottom: 1px dotted #000;
  margin: 2em 0;
  font-family: "Replica-Bold", Helvetica, Arial, sans-serif;
  font-size: 1.4em;
}
/* line 18, ../scss/layout/_chapeau.scss */
.adresse p {
  margin: 0;
}

/* line 1, ../scss/layout/_content.scss */
.content p {
  margin: 0;
  padding: 0.5em 4em;
  text-align: center;
}
@media screen and (max-width: 760px) {
  /* line 1, ../scss/layout/_content.scss */
  .content p {
    padding: 0.5em 0;
    text-align: center;
  }
}

/* line 11, ../scss/layout/_content.scss */
.link {
  -webkit-animation: changeColorTitle 40s ease-out infinite;
  animation: changeColorTitle 40s ease-out infinite;
}

/* line 16, ../scss/layout/_content.scss */
.content a {
  font-family: "Replica-Bold", Helvetica, Arial, sans-serif;
}
/* line 17, ../scss/layout/_content.scss */
.content a, .content a:link, .content a:active, .content a:visited {
  display: inline-block;
  text-decoration: none;
  color: inherit;
}
/* line 22, ../scss/layout/_content.scss */
.content a:hover {
  text-decoration: underline;
}

/* line 27, ../scss/layout/_content.scss */
.map {
  margin-bottom: 4em;
}
/* line 29, ../scss/layout/_content.scss */
.map #map-canvas {
  height: 500px;
  overflow:hidden;
padding-bottom:56.25%;
position:relative;>
height:0;
}

.map #map-canvas iframe {
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}

/* line 35, ../scss/layout/_content.scss */
.adresse {
  text-align: center;
}
@media screen and (max-width: 760px) {
  /* line 35, ../scss/layout/_content.scss */
  .adresse {
    text-align: center;
  }
}
/* line 40, ../scss/layout/_content.scss */
.adresse br {
  display: none;
}
@media screen and (max-width: 760px) {
  /* line 40, ../scss/layout/_content.scss */
  .adresse br {
    display: block;
  }
}
/* line 46, ../scss/layout/_content.scss */
.adresse a, .adresse a:link, .adresse a:active, .adresse a:visited {
  display: inline-block;
  text-decoration: none;
  color: inherit;
}
/* line 51, ../scss/layout/_content.scss */
.adresse a:hover {
  text-decoration: underline;
}

/* line 1, ../scss/layout/_paperstock.scss */
.acces {
  width: 100%;
  text-align: center;
  padding: 60px 0;
}
/* line 6, ../scss/layout/_paperstock.scss */
.acces > div {
  padding: 30px 20px 20px 20px;
  display: inline-block;
  font-family: "Replica-Bold", Helvetica, Arial, sans-serif;
  width: 40%;
}
@media screen and (max-width: 500px) {
  /* line 6, ../scss/layout/_paperstock.scss */
  .acces > div {
    width: 80%;
  }
}
/* line 14, ../scss/layout/_paperstock.scss */
.acces > div a {
  display: block;
}
/* line 17, ../scss/layout/_paperstock.scss */
.acces > div:hover {
  background-color: #f4f4f4;
}
/* line 18, ../scss/layout/_paperstock.scss */
.acces > div img {
  display: block;
  width: 100%;
}

/* line 1, ../scss/layout/_jobs.scss */
.jobs-tab {
  -webkit-transform-origin: right bottom 0px;
      -ms-transform-origin: right bottom 0px;
          transform-origin: right bottom 0px;
  text-decoration: none;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  background-color: #F9F9F9;
  text-transform: uppercase;
  padding: 10px;
  z-index: 9999;
  position: fixed;
  top: 40%;
  opacity: .9;
  right: 0;
  width: 90px;
  text-align: center;
  box-shadow: -5px 2px 9px -6px rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.3s ease-in;
          transition: all 0.3s ease-in;
}
@media screen and (max-width: 760px) {
  /* line 1, ../scss/layout/_jobs.scss */
  .jobs-tab {
    top: 50%;
  }
}
/* line 20, ../scss/layout/_jobs.scss */
.jobs-tab h2 {
  padding: 0;
  margin: 0;
  border-top: none;
  font-size: 1.5em;
}

/* line 27, ../scss/layout/_jobs.scss */
.jobs-tab a:hover {
  color: #fff !important;
}

/* line 30, ../scss/layout/_jobs.scss */
a.jobs-tab:hover {
  color: #fff !important;
  background-color: #ff1e57;
}
/* line 31, ../scss/layout/_jobs.scss */
a.jobs-tab:hover h2 {
  color: #fff !important;
}

/* line 39, ../scss/layout/_jobs.scss */
.jobs ul.axes li {
  list-style-type: none;
}
/* line 42, ../scss/layout/_jobs.scss */
.jobs ul li {
  list-style-type: disc;
}
/* line 45, ../scss/layout/_jobs.scss */
.jobs ul ul li {
  list-style-type: circle;
  list-style-position: inside;
}
/* line 52, ../scss/layout/_jobs.scss */
.jobs .extraInfo p {
  font-style: italic;
}
/* line 55, ../scss/layout/_jobs.scss */
.jobs .extraInfo {
  text-align: center;
}
/* line 57, ../scss/layout/_jobs.scss */
.jobs .extraInfo span.downloadFile {
  font-family: "Replica-Bold", Helvetica, Arial, sans-serif;
  font-size: 1.4em;
  -webkit-animation: changeColorTitle 40s ease-out infinite;
  animation: changeColorTitle 40s ease-out infinite;
}
@media screen and (max-width: 760px) {
  /* line 55, ../scss/layout/_jobs.scss */
  .jobs .extraInfo {
    text-align: left;
  }
}
/* line 66, ../scss/layout/_jobs.scss */
.jobs ul {
  padding: 5px;
}
/* line 69, ../scss/layout/_jobs.scss */
.jobs span + ul {
  padding: 0 10px 10px 10px;
}

/* line 73, ../scss/layout/_jobs.scss */
h3 {
  font-family: "Replica-Bold", Helvetica, Arial, sans-serif;
  text-align: center;
}
@media screen and (max-width: 760px) {
  /* line 73, ../scss/layout/_jobs.scss */
  h3 {
    text-align: left;
  }
}

/* line 1, ../scss/modules/_backtop.scss */
.cd-top, .cd-contact, .cd-contact-2, .cd-paperstock, .cd-paperstock-2 {
  text-align: center;
  display: inline-block;
  width: 60px;
  height: 50px;
  position: fixed;
  left: -webkit-calc(50% - 30px);
  bottom: 0;
  left: -moz-calc(50% - 30px);
  bottom: 0;
  left: calc(50% - 30px);
  bottom: 0;
  font-family: "Replica-Bold", Helvetica, Arial, sans-serif;
  padding-top: 2px;
  font-size: 2em;
  background-color: #1e1e1e;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all .3s 0s;
  transition: all .3s 0s;
}
/* line 17, ../scss/modules/_backtop.scss */
.cd-top a, .cd-contact a, .cd-contact-2 a, .cd-paperstock a, .cd-paperstock-2 a {
  text-decoration: none;
  color: inherit;
}

/* line 27, ../scss/modules/_backtop.scss */
.cd-top.cd-is-visible, .cd-is-visible.cd-contact, .cd-is-visible.cd-contact-2, .cd-is-visible.cd-paperstock, .cd-is-visible.cd-paperstock-2, .cd-top.cd-fade-out, .cd-fade-out.cd-contact, .cd-fade-out.cd-contact-2, .cd-fade-out.cd-paperstock, .cd-fade-out.cd-paperstock-2, .no-touch .cd-top:hover, .no-touch .cd-contact:hover, .no-touch .cd-contact-2:hover, .no-touch .cd-paperstock:hover, .no-touch .cd-paperstock-2:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
          transition: opacity .3s 0s, visibility 0s 0s;
}

/* line 31, ../scss/modules/_backtop.scss */
.cd-top.cd-is-visible, .cd-is-visible.cd-contact, .cd-is-visible.cd-contact-2, .cd-is-visible.cd-paperstock, .cd-is-visible.cd-paperstock-2 {
  visibility: visible;
  opacity: 1;
}

/* line 36, ../scss/modules/_backtop.scss */
.cd-top.cd-fade-out, .cd-fade-out.cd-contact, .cd-fade-out.cd-contact-2, .cd-fade-out.cd-paperstock, .cd-fade-out.cd-paperstock-2 {
  opacity: 1;
}

/* line 40, ../scss/modules/_backtop.scss */
.no-touch .cd-top:hover, .no-touch .cd-contact:hover, .no-touch .cd-contact-2:hover, .no-touch .cd-paperstock:hover, .no-touch .cd-paperstock-2:hover {
  opacity: 1;
}

/* line 44, ../scss/modules/_backtop.scss */
.hi {
  opacity: 0.2;
  overflow: auto;
  display: inline-block;
  width: 18px;
  position: absolute;
  bottom: -50px;
  left: 20px;
}

/* line 53, ../scss/modules/_backtop.scss */
.cd-contact, .cd-contact-2 {
  width: 210px;
  left: -webkit-calc(50% - 154px);
  bottom: 0;
  left: -moz-calc(50% - 154px);
  bottom: 0;
  left: calc(50% - 242px);
  bottom: 0;
  font-size: 15px;
  line-height: 50px;
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 760px) {
  /* line 53, ../scss/modules/_backtop.scss */
  .cd-contact, .cd-contact-2 {
    font-size: 0.6em;
    width: 128px;
    left: -webkit-calc(50% - 160px);
    bottom: 0;
    left: -moz-calc(50% - 160px);
    bottom: 0;
    left: calc(50% - 160px);
    bottom: 0;
  }
}

/* line 72, ../scss/modules/_backtop.scss */
.cd-contact-2 {
  opacity: 1;
  visibility: visible;
}

/* line 78, ../scss/modules/_backtop.scss */
.cd-paperstock, .cd-paperstock-2 {
  width: 210px;
  left: -webkit-calc(50% + 34px);
  bottom: 0;
  left: -moz-calc(50% + 34px);
  bottom: 0;
  left: calc(50% + 32px);
  bottom: 0;
  font-size: 15px;
  line-height: 50px;
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 760px) {
  /* line 78, ../scss/modules/_backtop.scss */
  .cd-paperstock, .cd-paperstock-2 {
    font-size: 0.6em;
    width: 128px;
  }
}

/* line 94, ../scss/modules/_backtop.scss */
.cd-paperstock-2 {
  width: 120px;
  opacity: 1;
  visibility: visible;
}