@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 
*/

.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: .5s;
  transition: .5s;
  }


/*!
Animated Hamburger Icon
*/

.menuIcon-top, .menuIcon-middle-a, .menuIcon-bottom {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease all;
  -moz-transition: .5s ease all;
  -o-transition: .5s ease all;
  transition: .5s ease all;
  opacity: 1;
  }

.menuIcon-middle-b {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: .5s ease all;
  -moz-transition: .5s ease all;
  -o-transition: .5s ease all;
  transition: .5s ease all;
  opacity: 0; 
  }

.iconTop-click {
  opacity: 0;
  -webkit-transform: scale3d(.1, .1, .1);
  transform: scale3d(.1, .1, .1);
  }

.iconMiddleA-click {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  }

.iconMiddleB-click {
  opacity: 1;
  }

.iconbottom-click {
  opacity: 0;
  -webkit-transform: scale3d(.1, .1, .1);
  transform: scale3d(.1, .1, .1);
  }


/*!
 Pin Objects to Top
*/

.menuStickTop {
  top: 0;
  position: fixed;
  }


/*!
 Box to Hide Overflow Content 
*/

.overflowBox {
  display: inline-block;
  overflow: hidden;
  }


/*!
Top Slide Menu
*/

.menuTopSlideNav-Btn {
  cursor: pointer;
  }

.menuTopSlideNav {
  -webkit-transition: .8s ease;
  -moz-transition: .8s ease;
  -o-transition: .8s ease;
  transition: .8s ease;
  }

.menuTopSlideNav-down {
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
  }

.menuTopSlideNav-up {
  -webkit-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);  
  }

.menuTopSlideNav-Btn:hover {
  cursor: pointer;
  } 


/*!
Side Slide Menu
*/

.menuSideSlideNavRight {
  -webkit-transition: .5s ease;
  -moz-transition: .5s ease;
  -o-transition: .5s ease;
  transition: .5s ease;
  height: 100% !important;
  left: 100% !important;
  }

.menuSideSlideNavLeft2 {
  -webkit-transition: .15s ease;
  -moz-transition: .15s ease;
  -o-transition: .15s ease;
  transition: .15s ease;
  height: 100% !important;
  right: 100% !important;
  }

.menuSideSlideNavLeft {
  -webkit-transition: .5s ease;
  -moz-transition: .5s ease;
  -o-transition: .5s ease;
  transition: .5s ease;
  height: 100% !important;
  right: 100% !important;
  }

.menuSideSlideNavLeft_mfc {
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
height: 100% !important;
right: 100% !important;
}

.menuSideSlideNavPhoneRight, .menuSideSlideNavPhoneLeft { 
  -webkit-transition: .5s ease;
  -moz-transition: .5s ease;
  -o-transition: .5s ease;
  transition: .5s ease;
  height: 100% !important;
  }

.menuSideSlideNavBG {
  height: 100% !important;
  }

.menuSideSlideNav-to-left {
  -webkit-transform: translate3d(-100%,0,0);
  transition-timing-function:cubic-bezier(0.9,0.10,0.1,1);
  transform: translate3d(-100%,0,0);  
  }


.menuSideSlideNav-to-right {
-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;
}

.menuSideSlideNav-to-right_mfc {
-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;
}

.menuSideSlideNav-Btn, .menuSideSlideNav-Close:hover {
  cursor: pointer;
  position: fixed;
  top: 0;  

  cursor: hand; cursor: pointer;
  }

  .about_btn_mfc,.about_btn_mfc:hover, .menuSideSlideNav-Close_mfc, .menuSideSlideNav-Close_mfc:hover  {
  cursor: pointer;
  cursor: hand; cursor: pointer;
  }

.menuSideSlideNav-Close_mfc {
transform-origin: center;
}

.menuSideSlideNav-Close_mfc:hover {
transform-origin: center;
-webkit-transition: .5s ease;
-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
}

.about_btn_mfc {
-webkit-transition: 1s ease;
z-index: 2000 !important;
}

.about_btn_mfc:hover {
-webkit-transition: 0.5s ease;
-webkit-transform: translate(20%, 0%);
z-index: 2000 !important;
}


/*!
Side Menu Scroll 
*/

.menuScrollBox {
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  }

.menuScrollBox::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 1px;
  background-color: #212226;
  }

.menuScrollBox::-webkit-scrollbar {
  width: 3px;
  background-color: #3E4247;
  }

.menuScrollBox::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #555;
  }


/*!
Images thumbnail zoom effect
*/

.Composition {
  display: inline-block;
  overflow: hidden;
  }

.Composition:hover .zoomcompImg{
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -ms-transform:scale(1.1);
  -o-transform:scale(1.1);
  transform:scale(1.1);
  }

