@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;
  }

.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-Btn, .menuSideSlideNav-Close:hover {
  cursor: pointer;
  position: fixed;
  top: 0;  

  cursor: hand; cursor: pointer;
  }


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

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

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

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


/*!
Services Ficha template CSS
*/

  .colorbarservice1 {
  transform-origin: center center;
  transition:all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -webkit-transform: translate(-400px, 0px);
  opacity: 0;
  }

  .colorbarservice1_hover{
  transform-origin: center center;
  transition:all 0.4s ease;
  -webkit-transition: all 0.4s ease;
   -webkit-transform: translate( 0px, 0px);
  opacity: 0.7;
  }

  .colorbarservice2 {
  transform-origin: center center;
  position: absolute;
  transition:all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  opacity: 0;
    -webkit-transform: translate( -400px, 0px);
  }

  .colorbarservice2_hover {
  transform-origin: center center;
  position: absolute;
  transition:all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -webkit-transform: translate(0px, 0px);
  opacity: 1;
  }

  .colorbarservice3 {
  transform-origin: center center;
  transition:all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -webkit-transform: translate(-400px, 0px);
  opacity: 0 !important;
  }

  .colorbarservice3_hover{
  transform-origin: center center;
  transition:all 0.4s ease;
  -webkit-transition: all 0.4s ease;
   -webkit-transform: translate( 0px, 0px);
  opacity: 0.7 !important;
  }

  .colorbarservice4 {
  transform-origin: center center;
  position: absolute;
  transition:all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  opacity: 0 !important;
  -webkit-transform: translate( -400px, 0px);
  }

  .colorbarservice4_hover {
  transform-origin: center center;
  position: absolute;
  transition:all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -webkit-transform: translate(0px, 0px);
  opacity: 1 !important;
  }

    .colorbarservice5 {
  transform-origin: center center;
  transition:all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -webkit-transform: translate(-400px, 0px);
  opacity: 0 !important;
  }

  .colorbarservice5_hover{
  transform-origin: center center;
  transition:all 0.4s ease;
  -webkit-transition: all 0.4s ease;
   -webkit-transform: translate( 0px, 0px);
  opacity: 0.7 !important;
  }

  .colorbarservice6 {
  transform-origin: center center;
  position: absolute;
  transition:all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  opacity: 0 !important;
  -webkit-transform: translate( -400px, 0px);
  }

  .colorbarservice6_hover {
  transform-origin: center center;
  position: absolute;
  transition:all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -webkit-transform: translate(0px, 0px);
  opacity: 1 !important;
  }

    .colorbarservice7 {
  transform-origin: center center;
  transition:all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -webkit-transform: translate(-400px, 0px);
  opacity: 0 !important;
  }

  .colorbarservice7_hover{
  transform-origin: center center;
  transition:all 0.4s ease;
  -webkit-transition: all 0.4s ease;
   -webkit-transform: translate( 0px, 0px);
  opacity: 0.7 !important;
  }

  .colorbarservice8 {
  transform-origin: center center;
  position: absolute;
  transition:all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  opacity: 0 !important;
  -webkit-transform: translate( -400px, 0px);
  }

  .colorbarservice8_hover {
  transform-origin: center center;
  position: absolute;
  transition:all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -webkit-transform: translate(0px, 0px);
  opacity: 1 !important;
  }

  .serviceimg1 {
  transition:all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  opacity: 0 !important;
  }

  .serviceimg1_hover {
  transition:all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  opacity: 1 !important;
  }

    .serviceimg2 {
  transition:all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  opacity: 0 !important;
  }

    .serviceimg2_hover {
  transition:all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  opacity: 1 !important;
  }

      .serviceimg3 {
  transition:all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  opacity: 0 !important;
  }

    .serviceimg3_hover {
  transition:all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  opacity: 1 !important;
  }

    .serviceimg4 {
  transition:all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  opacity: 0 !important;
  }

    .serviceimg4_hover {
  transition:all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  opacity: 1 !important;
  }


