.tilt{overflow:hidden;position:relative;width:100%;height:100%;margin:0 auto;}
.tilt__back,
.tilt__front{width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.tilt__back{position:relative;}
.tilt__front{position:absolute;top:0;left:0;}
.background-tilt{position:relative;text-align:center;height:100vh;overflow:hidden;}
.tilt__wrap{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;}
.tilt__imgwrap{position:relative;width:100%;height:100%;overflow:hidden;}
.tilt__img{position:absolute;top:50%;left:50%;width:auto;height:100vh;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);}
.tilt__imgwrap .tilt__back,
.tilt__imgwrap .tilt__front{background-size:cover;background-attachment:fixed;}
@media screen and (max-width:1024px){.tilt__imgwrap .tilt__back,
.tilt__imgwrap .tilt__front{background-position:right -30px top 0px}
}
@media screen and (max-width:767px){.background-tilt,
.tilt__img{height:80vh !important;}
.tilt__imgwrap .tilt__back,
.tilt__imgwrap .tilt__front{background-size:cover;}
.tilt__imgwrap .tilt__back, .tilt__imgwrap .tilt__front{background-attachment:scroll;}
}
.ios .tilt__imgwrap .tilt__back,
.ios .tilt__imgwrap .tilt__front{background-attachment:scroll;}
@media screen and (max-width:400px){.background-tilt,
.tilt__img{height:600px !important;}
.tilt__imgwrap .tilt__back,
.tilt__imgwrap .tilt__front{background-size:cover;}
.tilt__imgwrap .tilt__back,
.tilt__imgwrap .tilt__front{background-position:right -30px top 0px}
}
.on__text{position:relative;width:100%;height:100%;box-sizing:border-box;padding:20px;color:#FFF;}