.zoomcompImg {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;

  -webkit-transition: 2s ease all;
  -moz-transition: 2s ease all;
  -o-transition: 2s ease all;
  transition: 2s ease all;
  }

.zoomcompImg:hover {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  }

/*!
Translate elements 
*/

  .animated {
transform-origin: center center;
}

.translate {
  transition:all 1.0s ease 0s;
  transform-origin: center center;
}
.translate:hover, star {
transition-timing-function:cubic-bezier(0.9,0.12,0.1,1);
-webkit-transform: translate(-600px, 0px);
}

 .translate_panoramic {
 transition:all 8.0s ease 0s;
 transform-origin: center center;
}


.translate_panoramic:hover, star {
-webkit-transform: translate(850px, 0px);
}


/*!
Scale elements with hover
*/

.Scalehover {
position: relative;
overflow: hidden;
z-index: 100;
-webkit-transition: 0.3s ease-in;;
-webkit-transition: 0.8s ease-out;;
-webkit-filter: grayscale(1);
transform-origin: center center;
}
.Scalehover:hover, star {
overflow: hidden; !important;
z-index: 5000 !important;
transform: scale(1.3);
transition-timing-function:cubic-bezier(0.9,0.10,0.1,1);
-webkit-filter: none;
}

.parallax__group {
  -webkit-filter: grayscale(1);
  top: 360px;
  margin-top: -47rem;
  left: 56%;
}


.buttons {
  transition:all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}

.butuli {
  transition:all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}

.translateRight {
  transition:all 1.0s ease 0s;
  transform-origin: center center;
}
.translateRight:hover, star {
transition-timing-function:cubic-bezier(0.9,0.12,0.1,1);
-webkit-transform: translate(-400px, 0px);
}

/*!
Text Buttons 
*/

.text_buttons {
  transition:all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}

.text_buttons_one {
  transition:all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}

.text_buttons4 {
  transition:all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}

.text_buttons5 {
  transition:all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}


.text_buttons_2 {
  transition:all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}

.text_buttons_over {
  transition:all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -webkit-transform: translate(100%, 0px);
}

.text_buttons_one_over {
  transition:all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -webkit-transform: translate(100%, 0px);
}

.text_buttons_two_over {
  transition:all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -webkit-transform: translate(100%, 0px);
}

/*!
Background slide menu clean portfolio version
*/

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

  .menuslidebackground_click {
  transition:all 0.9s ease;
  -webkit-transition: all 0.9s ease;
  opacity: 0.94 !important;
  z-index: 1000 !important;
  position: fixed !important;
  }

.menuslidephoto_mfc {
transition:all 0.9s ease;
-webkit-transition: all 0.9s ease;
opacity: 0 !important;;
z-index: 0 !important;
position: fixed !important;
}

.menuslidephoto_mfc_active {
transition:all 0.9s ease;
-webkit-transition: all 0.9s ease;
opacity: 0.94 !important;
z-index: 1100 !important;
position: fixed !important;
}

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

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

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

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

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

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


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

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

/*!
Background slide menu Pro-Projects portfolio version
*/

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

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

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

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



