/* Back To Top */
.back-to-top {
  position:fixed;
  bottom: 10px;
  left: 10px;
  display: inline-block;
  font-size: 25px;
  color: #f2e0a8;
  background-color: #cfa769;
  border-radius: 100%;
  text-align: center;
  width: 50px;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  cursor: pointer;
  -webkit-box-shadow: 0px 7px 16px 0px rgba(9, 28, 58, 0.07);
          box-shadow: 0px 7px 16px 0px rgba(9, 28, 58, 0.07);
  -webkit-transition: width 0.5s ease-in-out, margin 0.5s ease-in-out, border-radius 0.25s ease-in-out, color 0.25s ease-in-out;
  transition: width 0.5s ease-in-out, margin 0.5s ease-in-out, border-radius 0.25s ease-in-out, color 0.25s ease-in-out;
  z-index: 9; }
  .back-to-top:hover {
    color:#506718;
    -webkit-transition: width 0.5s ease-in-out, margin 0.5s ease-in-out, border-radius 1s 0.25 ease-in-out, color 0.25s ease-in-out 0.25s;
    transition: width 0.5s ease-in-out, margin 0.5s ease-in-out, border-radius 1s 0.25 ease-in-out, color 0.25s ease-in-out 0.25s; }
    .back-to-top:hover:before {
      -webkit-animation: lineUp 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s;
              animation: lineUp 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s; }
    .back-to-top:hover:after {
      -webkit-animation: tipUp 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s;
              animation: tipUp 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s; }
 
  .back-to-top a {
    color: #506718; }
  .back-to-top:hover a {
    color: #f2e0a8; }

.back-to-top.auto {
  color: rgba(255, 255, 255, 0);
  -webkit-transition: width 0.5s ease-in-out, margin 0.5s ease-in-out, border-radius 1s 0.25 ease-in-out, color 0.25s ease-in-out 0.25s;
  transition: width 0.5s ease-in-out, margin 0.5s ease-in-out, border-radius 1s 0.25 ease-in-out, color 0.25s ease-in-out 0.25s; }
  .back-to-top.auto:before {
    -webkit-animation: lineUp 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s;
            animation: lineUp 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s; }
  .back-to-top.auto:after {
    -webkit-animation: tipUp 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s;
            animation: tipUp 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s; }

@-webkit-keyframes tipUp {
  0% {
    -webkit-transform: translateY(50px) rotateZ(45deg);
            transform: translateY(50px) rotateZ(45deg); }
  100% {
    -webkit-transform: translateY(-70px) rotateZ(45deg);
            transform: translateY(-70px) rotateZ(45deg); } }

@keyframes tipUp {
  0% {
    -webkit-transform: translateY(50px) rotateZ(45deg);
            transform: translateY(50px) rotateZ(45deg); }
  100% {
    -webkit-transform: translateY(-70px) rotateZ(45deg);
            transform: translateY(-70px) rotateZ(45deg); } }

@-webkit-keyframes lineUp {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px); }
  100% {
    -webkit-transform: translateY(-70px);
            transform: translateY(-70px); } }

@keyframes lineUp {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px); }
  100% {
    -webkit-transform: translateY(-70px);
            transform: translateY(-70px); } }