@charset "utf-8";
/* CSS Document */

.hvr-ripple-out::before {
    animation-duration: 0.8s;
    border: 4px solid #12bbb8;
    border-radius: 0px;
    bottom: -4px;
    content: "";
    left: -4px;
    position: absolute;
    right: -4px;
    top: -4px;
}

.text-panel .hvr-ripple-out::before, .sub-content .hvr-ripple-out::before {
    animation-duration: 0.8s;
    border: 4px solid #FE2D2D !important;
    border-radius:0 !important;
    bottom: -0;
    content: "";
    left: -0;
    position: absolute;
    right: -0;
    top: -0;
}






/*-------------------------------------------------------------------------responsive*/
@media only screen and (max-width: 2880px) {

}
@media only screen and (max-width: 2560px) {

}
@media only screen and (max-width: 2048px) {

}
@media only screen and (max-width: 1920px) {

}
@media only screen and (max-width: 1800px) {

}
@media only screen and (max-width: 1700px) {

}
@media only screen and (max-width: 1680px) {

}
@media only screen and (max-width: 1600px) {

}
@media only screen and (max-width: 1536px) {

}
@media only screen and (max-width: 1440px) {

}
@media only screen and (max-width: 1366px) {

}
@media only screen and (max-width: 1280px) {

}
@media only screen and (max-width: 1200px) {

}
@media only screen and (max-width: 1170px) {

}
@media only screen and (max-width: 1136px) {

}
@media only screen and (max-width: 1080px) {

}
@media only screen and (max-width: 1050px) {

}
@media only screen and (max-width: 1024px) {

}
@media only screen and (max-width: 960px) {

}
@media only screen and (max-width: 900px) {

}
@media only screen and (max-width: 854px) {

}
@media only screen and (max-width: 800px) {

}
@media only screen and (max-width: 768px) {

}
@media only screen and (max-width: 720px) {

}
@media only screen and (max-width: 640px) {

}
@media only screen and (max-width: 600px) {

}
@media only screen and (max-width: 540px) {

}
@media only screen and (max-width: 480px) {

}
@media only screen and (max-width: 360px) {

}
@media only screen and (max-width: 320px) {

}
@media only screen and (max-width: 240px) {

}