/* #region Global */
@font-face {
  font-family: Calligraffitti;
  src: url(../font/Calligraffitti/Calligraffitti-Regular.ttf);
}
@font-face {
  font-family: FjallaOne;
  src: url(../font/Fjalla_One/FjallaOne-Regular.ttf);
}
@font-face {
  font-family: GreatVibes;
  src: url(../font/Great_Vibes/GreatVibes-Regular.ttf);
}
@font-face {
  font-family: LaBelleAurore;
  src: url(../font/La_Belle_Aurore/LaBelleAurore-Regular.ttf);
}
@font-face {
  font-family: Parisienne;
  src: url(../font/Parisienne/Parisienne-Regular.ttf) format('truetype');
}
@font-face {
  font-family: Roboto-Regular;
  src: url(../font/Roboto/Roboto-Regular.ttf);
}
@font-face {
  font-family: Roboto-Light;
  src: url(../font/Roboto/Roboto-Light.ttf);
}
@font-face {
  font-family: Roboto-Bold;
  src: url(../font/Roboto/Roboto-Bold.ttf);
}
@font-face {
  font-family: Myriad-Bold;
  src: url(../font/Myriad_Pro_Bold/Myriad-Pro-Bold.ttf);
}
@font-face {
  font-family: Allura-Regular;
  src: url(../font/Allura/allura-regular.ttf);
}
@font-face {
  font-family: Quicksand-Medium;
  src: url(../font/Quicksand/quicksand-medium.ttf);
}
@font-face {
  font-family: QuicksandBold;
  src: url(../font/Quicksand/quicksand-Bold.ttf);
}
html,
body {
  margin: 0px !important;
  padding: 0px !important;
  scroll-behavior: smooth;
}
body {
  overflow: auto;
  overflow-x: hidden;
  user-select: none;
}

a {
  color: inherit;
  text-decoration: inherit;
}
a:hover {
  color: inherit;
  text-decoration: inherit;
}
h1 {
  text-transform: none;
}
h2 {
  text-transform: none;
}
h3 {
  text-transform: none;
}
p {
  text-transform: none;
}
.pagefixed {
  position: absolute;
  z-index: 999;
}
/* #endregion */

/* #region Global Element */
.countdown {
  cursor: pointer;
  transform: rotateY(-180deg) rotateZ(-90deg);
}
.countdown svg {
  position: relative;
}
.countdown svg #circle0 {
  stroke: rgba(237, 54, 64, 0.3);
  fill: none;
}
.countdown svg #circle1 {
  stroke: rgb(237, 54, 64);
  fill: none;
}
.countdown svg #circle2 {
  fill: rgb(237, 54, 64);
}
.countdown.disabled svg #circle0 {
  stroke: rgba(201, 201, 201);
}
.countdown.disabled svg #circle1 {
  stroke: rgba(201, 201, 201);
}
.countdown.disabled svg #circle2 {
  fill: rgb(201, 201, 201);
}
/* #endregion */

/* #region Fixed */
.mobile-bug {
  display: none;
}
.bug {
  position: absolute;
  width: 5.5vw;
  height: auto;
  z-index: 333;
  top: -1000px;
}
.bug #dot {
  position: absolute;
  width: 1.8815vw;
  height: 1.8815vw;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