/*!
Portfolio Clean version
*/

  .buttonportfolio, .buttonportfolio2, .buttonportfolio3, .buttonportfolio4, .buttonportfolio5, 
  .buttonportfolio6, .buttonportfolio7, .buttonportfolio8, .buttonportfolio9,
  .workphoto, .workphoto2, .workphoto3, .workphoto4, .workphoto5, .workphoto6, .workphoto7, .workphoto8, .workphoto9, .workphoto10 {
  transition:all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  overflow: hidden;
  }

  .s_buttonportfolio, .s_buttonportfolio2, .s_buttonportfolio3, .s_buttonportfolio4, .s_buttonportfolio5, 
  .s_buttonportfolio6, .s_buttonportfolio7, .s_buttonportfolio8, .s_buttonportfolio9, {
  transition:all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  overflow: hidden;
  }

  .workphoto_hover, .workphoto_hover2, .workphoto_hover3, .workphoto_hover4, .workphoto_hover5, 
  .workphoto_hover6, .workphoto_hover7, .workphoto_hover8, .workphoto_hover9,.workphoto_hover10 {
  transition:all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transform-origin: center center;
  overflow: hidden;
  transform: scale(0.9);
   -webkit-filter: blur(3px) grayscale(1);
  }

  .descriptionframe, .descriptionframe2, .descriptionframe3, .descriptionframe4, .descriptionframe5, 
  .descriptionframe6, .descriptionframe7, .descriptionframe8, .descriptionframe9, .descriptionframe10 {
  transition:all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  overflow: hidden;
  -webkit-transform: translate(0%, -150%);
  -webkit-transition-delay: 0.2s; /* Safari */
  transition-delay: 0.2s;
  opacity: 0 !important;
  -webkit-filter: none !important;
  }

  .descrip_frame1, .descrip_frame2, .descrip_frame3, .descrip_frame4, .descrip_frame5, 
  .descrip_frame6, .descrip_frame7, .descrip_frame8, .descrip_frame9, .descrip_frame10 {
  transition:all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  overflow: hidden;
  -webkit-transform: translate(0%, 150%);
  -webkit-transition-delay: 0.2s; /* Safari */
  transition-delay: 0.2s;
  opacity: 0 !important;
  -webkit-filter: none !important;
  }

  .descriptionframe_hover, .descriptionframe_hover2, .descriptionframe_hover3, .descriptionframe_hover4, 
  .descriptionframe_hover5, .descriptionframe_hover6, .descriptionframe_hover7, .descriptionframe_hover8, .descriptionframe_hover9, .descriptionframe_hover10,
  .descrip_frame1_hover, .descrip_frame2_hover, .descrip_frame3_hover, .descrip_frame4_hover, .descrip_frame5_hover, 
  .descrip_frame6_hover, .descrip_frame7_hover, .descrip_frame8_hover, .descrip_frame9_hover, .descrip_frame10_hover  {
  transition:all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  overflow: hidden;
  -webkit-transform: translate(0%, 0%);
  -webkit-transition-delay: 0.2s; /* Safari */
  transition-delay: 0.2s;
  opacity: 1 !important;
  }

/*!
Portfolio Pro-Projects version
*/

.pp_portfolio_hidden1, .pp_portfolio_hidden2, .pp_portfolio_hidden3, .pp_portfolio_hidden4, .pp_portfolio_hidden5, .pp_portfolio_hidden6,
.pp_portfolio_hidden7, .pp_portfolio_hidden8, .pp_portfolio_hidden9, .pp_portfolio_hidden10, .pp_portfolio_hidden11, .pp_portfolio_hidden12 {
transition:all 0.4s ease;
-webkit-transition: all 0.4s ease;
overflow: hidden;
}

.pp_porfolio1, .pp_porfolio2, .pp_porfolio3, .pp_porfolio4,.pp_porfolio5, .pp_porfolio6,
.pp_porfolio7, .pp_porfolio8, .pp_porfolio9, .pp_porfolio10,.pp_porfolio11, .pp_porfolio12{
transition:all 10s ease-out;
transform-origin: center;
-webkit-transition: all 10s ease;
overflow: hidden;
 -webkit-filter: grayscale(1);
}


.pp_porfolio1_hover, .pp_porfolio2_hover, .pp_porfolio3_hover, .pp_porfolio4_hover, .pp_porfolio5_hover, .pp_porfolio6_hover,
.pp_porfolio7_hover, .pp_porfolio8_hover, .pp_porfolio9_hover, .pp_porfolio10_hover, .pp_porfolio11_hover, .pp_porfolio12_hover {
transition:all 10s ease-out;
-webkit-transition: all 10s ease;
transform-origin: center;
overflow: hidden;
transform: scale(1.3);
 -webkit-filter: grayscale(1);
}

/*!
Portfolio Parallax version
*/

.mp_portfolio_hidden1, .mp_portfolio_hidden2, .mp_portfolio_hidden3, .mp_portfolio_hidden4, .mp_portfolio_hidden5, .mp_portfolio_hidden6,
.mp_portfolio_hidden7, .mp_portfolio_hidden8, .mp_portfolio_hidden9, .mp_portfolio_hidden10, .mp_portfolio_hidden11, .mp_portfolio_hidden12 {
overflow: hidden !important;
}

.mp_porfolio1, .mp_porfolio2, .mp_porfolio3, .mp_porfolio4,.mp_porfolio5, .mp_porfolio6,
.mp_porfolio7, .mp_porfolio8, .mp_porfolio9, .mp_porfolio10,.mp_porfolio11, .mp_porfolio12{
transition:all 0.4s ease-out;
transform-origin: center;
-webkit-transition: all 0.4s ease;
overflow: hidden !important;
-webkit-filter: grayscale(1);
opacity: 0.9;
}

.mp_porfolio1_hover, .mp_porfolio2_hover, .mp_porfolio3_hover, .mp_porfolio4_hover, .mp_porfolio5_hover, .mp_porfolio6_hover,
.mp_porfolio7_hover, .mp_porfolio8_hover, .mp_porfolio9_hover, .mp_porfolio10_hover, .mp_porfolio11_hover, .mp_porfolio12_hover {
transition:all 0.4s ease-out;
-webkit-transition: all 0.4s ease;
transform-origin: center;
overflow: hidden !important;
transform: scale(1.09);
-webkit-filter: none;
opacity: 1;
}

