.wrapper{display:block;position:relative;width:300px;height:250px;overflow:hidden}.trigger{display:block;position:absolute;top:0;left:0;width:100%;height:62%;cursor:pointer;z-index:1000;padding-top:38%;background-color: rgba(255,255,255,0)}.wrapper .bg,.wrapper .frame,.wrapper .frame .compass{width:100%;height:100%;top:0;left:0;display:block;position:absolute}.frame_2 .trigger{font-family:Oswald,sans-serif;font-size:18px;line-height:17px;text-align:center;color:#FFF;background-color:rgba(0,0,0,.5)}.wrapper .bg{background-image:url(https://secure.cdn.vellance.com/tbwa/mcd/bg.jpg);background-repeat:no-repeat;background-size:cover;z-index:1}.wrapper .frame{z-index:10}.wrapper .frame .compass{z-index:20}.wrapper .frame .compass .compass_arrow,.wrapper .frame .compass .compass_bg,.wrapper .frame .compass .wrap_arrow{display:block;position:absolute;background-repeat:no-repeat;background-position:center center}.wrapper .frame .compass .compass_bg{background-image:url(https://secure.cdn.vellance.com/tbwa/mcd/compass_bg.png);background-repeat:no-repeat;background-size:contain;width:66%;height:66%;top:17%;left:17%;z-index:20}.wrapper .frame .compass .compass_arrow{background-image:url(https://secure.cdn.vellance.com/tbwa/mcd/compass_arrow_crop.png);background-repeat:no-repeat;background-position:center top;background-size:17%;width:100%;height:100%;z-index:25;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.mcd_logo,.wrap_logo,.wrapper .frame .compass .wrap_arrow{background-size:contain;background-repeat:no-repeat}.wrapper .frame .compass .wrap_arrow{background-image:url(https://secure.cdn.vellance.com/tbwa/mcd/wrap_arrow.png);width:60%;height:60%;top:20%;left:20%;z-index:30;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.wrapper .frame .dest_dist,.wrapper .frame .dest_name,.wrapper .frame .gmaps_link{display:block;z-index:50;position:absolute;font-family:Oswald,sans-serif;color:#FFF}.wrapper .frame .gmaps_link{-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg);text-decoration:none;bottom:13%;right:-5%}.wrapper .frame .dest_dist,.wrapper .frame .dest_name{top:5%;width:40%}.mcd_logo,.wrap_logo,.wrapper .frame_1,.wrapper .frame_2,.wrapper .frame_3{display:none}.wrapper .frame .dest_name{left:5%;height:69px;font-size:21px;line-height:23px}.wrapper .frame .dest_dist{right:5%;text-align:right;height:38px;font-size:38px;line-height:38px}.wrap_logo{position:absolute;background-image:url(https://secure.cdn.vellance.com/tbwa/mcd/wrap_logo.png);background-position:center center}.mcd_logo{position:absolute;width:24%;height:30%;left:8%;top:0;background-image:url(https://secure.cdn.vellance.com/tbwa/mcd/mcd_logo.jpg);background-position:center top}.wrapper .frame_1 .wrap_logo,.wrapper .frame_3 .wrap_logo{width:61%;height:28%;right:3.5%;top:0}.wrapper .frame_2 .wrap_logo{width:60%;height:15%;left:20%;bottom:2%}.wrapper .frame_1 .wraps,.wrapper .frame_1 .wraps .wrap1,.wrapper .frame_1 .wraps .wrap2,.wrapper .frame_3 .wraps,.wrapper .frame_3 .wraps .wrap1,.wrapper .frame_3 .wraps .wrap2{display:block;position:absolute;left:0;width:100%;height:100%}.wrapper .frame_1 .wraps,.wrapper .frame_3 .wraps{display:block;width:95%;top:7%}.wrapper .frame_1 .wraps .wrap1,.wrapper .frame_1 .wraps .wrap2,.wrapper .frame_3 .wraps .wrap1,.wrapper .frame_3 .wraps .wrap2{top:0;-ms-transform-origin:50% 85%;-webkit-transform-origin:50% 85%;transform-origin:50% 85%;background-repeat:no-repeat}.wrapper .frame_1 .wraps .wrap1,.wrapper .frame_3 .wraps .wrap1{background-size:60%;background-position:15.5% bottom;z-index:30;background-image:url(https://secure.cdn.vellance.com/tbwa/mcd/wrap1c.png)}.wrapper .frame_1 .wraps .wrap2,.wrapper .frame_3 .wraps .wrap2{background-size:30%;background-position:75% bottom;z-index:20;background-image:url(https://secure.cdn.vellance.com/tbwa/mcd/wrap2c.png)}.wrapper .frame_1 .wraps .wrap1_label,.wrapper .frame_1 .wraps .wrap2_label,.wrapper .frame_3 .wraps .wrap1_label,.wrapper .frame_3 .wraps .wrap2_label{display:block;position:absolute;font-family:Oswald,sans-serif;font-weight:300;font-size:16px;line-height:15px;color:#FFF;z-index:40}.wrapper .frame_1 .wraps .wrap1_label,.wrapper .frame_3 .wraps .wrap1_label{left:5%;bottom:22%}.wrapper .frame_1 .wraps .wrap2_label,.wrapper .frame_3 .wraps .wrap2_label{right:0;bottom:16%}.wrapper .frame_1 .wraps .wrap1_new,.wrapper .frame_3 .wraps .wrap1_new{display:block;position:absolute;bottom:11.5%;left:5%;width:17%;height:12%;background-repeat:no-repeat;background-size:contain;background-position:center bottom;background-image:url(https://secure.cdn.vellance.com/tbwa/mcd/nieuw.png);z-index:40}.wrapper .frame_1 .cta,.wrapper .frame_3 .cta{display:none;position:absolute;font-family:Oswald,sans-serif;font-size:22px;line-height:21px;color:#FFF;top:33%;left:15%;width:70%;height:20%;text-align:center}