/* My css */
.padding-main--inside{padding-top:30px;padding-bottom:30px;}
.padding-main{padding-top:60px;padding-bottom:60px;}
@media (max-width:992px){.padding-main{padding-top:45px;padding-bottom:45px;}
}
@media (max-width:768px){.padding-main{padding-top:30px;padding-bottom:30px;}
}
@media (max-width:576px){.padding-main--inside,.padding-main{padding-top:15px;padding-bottom:15px;}
}
[class*="--index"]{position:relative;}
figure{margin-bottom:0;}
figcaption{display:none;}
.content-text figcaption{display:block;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.cls-img{width:100%;height:auto;}
/* color text */
.color-fff{color:#fff;}
.color-000{color:#000;}
/* position */
/* -relative */
.posr{position:relative;}
/* -absolute */
.posa{position:absolute;}
.posa-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.posa-centerX{position:absolute;left:50%;transform:translateX(-50%);}
.posa-centerY{position:absolute;top:50%;transform:translateY(-50%);}
.o-hidden{overflow:hidden;}
.flex-res{display:flex;flex-wrap:wrap;}
/* ANIMATION AUTO */
.a-spin-around{animation:app-logo-spin infinite 5s linear;}
@keyframes app-logo-spin{from{transform:rotateY(0deg);}
to{transform:rotateY(360deg);}
}
.a-shake-zoom{animation:hithere 1s ease infinite;}
@keyframes hithere{30%{transform:scale(.8);}
40%,60%{transform:rotate(-20deg) scale(.8);}
50%{transform:rotate(20deg) scale(.8);}
70%{transform:rotate(0deg) scale(.8);}
100%{transform:scale(1);}
}
/* scale img*/
.scale-img{overflow:hidden;display:block;}
.scale-img img{transform:scale(1,1);}
.scale-img:hover > img{transform:scale(1.1,1.1);}
/* peShiner */
/* auto glass */
.effect-run a{display:block;}
.effect-run canvas{top:-2px;left:-2px;}
.effect-run img{margin:0 !important;}
/* Image hover */
/* hover triangle top-right and bottom-left */
.image-effect-one:hover > img{opacity:0.9;}
.image-effect-one{background-color:#000;overflow:hidden;position:relative;text-align:center;width:100%;display:block;}
.image-effect-one:hover:before{-webkit-transform:skew(40deg) translateX(-55%);transform:skew(40deg) translateX(-55%);}
.image-effect-one:before{-webkit-transform:skew(40deg) translateX(-155%);transform:skew(40deg) translateX(-155%);}
.image-effect-one:before,.image-effect-one:after{position:absolute;top:0;bottom:0;left:0;right:0;-webkit-transition:all 0.35s ease;transition:all 0.35s ease;background-color:#000;content:"";opacity:0.6;z-index:1;}
.image-effect-one:after{-webkit-transform:skew(40deg) translateX(155%);transform:skew(40deg) translateX(155%);}
.image-effect-one:hover:after{-webkit-transform:skew(40deg) translateX(50%);transform:skew(40deg) translateX(50%);}
.image-effect-one img{backface-visibility:hidden;max-width:100%;width:100%;vertical-align:top;}
.image-effect-one *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.35s ease;transition:all 0.35s ease;}
.image-effect-one:hover:before{-webkit-transform:skew(40deg) translateX(-50%);transform:skew(40deg) translateX(-50%);}
/* hover twin retangle glass*/
.image-effect-two{position:relative;overflow:hidden;}
.image-effect-two::before{pointer-events:none;content:"";background:rgba(255,255,255,0.5);bottom:0;left:0;position:absolute;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);-khtml-opacity:1;-o-opacity:1;-ms-opacity:1;-webkit-opacity:1;-moz-opacity:1;opacity:1;width:0;height:0;z-index:1;}
.image-effect-two::after{pointer-events:none;content:"";background:rgba(255,255,255,0.5);top:0;right:0;position:absolute;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);-khtml-opacity:1;-o-opacity:1;-ms-opacity:1;-webkit-opacity:1;-moz-opacity:1;opacity:1;width:0;height:0;z-index:2;}
.image-effect-two:hover::before,.image-effect-two:hover::after,.product:hover .image-effect-two::before,.product:hover .image-effect-two::after{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transition-duration:1.3s;-moz-transition-duration:1.3s;-ms-transition-duration:1.3s;-o-transition-duration:1.3s;transition-duration:1.3s;-khtml-opacity:0;-o-opacity:0;-ms-opacity:0;-webkit-opacity:0;-moz-opacity:0;opacity:0;height:100%;width:100%;}
/* hover glass basic */
.hover-glass{overflow:hidden;display:block;position:relative;}
.hover-glass::before{content:"";position:absolute;top:0;left:-83%;z-index:2;display:block;content:"";width:50%;height:100%;background:-webkit-linear-gradient( left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100% );background:linear-gradient( to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100% );-webkit-transform:skewX(-25deg);transform:skewX(-25deg);}
.hover-glass:hover:before{-webkit-animation:shine 1s;animation:shine 1s;}
@-webkit-keyframes shine{100%{left:125%;}
}
@keyframes shine{100%{left:125%;}
}
.hover-glass:hover:before{-webkit-animation:shine 1s;animation:shine 1s;}
.hover-glass img{width:100%;transition:ease 0.75s;display:block;}
/* Button hover */
/* hover shadow bottom */
.btn-hover-one:hover,.btn-hover-one:focus,.btn-hover-one:active{-webkit-transform:translateY(-5px);transform:translateY(-5px);}
.btn-hover-one{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgb(0 0 0 / 0%);position:relative;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;}
.btn-hover-one:hover:before,.btn-hover-one:focus:before,.btn-hover-one:active:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px);}
.btn-hover-one:before{pointer-events:none;position:absolute;z-index:-1;content:"";top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient( center,ellipse,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 80% );background:radial-gradient( ellipse at center,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 80% );-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity;}
/* hover background left to right */
.btn-hover-two{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgb(0 0 0 / 0%);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s;}
.btn-hover-two:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.btn-hover-two:hover,.btn-hover-two:focus,.btn-hover-two:active{color:white;}
.btn-hover-two:hover:before,.btn-hover-two:focus:before,.btn-hover-two:active:before{-webkit-transform:scaleX(1);transform:scaleX(1);}
/* Wobble Top */
.hvr-wobble-top{display:block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transform-origin:0 100%;transform-origin:0 100%;}
.hvr-wobble-top:hover,.hvr-wobble-top:focus,.hvr-wobble-top:active{-webkit-animation-name:hvr-wobble-top;animation-name:hvr-wobble-top;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1;}
@-webkit-keyframes hvr-wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg);}
33.3%{-webkit-transform:skew(10deg);transform:skew(10deg);}
49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg);}
66.6%{-webkit-transform:skew(4deg);transform:skew(4deg);}
83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg);}
100%{-webkit-transform:skew(0);transform:skew(0);}
}
@keyframes hvr-wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg);}
33.3%{-webkit-transform:skew(10deg);transform:skew(10deg);}
49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg);}
66.6%{-webkit-transform:skew(4deg);transform:skew(4deg);}
83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg);}
100%{-webkit-transform:skew(0);transform:skew(0);}
}
/* Text hover */
/* hover line bottom */
.hvr-line-run-one{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgb(0 0 0 / 0%);position:relative;overflow:hidden;}
.hvr-line-run-one:before{content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;background:#2098d1;height:4px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.hvr-line-run-one:hover:before,.hvr-line-run-one:focus:before,.hvr-line-run-one:active:before{right:0;}