.bug #lady {
  position: relative;
  width: 5vw;
  height: auto;
  top: 0;
  left: 0;
}
.bug .fadeOutLady {
  animation: fadeOut 0.5s linear both;
}
.bug .fadeInLady {
  animation: fadeIn 0.5s linear both;
}
.bugPath {
  position: absolute;
  visibility: hidden;
  overflow: hidden;
  z-index: 666;
  pointer-events: none;
}
.bugPath#path1 {
  height: 442.5vh;
  top: 0vh;
  left: 0vw;
}
.bugPathCont svg path {
  fill: none;
  stroke: #000;
  stroke-miterlimit: 10;
}
.aniTextEllipse {
  display: none;
  position: absolute;
  width: 16vmax;
  height: 16vmax;
  align-items: center;
  justify-content: center;
  text-align: center;
  transform: translate(-50%, -50%);
  pointer-events: none;
  background-color: rgba(207, 41, 41, 0.2);
  border-radius: 50%;
}
.aniTextEllipse img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.aniTextEllipse span {
  font-family: "Arial";
  font-size: calc(100vmax * 0.021);
  /* color: rgb(207, 41, 41); */
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: 2px 2px 4px black;
}
.copyrightfixed {
  position: fixed;
  font-size: calc(100vmax * 0.009);
  bottom: 4.15vmin;
  left: 2.23vmin;
  margin: 0 !important;
  padding: 0 !important;
}
.copyrightfixed p {
  font-family: "Arial";
  color: rgb(32, 32, 32);
  -webkit-text-fill-color: rgb(32, 32, 32);
  margin: 0 !important;
  writing-mode: vertical-rl;
  letter-spacing: 1px;
  text-orientation: mixed;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  line-height: 1;
}
.contactfixed {
  position: fixed;
  right: 2.23vmin;
  bottom: 4.15vmin;
}
.contactfixed .icon {
  width: 2.855vmax;
  height: 2.855vmax;
  cursor: pointer;
}
.contactfixed #phone {
  margin-right: 1vmax !important;
}
.contactfixed .icon .rect {
  position: relative;
  width: 2vmax;
  height: 2vmax;
  margin-top: -1.5vmax;
  margin-left: 0.4vmax;
  transform: rotate(-45deg);
  border: 0.1vmax rgb(255, 55, 42) solid;
  z-index: 3;
  animation: wave-animate 1.5s infinite ease-out;
}
.contactfixed .icon .rect2 {
  position: absolute;
  background-color: rgb(255, 55, 42);
  width: 1.6vmax;
  height: 1.6vmax;
  border: 0.2vmax rgb(255, 215, 212) solid;
  margin-top: -1.8vmax;
  margin-left: 0.6vmax;
  transform: rotate(-45deg);
  z-index: 4;
}
.contactfixed .icon .image {
  position: relative;
  width: 1.9vmax;
  height: 1.9vmax;
  margin-left: 0.95vmax;
  z-index: 6;
}
.contactfixed .icon .image img {
  width: 100%;
}
.contactfixed .contactUs {
  font-size: calc(100vmax * 0.00805);
}
.contactfixed .contactUs p {
  font-family: "Arial";
  color: rgb(32, 32, 32);
  -webkit-text-fill-color: rgb(32, 32, 32);
  margin: 0 !important;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
/* #endregion */

/* #region Header */
.pageheader {
  position: fixed;
  margin: 0 !important;
  width: 100%;
  padding: 1.6vmin 2.23vmin !important;
  z-index: 666;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;
}
.pageheader .logoImg {
  width: 7.1875vmax;
  padding: 0;
  z-index: 1200;
  cursor: pointer;
  pointer-events: auto;
}
.pageheader .leftcont {
  margin: 0 !important;
}
.pageheader .startProject {
  font-family: "Arial";
  border: calc(100vmax * 0.0013) rgb(207, 41, 41) solid;
  text-decoration: none;
  color: rgb(32, 32, 32);
  -webkit-text-fill-color: rgb(32, 32, 32);
  font-size: calc(100vmax * 0.008);
  letter-spacing: 0.05em;
  padding: 1.3vmin 0.878vmax 1.3vmin 0.878vmax;
  background-color: white;
  pointer-events: auto;
  margin-right: 6vw;
}
/* .pageheader .langDrop {
  margin-right: 1vw;
  pointer-events: auto;
}
.pageheader .langDrop .dropdown-menu {
  min-width: 4rem;
  transform: translate3d(0px, 40px, 0px);
} */
.pageheader .menuToggle {
  cursor: pointer;
  z-index: 1200;
  pointer-events: auto;
}
.pageheader .menuToggle ul {
  margin: 0px;
  padding: 0px;
  width: 2.4vmax;
  height: 2.4vmax;
  display: flex;
  opacity: 0.7;
}
.pageheader .menuToggle ul li {
  list-style: none;
  margin-right: 0.3vmax;
}
.pageheader .menuToggle ul li .inner {
  width: 0.6vmax;
  height: 0.6vmax;
  background-color: #231f20;
  color: #231f20;
}
.pageheader .menuToggle ul #dot1 {
  position: absolute;
  animation: dot1Placing 5s infinite linear alternate;
}
.pageheader .menuToggle ul #dot2 {
  position: absolute;
  animation: dot2Placing 5s infinite linear alternate;
}
.pageheader .menuToggle ul #dot3 {
  position: absolute;
  margin-right: 0vmax;
  animation: dot3Placing 5s infinite linear alternate;
}
.pageheader .menuToggle ul #dot1 .inner {
  animation: dotFlashing 1s infinite linear alternate;
  animation-delay: 0s;
}
.pageheader .menuToggle ul #dot2 .inner {
  animation: dotFlashing 1s infinite linear alternate;
  animation-delay: 0.5s;
}
.pageheader .menuToggle ul #dot3 .inner {
  margin-right: 0vmax;
  animation: dotFlashing 1s infinite linear alternate;
  animation-delay: 1s;
}
.pageheader .menuToggle.close ul li {
  margin-right: 0vmax;
}
.pageheader .menuToggle.close ul #dot1 {
  animation: dot1Placing2 1s forwards;
  animation-delay: 0s;
}
.pageheader .menuToggle.close ul #dot2 {
  animation: none;
  display: none;
}
.pageheader .menuToggle.close ul #dot3 {
  animation: dot3Placing2 1s forwards;
  animation-delay: 0s;
}
.pageheader .menuToggle.close ul #dot1 .inner {
  animation: dot1Size 1s forwards;
  animation-delay: 1s;
}
.pageheader .menuToggle.close ul #dot2 .inner {
  animation: none;
}
.pageheader .menuToggle.close ul #dot3 .inner {
  animation: dot3Size 1s forwards;
  animation-delay: 1s;
}
.pageheader .menuToggle.open ul li {
  margin-right: 0vmax;
}
.pageheader .menuToggle.open ul #dot1 {
  animation: dot1Placing3 1s forwards;
  animation-delay: 1s;
  transform: rotate(45deg);
  transform-origin: 0.3vmax 0.3vmax;
}
.pageheader .menuToggle.open ul #dot2 {
  transform: translate(0vmax, 0.9vmax) rotate(45deg);
  animation: dot2Placing3 1s forwards;
  animation-delay: 1s;
  opacity: 0;
}
.pageheader .menuToggle.open ul #dot3 {
  animation: dot3Placing3 1s forwards;
  animation-delay: 1s;
  transform: translate(0vmax, 1.8vmax) rotate(-45deg);
  transform-origin: 0.3vmax 0.3vmax;
}
.pageheader .menuToggle.open ul #dot1 .inner {
  animation: dot1Size2 1s forwards;
  width: 3.1vmax;
}
.pageheader .menuToggle.open ul #dot2 .inner {
  animation: none;
}
.pageheader .menuToggle.open ul #dot3 .inner {
  animation: dot3Size2 1s forwards;
  width: 3.1vmax;
}
/* #endregion */

/* #region Menu */
.menuContainer {
  position: absolute;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  display: none;
  z-index: 999;
  overflow-y: visible !important;
  background-color: #f3f3f3;
  pointer-events: auto;
}
.menuContainer.show {
  display: flex;
  flex-direction: column;
  -webkit-animation: slide-in-right 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-right 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.menuContainer.hide {
  display: block;
  -webkit-animation: slide-out-top 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53)
    both;
  animation: slide-out-top 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}
