.branding-wrp{overflow: hidden;}
.btn_video_play{display: flex;}
.btn_video_play .play_icon{background: var(--color-01);width: 90px;height: 90px;border-radius: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 9;transition:all 500ms ease-in-out;}
.btn_video_play .play_icon:before{content:"";width: 0;height: 0;border: 15px solid transparent;border-left: 20px solid #000;position: absolute;top: 50%;left: 62%;transform: translate(-50%,-50%);transition:all 500ms ease-in-out;}
.btn_video_play video{max-width: 100%;}


.btn_video_play:hover{transition:all 500ms ease-in-out;}
.btn_video_play:hover .play_icon{transform: translate(-50%,-50%) scale(1.5);transition:all 500ms ease-in-out;}
.btn_video_play:hover .play_icon:before{left:56%;transform: translate(-50%,-50%) scale(.7);transition:all 500ms ease-in-out;}

section.wu-sec-01{background:var(--color-02);text-align:center;min-height: 100vh;padding:10vh;display: flex;align-items: center;justify-content: center;}
section.wu-sec-01 img{max-height: 70vh;}

section.wu-sec-02{position:relative;display: flex;}
section.wu-sec-02 video{max-width: 100%;}

section.wu-sec-03{min-height: 100vh;position:relative;z-index: 8;background:url("badges.webp") #91aad1 no-repeat center center;background-size: cover;}

section.wu-sec-04{background: linear-gradient(45deg, #ffec7d, #fde765);padding-bottom: 60px;position:relative;z-index: 9;/* overflow: hidden; */}
section.wu-sec-04 .container-fluid{padding: 0px;}
section.wu-sec-04 .visitors-pass{position:relative;z-index: 9;margin-top: -130px;filter: drop-shadow(30px 45px 10px rgba(0,0,0,0.5));}
section.wu-sec-04 .green-book-pen{margin-bottom: 60px;position: relative;z-index: 9;}

section.wu-sec-05{min-height: 100vh;position:relative;background:url("metro-ads.webp")no-repeat center center;background-size: cover;}

section.wu-sec-06{position:relative;background: linear-gradient(45deg, #00996a, #00996a);}
section.wu-sec-06 .container-fluid{padding: 0px;}
section.wu-sec-06 .bag{width:100%;}
section.wu-sec-06 .stickers{}
section.wu-sec-06 .icards{width:100%;}

section.wu-sec-07{min-height: 100vh;position:relative;background:url("entrance-flags.webp")no-repeat center center;background-size: cover;}


.stripes-dots{width: 130%;height: 6vh;position:absolute;left: -15%;overflow:hidden;}
.stripes-dots:before{content:"";width: 200%;height: 100%;position:absolute;top:0;left:0;background: url("dots-stars.webp") repeat top left;background-size: contain;animation: dotsMove 12s linear infinite;}

.stripes-dots.sd-01{top: 41%;transform: rotate(-5deg);}
.stripes-dots.sd-02{top: 42%;transform: rotate(-25deg);}
.stripes-dots.sd-03{bottom: 14%;transform: rotate(-5deg);}

/* Animation */
@keyframes dotsMove {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -100% 0;
  }
}



@media (max-width:1366px){
	
}

@media (max-width:1280px){
	
}

@media (max-width:992px){
	
}

@media (max-width:768px){
	
	section.wu-sec-01 img{max-height:inherit;}

	section.wu-sec-04{padding-bottom:30px;}
	section.wu-sec-04 .container-fluid{padding:24px;}
	section.wu-sec-04 .visitors-pass{margin-top:0px;filter: drop-shadow(10px 15px 10px rgba(0,0,0,0.7));}

	section.wu-sec-06 .bag{max-width: 70%;margin-bottom:40px;float: right;}
	section.wu-sec-06 .stickers{max-width:60%;}
	
	section.wu-sec-03,
	section.wu-sec-05,
	section.wu-sec-07{min-height: 400px;}

	
}