@charset "UTF-8";
/* CSS Document */

#homeArea>div.init{
opacity: 0;
transform: translateY(30px);
}
#homeArea>div.init.active{
opacity: 1;
transform: none;
transition: opacity 1000ms linear, transform 1000ms cubic-bezier(0.16, 1, 0.3, 1);
}





#homeServicesContent.init{
opacity: 0;
transform: translateY(30px);
}
#homeServicesContent.init.active{
opacity: 1;
transform: none;
transition: opacity 1000ms linear, transform 1000ms cubic-bezier(0.16, 1, 0.3, 1);
}
#homeServicesSlide.init{
opacity: 0;
transform: translateY(30px);
}
#homeServicesSlide.init.active{
opacity: 1;
transform: none;
transition: opacity 1000ms linear, transform 1000ms cubic-bezier(0.16, 1, 0.3, 1);
}





.servicesMainBox.init{
opacity: 0;
transform: translateY(30px);
}
.servicesMainBox.init.active{
opacity: 1;
transform: none;
transition: opacity 1000ms linear, transform 1000ms cubic-bezier(0.16, 1, 0.3, 1);
}





#aboutArea>div>div.init{
opacity: 0;
transform: translateY(30px);
}
#aboutArea>div>div.init.active{
opacity: 1;
transform: none;
transition: opacity 1000ms linear, transform 1000ms cubic-bezier(0.16, 1, 0.3, 1);
}





#contactArea>div>div.init{
opacity: 0;
transform: translateY(30px);
}
#contactArea>div>div.init.active{
opacity: 1;
transform: none;
transition: opacity 1000ms linear, transform 1000ms cubic-bezier(0.16, 1, 0.3, 1);
}





#thanksArea>div>div.init{
opacity: 0;
transform: translateY(30px);
}
#thanksArea>div>div.init.active{
opacity: 1;
transform: none;
transition: opacity 1000ms linear, transform 1000ms cubic-bezier(0.16, 1, 0.3, 1);
}





#informationArea.init,
#informationSingleArea.init{
opacity: 0;
transform: translateY(30px);
}
#informationArea.init.active,
#informationSingleArea.init.active{
opacity: 1;
transform: none;
transition: opacity 1000ms linear, transform 1000ms cubic-bezier(0.16, 1, 0.3, 1);
}