.menuContainer .menuText {
  margin-top: 6vmin;
  font-size: calc(100vmax * 0.0088);
  font-family: Arial regular;
  text-transform: uppercase;
  font-weight: bold;
  color: #767676;
  line-height: 1;
}
.menuContainer .menuListCont {
  position: relative;
  top: 15%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.menuContainer .menuList {
  text-align: left;
}
.menuContainer .menuItem {
  margin-bottom: 7.5vmin;
  cursor: pointer;
}
.menuContainer .menuItem .page-no {
  font-size: calc(100vmax * 0.01);
  font-family: "Arial";
  color: rgb(32, 32, 32);
  font-weight: bold;
  text-transform: uppercase;
  margin-right: 2.6vmax;
  line-height: calc(100vmax * 0.006);
}
.menuContainer .menuItem #itemTitle {
  font-size: calc(100vmax * 0.055);
  font-weight: bold;
  font-family: "Arial Black";
  color: #d7d7d7;
  text-transform: uppercase;
  line-height: 0.8;
  white-space: nowrap;
}
/* .menuContainer .description-wrapper {
  position: absolute;
} */
.menuContainer .description {
  position: relative;
  font-size: calc(100vmax * 0.008);
  font-family: "Arial";
  font-weight: bold;
  text-transform: uppercase;
  color: #cf2929;
  line-height: 0.8;
}
.menuContainer .description.id-1 {
  -webkit-transform: translate(-63%, 0%);
  transform: translate(-63%, 0%);
}
.menuContainer .description.id-2 {
  -webkit-transform: translate(-53%, 0%);
  transform: translate(-53%, 0%);
}
.menuContainer .description.id-3 {
  -webkit-transform: translate(-42%, 0%);
  transform: translate(-42%, 0%);
}
.menuContainer .description.id-4 {
  -webkit-transform: translate(-37%, 0%);
  transform: translate(-37%, 0%);
}
.menuContainer .description.id-5 {
  -webkit-transform: translate(-37%, 0%);
  transform: translate(-37%, 0%);
}
/* #endregion */

/* #region Footer */
.pagefooter .top {
  background-color: rgb(235, 34, 52);
  height: 77.2vh;
}
.pagefooter .top .title {
  font-family: "Arial";
  font-weight: bold;
  font-size: calc(100vmax * 0.05);
  line-height: calc(100vmax * 0.05);
  color: rgb(255, 255, 255);
  width: 63.37vw;
  padding-top: 14.6vh;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}
.pagefooter .top .title p {
  margin: 0;
}
.pagefooter .top .description {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  width: 63.37vw;
}
.pagefooter .top .description-text {
  font-family: "Arial";
  font-weight: bold;
  color: rgb(38, 40, 45);
  font-size: calc(100vmax * 0.0161);
  line-height: calc(100vmax * 0.02);
  max-width: 30.6vw;
  margin-top: 6.2vh;
}
.pagefooter .top .imgLadyCont {
  width: 17.61vw;
  height: 39.57vh;
  margin-left: -1vw;
  margin-top: -7.2vh;
}
.pagefooter .top .ladyBug {
  width: 100%;
  height: 100%;
}
.pagefooter .top .penCont {
  width: 7.2vw;
  height: 13vh;
  margin-top: 5vh;
  margin-left: -5vw;
  cursor: pointer;
}
.pagefooter .top .penPad {
  width: 100%;
  height: 100%;
}
.pagefooter .top .fillForm {
  font-family: "Arial Black";
  font-size: calc(100vmax * 0.0205);
  color: rgb(254, 254, 254);
  margin-top: 10vh;
}
.pagefooter .top .fillForm p {
  cursor: pointer;
}
.pagefooter .bottom {
  /* display: flex; */
  display: grid;
  grid-auto-columns: 30% 40% 30%;
  align-items: center;
  position: relative;
  font-family: "Arial";
  font-weight: bold;
  height: 22.8vh;
  background-color: rgb(237, 237, 237);
  color: black;
  letter-spacing: -1.5px;
  z-index: 9;
}
.bottom div {
  grid-row: 1;
}
.pagefooter .bottom p {
  margin-bottom: 0;
}
.pagefooter .bottom .callUsInfo {
  /* width: 18.4vw; */
  margin-left: auto;
}
.pagefooter .bottom .getInTouchInfo {
  /* width: 27.3vw; */
  margin-right: auto;
  margin-left: auto;
}
.pagefooter .bottom .title {
  color: rgb(30, 42, 35);
  font-size: calc(100vmax * 0.016);
}
.pagefooter .bottom .description {
  font-size: calc(100vmax * 0.02);
  color: rgb(30, 42, 35);
}
.pagefooter .bottom .getInTouchSocial .icons {
  font-size: calc(100vmax * 0.03);
}
.pagefooter .bottom .getInTouchSocial .icons a:not(:first-child) {
  margin-left: 1.9vw;
}
/* #endregion */