.menuslidebackground2 {
  transition:all 0.9s ease;
  -webkit-transition: all 0.9s ease;
  opacity: 0;
  z-index: 0 !important;
  position: fixed !important;
  }

  .menuslidebackground2_click {
  transition:all 0.9s ease;
  -webkit-transition: all 0.9s ease;
  opacity: 1;
  z-index: 1000 !important;
  position: fixed !important;
  }

  /*!
Portfolio creative version  (Projects Menu)
*/


.mfc_projectmenu1 {
transition:all 1s ease-out;
-webkit-transition: all 1s ease;
transition-timing-function:cubic-bezier(0,.02,0,1);
-webkit-transition-delay: 0.8s; /* Safari */
transform-origin: center;
overflow: hidden !important; 
}

.mfc_projectmenu2 {
transition:all 1s ease-out;
-webkit-transition: all 1s ease;
transition-timing-function:cubic-bezier(0,.02,0,1);
-webkit-transition-delay: 0.6s; /* Safari */
transform-origin: center;
overflow: hidden !important; 
}

.mfc_projectmenu3 {
transition:all 1s ease-out;
-webkit-transition: all 1s ease;
transition-timing-function:cubic-bezier(0,.02,0,1);
-webkit-transition-delay: 0.4s; /* Safari */
transform-origin: center;
overflow: hidden !important; 
}

.mfc_projectmenu4 {
transition:all 1s ease-out;
-webkit-transition: all 1s ease;
transition-timing-function:cubic-bezier(0,.02,0,1);
-webkit-transition-delay: 0.2s; /* Safari */
transform-origin: center;
overflow: hidden !important; 
}

.mfc_projectmenu1_active {
transition:all 1.5s ease-out;
-webkit-transition: all 1.5s ease;
transition-timing-function:cubic-bezier(0,.02,0,1);
-webkit-transform: translate(0%, 100%);
position:fixed !important;
}

.mfc_projectmenu2_active {
transition:all 1.5s ease-out;
-webkit-transition: all 1.5s ease;
-webkit-transition-delay: 0.2s; /* Safari */
transition-timing-function:cubic-bezier(0,.02,0,1);
-webkit-transform: translate(0%, 100%);
position:fixed !important;
}

.mfc_projectmenu3_active {
transition:all 1.5s ease-out;
-webkit-transition: all 1.5s ease;
-webkit-transition-delay: 0.4s; /* Safari */
transition-timing-function:cubic-bezier(0,.02,0,1);
-webkit-transform: translate(0%, 100%);
position:fixed !important;
}

.mfc_projectmenu4_active {
transition:all 1.5s ease-out;
-webkit-transition: all 1.5s ease;
-webkit-transition-delay: 0.6s; /* Safari */
transition-timing-function:cubic-bezier(0,.02,0,1);
-webkit-transform: translate(0%, 100%);
position:fixed !important;
}

.mfc_projectmenuimg1 {
transition:all 3.5s ease-out;
-webkit-transition: all 3.5s ease;
transform-origin: center;
/*overflow: hidden !important; */
-webkit-filter: grayscale(1);
}

.mfc_projectmenuimg2 {
transition:all 3.5s ease-out;
-webkit-transition: all 3.5s ease;
transform-origin: center;
/*overflow: hidden !important; */
-webkit-filter: grayscale(1);
}

.mfc_projectmenuimg3 {
transition:all 3.5s ease-out;
-webkit-transition: all 3.5s ease;
transform-origin: center;
/*overflow: hidden !important; */
-webkit-filter: grayscale(1);
}

.mfc_projectmenuimg4 {
transition:all 3.5s ease-out;
-webkit-transition: all 3.5s ease;
transform-origin: center;
/*overflow: hidden !important; */
-webkit-filter: grayscale(1);
}

.mfc_projectmenuimg1_hover {
transition:all 1.5s ease-out;
-webkit-transition: all 1.5s ease;
transform-origin: center;
/*overflow: hidden !important; */
transform: scale(1.09);
-webkit-filter: none;
}

.mfc_projectmenuimg2_hover {
transition:all 1.5s ease-out;
-webkit-transition: all 1.5s ease;
transform-origin: center;
/*overflow: hidden !important; */
transform: scale(1.09);
-webkit-filter: none;
}

.mfc_projectmenuimg3_hover {
transition:all 1.5s ease-out;
-webkit-transition: all 1.5s ease;
transform-origin: center;
/*overflow: hidden !important; */
transform: scale(1.09);
-webkit-filter: none;
}

