@CHARSET "UTF-8";
/*  break points styles  */
@media only screen and (max-width : 2200px){

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px){

}
 
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px){

}
 
/* Small Devices, Tablets */
@media only screen and (max-width : 768px){

}

@media only screen and (max-width : 576px){

}
 
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px){

}
 
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}
/*  zoom  */
/*
#zoom1 {
	background: none repeat scroll 0 0 white;
	display: none; 
  height: 390px;
  overflow: hidden;
  position: absolute;
  top: 24px;
  width: 80%;
  z-index: 999;
}

#zoom1>img {
	position: absolute;
}
*/

.spa-section{
   clear:both;
   overflow:hidden;
}

/*  effects  */
.spa-section>.active{

}

.spa-section .info-form-box{
   -webkit-transform: translate(-108%, 0%);
     -moz-transform: translate(-108%, 0%);
      -ms-transform: translate(-108%, 0%);
       -o-transform: translate(-108%, 0%);
          transform: translate(-108%, 0%);
}

.spa-section .info-google-map-box,
.spa-section .info-contact-box{
   -webkit-transform: translate(108%, 0%);
     -moz-transform: translate(108%, 0%);
      -ms-transform: translate(108%, 0%);
       -o-transform: translate(108%, 0%);
          transform: translate(108%, 0%);
}
.spa-section .info-google-map-box,
.spa-section .info-contact-box,
.spa-section .info-form-box{
     -webkit-transition: all 0.6s ease-out; 
     -moz-transition: all 0.6s ease-out;
       -o-transition: all 0.6s ease-out;
          transition: all 0.6s ease-out;
}
.spa-section.active .info-google-map-box,
.spa-section.active .info-form-box,
.spa-section.active .info-contact-box{
   -webkit-transform: translate(0%, 0%);
     -moz-transform: translate(0%, 0%);
      -ms-transform: translate(0%, 0%);
       -o-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
}