@keyframes topen {
    from {opacity:0; transform: translate(0,-90%); -ms-transform:translate(0,-90%); -webkit-transform: translate(0,-90%); -moz-transform: translate(0,-90%);}
    to {opacity:1; transform: translate(0); -ms-transform:translate(0); -webkit-transform: translate(0); -moz-transform: translate(0);}
}
@-webkit-keyframes topen {
    from {opacity:0; transform: translate(0,-90%); -ms-transform:translate(0,-90%); -webkit-transform: translate(0,-90%); -moz-transform: translate(0,-90%);}
    to {opacity:1; transform: translate(0); -ms-transform:translate(0); -webkit-transform: translate(0); -moz-transform: translate(0);}
}
@keyframes boten {
    from {opacity:0; transform: translate(0,50%); -ms-transform:translate(0,50%); -webkit-transform: translate(0,50%); -moz-transform: translate(0,50%);}
    to {opacity:1; transform: translate(0,0);-ms-transform:translate(0,0); -webkit-transform: translate(0,0);  -moz-transform: translate(0,0);}
}
@-webkit-keyframes boten {
    from {opacity:0; transform: translate(0,50%); -ms-transform:translate(0,50%); -webkit-transform: translate(0,50%); -moz-transform: translate(0,50%);}
    to {opacity:1; transform: translate(0,0);-ms-transform:translate(0,0); -webkit-transform: translate(0,0);  -moz-transform: translate(0,0);}
}
.mapframe{opacity:1; transition-duration:1s;}
.mapframe:hover{opacity:0; transition-duration:1s;}
/* Designed by Hatef Jafari Sharami (www.sharami.me), Proudly For Arian Advertising Agency, All Rights Reserved.*/