/*!
Portfolio Ficha
*/

  .buttonportfolio, .buttonportfolio2, .buttonportfolio3, .buttonportfolio4, .buttonportfolio5, 
  .buttonportfolio6, .buttonportfolio7, .buttonportfolio8, .buttonportfolio9 {
  transition:all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  overflow: hidden;
  }

  .workphoto, .workphoto2, .workphoto3, .workphoto4, 
  .workphoto5, .workphoto6, .workphoto7, .workphoto8, .workphoto9 {
  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 {
  transition:all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transform-origin: center center;
  overflow: hidden;
  transform: scale(0.9);
  }

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

  .descriptionframe_hover, .descriptionframe_hover2, .descriptionframe_hover3, .descriptionframe_hover4, 
  .descriptionframe_hover5, .descriptionframe_hover6, .descriptionframe_hover7, .descriptionframe_hover8, .descriptionframe_hover9 {
  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;
  }

/*!
Clients Ficha CSS
*/

.buttonclient, .buttonclient1, .buttonclient2, .buttonclient3 {
transition:all 0.4s ease;
-webkit-transition: all 0.4s ease;
overflow: hidden;
}

.secclient, .secclient1, .secclient2, .secclient3 {
overflow: hidden;
transition:all 0.4s ease;
transform-origin: center center;
-webkit-transition: all 0.4s ease;
}

.secclient_hover, .secclient_hover2, .secclient_hove3, .secclient_hover4 {
transition:all 0.4s ease;
-webkit-transition: all 0.4s ease;
transform-origin: center center;
transform-origin: center center;
overflow: hidden;
transform: scale(0.9);
}

.descripclient, .descripclient1, .descripclient2, .descripclient3 {
transition:all 0.3s ease;
-webkit-transition: all 0.3s ease;
-webkit-transform: translate(0%, 100%);
}

.descripclient_hover, .descripclient_hover1, .descripclient_hover2, .descripclient_hover3 {
transition:all 0.3s ease;
-webkit-transition: all 0.3s ease;
overflow: hidden;
-webkit-transform: translate(0%, 0%);
}

.testiclient1, .testiclient2, .testiclient3, .testiclient4 {
transition:all 0.4s ease;
-webkit-transition: all 0.4s ease;
overflow: hidden;
-webkit-transform: translate(-100%, 0%);
opacity: 0;
}

.testiclient1_hover, .testiclient2_hover, .testiclient3_hover, .testiclient4_hover {
transition:all 0.4s ease;
-webkit-transition: all 0.4s ease;
overflow: hidden;
-webkit-transform: translate(0%, 0%);
opacity: 1;
}

.clientphoto1, .clientphoto2, .clientphoto3, .clientphoto4{
transition:all 0.4s ease;
-webkit-transition: all 0.4s ease;
overflow: hidden;
-webkit-transform: translate(100%, 0%);
opacity: 0 !important;
}

.clientphoto1_hover, .clientphoto_hover2, .clientphoto_hover3, .clientphoto_hover4 {
transition:all 0.4s ease;
-webkit-transition: all 0.4s ease;
overflow: hidden;
-webkit-transform: translate(0%, 0%);
opacity: 1 !important;
}

.logoclient1, .logoclient2, .logoclient3, .logoclient4 {
transition:all 0.4s ease;
-webkit-transition: all 0.4s ease;
overflow: hidden;
transform-origin: center center;
-webkit-transform: translate(0%, 0%);
}

.logoclient1_hover, .logoclient_hover2, .logoclient_hover3, .logoclient_hover4 {
transition:all 0.4s ease;
-webkit-transition: all 0.4s ease;
overflow: hidden;
transform-origin: center center;
-webkit-transform: translate(0%, -100%);
}

/*!
sample, erease
*/

.bnphoto {
transition:all 0.4s ease;
-webkit-transition: all 0.4s ease;
transform-origin: center center;
-webkit-transform: translate(100%, 0%);
transform: scale(3);
opacity: 0 !important;
}

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