@charset "UTF-8";

/*!
Pin Objects to Top & Hide on Initial Display
*/

.menuSlideInScroll {
  top: 0;
  position: fixed;
  display: none;
}

/*!
WOW Animations
*/

.animated {
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

/*!
Hover Effects 
*/

::-moz-selection {
  color: #ffffff;
  background: #000000;
}
::selection {
  color: #ffffff;
  background: #000000;
}

.hvr-grow,
.hvr-shrink,
.hvr-float,
.hvr-sink,
.hvr-pulse,
.hvr-pulse-grow,
.hvr-pulse-shrink,
.hvr-push,
.hvr-pop,
.hvr-bounce-in,
.hvr-bounce-out,
.hvr-rotate,
.hvr-grow-rotate,
.hvr-skew,
.hvr-skew-forward,
.hvr-skew-backward,
.hvr-wobble-skew,
.hvr-buzz,
.hvr-buzz-out {
  -webkit-transform-origin: center center;
  transform-origin: center center;

  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.sivenDoc {
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}

@media only screen and (max-width: 5550px) and (min-width: 1200px) {
  .sivenDoc-menu {
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
    transform: translate(-650px, 0);
  }
}

@media only screen and (max-width: 1199px) and (min-width: 320px) {
  .sivenDoc-menu {
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
    transform: translate(-100vw, 0);
  }
}

/*------------------------------------------------!
Close Buttons and burger buttons
------------------------------------------------*/

.menuclose_btn,
.menuSideSlideNav-Close_mfc,
.close_info_fullscreen {
  cursor: pointer;
}

.menuSideSlideNav-Close_mfc {
  transform-origin: center;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.menuSideSlideNav-Close_mfc_active {
  transform-origin: center;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
  transform: rotate(180deg);
}

.c1l1,
.c2l1,
.c1l2,
.c2l2,
.c1l3,
.c2l3 {
  -webkit-transition: 0.3 s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}

.c1l1_active,
.c1l3_active {
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  transform: translate(-60%, 0%);
}

.c2l1_active,
.c2l3_active {
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  transform: translate(-150%, 0%);
}

.c1l2_active {
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  transform: translate(150%, 0%);
}

.c2l2_active {
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  transform: translate(80%, 0%);
}

/*------------------------------------------------!
Menu 1 
------------------------------------------------*/

.menuTopSlideNav-Btn_po,
.menuTopSlideNav-Btn {
  cursor: pointer;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}

.menuSideSlideNavLeft_po,
.menuSideSlideNavLeft_at2_active {
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  position: fixed !important;
  height: 100% !important;
  left: 100% !important;
}

.menuSideSlideNav-to-right_at2_active {
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  transition-timing-function: cubic-bezier(0.9, 0.12, 0.1, 1);
  transform: translate3d(-100%, 0, 0);
  z-index: 2000 !important;
  position: fixed !important;
  height: 100% !important;
  left: 100% !important;
}
.menuSideSlideNavRight {
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  position: fixed !important;
  height: 100% !important;
  left: 100% !important;
}

.menuSideSlideNav-to-right_po {
  -webkit-transform: translate3d(-100%, 0, 0);
  transition-timing-function: cubic-bezier(0.9, 0.12, 0.1, 1);
  transform: translate3d(-100%, 0, 0);
  z-index: 2000 !important;
  position: fixed !important;
}

.menuslidebackground {
  transition: all 0.9s ease;
  -webkit-transition: all 0.9s ease;
  opacity: 0 !important;
  z-index: 0 !important;
  position: fixed !important;
  height: 100vh !important;
  max-height: 100vw !important;
}

.menuslidebackground_click {
  transition: all 0.9s ease;
  -webkit-transition: all 0.9s ease;
  opacity: 0.7 !important;
  z-index: 1500 !important;
  position: fixed !important;
  height: 100vh !important;
  max-height: 100vw !important;
}

.lateralb1container {
  overflow: hidden;
}

.lateralb1 {
  cursor: pointer;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  transform: translate(-6px, 0px);
  -webkit-transform: translate(-6px, 0px);
  -moz-transform: translate(-6px, 0px);
  -ms-transform: translate(-6px, 0px);
  -o-transform: translate(-6px, 0px);
}

.lateralb1:hover {
  cursor: pointer;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  transform: translate(0px, 0px);
}

/*------------------------------------------------!
AGENCY HOME siven
------------------------------------------------*/

@media only screen and (max-width: 3550px) and (min-width: 1281px) {
  .backgroundresponsive100-agencyhome {
    opacity: 0 !important;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    width: 100% !important;
    height: 100vh !important;
    max-height: 100vw !important;
    background-size: 100vw;
    display: block;
    position: absolute;
    transform-origin: center center;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
}
}

@media only screen and (max-width: 3550px) and (min-width: 1281px) {
  .backgroundresponsive100-agencyhome_active {
    opacity: 0.5 !important;
    transition: all 2s ease;
    -webkit-transition: all 2s ease;
    width: 100% !important;
    height: 100vh !important;
    max-height: 100vw !important;
    background-size: 100vw;
    display: block;
    position: absolute;
    -moz-transition: all 2s ease;
    -ms-transition: all 2s ease;
    -o-transition: all 2s ease;
}
}



@media only screen and (max-width: 3550px) and (min-width: 1281px) {
  .backgroundresponsive100-parallax {
    opacity: 1 !important;
    width: 100% !important;
    height: 100vh !important;
    max-height: 100vw !important;
    background-size: 100vw;
    display: block;
    position: absolute;
  }
}

@media only screen and (max-width: 3550px) and (min-width: 1281px) {
  .backgroundresponsive100 {
    opacity: 1 !important;
    transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
    width: 100% !important;
    height: 100vh !important;
    max-height: 100vw !important;
    background-size: 100vw;
    display: block;
    position: absolute;
  }
}

@media only screen and (max-width: 3550px) and (min-width: 1281px) {
  .backgroundresponsive100cc {
  opacity: 1 !important;
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  width: 100% !important;
  height: 100vh !important;
  max-height: 100vh !important;
  background-size: 100vw;
  display: block;
  position: absolute;
}
}

.backgroundresponsive100tt,
.backgroundresponsive100tt1,
.backgroundresponsive100tt2,
.backgroundresponsive100tt3,
.backgroundresponsive100tt4 {
  opacity: 1 !important;
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  width: 100% !important;
  height: 100vh !important;
  max-height: 100vh !important;
  background-size: 100vw;
  display: block;
  position: absolute;
}

@media only screen and (max-width: 3550px) and (min-width: 1281px) {
  .bgesponsive4seg_appear {
    opacity: 0 !important;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    width: 100% !important;
    height: 100vh !important;
    max-height: 100vw !important;
    background-size: 100vw;
    display: block;
    position: absolute;
  }
}

@media only screen and (max-width: 3550px) and (min-width: 1281px) {
  .bgesponsive4seg_appear_active {
    opacity: 1 !important;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    width: 100% !important;
    height: 100vh !important;
    max-height: 100vw !important;
    background-size: 100vw;
    display: block;
    position: absolute;
  }
}

@media only screen and (max-width: 3550px) and (min-width: 1281px) {
  .bgesponsive4seg_appear_active_blur {
    opacity: 1 !important;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    width: 100% !important;
    height: 100vh !important;
    max-height: 100vw !important;
    background-size: 100vw;
    filter: blur(10px);
    -webkit-filter: blur(10px);
    overflow: hidden;
    display: block;
    position: absolute;
  }
}

@media only screen and (max-width: 5550px) and (min-width: 1200px) {
  .siventitle-text1 {
  transition: all 1s ease;
  opacity: 0;
  transform: scale(0.9) translateY(85%);
  -webkit-transform: scale(0.9) translateY(85%);
  -webkit-filter: blur(20px);
  filter: blur(20px);
  transform-origin: center center;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
}
}

@media only screen and (max-width: 5550px) and (min-width: 1200px) {
  .siventitle-text1_active {
  transition: all 1s ease;
  opacity: 1;
  transform: scale(1) translateY(70%);
  -webkit-transform: scale(1) translateY(70%);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  transform-origin: center center;
  margin-top: 0 !important;
  padding-top: 0 !important;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
}

}

@media only screen and (max-width: 5550px) and (min-width: 1200px) {
  .siventitle-text1_active2 {
  transition: all 2s ease;
  opacity: 1;
  transform: scale(1) translateY(0%);
  -webkit-transform: scale(1) translateY(0%);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  transform-origin: center center;
}
}

@media only screen and (max-width: 3550px) and (min-width: 1281px) {
  .pagency-text-container {
  transition: all 0.5s ease;
  top: 50vh;
  transform: translateY(-70%);
  margin-top: 0 !important;
  padding-top: 0 !important;
  -webkit-transform: translateY(-70%);
  -moz-transform: translateY(-70%);
  -ms-transform: translateY(-70%);
  -o-transform: translateY(-70%);
}
}

.pagency-text-container_anchors {
  transition: all 0.5s ease;
  top: 50vh;
  transform: translateY(-70%);
  margin-top: 0 !important;
  padding-top: 0 !important;
  position: fixed !important;
  -webkit-transform: translateY(-70%);
  -moz-transform: translateY(-70%);
  -ms-transform: translateY(-70%);
  -o-transform: translateY(-70%);
}

@media only screen and (max-width: 3550px) and (min-width: 1281px) {
  .pagency-text-container2 {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    top: 50vh;
    transform: translateY(-50%);
    margin-top: 0 !important;
    padding-top: 0 !important;
    opacity: 1;
    transform-origin: center center;
  }
}

@media only screen and (max-width: 3550px) and (min-width: 1281px) {
  .pagency-text-container2_scalereduce {
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    opacity: 0;
    transform: scale(0.7) !important;
    -webkit-transform: scale(0.7) !important;
    top: 50vh;
    transform: translateY(-50%);
    margin-top: 0 !important;
    padding-top: 0 !important;
    transform-origin: center center;
  }
}

.welcome-text {
  opacity: 0;
  transition: all 0.4s ease;
  top: 50vh;
  transform: translateY(-50%);
  margin-top: 0 !important;
  padding-top: 0 !important;
  animation: welcometextanimiation 2.5s cubic-bezier(0, 0.93, 0.53, 1.13);
  -webkit-animation: welcometextanimiation 2.5s
    cubic-bezier(0, 0.93, 0.53, 1.13);
}
@-webkit-keyframes welcometextanimiation {
  0% {
    opacity: 0;
    transform: scale(0.7) translateY(-50%);
    -webkit-transform: scale(0.7) translateY(-50%);
    -webkit-filter: blur(3px);
    top: 50vh;
    margin-top: 0 !important;
    padding-top: 0 !important;
    transform-origin: top center;
  }
  25% {
    opacity: 0;
    transform: scale(0.7) translateY(-50%);
    -webkit-transform: scale(0.7) translateY(-50%);
    -webkit-filter: blur(3px);
    top: 50vh;
    margin-top: 0 !important;
    padding-top: 0 !important;
    transform-origin: top center;
  }
  40% {
    opacity: 1;
    transform: scale(1) translateY(-50%);
    -webkit-transform: scale(1) translateY(-50%);
    -webkit-filter: blur(0px);
    top: 50vh;
    margin-top: 0 !important;
    padding-top: 0 !important;
    transform-origin: top center;
  }
  85% {
    opacity: 1;
    transform: scale(1) translateY(-50%);
    -webkit-transform: scale(1) translateY(-50%);
    -webkit-filter: blur(0px);
    top: 50vh;
    margin-top: 0 !important;
    padding-top: 0 !important;
    transform-origin: top center;
  }
  100% {
    transition: all 0.4s ease;
    opacity: 0;
    transform: scale(0.7) translateY(-50%);
    -webkit-transform: scale(0.7) translateY(-30%);
    -webkit-filter: blur(3px);
    top: 50vh;
    margin-top: 0 !important;
    padding-top: 0 !important;
    transform-origin: top center;
  }
}

@keyframes welcometextanimiation {
  0% {
    opacity: 0;
    transform: scale(0.7) translateY(-50%);
    -webkit-transform: scale(0.7) translateY(-50%);
    -webkit-filter: blur(3px);
    top: 50vh;
    margin-top: 0 !important;
    padding-top: 0 !important;
    transform-origin: top center;
  }
  25% {
    opacity: 0;
    transform: scale(0.7) translateY(-50%);
    -webkit-transform: scale(0.7) translateY(-50%);
    -webkit-filter: blur(3px);
    top: 50vh;
    margin-top: 0 !important;
    padding-top: 0 !important;
    transform-origin: top center;
  }
  40% {
    opacity: 1;
    transform: scale(1) translateY(-50%);
    -webkit-transform: scale(1) translateY(-50%);
    -webkit-filter: blur(0px);
    top: 50vh;
    margin-top: 0 !important;
    padding-top: 0 !important;
    transform-origin: top center;
  }
  85% {
    opacity: 1;
    transform: scale(1) translateY(-50%);
    -webkit-transform: scale(1) translateY(-50%);
    -webkit-filter: blur(0px);
    top: 50vh;
    margin-top: 0 !important;
    padding-top: 0 !important;
    transform-origin: top center;
  }
  100% {
    transition: all 0.4s ease;
    opacity: 0;
    transform: scale(0.7) translateY(-50%);
    -webkit-transform: scale(0.7) translateY(-30%);
    -webkit-filter: blur(3px);
    top: 50vh;
    margin-top: 0 !important;
    padding-top: 0 !important;
    transform-origin: top center;
  }
}

.to-text {
  opacity: 0;
  transition: all 0.4s ease;
  top: 50vh;
  transform: translateY(-50%);
  margin-top: 0 !important;
  padding-top: 0 !important;
  animation: totextanimiation 2.5s cubic-bezier(0, 0.93, 0.53, 1.13);
  -webkit-animation: totextanimiation 2.5s cubic-bezier(0, 0.93, 0.53, 1.13);
  -webkit-animation-delay: 1.5s; /* Chrome, Safari, Opera */
  animation-delay: 1.5s;
}
@-webkit-keyframes totextanimiation {
  0% {
    opacity: 0;
    transform: scale(0.7) translateY(-50%);
    -webkit-transform: scale(0.7) translateY(-50%);
    -webkit-filter: blur(3px);
    top: 50vh;
    margin-top: 0 !important;
    padding-top: 0 !important;
    transform-origin: top center;
  }
  25% {
    opacity: 0;
    transform: scale(0.7) translateY(-50%);
    -webkit-transform: scale(0.7) translateY(-50%);
    -webkit-filter: blur(3px);
    top: 50vh;
    margin-top: 0 !important;
    padding-top: 0 !important;
    transform-origin: top center;
  }
  40% {
    opacity: 1;
    transform: scale(1) translateY(-50%);
    -webkit-transform: scale(1) translateY(-50%);
    -webkit-filter: blur(0px);
    top: 50vh;
    margin-top: 0 !important;
    padding-top: 0 !important;
    transform-origin: top center;
  }
  85% {
    opacity: 1;
    transform: scale(1) translateY(-50%);
    -webkit-transform: scale(1) translateY(-50%);
    -webkit-filter: blur(0px);
    top: 50vh;
    margin-top: 0 !important;
    padding-top: 0 !important;
    transform-origin: top center;
  }
  100% {
    transition: all 0.4s ease;
    opacity: 0;
    transform: scale(0.7) translateY(-50%);
    -webkit-transform: scale(0.7) translateY(-50%);
    -webkit-filter: blur(3px);
    top: 50vh;
    margin-top: 0 !important;
    padding-top: 0 !important;
    transform-origin: top center;
  }
}

@keyframes totextanimiation {
  0% {
    opacity: 0;
    transform: scale(0.7) translateY(-50%);
    -webkit-transform: scale(0.7) translateY(-50%);
    -webkit-filter: blur(3px);
    top: 50vh;
    margin-top: 0 !important;
    padding-top: 0 !important;
    transform-origin: top center;
  }
  25% {
    opacity: 0;
    transform: scale(0.7) translateY(-50%);
    -webkit-transform: scale(0.7) translateY(-50%);
    -webkit-filter: blur(3px);
    top: 50vh;
    margin-top: 0 !important;
    padding-top: 0 !important;
    transform-origin: top center;
  }
  40% {
    opacity: 1;
    transform: scale(1) translateY(-50%);
    -webkit-transform: scale(1) translateY(-50%);
    -webkit-filter: blur(0px);
    top: 50vh;
    margin-top: 0 !important;
    padding-top: 0 !important;
    transform-origin: top center;
  }
  85% {
    opacity: 1;
    transform: scale(1) translateY(-50%);
    -webkit-transform: scale(1) translateY(-50%);
    -webkit-filter: blur(0px);
    top: 50vh;
    margin-top: 0 !important;
    padding-top: 0 !important;
    transform-origin: top center;
  }
  100% {
    transition: all 0.4s ease;
    opacity: 0;
    transform: scale(0.7) translateY(-50%);
    -webkit-transform: scale(0.7) translateY(-50%);
    -webkit-filter: blur(3px);
    top: 50vh;
    margin-top: 0 !important;
    padding-top: 0 !important;
    transform-origin: top center;
  }
}

@media only screen and (max-width: 3550px) and (min-width: 1281px) {
  .siven-tagline {
  transition: all 0.8s ease;
  opacity: 0;
}
}
@media only screen and (max-width: 3550px) and (min-width: 1281px) {
  .siven-text-description {
  transition: all 0.8s ease;
  opacity: 0;
}
}
@media only screen and (max-width: 3550px) and (min-width: 1281px) {
  .siven-main-btn {
  transition: all 0.8s ease;
  opacity: 0;
}
}

@media only screen and (max-width: 3550px) and (min-width: 1281px) {
  .siven-tagline_active {
  transition: all 0.8s ease;
  opacity: 1;
}
}
@media only screen and (max-width: 3550px) and (min-width: 1281px) {
  .siven-text-description_active {
  transition: all 0.8s ease;
  opacity: 1;
}
}
@media only screen and (max-width: 3550px) and (min-width: 1281px) {
  .siven-main-btn_active {
  transition: all 0.8s ease;
  opacity: 1;
}
}


/*------------------------------------------------*/
/* MOUSE HOVER EVENTS */
/*------------------------------------------------*/

.s_mmfs_project1,
.s_mmfs_project2,
.s_mmfs_project3,
.s_mmfs_project4,
.s_mmfs_project5,
.s_mmfs_project6,
.s_mmfs_project7,
.s_mmfs_project8,
.s_mmfs_project9,
.s_mmfs_project_10,
.s_mmfs_project_11,
.s_mmfs_project_12,
.s_mmfs_project_13,
.s_mmfs_project_14,
.s_mmfs_project_15,
.s_mmfs_project_16,
.s_mmfs_project_17,
.s_mmfs_project_18,
.s_mmfs_project_19,
.s_mmfs_project_20,
.s_mmfs_project_21,
.s_mmfs_project_22,
.s_mmfs_project_23,
.s_mmfs_project_24,
.s_mmfs_project_25 {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -webkit-transform: scale(1.1);
  transform: scale(1.05);
  -webkit-transform-origin: center center;
  transform-origin: center center;
  overflow: hidden !important;
  cursor: pointer;
}

.s_mmfs_projectbtn1,
.s_mmfs_projectbtn2,
.s_mmfs_projectbtn3,
.s_mmfs_projectbtn4,
.s_mmfs_projectbtn5,
.s_mmfs_projectbtn6,
.s_mmfs_projectbtn7,
.s_mmfs_projectbtn8,
.s_mmfs_projectbtn9,
.s_mmfs_projectbtn_10,
.s_mmfs_projectbtn_11,
.s_mmfs_projectbtn_12,
.s_mmfs_projectbtn_13,
.s_mmfs_projectbtn_14,
.s_mmfs_projectbtn_15,
.s_mmfs_projectbtn_16,
.s_mmfs_projectbtn_17,
.s_mmfs_projectbtn_18,
.s_mmfs_projectbtn_19,
.s_mmfs_projectbtn_20,
.s_mmfs_projectbtn_21,
.s_mmfs_projectbtn_22,
.s_mmfs_projectbtn_23,
.s_mmfs_projectbtn_24,
.s_mmfs_projectbtn_25 {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  overflow: hidden !important;
  opacity: 1 !important;
  cursor: pointer;
}

.s_mmfs_text1,
.s_mmfs_text2,
.s_mmfs_text3,
.s_mmfs_text4,
.s_mmfs_text5,
.s_mmfs_text6,
.s_mmfs_text7,
.s_mmfs_text8,
.s_mmfs_text9,
.s_mmfs_text_10,
.s_mmfs_text_11,
.s_mmfs_text_12,
.s_mmfs_text_13,
.s_mmfs_text_14,
.s_mmfs_text_15,
.s_mmfs_text_16,
.s_mmfs_text_17,
.s_mmfs_text_18,
.s_mmfs_text_19,
.s_mmfs_text_20,
.s_mmfs_text_21,
.s_mmfs_text_22,
.s_mmfs_text_23,
.s_mmfs_text_24,
.s_mmfs_text_25 {
  transition: all 0.4s ease;
  transform-origin: center center;
  opacity: 0 !important;
  transform: translateY(50%);
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}

.s_mmfs_portfolio_hidden1,
.s_mmfs_portfolio_hidden2,
.s_mmfs_portfolio_hidden3,
.s_mmfs_portfolio_hidden4,
.s_mmfs_portfolio_hidden5,
.s_mmfs_portfolio_hidden6,
.s_mmfs_portfolio_hidden7,
.s_mmfs_portfolio_hidden8,
.s_mmfs_portfolio_hidden9,
.s_mmfs_portfolio_hidden_10,
.s_mmfs_portfolio_hidden_11,
.s_mmfs_portfolio_hidden_12,
.s_mmfs_portfolio_hidden_13,
.s_mmfs_portfolio_hidden_14,
.s_mmfs_portfolio_hidden_15,
.s_mmfs_portfolio_hidden_16,
.s_mmfs_portfolio_hidden_17,
.s_mmfs_portfolio_hidden_18,
.s_mmfs_portfolio_hidden_19,
.s_mmfs_portfolio_hidden_20,
.s_mmfs_portfolio_hidden_21,
.s_mmfs_portfolio_hidden_22,
.s_mmfs_portfolio_hidden_23,
.s_mmfs_portfolio_hidden_24,
.s_mmfs_portfolio_hidden_25 {
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  overflow: hidden !important;
}

/*------------------------------------------------*/
/* MOUSE HOVER EVENTS ACTIVATORS */
/*------------------------------------------------*/

.s_mmfs_project1_hover,
.s_mmfs_project2_hover,
.s_mmfs_project3_hover,
.s_mmfs_project4_hover,
.s_mmfs_project5_hover,
.s_mmfs_project6_hover,
.s_mmfs_project7_hover,
.s_mmfs_project8_hover,
.s_mmfs_project9_hover,
.s_mmfs_project_10_hover,
.s_mmfs_project_11_hover,
.s_mmfs_project_12_hover,
.s_mmfs_project_13_hover,
.s_mmfs_project_14_hover,
.s_mmfs_project_15_hover,
.s_mmfs_project_16_hover,
.s_mmfs_project_17_hover,
.s_mmfs_project_18_hover,
.s_mmfs_project_19_hover,
.s_mmfs_project_20_hover,
.s_mmfs_project_21_hover,
.s_mmfs_project_22_hover,
.s_mmfs_project_23_hover,
.s_mmfs_project_24_hover,
.s_mmfs_project_25_hover {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -webkit-transform: scale(1);
  transform: scale(1);
  overflow: hidden !important;
  cursor: pointer;
}

.s_mmfs_text1_active,
.s_mmfs_text2_active,
.s_mmfs_text3_active,
.s_mmfs_text4_active,
.s_mmfs_text5_active,
.s_mmfs_text6_active,
.s_mmfs_text7_active,
.s_mmfs_text8_active,
.s_mmfs_text9_active,
.s_mmfs_text_10_active,
.s_mmfs_text_11_active,
.s_mmfs_text_12_active,
.s_mmfs_text_13_active,
.s_mmfs_text_14_active,
.s_mmfs_text_15_active,
.s_mmfs_text_16_active,
.s_mmfs_text_17_active,
.s_mmfs_text_18_active,
.s_mmfs_text_19_active,
.s_mmfs_text_20_active,
.s_mmfs_text_21_active,
.s_mmfs_text_22_active,
.s_mmfs_text_23_active,
.s_mmfs_text_24_active,
.s_mmfs_text_25_active {
  transition: all 0.4s ease;
  position: relative;
  transform-origin: center center;
  opacity: 1 !important;
  transform: translateY(0%);
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}

.s_mmfs_bgcolor1,
.s_mmfs_bgcolor2,
.s_mmfs_bgcolor3,
.s_mmfs_bgcolor4,
.s_mmfs_bgcolor5,
.s_mmfs_bgcolor6,
.s_mmfs_bgcolor7,
.s_mmfs_bgcolor8,
.s_mmfs_bgcolor9,
.s_mmfs_bgcolor_10,
.s_mmfs_bgcolor_11,
.s_mmfs_bgcolor_12,
.s_mmfs_bgcolor_13,
.s_mmfs_bgcolor_14,
.s_mmfs_bgcolor_15,
.s_mmfs_bgcolor_16,
.s_mmfs_bgcolor_17,
.s_mmfs_bgcolor_18,
.s_mmfs_bgcolor_19,
.s_mmfs_bgcolor_20,
.s_mmfs_bgcolor_21,
.s_mmfs_bgcolor_22,
.s_mmfs_bgcolor_23,
.s_mmfs_bgcolor_24,
.s_mmfs_bgcolor_25 {
  transition: all 0.5s ease;
  opacity: 0 !important;
}

.s_mmfs_bgcolor1_hover,
.s_mmfs_bgcolor2_hover,
.s_mmfs_bgcolor3_hover,
.s_mmfs_bgcolor4_hover,
.s_mmfs_bgcolor5_hover,
.s_mmfs_bgcolor6_hover,
.s_mmfs_bgcolor7_hover,
.s_mmfs_bgcolor8_hover,
.s_mmfs_bgcolor9_hover,
.s_mmfs_bgcolor_10_hover,
.s_mmfs_bgcolor_11_hover,
.s_mmfs_bgcolor_12_hover,
.s_mmfs_bgcolor_13_hover,
.s_mmfs_bgcolor_14_hover,
.s_mmfs_bgcolor_15_hover,
.s_mmfs_bgcolor_16_hover,
.s_mmfs_bgcolor_17_hover,
.s_mmfs_bgcolor_18_hover,
.s_mmfs_bgcolor_19_hover,
.s_mmfs_bgcolor_20_hover,
.s_mmfs_bgcolor_21_hover,
.s_mmfs_bgcolor_22_hover,
.s_mmfs_bgcolor_23_hover,
.s_mmfs_bgcolor_24_hover,
.s_mmfs_bgcolor_25_hover {
  transition: all 0.5s ease;
  opacity: 0.8 !important;
}

/*------------------------------------------------*/
/* Background Split Menu */
/*------------------------------------------------*/

.pp_menuslidebackground1 {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  transition-timing-function: cubic-bezier(0.9, 0.1, 0.1, 1);
  -webkit-transform: translate(-100%, 0%);
  transform: translate(-100%, 0%);
  z-index: 1100 !important;
  position: fixed !important;
}

.pp_menuslidebackground1_click {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  transition-timing-function: cubic-bezier(0.9, 0.1, 0.1, 1);
  z-index: 1100 !important;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  position: fixed !important;
}

.pp_menuslidebackground2 {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  transition-timing-function: cubic-bezier(0.9, 0.1, 0.1, 1);
  -webkit-transform: translate(100%, 0%);
  transform: translate(100%, 0%);
  z-index: 0 !important;
  position: fixed !important;
}

.pp_menuslidebackground2_click {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  transition-timing-function: cubic-bezier(0.9, 0.1, 0.1, 1);
  z-index: 1100 !important;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  position: fixed !important;
}

.po_splitmenu_whites {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: fixed;
  -webkit-transform: translate(0%, -100%);
  transform: translate(0%, -100%);
}

.po_splitmenu_whites_active {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}

@media only screen and (max-width: 5550px) and (min-width: 1281px) {
  .centervh_element {
    transition: all 0.5s ease;
    transform: translateY(-50%);
    margin-top: 50vh;
  }
}

/*------------------------------------------------*/
/* Progress Bar animation */
/*------------------------------------------------*/

.progress_bar_hidden1 {
  transition: all 1.8s ease;
  overflow: hidden;
}

.progress_bar {
  transition: all 1.8s ease;
  transform-origin: left;
  opacity: 1 !important;
  transform: scale(0);
}

.progress_bar_active {
  transition: all 1.8s ease;
  transform-origin: left;
  opacity: 1 !important;
  transform: scale(1);
}

.progress_bar2 {
  transition: all 1.2s ease;
  transform-origin: center bottom;
  opacity: 1 !important;
  -webkit-transform: translate(0%, 100%);
  transform: translate(0%, 100%);
}

.progress_bar2_active {
  transition: all 1.2s ease;
  transform-origin: center bottom;
  opacity: 1 !important;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}

.progress_bar_balloon {
  transition: all 1.8s ease;
  transform-origin: left;
  opacity: 1 !important;
  transform: translate(-1000%, 0%);
}

.progress_bar_balloon_active {
  transition: all 1.8s ease;
  transform-origin: left;
  opacity: 1 !important;
  transform: translate(0%, 0%);
}

@media only screen and (max-width: 3550px) and (min-width: 1281px) {
  .scpo_element1 {
  transition: all 0.4s ease;
  animation: scpo_elementone 2s cubic-bezier(0, -0.02, 0.21, 1.02);
  -webkit-animation: scpo_elementone 2s cubic-bezier(0, -0.02, 0.21, 1.02);
}
}

@-webkit-keyframes scpo_elementone {
  0% {
    opacity: 0;
    transition: all 0.4s ease;
    transform: scale(1) translate(-1000%, 0%);
    -webkit-transform: scale(1) translate(-1000%, 0%);
    transform-origin: center center;
    filter: blur(3px);
    -webkit-filter: blur(3px);
}
  100% {
    opacity: 1;
    transition: all 0.4s ease;
    transform: scale(1) translateY(0%, 0%);
    -webkit-transform: scale(1) translate(0%, 0%);
    -webkit-filter: blur(0px);
    filter: blur(0px);
    transform-origin: center center;
  }
}

@keyframes scpo_elementone {
  0% {
    opacity: 0;
    transition: all 0.4s ease;
    transform: scale(1) translate(-1000%, 0%);
    -webkit-transform: scale(1) translate(-1000%, 0%);
    -webkit-filter: blur(3px);
    filter: blur(3px);
    transform-origin: center center;
  }
  100% {
    opacity: 1;
    transition: all 0.4s ease;
    transform: scale(1) translateY(0%, 0%);
    -webkit-transform: scale(1) translate(0%, 0%);
    -webkit-filter: blur(0px);
    filter: blur(0px);
    transform-origin: center center;
  }
}

@media only screen and (max-width: 3550px) and (min-width: 1281px) {
  .scpo_element2 {
  transition: all 0.4s ease;
  animation: scpo_elementtwo 2s cubic-bezier(0, -0.02, 0.21, 1.02);
  -webkit-animation: scpo_elementtwo 2s cubic-bezier(0, -0.02, 0.21, 1.02);
}
}

@-webkit-keyframes scpo_elementtwo {
  0% {
    opacity: 0;
    transition: all 0.4s ease;
    transform: translate(0%, -100%);
    -webkit-transform: translate(0%, -100%);
    -webkit-filter: blur(3px);
    transform-origin: center center;
  }
  100% {
    opacity: 1;
    transition: all 0.4s ease;
    transform: translateY(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    -webkit-filter: blur(0px);
    transform-origin: center center;
  }
}

@keyframes scpo_elementtwo {
  0% {
    opacity: 0;
    transition: all 0.4s ease;
    transform: translate(0%, -100%);
    -webkit-transform: translate(0%, -100%);
    -webkit-filter: blur(3px);
    transform-origin: center center;
  }
  100% {
    opacity: 1;
    transition: all 0.4s ease;
    transform: translateY(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    -webkit-filter: blur(0px);
    transform-origin: center center;
  }
}
@media only screen and (max-width: 3550px) and (min-width: 1281px) {
  .scpo_element3 {
  transition: all 0.4s ease;
  animation: scpo_elementtree 2s cubic-bezier(0, -0.02, 0.21, 1.02);
  -webkit-animation: scpo_elementtree 2s cubic-bezier(0, -0.02, 0.21, 1.02);
}
}

@-webkit-keyframes scpo_elementtree {
  0% {
    opacity: 0;
    transition: all 0.4s ease;
    transform: scale(1) translate(1000%, 0%);
    -webkit-transform: scale(1) translate(1000%, 0%);
    -webkit-filter: blur(3px)!important;
    transform-origin: center center;
  }
  100% {
    opacity: 1;
    transition: all 0.4s ease;
    transform: scale(1) translateY(0%, 0%);
    -webkit-transform: scale(1) translate(0%, 0%);
    -webkit-filter: blur(0px)!important;
    transform-origin: center center;
  }
}



@keyframes scpo_elementtree {
  0% {
    opacity: 0;
    transition: all 0.4s ease;
    transform: scale(1) translate(1000%, 0%);
    -webkit-transform: scale(1) translate(1000%, 0%);
    -webkit-filter: blur(3px);
    transform-origin: center center;
  }
  100% {
    opacity: 1;
    transition: all 0.4s ease;
    transform: scale(1) translateY(0%, 0%);
    -webkit-transform: scale(1) translate(0%, 0%);
    -webkit-filter: blur(0px);
    transform-origin: center center;
  }
}

@media only screen and (max-width: 3550px) and (min-width: 1281px) {
  .scpo_element4 {
  transition: all 0.4s ease;
  animation: scpo_elementfour 3.5 cubic-bezier(0, -0.02, 0.21, 1.02);
  -webkit-animation: scpo_elementfour 3.5s cubic-bezier(0, -0.02, 0.21, 1.02);
}
}

@-webkit-keyframes scpo_elementfour {
  0% {
    opacity: 0;
    transition: all 0.4s ease;
    transform: scale(1) translate(0%, -100%);
    -webkit-transform: scale(1) translate(0%, -100%);
    -webkit-filter: blur(3px);
    transform-origin: center center;
  }
  50% {
    opacity: 0;
    transition: all 0.4s ease;
    transform: scale(1) translate(0%, -100%);
    -webkit-transform: scale(1) translate(0%, -100%);
    -webkit-filter: blur(3px);
    transform-origin: center center;
  }
  100% {
    opacity: 1;
    transition: all 0.4s ease;
    transform: scale(1) translateY(0%, 0%);
    -webkit-transform: scale(1) translate(0%, 0%);
    -webkit-filter: blur(0px);
    transform-origin: center center;
  }
}

@keyframes scpo_elementfour {
  0% {
    opacity: 0;
    transition: all 0.4s ease;
    transform: scale(1) translate(0%, -100%);
    -webkit-transform: scale(1) translate(0%, -100%);
    -webkit-filter: blur(3px);
    transform-origin: center center;
  }
  50% {
    opacity: 0;
    transition: all 0.4s ease;
    transform: scale(1) translate(0%, -100%);
    -webkit-transform: scale(1) translate(0%, -100%);
    -webkit-filter: blur(3px);
    transform-origin: center center;
  }
  100% {
    opacity: 1;
    transition: all 0.4s ease;
    transform: scale(1) translateY(0%, 0%);
    -webkit-transform: scale(1) translate(0%, 0%);
    -webkit-filter: blur(0px);
    transform-origin: center center;
  }
}

@media only screen and (max-width: 3550px) and (min-width: 1281px) {
  .scpo_element5 {
  transition: all 0.4s ease;
  animation: scpo_elementfive 4s cubic-bezier(0, -0.02, 0.21, 1.02);
  -webkit-animation: scpo_elementfive 4s cubic-bezier(0, -0.02, 0.21, 1.02);
}
}

@-webkit-keyframes scpo_elementfive {
  0% {
    opacity: 0;
    transition: all 0.4s ease;
    transform: scale(1) translate(0%, -100%);
    -webkit-transform: scale(1) translate(0%, -100%);
    -webkit-filter: blur(3px);
    transform-origin: center center;
  }
  50% {
    opacity: 0;
    transition: all 0.4s ease;
    transform: scale(1) translate(0%, -100%);
    -webkit-transform: scale(1) translate(0%, -100%);
    -webkit-filter: blur(3px);
    transform-origin: center center;
  }
  100% {
    opacity: 1;
    transition: all 0.4s ease;
    transform: scale(1) translateY(0%, 0%);
    -webkit-transform: scale(1) translate(0%, 0%);
    -webkit-filter: blur(0px);
    transform-origin: center center;
  }
}

@keyframes scpo_elementfive {
  0% {
    opacity: 0;
    transition: all 0.4s ease;
    transform: scale(1) translate(0%, -100%);
    -webkit-transform: scale(1) translate(0%, -100%);
    -webkit-filter: blur(3px);
    transform-origin: center center;
  }
  50% {
    opacity: 0;
    transition: all 0.4s ease;
    transform: scale(1) translate(0%, -100%);
    -webkit-transform: scale(1) translate(0%, -100%);
    -webkit-filter: blur(3px);
    transform-origin: center center;
  }
  100% {
    opacity: 1;
    transition: all 0.4s ease;
    transform: scale(1) translateY(0%, 0%);
    -webkit-transform: scale(1) translate(0%, 0%);
    -webkit-filter: blur(0px);
    transform-origin: center center;
  }
}

/*------------------------------------------------*/
/* LATERAL MENU CONFIGURATION */
/*------------------------------------------------*/

.menuSideSlideNavLeft_at {
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  position: fixed !important;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  height: 100% !important;
  right: 100% !important;
  opacity: 0 !important;
}

.menuSideSlideNav-to-right_at {
  transition-timing-function: cubic-bezier(0.9, 0.12, 0.1, 1);
  transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  z-index: 2000 !important;
  position: fixed !important;
  animation: bgopacity;
  animation-duration: 2s;
  opacity: 1 !important;
}

.po_menu_hidden {
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  position: fixed !important;
  transition: 0.5s ease;
  height: 100% !important;
  opacity: 0 !important;
}

.po_menu_hidden_active {
  z-index: 2000 !important;
  transition-timing-function: cubic-bezier(0.9, 0.12, 0.1, 1);
  animation: hidenmenu;
  animation-duration: 1s;
  opacity: 1 !important;
}

@keyframes hidenmenu {
  0% {
    opacity: 0 !important;
  }
  30% {
    opacity: 0 !important;
  }
  100% {
    opacity: 1 !important;
    transform: scale(1);
  }
}

@keyframes bgopacity {
  0% {
    transition-timing-function: cubic-bezier(0.9, 0.12, 0.1, 1);
    transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(0%, 0, 0);
    z-index: 2000 !important;
    position: fixed !important;
    animation: bgopacity;
    animation-duration: 1s;
    opacity: 0 !important;
  }
  30% {
    transition-timing-function: cubic-bezier(0.9, 0.12, 0.1, 1);
    transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    z-index: 2000 !important;
    position: fixed !important;
    animation: bgopacity;
    animation-duration: 1s;
    opacity: 0.3 !important;
  }
  100% {
    transition-timing-function: cubic-bezier(0.9, 0.12, 0.1, 1);
    transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    z-index: 2000 !important;
    position: fixed !important;
    animation: bgopacity;
    animation-duration: 1s;
    opacity: 1 !important;
  }
}

@-webkit-keyframes bgopacity {
  0% {
    transition-timing-function: cubic-bezier(0.9, 0.12, 0.1, 1);
    transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(0%, 0, 0);
    z-index: 2000 !important;
    position: fixed !important;
    animation: bgopacity;
    animation-duration: 1s;
    opacity: 0 !important;
  }
  30% {
    transition-timing-function: cubic-bezier(0.9, 0.12, 0.1, 1);
    transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    z-index: 2000 !important;
    position: fixed !important;
    animation: bgopacity;
    animation-duration: 1s;
    opacity: 0.3 !important;
  }
  100% {
    transition-timing-function: cubic-bezier(0.9, 0.12, 0.1, 1);
    transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    z-index: 2000 !important;
    position: fixed !important;
    animation: bgopacity;
    animation-duration: 1s;
    opacity: 1 !important;
  }
}

.pulsecap {
  animation: pulsecap 1s infinite;
  -webkit-animation: pulsecap 1s infinite; /* Safari and Chrome */
}
@-webkit-keyframes pulsecap /* Safari and Chrome */ {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes pulsecap /* Safari and Chrome */ {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.preloader {
  width: 70px !important;
  height: 70px !important;
  border: 7px solid #eee !important;
  border-top: 7px solid rgb(53, 53, 53) !important;
  border-radius: 50% !important;
  animation-name: girar;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  transform-origin: center center;
  transform: translate(0%, 500%) !important;
  position: relative;
  top: 50vh !important;
}

@keyframes girar {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.sivenfreelancer-text1 {
  transition: all 2s ease;
  opacity: 0;
  transform: scale(0.9) translateY(85%);
  -webkit-transform: scale(0.9) translateY(85%);
  -webkit-filter: blur(60px);
  filter: blur(60px);
  transform-origin: center center;
  -moz-transform: scale(0.9) translateY(85%);
  -ms-transform: scale(0.9) translateY(85%);
  -o-transform: scale(0.9) translateY(85%);
}

.sivenfreelancer-text1_active {
  transition: all 2s ease;
  opacity: 1;
  transform: scale(1) translateY(0%);
  -webkit-transform: scale(1) translateY(0%);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  transform-origin: center center;
  margin-top: 0 !important;
  padding-top: 0 !important;
  -moz-transform: scale(1) translateY(0%);
  -ms-transform: scale(1) translateY(0%);
  -o-transform: scale(1) translateY(0%);
}

.sivenfreelancer-text1_active2 {
  transition: all 2s ease;
  opacity: 1;
  transform: scale(1) translateY(0%);
  -webkit-transform: scale(1) translateY(0%);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  transform-origin: center center;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.sivenfreelancer-text2 {
  transition: all 0.8s ease;
  opacity: 0;
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
}

.sivenfreelancer-text2_active {
  transition: all 0.8s ease;
  opacity: 1;
  transform: translateY(0%);
  -webkit-transform: translateY(0%);
}

.parallaxjs_image {
  background-attachment: fixed !important;
}

.otherbg {
  position: absolute;
  background-attachment: fixed !important;
}

.parallax_activator {
  position: absolute;
  opacity: 0 !important;
}

.slide_activator,
.slide_activator1,
.slide_activator2,
.slide_activator3,
.slide_activator4,
.slide_activator5,
.slide_activator6 {
  opacity: 0;
  z-index: 0;
}

/*------------------------------------------------*/
/* siven FullScreen ShowCase CSS and Animations*/
/*------------------------------------------------*/

@media only screen and (max-width: 3550px) and (min-width: 1281px) {
.backgroundresponsive100-move,
.backgroundresponsive100-move1,
.backgroundresponsive100-move2,
.backgroundresponsive100-move3,
.backgroundresponsive100-move4,
.backgroundresponsive100-move5 {
  transition: all 0.5s ease;
  width: 100% !important;
  height: 100vh !important;
  max-height: 100vh !important;
  background-size: 100vw;
  display: block;
  position: absolute;
  transform-origin: center center;
  opacity: 0 !important;
  transform: scale(0.8);
}
}

@media only screen and (max-width: 3550px) and (min-width: 1281px) {
.backgroundresponsive100-move_active,
.backgroundresponsive100-move1_active,
.backgroundresponsive100-move2_active,
.backgroundresponsive100-move3_active,
.backgroundresponsive100-move4_active,
.backgroundresponsive100-move5_active {
  width: 100% !important;
  height: 100vh !important;
  max-height: 100vh !important;
  background-size: 100vw;
  display: block;
  position: absolute;
  animation-name: slideimage1;
  animation-duration: 0.5s;
  transform-origin: center center;
  transition-timing-function: cubic-bezier(0, 0.93, 0.53, 1.13);
  opacity: 1 !important;
  transform: scale(1);
}
}

@-webkit-keyframes slideimage1  /* Safari and Chrome */ {
  0% {
    filter: brightness(1000%) contrast(500%);
    -webkit-filter: brightness(1000%) contrast(500%);
    opacity: 0;
    transform: scale(1.1);
  }
  100% {
    filter: none;
    -webkit-filter: none;
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes slideimage1  /* Safari and Chrome */ {
  0% {
    filter: brightness(1000%) contrast(500%);
    -webkit-filter: brightness(1000%) contrast(500%);
    opacity: 0;
    transform: scale(1.1);
  }
  100% {
    filter: none;
    -webkit-filter: none;
    opacity: 1;
    transform: scale(1);
  }
}

@media only screen and (max-width: 3550px) and (min-width: 1281px) {
  .backgroundresponsive100-move6 {
  transition: all 0.5s ease;
  width: 100% !important;
  height: 100vh !important;
  max-height: 100vh !important;
  background-size: 100vw;
  display: block;
  position: absolute;
  transform-origin: center center;
  opacity: 0 !important;
  transform: scale(0.8);
}
}

@media only screen and (max-width: 3550px) and (min-width: 1281px) {
  .backgroundresponsive100-move6_active {
  width: 100% !important;
  height: 100vh !important;
  max-height: 100vh !important;
  background-size: 100vw;
  display: block;
  position: absolute;
  animation-name: slideimage1_end;
  animation-duration: 0.5s;
  transform-origin: center center;
  transition-timing-function: cubic-bezier(0, 0.93, 0.53, 1.13);
  opacity: 0.5 !important;
  transform: scale(1);
}
}

@-webkit-keyframes slideimage1_end  /* Safari and Chrome */ {
  0% {
    filter: brightness(1000%) contrast(500%);
    -webkit-filter: brightness(1000%) contrast(500%);
    opacity: 0;
    transform: scale(1.1);
  }
  100% {
    filter: none;
    -webkit-filter: none;
    opacity: 0.5;
    transform: scale(1);
  }
}

@keyframes slideimage1_end  /* Safari and Chrome */ {
  0% {
    filter: brightness(1000%) contrast(500%);
    -webkit-filter: brightness(1000%) contrast(500%);
    opacity: 0;
    transform: scale(1.1);
  }
  100% {
    filter: none;
    -webkit-filter: none;
    opacity: 0.5;
    transform: scale(1);
  }
}

@media only screen and (max-width: 3550px) and (min-width: 1281px) {
.text_sample,
.text_sample1,
.text_sample2,
.text_sample3,
.text_sample4,
.text_sample5,
.text_sample6 {
  opacity: 0;
  transition: all 0.5s ease;
  position: relative !important;
  transform-origin: center center;
}
}

@media only screen and (max-width: 3550px) and (min-width: 1281px) {
.text_sample_active,
.text_sample1_active,
.text_sample2_active,
.text_sample3_active,
.text_sample4_active,
.text_sample5_active {
  opacity: 1;
  transition: all 0.5s ease;
  position: relative !important;
  transform-origin: center center;
  animation-name: textintro1;
  animation-duration: 1.5s;
}
}

@-webkit-keyframes textintro1 /* Safari and Chrome */ {
  0% {
    opacity: 0;
    -webkit-transform: translate(0%, 50%);
  }
  30% {
    opacity: 0;
    -webkit-transform: translate(0%, 50%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
  }
}

@keyframes textintro1 /* Safari and Chrome */ {
  0% {
    opacity: 0;
    -webkit-transform: translate(0%, 50%);
  }
  30% {
    opacity: 0;
    -webkit-transform: translate(0%, 50%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
  }
}

@media only screen and (max-width: 3550px) and (min-width: 1281px) {
  .text_sample6_active {
  opacity: 1;
  transition: all 0.5s ease;
  position: relative !important;
  transform-origin: center center;
  animation-name: textintro1_end;
  animation-duration: 2s;
}
}

@-webkit-keyframes textintro1_end /* Safari and Chrome */ {
  0% {
    opacity: 0;
    -webkit-transform: translate(0%, 0%) scale(1.1);
    transform: translate(0%, 0%) scale(2);
    filter: blur(50px);
  }
  30% {
    opacity: 0;
    -webkit-transform: translate(0%, 0%) scale(1.1);
    transform: translate(0%, 0%) scale(2);
    filter: blur(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%) scale(1.1);
    transform: translate(0%, 0%) scale(1);
    filter: none;
  }
}

@keyframes textintro1_end /* Safari and Chrome */ {
  0% {
    opacity: 0;
    -webkit-transform: translate(0%, 0%) scale(1.1);
    transform: translate(0%, 0%) scale(2);
    filter: blur(50px);
  }
  30% {
    opacity: 0;
    -webkit-transform: translate(0%, 0%) scale(1.1);
    transform: translate(0%, 0%) scale(2);
    filter: blur(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%) scale(1.1);
    transform: translate(0%, 0%) scale(1);
    filter: none;
  }
}

@media only screen and (max-width: 3550px) and (min-width: 1281px) {
.text_sample_tag,
.text_sample1_tag,
.text_sample2_tag,
.text_sample3_tag,
.text_sample4_tag,
.text_sample5_tag,
.text_sample6_tag {
  opacity: 0;
  transition: all 0.5s ease;
  position: relative !important;
  transform-origin: center center;
}
}

@media only screen and (max-width: 3550px) and (min-width: 1281px) {
.text_sample_tag_active,
.text_sample1_tag_active,
.text_sample2_tag_active,
.text_sample3_tag_active,
.text_sample4_tag_active,
.text_sample5_tag_active {
  opacity: 1;
  transition: all 0.5s ease;
  position: relative !important;
  transform-origin: center center;
  animation-name: textintrotag1;
  animation-duration: 1.5s;
}
}

@-webkit-keyframes textintrotag1 /* Safari and Chrome */ {
  0% {
    opacity: 0;
    -webkit-transform: translate(0%, -100%);
  }
  30% {
    opacity: 0;
    -webkit-transform: translate(0%, -100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
  }
}

@keyframes textintrotag1 /* Safari and Chrome */ {
  0% {
    opacity: 0;
    -webkit-transform: translate(0%, -100%);
  }
  30% {
    opacity: 0;
    -webkit-transform: translate(0%, -100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
  }
}

@media only screen and (max-width: 3550px) and (min-width: 1281px) {
  .text_sample6_tag_active {
  opacity: 1;
  transition: all 0.5s ease;
  position: relative !important;
  transform-origin: center center;
  animation-name: textintrotag1_end;
  animation-duration: 2s;
}
}

@-webkit-keyframes textintrotag1_end /* Safari and Chrome */ {
  0% {
    opacity: 0;
    -webkit-transform: translate(0%, -100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(0%, -100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
  }
}


@keyframes textintrotag1_end /* Safari and Chrome */ {
  0% {
    opacity: 0;
    -webkit-transform: translate(0%, -100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(0%, -100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
  }
}


.fullscreen_btn,
.fullscreen_btn1,
.fullscreen_btn2,
.fullscreen_btn3,
.fullscreen_btn4,
.fullscreen_btn5 {
  cursor: pointer;
}

@media only screen and (max-width: 3550px) and (min-width: 1281px) {
.fullscreen_project,
.fullscreen_project1,
.fullscreen_project2,
.fullscreen_project3,
.fullscreen_project4,
.fullscreen_project5 {
  transition: 0.3s;
  height: 100vh !important;
  transform: translate(-100%, 0%);
  opacity: 1;
  z-index: 2500;
}
}

.fullscreen_project,
.fullscreen_project1,
.fullscreen_project2,
.fullscreen_project3,
.fullscreen_project4,
.fullscreen_project5 {
  transition: 0.3s;
  transform: translate(-100%, 0%);
  opacity: 1;
  z-index: 2500;
}

@media only screen and (max-width: 3550px) and (min-width: 1281px) {
.fullscreen_project_active,
.fullscreen_project1_active,
.fullscreen_project2_active,
.fullscreen_project3_active,
.fullscreen_project4_active,
.fullscreen_project5_active {
  transition: 0.6s;
  opacity: 1;
  height: 100vh !important;
  transform: translate(0%, 0%);
  z-index: 2500;
}
}

.fullscreen_project_active,
.fullscreen_project1_active,
.fullscreen_project2_active,
.fullscreen_project3_active,
.fullscreen_project4_active,
.fullscreen_project5_active {
  transition: 0.6s;
  opacity: 1;
  transform: translate(0%, 0%);
  z-index: 2500;
}

.menutext1 {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -webkit-transform: translate(0%, -100%);
  transform: translate(0%, -100%);
  z-index: 0 !important;
  opacity: 0 !important;
}

.menutext1_active {
  z-index: 1200 !important;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  -webkit-transition-delay: 0.3s; /* Safari */
  transition-delay: 0.3s; /* Safari */
  transition-delay: 0.3s;
  opacity: 1 !important;
}

.menutext2 {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -webkit-transform: translate(0%, -100%);
  transform: translate(0%, -100%);
  z-index: 0 !important;
  opacity: 0 !important;
}

.menutext2_active {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  z-index: 1200 !important;
  -webkit-transition-delay: 0.4s; /* Safari */
  transition-delay: 0.4s;
  opacity: 1 !important;
}

.menutext3 {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -webkit-transform: translate(0%, -100%);
  transform: translate(0%, -100%);
  z-index: 0 !important;
  opacity: 0 !important;
}

.menutext3_active {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  z-index: 1200 !important;
  -webkit-transition-delay: 0.5s; /* Safari */
  transition-delay: 0.5s !important;
  opacity: 1 !important;
}

.menutext4 {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -webkit-transform: translate(0%, -100%);
  transform: translate(0%, -100%);
  z-index: 0 !important;
  opacity: 0 !important;
}

.menutext4_active {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  z-index: 1200 !important;
  -webkit-transition-delay: 0.6s; /* Safari */
  transition-delay: 0.6s;
  opacity: 1 !important;
}

.menutext5 {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -webkit-transform: translate(0%, -100%);
  transform: translate(0%, -100%);
  z-index: 0 !important;
  opacity: 0 !important;
}

.menutext5_active {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  z-index: 1200 !important;
  -webkit-transition-delay: 0.7s; /* Safari */
  transition-delay: 0.7s;
  opacity: 1 !important;
}

.menutext6 {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -webkit-transform: translate(0%, -100%);
  transform: translate(0%, -100%);
  z-index: 0 !important;
  opacity: 0 !important;
}

.menutext6_active {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  z-index: 1200 !important;
  -webkit-transition-delay: 0.8s; /* Safari */
  transition-delay: 0.8s;
  opacity: 1 !important;
}

.menutext7 {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -webkit-transform: translate(0%, -100%);
  transform: translate(0%, -100%);
  z-index: 0 !important;
  opacity: 0 !important;
}

.menutext7_active {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  z-index: 1200 !important;
  -webkit-transition-delay: 0.9s; /* Safari */
  transition-delay: 0.9s;
  opacity: 1 !important;
}

.bg_atch_fixed {
  background-attachment: fixed !important;
  position: absolute;
}

/*------------------------------------------------*/
/* VCARD SLIDE ANIMATION */
/*------------------------------------------------*/

@media only screen and (max-width: 3550px) and (min-width: 1281px) {
.vcard_slide_title1,
.vcard_slide_title2,
.vcard_slide_title3,
.vcard_slide_title4 {
  opacity: 1;
  animation-name: vcard_slide_title;
  animation-duration: 2s;
  -webkit-transition-timing-function: cubic-bezier(1, 0.005, 0.135, 1);
  -moz-transition-timing-function: cubic-bezier(1, 0.005, 0.135, 1);
  -o-transition-timing-function: cubic-bezier(1, 0.005, 0.135, 1);
  transition-timing-function: cubic-bezier(1, 0.005, 0.135, 1); /* custom */
}
}

@-webkit-keyframes vcard_slide_title /* Safari and Chrome */ {
  0% {
    opacity: 0;
    -webkit-transform: translate(20%, 0%);
    filter: blur(10px);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(20%, 0%);
    filter: blur(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    filter: blur(0px);
  }
}

@keyframes vcard_slide_title /* Safari and Chrome */ {
  0% {
    opacity: 0;
    -webkit-transform: translate(20%, 0%);
    filter: blur(10px);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(20%, 0%);
    filter: blur(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    filter: blur(0px);
  }
}


@media only screen and (max-width: 3550px) and (min-width: 1281px) {
.vcard_slide_description1,
.vcard_slide_description2,
.vcard_slide_description3,
.vcard_slide_description4 {
  opacity: 1;
  animation-name: vcard_slide_description;
  animation-duration: 2.5s;
  -webkit-transition-timing-function: cubic-bezier(1, 0.005, 0.135, 1);
  -moz-transition-timing-function: cubic-bezier(1, 0.005, 0.135, 1);
  -o-transition-timing-function: cubic-bezier(1, 0.005, 0.135, 1);
  transition-timing-function: cubic-bezier(1, 0.005, 0.135, 1); /* custom */
}
}

@-webkit-keyframes vcard_slide_description /* Safari and Chrome */ {
  0% {
    opacity: 0;
    -webkit-transform: translate(0%, -30%);
    filter: blur(10px);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(0%, -30%);
    filter: blur(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    filter: blur(0px);
  }
}

@keyframes vcard_slide_description /* Safari and Chrome */ {
  0% {
    opacity: 0;
    -webkit-transform: translate(0%, -30%);
    filter: blur(10px);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(0%, -30%);
    filter: blur(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    filter: blur(0px);
  }
}

@media only screen and (max-width: 3550px) and (min-width: 1281px) {
.vcard_slide_image1,
.vcard_slide_image2,
.vcard_slide_image3,
.vcard_slide_image4 {
  opacity: 1;
  animation-name: vcard_slide_image;
  animation-duration: 2s;
  -webkit-transition-timing-function: cubic-bezier(1, 0.005, 0.135, 1);
  -moz-transition-timing-function: cubic-bezier(1, 0.005, 0.135, 1);
  -o-transition-timing-function: cubic-bezier(1, 0.005, 0.135, 1);
  transition-timing-function: cubic-bezier(1, 0.005, 0.135, 1); /* custom */
  transform-origin: center center;
}
}

@-webkit-keyframes vcard_slide_image /* Safari and Chrome */ {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    filter: blur(20px) brightness(200%) contrast(200%);
  }
  60% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    filter: blur(20px) brightness(200%) contrast(200%);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    filter: none;
  }
}

@keyframes vcard_slide_image /* Safari and Chrome */ {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    filter: blur(20px) brightness(200%) contrast(200%);
  }
  60% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    filter: blur(20px) brightness(200%) contrast(200%);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    filter: none;
  }
}

@media only screen and (max-width: 3550px) and (min-width: 1281px) {
.vcard_slide_element1,
.vcard_slide_element2,
.vcard_slide_element3,
.vcard_slide_element4 {
  opacity: 1;
  animation-name: vcard_slide_element;
  animation-duration: 3s;
  -webkit-transition-timing-function: cubic-bezier(1, 0.005, 0.135, 1);
  -moz-transition-timing-function: cubic-bezier(1, 0.005, 0.135, 1);
  -o-transition-timing-function: cubic-bezier(1, 0.005, 0.135, 1);
  transition-timing-function: cubic-bezier(1, 0.005, 0.135, 1); /* custom */
}
}

@-webkit-keyframes vcard_slide_element /* Safari and Chrome */ {
  0% {
    opacity: 0;
    -webkit-transform: translate(0%, -100%);
    filter: blur(0px);
  }
  70% {
    opacity: 0;
    -webkit-transform: translate(0%, -100%);
    filter: blur(0px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    filter: blur(0px);
  }
}

@keyframes vcard_slide_element /* Safari and Chrome */ {
  0% {
    opacity: 0;
    -webkit-transform: translate(0%, -100%);
    filter: blur(0px);
  }
  70% {
    opacity: 0;
    -webkit-transform: translate(0%, -100%);
    filter: blur(0px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    filter: blur(0px);
  }
}

@media only screen and (max-width: 3550px) and (min-width: 1281px) {
.vcard_slide_element_block1,
.vcard_slide_element_block2,
.vcard_slide_element_block3,
.vcard_slide_element_block4 {
  opacity: 1;
  animation-name: vcard_slide_element_block;
  animation-duration: 3.2s;
  -webkit-transition-timing-function: cubic-bezier(1, 0.005, 0.135, 1);
  -moz-transition-timing-function: cubic-bezier(1, 0.005, 0.135, 1);
  -o-transition-timing-function: cubic-bezier(1, 0.005, 0.135, 1);
  transition-timing-function: cubic-bezier(1, 0.005, 0.135, 1); /* custom */
}
}

@-webkit-keyframes vcard_slide_element_block /* Safari and Chrome */ {
  0% {
    opacity: 0;
    -webkit-transform: translate(100%, 0%);
    filter: blur(0px);
  }
  70% {
    opacity: 0;
    -webkit-transform: translate(100%, 0%);
    filter: blur(0px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    filter: blur(0px);
  }
}

@keyframes vcard_slide_element_block /* Safari and Chrome */ {
  0% {
    opacity: 0;
    -webkit-transform: translate(100%, 0%);
    filter: blur(0px);
  }
  70% {
    opacity: 0;
    -webkit-transform: translate(100%, 0%);
    filter: blur(0px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    filter: blur(0px);
  }
}

@media only screen and (max-width: 3550px) and (min-width: 1281px) {
.vcard_slide_btn1,
.vcard_slide_btn2,
.vcard_slide_btn3,
.vcard_slide_btn4 {
  opacity: 1;
  animation-name: vcard_slide_btn;
  animation-duration: 3s;
  -webkit-transition-timing-function: cubic-bezier(1, 0.005, 0.135, 1);
  -moz-transition-timing-function: cubic-bezier(1, 0.005, 0.135, 1);
  -o-transition-timing-function: cubic-bezier(1, 0.005, 0.135, 1);
  transition-timing-function: cubic-bezier(1, 0.005, 0.135, 1); /* custom */
}
}

@-webkit-keyframes vcard_slide_btn /* Safari and Chrome */ {
  0% {
    opacity: 0;
    -webkit-transform: translate(-100%, 0%);
    filter: blur(0px);
  }
  70% {
    opacity: 0;
    -webkit-transform: translate(-100%, 0%);
    filter: blur(0px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    filter: blur(0px);
  }
}

@keyframes vcard_slide_btn /* Safari and Chrome */ {
  0% {
    opacity: 0;
    -webkit-transform: translate(-100%, 0%);
    filter: blur(0px);
  }
  70% {
    opacity: 0;
    -webkit-transform: translate(-100%, 0%);
    filter: blur(0px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
    filter: blur(0px);
  }
}

/*!
Team Btns
*/

.teambutton1,
.teambutton2,
.teambutton3,
.teambutton4,
.teambutton5,
.teambutton6,
.teambutton7,
.teambutton8 {
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  overflow: hidden;
  cursor: pointer;
}

.teamphoto1,
.teamphoto2,
.teamphoto3,
.teamphoto4,
.teamphoto5,
.teamphoto6,
.teamphoto7,
.teamphoto8 {
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transform-origin: center center;
  overflow: hidden;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.teamphoto1_hover,
.teamphoto2_hover,
.teamphoto3_hover,
.teamphoto4_hover,
.teamphoto5_hover,
.teamphoto6_hover,
.teamphoto7_hover,
.teamphoto8_hover {
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transform-origin: center center;
  overflow: hidden;
  -webkit-filter: none;
  filter: none;
}

.teamname1,
.teamname2,
.teamname3,
.teamname4,
.teamname5,
.teamname6,
.teamname7,
.teamname8 {
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  overflow: hidden;
  -webkit-transform: translate(0%, -150%);
  transform: translate(0%, -150%);
  -webkit-transition-delay: 0.2s; /* Safari */
  transition-delay: 0.2s;
  opacity: 0 !important;
  -webkit-filter: none !important;
  filter: none !important;
}

.teamname_hover1,
.teamname_hover2,
.teamname_hover3,
.teamname_hover4,
.teamname_hover5,
.teamname_hover6,
.teamname_hover7,
.teamname_hover8 {
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  overflow: hidden;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  -webkit-transition-delay: 0.2s; /* Safari */
  transition-delay: 0.2s;
  opacity: 1 !important;
}

.teamdescription1,
.teamdescription2,
.teamdescription3,
.teamdescription4,
.teamdescription5,
.teamdescription6,
.teamdescription7,
.teamdescription8 {
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  overflow: hidden;
  -webkit-transform: translate(0%, 150%);
  transform: translate(0%, 150%);
  -webkit-transition-delay: 0.2s; /* Safari */
  transition-delay: 0.2s; /* Safari */
  opacity: 0 !important;
  -webkit-filter: none !important;
  filter: none !important;
}

.teamdescription1_hover,
.teamdescription2_hover,
.teamdescription3_hover,
.teamdescription4_hover,
.teamdescription5_hover,
.teamdescription6_hover,
.teamdescription7_hover,
.teamdescription8_hover {
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  overflow: hidden;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  -webkit-transition-delay: 0.5s; /* Safari */
  transition-delay: 0.5s;
  opacity: 1 !important;
}

/*!
Portfolio creative version  (category)
*/

.mfc_portfolio_hidden1,
.mfc_portfolio_hidden2,
.mfc_portfolio_hidden3,
.mfc_portfolio_hidden4,
.mfc_portfolio_hidden5,
.mfc_portfolio_hidden6,
.mfc_portfolio_hidden7,
.mfc_portfolio_hidden8,
.mfc_portfolio_hidden9,
.mfc_portfolio_hiddenTen10,
.mfc_portfolio_hidden11,
.mfc_portfolio_hidden12,
.mfc_portfolio_hidden13,
.mfc_portfolio_hidden14,
.mfc_portfolio_hidden15 {
  overflow: hidden !important;
}

.mfc_porfolio1,
.mfc_porfolio2,
.mfc_porfolio3,
.mfc_porfolio4,
.mfc_porfolio5,
.mfc_porfolio6,
.mfc_porfolio7,
.mfc_porfolio8,
.mfc_porfolio9,
.mfc_porfolioTen10,
.mfc_porfolio11,
.mfc_porfolio12,
.mfc_porfolio13,
.mfc_porfolio14,
.mfc_porfolio15 {
  transition: all 1.6s ease-out;
  transform-origin: center;
  -webkit-transition: all 1.6s ease;
  overflow: hidden !important;
}

.mfc_porfolio1_hover,
.mfc_porfolio2_hover,
.mfc_porfolio3_hover,
.mfc_porfolio4_hover,
.mfc_porfolio5_hover,
.mfc_porfolio6_hover,
.mfc_porfolio7_hover,
.mfc_porfolio8_hover,
.mfc_porfolio9_hover,
.mfc_porfolioTen10_hover,
.mfc_porfolio11_hover,
.mfc_porfolio12_hover,
.mfc_porfolio13_hover,
.mfc_porfolio14_hover,
.mfc_porfolio15_hover {
  transition: all 0.8s ease-out;
  -webkit-transition: all 0.8s ease;
  transform-origin: center;
  overflow: hidden !important;
  transform: scale(1.09);
  -webkit-filter: none;
  filter: none;
}

.mfc_descriptionframe1,
.mfc_descriptionframe2,
.mfc_descriptionframe3,
.mfc_descriptionframe4,
.mfc_descriptionframe5,
.mfc_descriptionframe6,
.mfc_descriptionframe7,
.mfc_descriptionframe8,
.mfc_descriptionframe9,
.mfc_descriptionframeTen10,
.mfc_descriptionframe11,
.mfc_descriptionframe12,
.mfc_descriptionframe13,
.mfc_descriptionframe14,
.mfc_descriptionframe15 {
  transition: all 0.9s ease;
  -webkit-transition: all 0.9s ease;
  overflow: hidden;
  -webkit-transform: translate(0%, -150%);
  transform: translate(0%, -150%);
  opacity: 0 !important;
  -webkit-filter: none !important;
  filter: none !important;
}

.mfc_descrip_frame1,
.mfc_descrip_frame2,
.mfc_descrip_frame3,
.mfc_descrip_frame4,
.mfc_descrip_frame5,
.mfc_descrip_frame6,
.mfc_descrip_frame7,
.mfc_descrip_frame8,
.mfc_descrip_frame9,
.mfc_descrip_frameTen10,
.mfc_descrip_frame11,
.mfc_descrip_frame12,
.mfc_descrip_frame13,
.mfc_descrip_frame14,
.mfc_descrip_frame15 {
  transition: all 0.9s ease;
  -webkit-transition: all 0.9s ease;
  overflow: hidden;
  -webkit-transform: translate(0%, 150%);
  transform: translate(0%, 150%);
  -webkit-transition-delay: 0.2s; /* Safari */
  transition-delay: 0.2s;
  opacity: 0 !important;
  -webkit-filter: none !important;
  filter: none !important;
}

.mfc_descriptionframe1_active,
.mfc_descriptionframe2_active,
.mfc_descriptionframe3_active,
.mfc_descriptionframe4_active,
.mfc_descriptionframe5_active,
.mfc_descriptionframe6_active,
.mfc_descriptionframe7_active,
.mfc_descriptionframe8_active,
.mfc_descriptionframe9_active,
.mfc_descriptionframeTen10_active,
.mfc_descriptionframe11_active,
.mfc_descriptionframe12_active,
.mfc_descriptionframe13_active,
.mfc_descriptionframe14_active,
.mfc_descriptionframe15_active,
.mfc_descrip_frame1_active,
.mfc_descrip_frame2_active,
.mfc_descrip_frame3_active,
.mfc_descrip_frame4_active,
.mfc_descrip_frame5_active,
.mfc_descrip_frame6_active,
.mfc_descrip_frame7_active,
.mfc_descrip_frame8_active,
.mfc_descrip_frame9_active,
.mfc_descrip_frameTen10_active,
.mfc_descrip_frame11_active,
.mfc_descrip_frame12_active,
.mfc_descrip_frame13_active,
.mfc_descrip_frame14_active,
.mfc_descrip_frame15_active {
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
  overflow: hidden;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  -webkit-transition-delay: 0.2s; /* Safari */
  transition-delay: 0.2s;
  opacity: 1 !important;
}

/*------------------------------------------------*/
/* siven PRESETATION ANIMATIONS AND CSS */
/*------------------------------------------------*/

.siven_pres_elem1 {
  position: relative;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  animation-name: elem1_siven_pres;
  animation-duration: 3s;
  transition-timing-function: cubic-bezier(0.9, 0.12, 0.1, 1);
}

@-webkit-keyframes elem1_siven_pres {
  0% {
    -webkit-transform: translate(0%, 100%);
  }
  100% {
    -webkit-transform: translate(0%, 0%);
  }
}

@keyframes elem1_siven_pres {
  0% {
    -webkit-transform: translate(0%, 100%);
  }
  100% {
    -webkit-transform: translate(0%, 0%);
  }
}

.siven_pres_elem2 {
  position: relative;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  animation-name: elem2_siven_pres;
  animation-duration: 5s;
  transition-timing-function: cubic-bezier(0.9, 0.12, 0.1, 1);
}

@-webkit-keyframes elem2_siven_pres {
  0% {
    -webkit-transform: translate(0%, 300%);
  }
  100% {
    -webkit-transform: translate(0%, 0%);
  }
}

@keyframes elem2_siven_pres {
  0% {
    -webkit-transform: translate(0%, 300%);
  }
  100% {
    -webkit-transform: translate(0%, 0%);
  }
}

.siven_pres_elem3 {
  position: relative;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  animation-name: elem3_siven_pres;
  animation-duration: 7s;
  transition-timing-function: cubic-bezier(0.9, 0.12, 0.1, 1);
}

@-webkit-keyframes elem3_siven_pres {
  0% {
    -webkit-transform: translate(0%, 400%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
  }
}

@keyframes elem3_siven_pres {
  0% {
    -webkit-transform: translate(0%, 400%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
  }
}

.siven_pres_elem4 {
  position: relative;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  animation-name: elem4_siven_pres;
  animation-duration: 10s;
  transition-timing-function: cubic-bezier(0.9, 0.12, 0.1, 1);
}

@-webkit-keyframes elem4_siven_pres {
  0% {
    opacity: 1;
    -webkit-transform: translate(0%, -30%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
  }
}

@keyframes elem4_siven_pres {
  0% {
    opacity: 1;
    -webkit-transform: translate(0%, -30%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
  }
}

.siven_pres_text1 {
  position: relative;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  animation-name: text1_siven_pres;
  animation-duration: 9s;
  transition-timing-function: cubic-bezier(0.9, 0.12, 0.1, 1);
}

@-webkit-keyframes text1_siven_pres {
  0% {
    opacity: 0;
    -webkit-transform: translate(0%, 400%);
  }
  60% {
    opacity: 0;
    -webkit-transform: translate(0%, 400%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
  }
}

@keyframes text1_siven_pres {
  0% {
    opacity: 0;
    -webkit-transform: translate(0%, 400%);
  }
  60% {
    opacity: 0;
    -webkit-transform: translate(0%, 400%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
  }
}

.siven_pres_text2 {
  position: relative;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  animation-name: text2_siven_pres;
  animation-duration: 9s;
  transition-timing-function: cubic-bezier(0.9, 0.12, 0.1, 1);
}

@-webkit-keyframes text2_siven_pres {
  0% {
    opacity: 0;
    -webkit-transform: translate(0%, -200%);
  }
  90% {
    opacity: 0;
    -webkit-transform: translate(0%, -200%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
  }
}

@keyframes text2_siven_pres {
  0% {
    opacity: 0;
    -webkit-transform: translate(0%, -200%);
  }
  90% {
    opacity: 0;
    -webkit-transform: translate(0%, -200%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
  }
}


.siven_pres_text3 {
  position: relative;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  animation-name: text3_siven_pres;
  animation-duration: 9.5s;
  transition-timing-function: cubic-bezier(0.9, 0.12, 0.1, 1);
}

@-webkit-keyframes text3_siven_pres {
  0% {
    opacity: 0;
    -webkit-transform: translate(0%, -100%);
  }
  90% {
    opacity: 0;
    -webkit-transform: translate(0%, -100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
  }
}

@keyframes text3_siven_pres {
  0% {
    opacity: 0;
    -webkit-transform: translate(0%, -100%);
  }
  90% {
    opacity: 0;
    -webkit-transform: translate(0%, -100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
  }
}


.siven-page {
  transition-duration: 0.5s;
  transform-origin: center center;
}

.siven-page:hover {
  transition-duration: 0.5s;
  transform: scale(0.95);
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
}



@media only screen and (max-width: 5550px) and (min-width: 1200px) {
  .siven-p-element-1 {
    transform-origin: center center;
    transition-duration: 0.9s;
    animation-name: siven-element-1;
    animation-duration: 3.5s;
    transition-timing-function: cubic-bezier(0.9, 0.12, 0.1, 1);
}
}

@keyframes siven-element-1 {
  0% {
    opacity: 0;
    transform: translate(0%, -10%) scale(0.8);
    -webkit-transform: translate(0%, -10%) scale(0.8);
    -moz-transform: translate(0%, -10%) scale(0.8);
    -ms-transform: translate(0%, -10%) scale(0.8);
    -o-transform: translate(0%, -10%) scale(0.8);
}
  60% {
    opacity: 0;
    transform: translate(0%, -10%) scale(0.8);
    -webkit-transform: translate(0%, -10%) scale(0.8);
    -moz-transform: translate(0%, -10%) scale(0.8);
    -ms-transform: translate(0%, -10%) scale(0.8);
    -o-transform: translate(0%, -10%) scale(0.8);
}
  100% {
    opacity: 1;
    transform: translate(0%, 0%) scale(1);
    -webkit-transform: translate(0%, 0%) scale(1);
    -moz-transform: translate(0%, 0%) scale(1);
    -ms-transform: translate(0%, 0%) scale(1);
    -o-transform: translate(0%, 0%) scale(1);
}
}

@media only screen and (max-width: 5550px) and (min-width: 1200px) {
  .siven-p-element-2 {
    transform-origin: center center;
    transition-duration: 0.9s;
    animation-name: siven-element-2;
    animation-duration: 4.5s;
    transition-timing-function: cubic-bezier(0.9, 0.12, 0.1, 1);
}
}

@keyframes siven-element-2 {
  0% {
    opacity: 0;
    transform: translate(150%, 0%);
    -webkit-transform: translate(150%, 0%);
    -moz-transform: translate(150%, 0%);
    -ms-transform: translate(150%, 0%);
    -o-transform: translate(150%, 0%);
}
  60% {
    opacity: 0;
    transform: translate(150%, 0%);
    -webkit-transform: translate(150%, 0%);
    -moz-transform: translate(150%, 0%);
    -ms-transform: translate(150%, 0%);
    -o-transform: translate(150%, 0%);
}
  100% {
    opacity: 1;
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
}
}

@media only screen and (max-width: 5550px) and (min-width: 1200px) {
  .siven-p-element-3 {
    transform-origin: center center;
    transition-duration: 0.9s;
    animation-name: siven-element-3;
    animation-duration: 5.5s;
    transition-timing-function: cubic-bezier(0.9, 0.12, 0.1, 1);
}
}

@keyframes siven-element-3 {
  0% {
    opacity: 0;
    transform: translate(150%, 0%);
    -webkit-transform: translate(150%, 0%);
    -moz-transform: translate(150%, 0%);
    -ms-transform: translate(150%, 0%);
    -o-transform: translate(150%, 0%);
}
  60% {
    opacity: 0;
    transform: translate(150%, 0%);
    -webkit-transform: translate(150%, 0%);
    -moz-transform: translate(150%, 0%);
    -ms-transform: translate(150%, 0%);
    -o-transform: translate(150%, 0%);
}
  100% {
    opacity: 1;
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
}
}

@media only screen and (max-width: 5550px) and (min-width: 1200px) {
  .siven-p-element-4 {
    transform-origin: center center;
    transition-duration: 0.9s;
    animation-name: siven-element-4;
    animation-duration: 5.5s;
    transition-timing-function: cubic-bezier(0.9, 0.12, 0.1, 1);
}
}

@keyframes siven-element-4 {
  0% {
    opacity: 0;
    transform: translate(150%, 0%);
    -webkit-transform: translate(150%, 0%);
    -moz-transform: translate(150%, 0%);
    -ms-transform: translate(150%, 0%);
    -o-transform: translate(150%, 0%);
}
  80% {
    opacity: 0;
    transform: translate(150%, 0%);
    -webkit-transform: translate(150%, 0%);
    -moz-transform: translate(150%, 0%);
    -ms-transform: translate(150%, 0%);
    -o-transform: translate(150%, 0%);
}
  100% {
    opacity: 1;
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
}
}

@media only screen and (max-width: 5550px) and (min-width: 1200px) {
  .siven-p-element-6 {
    transform-origin: center center;
    transition-duration: 0.9s;
    animation-name: siven-element-6;
    animation-duration: 6s;
    transition-timing-function: cubic-bezier(0.9, 0.12, 0.1, 1);
}
}

@keyframes siven-element-6 {
  0% {
    opacity: 0;
    transform: translate(50%, 0%);
    -webkit-transform: translate(50%, 0%);
    -moz-transform: translate(50%, 0%);
    -ms-transform: translate(50%, 0%);
    -o-transform: translate(50%, 0%);
}
  60% {
    opacity: 0;
    transform: translate(50%, 0%);
    -webkit-transform: translate(50%, 0%);
    -moz-transform: translate(50%, 0%);
    -ms-transform: translate(50%, 0%);
    -o-transform: translate(50%, 0%);
}
  100% {
    opacity: 1;
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
}
}

@media only screen and (max-width: 5550px) and (min-width: 1200px) {
  .siven-p-element-5 {
    transform-origin: center center;
    transition-duration: 0.9s;
    animation-name: siven-element-5;
    animation-duration: 5.5s;
    transition-timing-function: cubic-bezier(0.9, 0.12, 0.1, 1);
}
}

@keyframes siven-element-5 {
  0% {
    opacity: 0;
    transform: translate(-150%, 0%);
    -webkit-transform: translate(-150%, 0%);
    -moz-transform: translate(-150%, 0%);
    -ms-transform: translate(-150%, 0%);
    -o-transform: translate(-150%, 0%);
}
  80% {
    opacity: 0;
    transform: translate(-150%, 0%);
    -webkit-transform: translate(-150%, 0%);
    -moz-transform: translate(-150%, 0%);
    -ms-transform: translate(-150%, 0%);
    -o-transform: translate(-150%, 0%);
}
  100% {
    opacity: 1;
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
}
}

@media only screen and (max-width: 5550px) and (min-width: 1200px) {
  .siven-p-element-7 {
    transform-origin: center center;
    transition-duration: 0.9s;
    animation-name: siven-element-7;
    animation-duration: 6.5s;
    transition-timing-function: cubic-bezier(0.9, 0.12, 0.1, 1);
}
}

@keyframes siven-element-7 {
  0% {
    opacity: 0;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
}
  80% {
    opacity: 0;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
}
  100% {
    opacity: 1;
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
}
}

@media only screen and (max-width: 5550px) and (min-width: 1200px) {
  .siven-p-element-8 {
    transform-origin: center center;
    transition-duration: 0.9s;
    animation-name: siven-element-8;
    animation-duration: 7.5s;
    transition-timing-function: cubic-bezier(0.9, 0.12, 0.1, 1);
}
}

@keyframes siven-element-8 {
  0% {
    opacity: 0;
    transform: translate(0%, 80%);
    -webkit-transform: translate(0%, 80%);
    -moz-transform: translate(0%, 80%);
    -ms-transform: translate(0%, 80%);
    -o-transform: translate(0%, 80%);
}
  80% {
    opacity: 0;
    transform: translate(0%, 80%);
    -webkit-transform: translate(0%, 80%);
    -moz-transform: translate(0%, 80%);
    -ms-transform: translate(0%, 80%);
    -o-transform: translate(0%, 80%);
}
  100% {
    opacity: 1;
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
}
}