/* #region Main */
.mainContainer {
  margin: 0px !important;
  padding: 1.6vmin 2.23vmin !important;
  height: 100vh;
  width: 100%;
}
.welTextCont {
  position: absolute;
  flex: 1;
  top: 50%;
  transform: translateY(-50%);
}
.welTextCont .welTextBox {
  position: relative;
  display: flex;
  margin-left: 17.5vw;
}
.fixedMainText {
  position: absolute;
  font-family: "Arial Regular";
  font-size: calc(100vmax * 0.012);
  color: rgb(207, 41, 41);
  font-weight: bold;
  margin-left: 18.17vw;
  top: 31.6vh;
  transform: translate(0, -25%);
}
.welTextCont .animatedText {
  font-family: "Arial";
  font-size: calc(100vmax * 0.054);
  font-weight: bold;
  color: rgb(38, 40, 45);
  line-height: 1;
}
.welTextBox .animatedText .aniTextHover {
  cursor: pointer;
}
.welTextCont .animatedText span {
  display: inline-block;
  opacity: 0;
}
.welTextCont .animatedText .red {
  color: rgb(207, 41, 41);
}
.welTextCont .animatedText .toRed {
  animation: toRed 1.2s linear both;
}
.welTextCont .animatedText .outline {
  color: white;
  text-shadow: 0px 0px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000,
    -1px 1px 0 #000, 1px 1px 0 #000;
}
.welTextCont .animatedArrow {
  /* pointer-events: none; */
  overflow: hidden;
  z-index: 666;
}
.welTextCont .animatedArrow .arrowText {
  position: absolute;
  font-family: Parisienne;
  font-size: calc(100vmax * 0.018);
  color: #ed3742;
  line-height: 1;
  opacity: 0;
}
#cheat-solution {
  fill: none;
}
.welTextCont .animatedArrow .arrowCont {
  position: absolute;
  transform-origin: center left;
}
.welTextCont .animatedArrow .arrowCont svg {
  position: absolute;
}
.welTextCont .animatedArrow .arrowCont svg > * {
  fill: none;
}
.mainCDCont {
  position: absolute;
  display: flex;
  top: 68vh;
  margin-left: 19.7vw;
}
.mainCDCont .countdown {
  margin-right: 1vw;
}
.leftmiddle {
  position: absolute;
  display: flex;
  top: 50%;
  width: 10.88vmax;
  height: 16.76vmin;
  align-items: center;
  left: -2.708vmax;
  transform: translateY(-50%);
  cursor: pointer;
}
.leftmiddle img {
  position: absolute;
  width: 100%;
  height: 100%;
}
.leftmiddle #text {
  position: absolute;
  border: calc(100vmax * 0.0013) rgb(207, 41, 41) solid;
  left: 2.87%;
  width: 87.5598%;
  height: 31.78%;
  font-size: calc(100vmax * 0.0053);
}
.leftmiddle #text p {
  font-family: "Arial";
  font-weight: bold;
  color: rgb(32, 32, 32);
  -webkit-text-fill-color: rgb(32, 32, 32);
  text-transform: uppercase;
  margin: 0;
  margin-left: 29.8913%;
  letter-spacing: 0.2em;
}
.leftmiddle #text i {
  color: rgb(32, 32, 32);
  -webkit-text-fill-color: rgb(32, 32, 32);
  font-size: calc(100vmax * 0.01);
  margin-left: 2%;
}
.mainContainer .footerContainer {
  padding-bottom: 4.15vmin;
}
.mainContainer .footer {
  position: absolute;
  margin: 0px !important;
  padding: 0px !important;
  flex: 1;
  bottom: 2vmax;
}
.mainContainer .footer .scrollDown {
  font-family: "Arial";
  color: rgb(32, 32, 32);
  -webkit-text-fill-color: rgb(32, 32, 32);
  font-size: calc(100vmax * 0.008052);
  align-self: center;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
  cursor: pointer;
}
.mainContainer .footer .scrollDown .text {
  position: relative;
  z-index: 16;
  margin: 0 !important;
  padding: 0 !important;
}
.mainContainer .footer .scrollDown img {
  position: relative;
  margin-top: -1.2vmax;
  width: 2.5622vmax;
  z-index: 12;
}
/* #endregion */

/* #region Unique */
.uniqueCont {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 50vh;
  z-index: -1;
  margin-bottom: -13vh;
}
.uniqueCont .uniqueThinking {
  position: absolute;
  font-family: "Myriad-Bold";
  color: rgb(227, 227, 227);
  font-weight: bold;
  font-size: calc(100vmax * 0.128);
  white-space: nowrap;
  text-transform: uppercase;
  padding: 0 !important;
  transform: translate(50vw, -5.5vmax);
  z-index: 1;
}
/* #endregion */

/* #region Pillars */
.pillarsSectionWeb {
  height: 100vh;
}
.pillarsSectionWeb .nestPillarCont {
  position: absolute;
  width: 18.9vw;
  height: 53.125vh;
  left: -0.44vw;
}
.pillarsImageCont {
  position: absolute;
  width: 14.3vw;
  height: auto;
  z-index: 111;
}
.pillarsImageCont img {
  width: 100%;
  height: 100%;
}
.pillarsImageCont img:hover {
  cursor: pointer;
}
.pillarsImageCont.nest {
  top: -2.3vw;
  left: 1.6vw;
}
.pillarsImageCont.clients {
  left: 3.6vw;
  top: 20vh;
}
.pillarsImageCont.approach {
  left: 2.3vw;
  top: 8.5vh;
}
.pillarsImageCont.target {
  left: 3.2vw;
  top: 39vh;
}
.pillarsImageCont.reviews {
  left: 2.3vw;
  top: 57vh;
}

