/*
backtoptop Area Style
======================================================*/
#backtotop {
  position: fixed;
  top: 100%;
  right: 30px;
  bottom: 30px;
  margin: auto;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: none;
  color: #fff;
  transform: translateY(-100%);
  z-index: 2;
  transition: all ease 0.5s;
  opacity: 0;
  font-size: 20px;
  border-radius: 5px;
}
#backtotop:hover {
  
}


/* Marquee Area Style
============================================*/
.marquee-wrapper {
  overflow: hidden;
}
.marquee-wrapper .marquee {
  display: inline-block;
  white-space: nowrap;
  position: relative;
  transform: translate3d(0%, 0, 0);
  animation-name: marquee;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 57s;
}
.marquee-wrapper .marquee.speed-300 {
  animation-duration: 200s;
}
.marquee-wrapper:hover .marquee {
  animation-play-state: paused;
}

@keyframes marquee {
  0% {
    transform: translate3d(0%, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
.monogram {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #000000;
  font-size: 52px;
  font-weight: 700;
  line-height: 12.5%;
  text-transform: capitalize;
  letter-spacing: -0.1px;
  margin: 0 20px;
  font-family: "Opensans";
  font-weight: 400;
}
.monogram img {
  position: relative;
  top: -5px;
  right: -5px;
  border-radius: 100px;
}