.mfc_projectmenuimg4_hover {
transition:all 1.5s ease-out;
-webkit-transition: all 1.5s ease;
transform-origin: center;
/*overflow: hidden !important; */
transform: scale(1.09);
-webkit-filter: none;
}

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

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

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

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


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

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

  .menuslidebackground_mfc {
  transition:all 0.9s ease;
  -webkit-transition: all 0.9s ease;
  opacity: 0!important;
  z-index: 0 !important;
  position: fixed !important;
  }

  .menuslidebackground_mfc_click {
  transition:all 0.9s ease;
  -webkit-transition: all 0.9s ease;
  opacity: 0.94 !important;
  z-index: 1000 !important;
  position: fixed !important;
  }

.socialbtn1_mfc {
-webkit-transition: 1s ease;
z-index: 2000 !important;
}

.socialbtn1_mfc:hover {
-webkit-transition: 1s ease;
z-index: 2000 !important;
-webkit-transform: translate(0%,-20%);
}

  /*!
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;
}


  .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%);
  opacity: 0 !important;
  -webkit-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%);
  -webkit-transition-delay: 0.2s; /* Safari */
  transition-delay: 0.2s;
  opacity: 0 !important;
  -webkit-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%);
  -webkit-transition-delay: 0.2s; /* Safari */
  transition-delay: 0.2s;
  opacity: 1 !important;
  }

  /*!
Portfolio classic responsive version
*/