.nestPillarCont .blockBox {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 8vh;
}
.pillars .emptyBlock1 {
  position: absolute;
  width: 18.9vw;
  height: 53.125vh;
  left: 16.54vw;
}
.emptyBlock1 .blockBox1 {
  position: absolute;
  top: 2.8vh;
  width: 100%;
  height: 100%;
}
.pillarsSectionWeb .clientsPillarCont {
  position: absolute;
  width: 18.9vw;
  height: 53.125vh;
  left: 3.46vw;
}
.clientsPillarCont .blockBox {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 29.48vh;
}
.pillarsSectionWeb .approachPillarCont {
  position: absolute;
  width: 18.9vw;
  height: 53.125vh;
  left: 24.3vw;
}
.approachPillarCont .blockBox {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 21.5vh;
}
.pillars .emptyBlock2 {
  position: absolute;
  width: 18.9vw;
  height: 53.125vh;
  left: -9vw;
}
.emptyBlock2 .blockBox2 {
  position: absolute;
  top: 51.28vh;
  width: 100%;
  height: 100%;
}
.pillars .emptyBlock3 {
  position: absolute;
  width: 18.9vw;
  height: 53.125vh;
  left: 12.6vw;
}
.emptyBlock3 .blockBox3 {
  position: absolute;
  top: 51.28vh;
  width: 100%;
  height: 100%;
}
.pillarsSectionWeb .targetPillarCont {
  position: absolute;
  width: 18.9vw;
  height: 53.125vh;
  left: 34.78vw;
}
.targetPillarCont .blockBox {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 51.28vh;
}
.pillars .emptyBlock4 {
  position: absolute;
  width: 18.9vw;
  height: 37.7vh;
  left: -1.5vw;
}
.emptyBlock4 .blockBox4 {
  position: absolute;
  top: 75vh;
  width: 100%;
  height: 100%;
}
.pillarsSectionWeb .reviewsPillarCont {
  position: absolute;
  width: 18.9vw;
  height: 53.125vh;
  left: 17.3vw;
}
.reviewsPillarCont .blockBox {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 67.28vh;
}
.pillarsSectionWeb .pillarsInfo {
  margin-top: 4.9vh;
  margin-left: -7.5vw;
}
.pillarsSectionWeb .pillarsInfo .show {
  display: block;
}
.pillarsSectionWeb .pillarsInfo .hide {
  display: none;
}
.pillarsSectionWeb .pillarsInfo .knowUs {
  font-size: calc(100vmax * 0.01);
  color: #fb0000;
  font-family: "Arial";
}
.pillarsSectionWeb .pillarsInfo .pillarsTitle {
  font-size: calc(100vmax * 0.0205);
  font-family: Roboto-Bold;
  text-transform: uppercase;
  color: #343434;
  margin-top: 3.25vh;
}
.pillarsSectionWeb .pillarsInfo .nestDesc {
  font-family: Roboto-Light;
  font-size: calc(100vmax * 0.011);
  color: #707070;
  padding-right: 12.8vw;
  text-align: justify;
  line-height: 2.6vh;
  margin-top: 2.86vh;
}
.pillarsTextBox {
  height: 32vmin;
}
.pillarsSectionWeb .moreAboutUS {
  margin-top: 5vh;
  font-size: calc(100vmax * 0.01);
  color: #fb0000;
}
.pillarsSectionWeb .clientsDesc p {
  padding: 0;
  margin-top: 2.8vh;
  font-size: calc(100vmax * 0.011);
  font-family: Roboto-Light;
  color: #707070;
}
.pillarsSectionWeb .ourClientsCarousel,
.pillarsSectionMobile .ourClientsCarousel {
  position: relative;
  overflow: hidden;
  top: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pillarsSectionWeb .ourClientsCarousel ul,
.pillarsSectionMobile .ourClientsCarousel ul {
  width: 10000vw;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
.pillarsSectionWeb .ourClientsCarousel li,
.pillarsSectionMobile .ourClientsCarousel li {
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-left: 1vw;
}
.pillarsSectionWeb .ourClientsCarousel li:first-of-type,
.pillarsSectionMobile .ourClientsCarousel li:first-of-type {
  margin-left: -0.8vw;
}
.pillarsSectionWeb .ourClientsCarousel li img {
  height: 6.5vmax;
  transition: transform 0.5s;
}
.pillarsSectionWeb .ourClientsCarousel li:hover img {
  transform: scale(1.05);
}
.pillarsSectionWeb .ourClientsCarousel li span,
.pillarsSectionMobile .ourClientsCarousel li span {
  font-family: "Arial Black";
  text-transform: uppercase;
  color: rgb(237, 54, 64);
  position: absolute;
  font-size: calc(100vmax * 0.02);
  font-weight: 700;
  user-select: none;
  z-index: 2;
}
.pillarsSectionWeb .speech-bubble {
  position: relative;
  background-color: rgb(249, 249, 249);
  width: 34.5vw;
  border-radius: 0.4em;
  box-shadow: -3.18px 5.088px 18px 0px rgba(21, 21, 21, 0.22);
  padding: 2.7vmin 2.7vmax 2.2vmin 1.9vmax;
  display: flex;
}
.pillarsSectionWeb .speech-bubble:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 2%;
  width: 0;
  height: 0;
  border: 22px solid transparent;
  border-top-color: rgb(249, 249, 249);
  border-bottom: 0;
  margin-left: 10px;
  margin-bottom: -12px;
}
.pillarsSectionWeb .speech-bubble p {
  font-size: calc(100vmax * 0.0095);
  font-family: Roboto-Light;
  margin-left: 1vw;
}
.speech-bubble p a {
  color: #fb0000;
  font-weight: bold;
}
.pillarsSectionWeb .speech-bubble img {
  width: 1.9vw;
  height: 1.5vw;
}
.pillarsSectionWeb .company {
  display: flex;
  margin-top: 3.3vh;
  margin-left: 0.7vw;
}
.pillarsSectionWeb .company .companyImageCont {
  width: 3.5vw;
}
.pillarsSectionWeb .company .companyImageCont img {
  width: 100%;
}
.pillarsSectionWeb .company .companyName {
  flex-direction: column;
  align-self: center;
  margin-left: 1vw;
}
.pillarsSectionWeb .company .companyName p {
  font-size: calc(100vmax * 0.01);
  font-family: Roboto-Bold;
  color: #343434;
  padding: 0;
  margin: 0;
}
.pillarsSectionWeb .company .stars .checked {
  color: #fb0000;
}
#slideshow {
  position: relative;
}

#slideshow > div {
  position: absolute;
}
#slideshow .content {
  display: none;
}
/* #endregion */

