/* GANTRY5 DEVELOPMENT MODE ENABLED.

   WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!

   For more information on modifying CSS, please read:

   http://docs.gantry.org/gantry5/configure/styles
   http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

/* line 2, media/gantry5/engines/nucleus/scss/nucleus/mixins/_nav.scss */
/* line 12, media/gantry5/engines/nucleus/scss/nucleus/mixins/_nav.scss */
/* line 2, media/gantry5/engines/nucleus/scss/nucleus/mixins/_utilities.scss */
/* line 9, media/gantry5/engines/nucleus/scss/nucleus/mixins/_utilities.scss */
/* line 1, templates/jl_learnmate_free/custom/scss/_backtotop.scss */
.back-to-top {
  position: fixed;
  bottom: 40px;
  right: 30px;
  z-index: 9999;
  font-size: 16px;
  width: 40px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  background: #414856;
  color: #99b0c2;
  cursor: pointer;
  border: 0;
  border-radius: 2px;
  text-decoration: none;
  transition: opacity 0.2s ease-out;
}
/* line 19, templates/jl_learnmate_free/custom/scss/_backtotop.scss */
.back-to-top:hover {
  background: #e9ebec;
}
@-webkit-keyframes fadeInRight {
  /* line 24, templates/jl_learnmate_free/custom/scss/_backtotop.scss */
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  /* line 30, templates/jl_learnmate_free/custom/scss/_backtotop.scss */
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  /* line 38, templates/jl_learnmate_free/custom/scss/_backtotop.scss */
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  /* line 44, templates/jl_learnmate_free/custom/scss/_backtotop.scss */
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeOutRight {
  /* line 52, templates/jl_learnmate_free/custom/scss/_backtotop.scss */
  from {
    opacity: 1;
  }
  /* line 56, templates/jl_learnmate_free/custom/scss/_backtotop.scss */
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  /* line 64, templates/jl_learnmate_free/custom/scss/_backtotop.scss */
  from {
    opacity: 1;
  }
  /* line 68, templates/jl_learnmate_free/custom/scss/_backtotop.scss */
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
/* line 75, templates/jl_learnmate_free/custom/scss/_backtotop.scss */
.back-to-top {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
/* line 84, templates/jl_learnmate_free/custom/scss/_backtotop.scss */
.backHide {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
/* line 88, templates/jl_learnmate_free/custom/scss/_backtotop.scss */
a.back-to-top:hover {
  text-decoration: none;
  color: #cb007b;
}
/*# sourceMappingURL=custom_11.css.map */