@media only screen and (max-width: 3550px) and (min-width: 1281px) {
  .backgroundresponsive100 {
  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;
    }
 }



  .mfs_project1, .mfs_project2, .mfs_project3, .mfs_project4, .mfs_project5, .mfs_project6, 
  .mfs_project7, .mfs_project8, .mfs_project9, .mfs_project_10, .mfs_project_11, .mfs_project_12 {
   transition:all 1.5s ease;
  -webkit-transition: all 1.5s ease;
	max-width: 100%; 
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
	overflow: hidden !important;
	
   }

   .mfs_portfolio_hidden1, .mfs_portfolio_hidden2, .mfs_portfolio_hidden3, .mfs_portfolio_hidden4, .mfs_portfolio_hidden5, 
   .mfs_portfolio_hidden6, .mfs_portfolio_hidden7, .mfs_portfolio_hidden8, .mfs_portfolio_hidden9, .mfs_portfolio_hidden_10,.mfs_portfolio_hidden_11, .mfs_portfolio_hidden_12 {
   transition:all 1s ease;
  -webkit-transition: all 1s ease;
	max-width: 100%; 
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
	overflow: hidden !important;
	
   }

    .mfs_project1_hover, .mfs_project2_hover, .mfs_project3_hover, .mfs_project4_hover, .mfs_project5_hover, .mfs_project6_hover, 
    .mfs_project7_hover, .mfs_project8_hover, .mfs_project9_hover, .mfs_project_10_hover, .mfs_project_11_hover, .mfs_project_12_hover {
   transition:all 0.5s ease;
  -webkit-transition: all 0.5s ease;
	max-width: 100%;
	transform: scale(1.1);
	overflow: hidden !important;
	 
   }
    .mfs_projectbtn1, .mfs_projectbtn2, .mfs_projectbtn3, .mfs_projectbtn4, .mfs_projectbtn5, .mfs_projectbtn6, 
    .mfs_projectbtn7, .mfs_projectbtn8, .mfs_projectbtn9, .mfs_projectbtn_10, .mfs_projectbtn_11, .mfs_projectbtn_12 {
   transition:all 1s ease;
  -webkit-transition: all 1s ease;
	max-width: 100%; 
   }

  .mfs_text1, .mfs_text2, .mfs_text3, .mfs_text4, .mfs_text5, .mfs_text6, 
  .mfs_text7, .mfs_text8, .mfs_text9, .mfs_text_10, .mfs_text_11, .mfs_text_12 {
    transition:all 0.5s ease;
  	position: relative;
  	transform-origin: center center;
  	transform: scale(1.5);
  	transform-origin: center center;
  	opacity: 0;
	}

	.mfs_text1_active, .mfs_text2_active, .mfs_text3_active, .mfs_text4_active, .mfs_text5_active, .mfs_text6_active, 
	.mfs_text7_active, .mfs_text8_active, .mfs_text9_active, .mfs_text_10_active, .mfs_text_11_active, .mfs_text_12_active {
    transition:all 0.5s ease;
  	position: relative;
  	transform: scale(1);
  	transform-origin: center center;
  	opacity: 1;
	}


 /*!
Portfolio classic Masonry version
*/

  .mmfs_project1, .mmfs_project2, .mmfs_project3, .mmfs_project4, .mmfs_project5, .mmfs_project6, 
  .mmfs_project7, .mmfs_project8, .mmfs_project9, .mmfs_project_10, .mmfs_project_11, .mmfs_project_12 {
   transition:all 0.8s ease;
  -webkit-transition: all 0.5s ease;
	-webkit-transform-origin: center center;
	overflow: hidden !important;
   }

   .mmfs_project1_hover, .mmfs_project2_hover, .mmfs_project3_hover, .mmfs_project4_hover, .mmfs_project5_hover, .mmfs_project6_hover, 
   .mmfs_project7_hover, .mmfs_project8_hover, .mmfs_project9_hover, .mmfs_project_10_hover, .mmfs_project_11_hover, .mmfs_project_12_hover {
   transition:all 0.8s ease;
  -webkit-transition: all 0.8s ease;
   -webkit-transform: translate(0%, -50%);
	overflow: hidden !important; 
   }

   .mmfs_portfolio_hidden1, .mmfs_portfolio_hidden2, .mmfs_portfolio_hidden3, .mmfs_portfolio_hidden4, .mmfs_portfolio_hidden5, 
   .mmfs_portfolio_hidden6, .mmfs_portfolio_hidden7, .mmfs_portfolio_hidden8, .mmfs_portfolio_hidden9, .mmfs_portfolio_hidden_10,.mmfs_portfolio_hidden_11, .mmfs_portfolio_hidden_12 {
   transition:all 1s ease;
  -webkit-transition: all 1s ease;
	-webkit-transform-origin: center center;
	overflow: hidden !important;
   }

    .mmfs_projectbtn1, .mmfs_projectbtn2, .mmfs_projectbtn3, .mmfs_projectbtn4, .mmfs_projectbtn5, .mmfs_projectbtn6, 
    .mmfs_projectbtn7, .mmfs_projectbtn8, .mmfs_projectbtn9, .mmfs_projectbtn_10, .mmfs_projectbtn_11, .mmfs_projectbtn_12 {
   transition:all 0.8s ease;
  -webkit-transition: all 0.5s ease;
   overflow: hidden !important;
   opacity: 1 !important;
   }

  .mmfs_text1, .mmfs_text2, .mmfs_text3, .mmfs_text4, .mmfs_text5, .mmfs_text6, 
  .mmfs_text7, .mmfs_text8, .mmfs_text9, .mmfs_text_10, .mmfs_text_11, .mmfs_text_12 {
    transition:all 0.8s ease;
  	transform-origin: center center;
  	 -webkit-transform: translate(0%, 100%);
  	 opacity: 1 !important;
	}

	.mmfs_text1_active, .mmfs_text2_active, .mmfs_text3_active, .mmfs_text4_active, .mmfs_text5_active, .mmfs_text6_active, 
	.mmfs_text7_active, .mmfs_text8_active, .mmfs_text9_active, .mmfs_text_10_active, .mmfs_text_11_active, .mmfs_text_12_active {
    transition:all 0.8s ease;
  	position: relative;
  	transform: scale(1);
  	transform-origin: center center;
  	 -webkit-transform: translate(0%, 0%);
  	 opacity: 1 !important;
	}

  .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 {
   transition:all 0.8s ease;
  -webkit-transition: all 0.5s ease;
  -webkit-transform-origin: center center;
  overflow: hidden !important;
   }

   .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 {
   transition:all 0.8s ease;
  -webkit-transition: all 0.8s ease;
   -webkit-transform: translate(0%, -5%);
  overflow: hidden !important; 
   }

  .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 {
   transition:all 1s ease;
  -webkit-transition: all 1s ease;
  -webkit-transform-origin: center center;
  overflow: hidden !important;
   }

    .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 {
   transition:all 0.8s ease;
  -webkit-transition: all 0.5s ease;
   overflow: hidden !important;
   opacity: 1 !important;
   }

  .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 {
    transition:all 0.8s ease;
    transform-origin: center center;
     -webkit-transform: translate(0%, 100%);
     opacity: 1 !important;
  }

  .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 {
    transition:all 0.8s ease;
    position: relative;
    transform: scale(1);
    transform-origin: center center;
     -webkit-transform: translate(0%, 0%);
     opacity: 1 !important;
  }

	 /*!
Portfolio classic columns version
*/

  .cmfs_project1, .cmfs_project2, .cmfs_project3, .cmfs_project4, .cmfs_project5, .cmfs_project6, 
  .cmfs_project7, .cmfs_project8, .cmfs_project9, .cmfs_project_10, .cmfs_project_11, .cmfs_project_12, 
  .cmfs_project_13, .cmfs_project_14, .cmfs_project_15, .cmfs_project_16 {
   transition:all 0.3s ease;
  -webkit-transition: all 0.3s ease;
   -webkit-transform: translate(-8%, 0%) scale(1.2);
	-webkit-transform-origin: center center;
	overflow: hidden !important;
   }

   .cmfs_project1_hover, .cmfs_project2_hover, .cmfs_project3_hover, .cmfs_project4_hover, .cmfs_project5_hover, .cmfs_project6_hover, 
   .cmfs_project7_hover, .cmfs_project8_hover, .cmfs_project9_hover, .cmfs_project_10_hover, .cmfs_project_11_hover, .cmfs_project_12_hover, 
   .cmfs_project_13_hover , .cmfs_project_14_hover , .cmfs_project_15_hover , .cmfs_project_16_hover  {
   transition:all 0.3s ease;
   -webkit-transition: all 0.3s ease;
-webkit-filter: blur(4px);
    -webkit-transform: translate(0%, 0%) scale(1.2); 
	overflow: hidden !important; 
   }

   .cmfs_portfolio_hidden1, .cmfs_portfolio_hidden2, .cmfs_portfolio_hidden3, .cmfs_portfolio_hidden4, .cmfs_portfolio_hidden5, 
   .cmfs_portfolio_hidden6, .cmfs_portfolio_hidden7, .cmfs_portfolio_hidden8, .cmfs_portfolio_hidden9, .cmfs_portfolio_hidden_10,.cmfs_portfolio_hidden_11, .cmfs_portfolio_hidden_12, 
   .cmfs_portfolio_hidden_13, .cmfs_portfolio_hidden_14, .cmfs_portfolio_hidden_15, .cmfs_portfolio_hidden_16 {
   transition:all 1s ease;
  -webkit-transition: all 1s ease;
	-webkit-transform-origin: center center;
	overflow: hidden !important;
   }

    .cmfs_projectbtn1, .cmfs_projectbtn2, .cmfs_projectbtn3, .cmfs_projectbtn4, .cmfs_projectbtn5, .cmfs_projectbtn6, 
    .cmfs_projectbtn7, .cmfs_projectbtn8, .cmfs_projectbtn9, .cmfs_projectbtn_10, .cmfs_projectbtn_11, .cmfs_projectbtn_12, 
    .cmfs_projectbtn_13, .cmfs_projectbtn_14, .cmfs_projectbtn_15, .cmfs_projectbtn_16 {
   transition:all 0.3s ease;
  -webkit-transition: all 0.3s ease;
   overflow: hidden !important;
   opacity: 1 !important;
   }

  .cmfs_text1, .cmfs_text2, .cmfs_text3, .cmfs_text4, .cmfs_text5, .cmfs_text6, 
  .cmfs_text7, .cmfs_text8, .cmfs_text9, .cmfs_text_10, .cmfs_text_11, .cmfs_text_12, 
  .cmfs_text_13, .cmfs_text_14, .cmfs_text_15, .cmfs_text_16 {
    transition:all 0.3s ease;
  	transform-origin: center center;
  	-webkit-transform: translate(0%, 100%);
	}

	.cmfs_text1_active, .cmfs_text2_active, .cmfs_text3_active, .cmfs_text4_active, .cmfs_text5_active, .cmfs_text6_active, 
	.cmfs_text7_active, .cmfs_text8_active, .cmfs_text9_active, .cmfs_text_10_active, .cmfs_text_11_active, .cmfs_text_12_active, 
	.cmfs_text_13_active , .cmfs_text_14_active , .cmfs_text_15_active , .cmfs_text_16_active {
    transition:all 0.3s ease;
  	position: relative;
  	transform-origin: center center;
  	-webkit-transform: translate(0%, 0%);
	}