/* #region Pillars Portrait */
.pillarsSectionMobile .ourClientsCarousel li img {
  height: 25vw;
  transition: transform 0.5s;
}
.pillarsSectionMobile .pillarsMobile {
  margin-left: 10.5vmin;
  padding-right: 16.5vmin;
}
.pillarsSectionMobile .pillarsMobile .knowUs,
.pillarsSectionMobile .pillarsMobile .moreAboutUS {
  font-size: calc(100vmax * 0.0185);
  color: #fb0000;
  font-family: "Arial";
}
.pillarsSectionMobile .pillarsMobile .moreAboutUS {
  margin-top: 2vh;
}
.pillarsSectionMobile .pillarsMobile .show {
  display: block;
}
.pillarsSectionMobile .pillarsMobile .hide {
  display: none;
}
.pillarsSectionMobile .ourNestInformationMobile .pillarsInfoTitle,
.pillarsSectionMobile .ourApproachInformationMobile .pillarsInfoTitle,
.pillarsSectionMobile .ourClientsInformationMobile .pillarsInfoTitle,
.pillarsSectionMobile .ourTargetInformationMobile .pillarsInfoTitle,
.pillarsSectionMobile .reviewsInformationMobile .pillarsInfoTitle {
  font-size: calc(100vmax * 0.038);
  font-family: Roboto-Bold;
  color: #343434;
  text-transform: uppercase;
  margin-top: 3.8vmax;
}
.pillarsSectionMobile .pillarsClientsDescription p {
  font-size: calc(100vmax * 0.022);
  font-family: Roboto-Light;
  color: #707070;
  line-height: 2.8vmax;
  letter-spacing: 0.25;
  margin-top: 3.1vmax;
}
.pillarsSectionMobile .ourNestInformationMobile .pillarsDescription,
.pillarsSectionMobile .ourApproachInformationMobile .pillarsDescription,
.pillarsSectionMobile .ourClientsInformationMobile .pillarsDescription,
.pillarsSectionMobile .ourTargetInformationMobile .pillarsDescription,
.pillarsSectionMobile .reviewsInformationMobile .pillarsDescription {
  font-size: calc(100vmax * 0.022);
  font-family: Roboto-Light;
  color: #707070;
  text-align: justify;
  line-height: 2.8vmax;
  letter-spacing: 0.25;
  margin-top: 3.1vmax;
}
.ourNestInformationMobile,
.ourApproachInformationMobile,
.ourClientsInformationMobile,
.ourTargetInformationMobile,
.reviewsInformationMobile {
  height: 40vh;
}
.pillarsSectionMobile .ourPillarsCarousel {
  margin-top: 6.5vmax;
  position: relative;
  overflow: hidden;
  top: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pillarsSectionMobile .ourPillarsCarousel ul {
  width: 10000vw;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  top: 0;
}
.pillarsSectionMobile .ourPillarsCarousel li {
  float: left;
  margin-right: 6.25vw;
  margin-left: -2vw;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.pillarsSectionMobile .ourPillarsCarousel li .block {
  width: calc(100vmin * 0.52);
}
.pillarsSectionMobile .ourPillarsCarousel li .block img {
  width: 100%;
}
.pillarsSectionMobile .speech-bubble {
  position: relative;
  background-color: rgb(249, 249, 249);
  width: 100%;
  border-radius: 0.4em;
  box-shadow: -3.18px 5.088px 18px 0px rgba(21, 21, 21, 0.22);
  padding: 2.7vh 2.7vw 2.2vh 1.9vw;
  display: flex;
}
.pillarsSectionMobile .speech-bubble:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 2%;
  width: 0;
  height: 0;
  border: 22px solid transparent;
  border-top-color: rgb(249, 249, 249);
  border-bottom: 0;
  margin-left: 10px;
  margin-bottom: -12px;
}
.pillarsSectionMobile .speech-bubble p {
  font-size: calc(100vmax * 0.02);
  font-family: Roboto-Light;
  margin-left: 1vw;
}
.pillarsSectionMobile .speech-bubble img {
  width: 2.5vw;
  height: 2.5vw;
}
.pillarsSectionMobile .company {
  display: flex;
  margin-top: 3.3vh;
  margin-left: 0.7vw;
}
.pillarsSectionMobile .company .companyImageCont {
  width: 12vw;
}
.pillarsSectionMobile .company .companyImageCont img {
  width: 100%;
  height: 100%;
}
.pillarsSectionMobile .company .companyName {
  flex-direction: column;
  align-self: center;
  margin-left: 1vw;
}
.pillarsSectionMobile .company .companyName p {
  font-size: calc(100vmax * 0.02);
  font-family: Roboto-Bold;
  color: #343434;
  padding: 0;
  margin: 0;
}
.pillarsSectionMobile .company .stars .checked {
  color: #fb0000;
}
/* #endregion */

/* #region Rakwe */
.rakweSection {
  margin-top: 20vh;
}
.coffeCont {
  position: relative;
  display: flex;
  margin: 0 !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
}
.coffeCont .coffeeTime {
  display: flex;
  height: 18vh;
  border-radius: 9px;
  width: 86vw;
  padding-right: 5vw;
  background-color: rgb(250, 249, 252);
  align-items: center;
  justify-content: flex-end;
}
.coffeCont .col-auto {
  margin: 0;
}
.coffeCont .coffeTextCont {
  width: 25.1vmax;
}
.coffeCont .coffeTextCont p {
  padding: 0;
  margin: 0;
  line-height: calc(100vmax * 0.022);
}
.coffeTextCont span {
  font-size: calc(100vmax * 0.023);
  font-family: "Arial";
  font-weight: bold;
  float: right;
}
.coffeTextCont #span1 {
  color: rgba(52, 52, 52, 0.369);
}
.coffeTextCont #span2 {
  color: rgb(253, 66, 95);
}
.coffeTextCont #span3 {
  color: rgb(52, 52, 52);
  float: none;
}
.rakweeImage {
  /* height: 15vh;
  margin-left: 1.5vw !important; */
  /* height: 28vh;
  margin-left: 5.5vw !important; */
  margin-bottom: 44.8vh !important;
}
.rakweeImage img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.rakweeImage video {
  width: 19vw;
  height: 64.2vh;
  /* object-fit: contain; */
}
.smoke {
  position: absolute;
  background-color: black;
  width: calc(160px - 1vw);
  height: calc(160px - 1vw);
  background: url(../image/smoke.png) top;
  -webkit-animation: Smoke 4.5s steps(89) 0.1s infinite forwards;
  animation: Smoke 4.5s steps(89) 0.1s infinite forwards;
  transform: translateY(-60%);
  z-index: -2;
}
/* #endregion */

