/****************************** BtnPageTop  */
.el_pageTop { display: none; z-index: 1100; position: fixed; right: 25px; bottom: 50px; width: 50px; height: 50px; border-radius: 50%; background: #000000; opacity: 0.7; }

.el_pageTop a { -webkit-box-align: center; -ms-flex-align: center; display: block; position: relative; align-items: center; width: 50px; height: 50px; color: #ffffff; font-family: 'Ropa Sans', sans-serif; text-align: center; text-decoration: none; }

.el_pageTop a::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 0px; height: 0px; margin: auto; border-right: solid 5px transparent; border-bottom: solid 8px #ffffff; border-left: solid 5px transparent; content: ''; }

/****************************** hover_zoom  */
.hover_zoom { position: relative; overflow: hidden; background: #fff; }

.hover_zoom:after { display: block; position: absolute; top: 0; width: 100%; height: 100%; background: no-repeat center center; background-size: cover; content: ""; -webkit-transition: all .8s ease; transition: all .8s ease; }

.hover_zoom:hover:after { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0.9; }

/******************************
header fixed
******************************/
.js_fixed { z-index: 100; position: fixed; top: 0; left: 0; }

/******************************
emergence.js
******************************/
.js_reveal01 { -webkit-transition: 0.8s ease-in-out; transition: 0.8s ease-in-out; }

.js_reveal01.js_reveal01__img { -webkit-transition: 1s ease-in-out; transition: 1s ease-in-out; }

.js_reveal01.js_reveal01__sect { -webkit-transition: 1s ease-in-out; transition: 1s ease-in-out; }

.js_reveal01[data-emergence=hidden] { -webkit-transform: translateY(5px); transform: translateY(5px); opacity: 0; }

.js_reveal01[data-emergence=visible] { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }

.js_reveal01__trigger { -webkit-transform: translateY(5px); transform: translateY(5px); opacity: 0; -webkit-transition: 1s ease-in-out; transition: 1s ease-in-out; }

.js_reveal01__trigger.js_reveal01__trigger__on { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }

.js_reveal01.js_reveal01__aboutImg { -webkit-transition: 1.5s ease-in-out; transition: 1.5s ease-in-out;}
.js_reveal01[data-emergence=visible].js_reveal01__aboutImg { opacity: 0.8;}

@media (max-width: 639px) { .el_pageTop { right: 10px; bottom: 20px; } }

@media screen and (min-width: 751px) { 
  .js_reveal01__delay { -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; -webkit-transition: 1s ease-in-out; transition: 1s ease-in-out; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
  .js_reveal01__delay.js_reveal01__delay__on { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 
}