.mfs_categorybtn1  {
    transition:all 0.3s ease;
    position: fixed !important;
    bottom: 0px;
  }

  .backgroundresponsive85 {
  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;
   }

   .gradientbtn {
   transition:all 0.7s ease !important;
   -webkit-transition: all 0.7s ease;
   border-width: 4px;
   border-image: 
   -webkit-gradient(linear, left center, right center, from(#18E6A8), to(#B164FE), color-stop( 50%, #007aff)) 3 repeat repeat;
   }

   .gradientbtn:hover {
   transition:all 0.7s ease !important;
   -webkit-transition: all 0.7s ease;
   border-width: 4px;
   }

.hometext1 { animation: sayagofadeUpIn 1.9s; -webkit-animation: sayagofadeUpIn 1.9s;  /* Safari and Chrome */ }
@-webkit-keyframes sayagofadeUpIn /* Safari and Chrome */ {
from {
opacity:0;
-webkit-transform: translate(0%, -150%);
-webkit-animation-delay: 2s;
}
 to {
opacity:1;
-webkit-transform: translate(0%, 0%);
}
}

.hometext2{ animation: sayagoanimate 1.9s; -webkit-animation: sayagoanimate 1.9s;/* Safari and Chrome */ }
@-webkit-keyframes sayagoanimate /* Safari and Chrome */ {
from {
opacity:0;
-webkit-transform: translate(0%, 150%);
}
 to {
opacity:1;
-webkit-transform: translate(0%, 0%);
}
}

.hometext_left { animation: sayagofadeleft 1.9s; -webkit-animation: sayagofadeleft 1.9s;  /* Safari and Chrome */ }
@-webkit-keyframes sayagofadeleft /* Safari and Chrome */ {
from {
opacity: 0 !important;
-webkit-transform: translate(-100%, 0%);
-webkit-animation-delay: 2s !important;
}
 to {
opacity: 1 !important;
-webkit-transform: translate(0%, 0%);
}
}

.hometext_right { animation: sayagoright 1.9s; -webkit-animation: sayagoright 1.9s;/* Safari and Chrome */ }
@-webkit-keyframes sayagoright /* Safari and Chrome */ {
from {
opacity: 0 !important;
-webkit-transform: translate(100%, 0%);
}
 to {
opacity: 1 !important;
-webkit-transform: translate(0%, 0%);
}
}

.menuleft_sa {
   transition:all 0.5s ease !important;
   -webkit-transition: all 0.7s ease;
   position: fixed !important;
   opacity: 0;
   }

   .menuleft_sa_active {
   transition:all 0.5s ease !important;
   -webkit-transition: all 0.7s ease;
   position: fixed !important;
   opacity: 1;
   }

   .menuleft_sa2 {
   transition:all 0.5s ease !important;
   -webkit-transition: all 0.7s ease;
   position: fixed !important;
   opacity: 0;
   }

   .menuleft_sa2_active {
   transition:all 0.5s ease !important;
   -webkit-transition: all 0.7s ease;
   position: fixed !important;
   opacity: 0.9;
   }

   .elements_down {
  height: 100vh !important;
  transition:all 1s ease !important;
  transition-timing-function:cubic-bezier(0.9,0.10,0.1,1);
  }

  .elements_down_active {
  height: 100vh !important;
  transition-timing-function:cubic-bezier(0.9,0.10,0.1,1);
  transition:all 1s ease !important;
  -webkit-transform: translate(0%, 100%);
  z-index: 0 !important;
  }

  @media only screen and (max-width: 3550px) and (min-width: 1281px) { 
  .background_scroll { 
  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: fixed !important;
  -webkit-transform-origin: center center;
     opacity: 0.9;
    }
  }

   @media only screen and (max-width: 3550px) and (min-width: 1281px) { 
  .background_scroll_active { 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: fixed !important;
  -webkit-transform-origin: center center;
     -webkit-transform: scale(0.95); 
    }
  }

.ImgZoom {
 transition:all 0.5s ease 0s;
-webkit-filter: brightness(1.8) grayscale(1);
  transform-origin: center center;
}
.ImgZoom:hover, star {
transform: scale(1.1);
-webkit-filter: none;
z-index: 2000 !important;
}

.Image_sayago {
 transition:all 0.5s ease 0s;
-webkit-filter: grayscale(1);
 transform-origin: center center;
 -webkit-transform: translate(0%, 0%);
}
.Image_sayago:hover, star {
transform: scale(1.1);
-webkit-filter: none;
z-index: 2000 !important;
}






/*!

@media only screen and (min-width: 0px) and (max-width: : 500px)  {
.etc_sample {
transition:all 0.5s ease 0s;
-webkit-filter: grayscale(1);
transform-origin: center center;
-webkit-transform: scale(1.8); 
	}
}

@media only screen and (min-device-aspect-ratio: 3001px) and (max-device-aspect-ratio: 2000px)   {
.etc_sample {
transition:all 0.9s ease 0s;
-webkit-filter: brightness(1.8) grayscale(0);
transform-origin: center center;
-webkit-transform: scale(1.4); 
	}
}
*/


/*!
.etc_sample {
transition:all 1.5s ease 0s;
-webkit-filter: grayscale(1);
transform-origin: center center;
-webkit-transform: scale(1.1); 
  opacity: 1 !important;
	}

.etc_sample_active {
transition:all 2.5s ease 0s;
-webkit-filter: grayscale(1);
transform-origin: center center;
-webkit-transform: scale(3.9); 
  opacity: 0 !important;
	}
*/