/* #region Our Work */
.ourworkSection {
  margin: 0 !important;
  padding: 0 !important;
  height: 50vmax;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ourworkContainer {
  position: relative;
}
.projectlistcont {
  position: absolute;
  bottom: 2.5vmax;
  left: 4.5vw;
}
.projectlistcont #circle {
  width: 7.3vmin;
  height: 7.3vmin;
  border: 1px rgb(237, 54, 64) solid;
  border-radius: 50%;
  border-right: 1px white solid;
  display: flex;
  justify-content: center;
  align-items: center;
}
.projectlistcont #circle span {
  width: 0.3vmin;
  height: 0.3vmin;
  background-color: rgb(237, 54, 64);
}
.projectlistcont #text {
  font-family: "Arial Black";
  text-transform: uppercase;
  font-size: calc(100vmax * 0.007);
  font-weight: 700;
  color: rgb(237, 54, 64);
  margin-left: -0.5vmax;
  user-select: none;
  cursor: pointer;
  display: none;
  opacity: 0;
  animation: blinker 2s linear infinite;
}
.ourworkCarousel {
  position: relative;
  overflow: hidden;
  top: 0;
  width: 100%;
  height: 35vmax;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 335;
}
.ourworkCarousel ul {
  width: 10000vw;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  top: 0;
  padding-left: 5.2vw;
  padding-right: 10.4vw;
}
.ourworkCarousel li {
  float: left;
  margin-left: 5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.ourworkCarousel li img {
  height: 29.5vmax;
  transition: transform 0.5s;
}
.ourworkCarousel li:hover img {
  transform: scale(1.05);
}
.ourworkCarousel li span {
  font-family: "Arial Black";
  text-transform: uppercase;
  color: rgb(237, 54, 64);
  position: absolute;
  font-size: calc(100vmax * 0.02);
  font-weight: 700;
  user-select: none;
  z-index: 2;
}
.ourworkCategory {
  display: none;
  width: 100vw;
  height: 35vmax;
  padding: 0 !important;
  margin: 0 !important;
  user-select: none;
}
.ourworkCategory #number {
  font-family: "Arial Black";
  font-size: calc(100vmax * 0.05);
  color: rgb(237, 54, 64);
  margin-left: -1.5vmax;
  margin-right: 11.12vmax;
  width: 7vmax;
  padding: 0 !important;
}
.ourworkCategory .textCont {
  color: rgb(118, 118, 118);
  text-align: center;
  width: 7vmax;
  padding: 0 !important;
}
.ourworkCategory .textCont #desc {
  font-family: "Arial";
  font-weight: bold;
  text-transform: uppercase;
  font-size: calc(100vmax * 0.005);
}
.ourworkCategory .textCont #desc span {
  color: rgb(237, 54, 64);
  font-size: calc(100vmax * 0.006);
}
.ourworkCategory .textCont #sub {
  font-family: "Arial Regular";
  font-size: calc(100vmax * 0.0045);
}
.ourworkCategory .middleItem {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
}
.ourworkCategory .middleItem img {
  position: absolute;
  height: 29.5vmax;
  margin-left: auto;
  margin-right: auto;
}
.ourworkCategory .middleItem .itemText {
  position: relative;
  font-family: "Arial Black";
  font-size: calc(100vmax * 0.05);
  color: rgb(237, 54, 64);
  text-transform: uppercase;
  white-space: nowrap;
}
.ourworkCategory .middleItem .itemCircle {
  position: absolute;
  width: 14.275vmax;
  height: 14.275vmax;
  border-radius: 50%;
  background-color: rgba(253, 66, 95, 0.149);
  left: -1.5vmax;
}
.ourworkCategory .projectCarouselCont {
  position: relative;
  margin-right: 14.79vmax;
  padding: 0 !important;
  display: flex;
}
.ourworkCategory .projectCarouselCont .projectCarousel img {
  height: 18vmax;
}
.ourworkContainer .countdown {
  position: absolute;
  top: 7.7vmax;
  left: 14.3vmax;
}
.ourworkCategoryM {
  display: none;
  width: 100vw;
  height: 35vmax;
  padding: 0 !important;
  margin: 0 !important;
  flex-direction: column;
  align-items: center;
  user-select: none;
}
.ourworkCategoryM .ourworkContM {
  width: 100vw;
  height: 35vmax;
  padding: 0 !important;
  margin: 0 !important;
}
.ourworkCategoryM .itemImgCont {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  width: 33vw;
}
.ourworkCategoryM .itemImgCont img {
  position: absolute;
  height: 29.5vmax;
  left: 0;
  transform: translateX(-50%);
}
.ourworkCategoryM .itemImgCont .itemTextM {
  position: relative;
  font-family: "Arial Black";
  font-size: calc(100vmax * 0.03);
  color: rgb(237, 54, 64);
  text-transform: uppercase;
  margin-left: 3vw;
}
.ourworkCategoryM .projectCarouselContM {
  position: relative;
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 4vw;
  margin-right: auto;
}
.ourworkCategoryM .projectCarouselContM .projectCarouselM img {
  height: 18vmax;
}
.ourworkCategoryM .textCont {
  color: rgb(118, 118, 118);
  text-align: center;
  width: 7vmax;
  padding: 0 !important;
  margin-right: 5vw;
  width: 15vw;
}
.ourworkCategoryM .textCont #desc {
  font-family: "Arial";
  font-weight: bold;
  text-transform: uppercase;
  font-size: calc(100vmax * 0.008);
}
.ourworkCategoryM .textCont #desc span {
  color: rgb(237, 54, 64);
  font-size: calc(100vmax * 0.008);
}
.ourworkCategoryM .textCont #sub {
  font-family: "Arial Regular";
  font-size: calc(100vmax * 0.006);
}
.projectlistcont2 #circle {
  width: 7.3vmin;
  height: 7.3vmin;
  border: 1px rgb(237, 54, 64) solid;
  border-radius: 50%;
  border-bottom: 1px white solid;
  display: flex;
  justify-content: center;
  align-items: center;
}
.projectlistcont2 #circle span {
  width: 0.3vmin;
  height: 0.3vmin;
  background-color: rgb(237, 54, 64);
}
.projectlistcont2 #text {
  font-family: "Arial Black";
  text-transform: uppercase;
  font-size: calc(100vmax * 0.007);
  font-weight: 700;
  color: rgb(237, 54, 64);
  margin-left: -0.5vmax;
  user-select: none;
  cursor: pointer;
  white-space: nowrap;
  opacity: 0;
  animation: blinker 2s linear infinite;
}
.tempLady,
.tempLadyPillars {
  display: none;
}
/* #endregion */

