.mod-orient-layer{display:none;position:fixed;height:100%;width:100%;left:0;top:0;right:0;bottom:0;background:#000;z-index:9997}
.mod-orient-layer-content{position:absolute;width:100%;top:45%;margin-top:-75px;text-align:center}
.mod-orient-layer-icon-orient{ display: block; background:url(/en/images/icon-orient.png) no-repeat 0 0/100% 100%; width:9.4vw;height:15.3vw;transform:rotate(90deg);-webkit-transform:rotate(90deg);-webkit-animation:rotation infinite 1.5s ease-in-out;animation:rotation infinite 1.5s ease-in-out; margin:0 auto; }
.mod-orient-layer-desc{margin-top:2vw;font-size:4vw;color:#fff;}

@-webkit-keyframes rotation{
    10%,100%,90%{-webkit-transform:rotate(90deg)}
    50%,60%{-webkit-transform:rotate(0)}
}
@keyframes rotation{
    10%,100%,90%{transform:rotate(90deg)}
    50%,60%{transform:rotate(0)}
}
@media screen and (orientation:portrait){
    .mod-orient-layer{display:block!important}
}