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