/* #region KeyFrame */
@keyframes dot1Placing {
  0%,
  50% {
    transform: translate(0.9vmax, 0);
  }
  60%,
  100% {
    transform: translate(0, 0.9vmax);
  }
}
@keyframes dot2Placing {
  0%,
  50% {
    transform: translate(0.9vmax, 0.9vmax);
  }
  60%,
  100% {
    transform: translate(0.9vmax, 0.9vmax);
  }
}
@keyframes dot3Placing {
  0%,
  50% {
    transform: translate(0.9vmax, 1.8vmax);
  }
  60%,
  100% {
    transform: translate(1.8vmax, 0.9vmax);
  }
}
@keyframes dot1Placing2 {
  0% {
    transform: translate(0.9vmax, 0);
  }
  50% {
    transform: translate(0, 0) rotate(0);
    transform-origin: 0.3vmax 0.3vmax;
  }
  100% {
    transform: rotate(45deg);
    transform-origin: 0.3vmax 0.3vmax;
  }
}
@keyframes dot3Placing2 {
  0% {
    transform: translate(0, 0) rotate(0);
    transform-origin: 0.3vmax 0.3vmax;
  }
  100% {
    transform: translate(0vmax, 1.8vmax) rotate(-45deg);
    transform-origin: 0.3vmax 0.3vmax;
  }
}
@keyframes dot1Size {
  0% {
    width: 0.6vmax;
  }
  100% {
    width: 3.1vmax;
  }
}
@keyframes dot3Size {
  0% {
    width: 0.6vmax;
  }
  100% {
    width: 3.1vmax;
  }
}
@keyframes dot1Placing3 {
  0% {
    transform: rotate(45deg);
    transform-origin: 0.3vmax 0.3vmax;
  }
  50% {
    transform: translate(0, 0) rotate(0);
    transform-origin: 0.3vmax 0.3vmax;
  }
  100% {
    transform: translate(0.9vmax, 0);
  }
}
@keyframes dot2Placing3 {
  0% {
    transform: translate(0, 0.9vmax) rotate(45deg);
    opacity: 0;
  }
  20% {
    transform: translate(0, 0.9vmax) rotate(45deg);
    opacity: 1;
  }
  50% {
    transform: translate(0, 0.9vmax) rotate(0);
    opacity: 1;
  }
  100% {
    transform: translate(0.9vmax, 0.9vmax);
    opacity: 1;
  }
}
@keyframes dot3Placing3 {
  0% {
    transform: translate(0vmax, 1.8vmax) rotate(-45deg);
    transform-origin: 0.3vmax 0.3vmax;
  }
  50% {
    transform: translate(0vmax, 1.8vmax) rotate(0);
    transform-origin: 0.3vmax 0.3vmax;
  }
  100% {
    transform: translate(0.9vmax, 1.8vmax) rotate(0);
    transform-origin: 0.3vmax 0.3vmax;
  }
}
@keyframes dot1Size2 {
  0% {
    width: 3.1vmax;
  }
  100% {
    width: 0.6vmax;
  }
}
@keyframes dot3Size2 {
  0% {
    width: 3.1vmax;
  }
  100% {
    width: 0.6vmax;
  }
}
@keyframes dotFlashing {
  0% {
    background-color: #bbb4b4;
  }
  100% {
    background-color: #231f20;
  }
}
@-webkit-keyframes dotFlashing {
  0% {
    background-color: #bbb4b4;
  }
  100% {
    background-color: #231f20;
  }
}
@keyframes toRed {
  0% {
    color: rgb(38, 40, 45);
  }
  100% {
    color: rgb(207, 41, 41);
  }
}
@-webkit-keyframes toRed {
  0% {
    color: rgb(38, 40, 45);
  }
  100% {
    color: rgb(207, 41, 41);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  70%,
  90%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }

  80% {
    transform: translateY(-8px);
  }
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  70%,
  90%,
  100% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(-30px);
  }
}
@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(100vw);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    transform: translateX(100vw);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes slide-out-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100vh);
    transform: translateY(-100vh);
    opacity: 0;
  }
}
@keyframes slide-out-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100vh);
    transform: translateY(-100vh);
    opacity: 0;
  }
}
@keyframes wave-animate {
  0% {
    transform: rotate(-45deg) scale(0);
    transform-origin: center;
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) scale(1.5);
    transform-origin: center;
    opacity: 0;
  }
}
@-webkit-keyframes wave-animate {
  0% {
    -webkit-transform: rotate(-45deg) scale(0);
    -webkit-transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) scale(1.5);
    -webkit-transform-origin: center;
    opacity: 0;
  }
}
@keyframes Smoke {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -14240px 0;
  }
}
@-webkit-keyframes Smoke {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -14240px 0;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes blinker {
  35%,
  50%,
  75% {
    opacity: 1;
  }
}
@-webkit-keyframes blinker {
  35%,
  50%,
  75% {
    opacity: 1;
  }
}
/* #endregion */