.adbro-vietuc {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	margin: 0 !important;
	}

.adbro-vietuc * {
	box-sizing: border-box;
	}

.adbro-vietuc__block {
	display: block !important;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0 !important;
	border: 1px solid #eee;
	/*background: #fff;*/
	background: #fff url(../images/vietuc-block-img.png) no-repeat center center / cover;
	-webkit-animation: fadeIn24 1s 1.5s both, slideOutDown24 0.5s 6.5s forwards;
	animation: fadeIn24 1s 1.5s both, slideOutDown24 0.5s 6.5s forwards;
	z-index: 2;
	}

.adbro-takeover-3s.adbro-vietuc__block {
	-webkit-animation: fadeIn24 1s 1s both, slideOutDown24 0.5s 4.5s forwards;
	animation: fadeIn24 1s 1s both, slideOutDown24 0.5s 4.5s forwards;
	}

.adbro-vietuc__block-link,
.adbro-vietuc__block-text,
.adbro-vietuc__block-logo,
.adbro-vietuc__block-img,
.adbro-vietuc__block-bottom,
.adbro-vietuc__block-btn {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 !important;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
	}

.adbro-vietuc__block-logo--1 {
	background-image: url(../images/vietuc-block-logo.png);
	background-position: top left;
	-webkit-animation: fadeInLeft24 0.7s 1.7s both;
	animation: fadeInLeft24 0.7s 1.7s both;
	}

.adbro-vietuc__block-logo--2 {
	background-image: url(../images/vietuc-block-logo2.png);
	background-position: top right;
	-webkit-animation: fadeInRight24 0.7s 1.7s both;
	animation: fadeInRight24 0.7s 1.7s both;
	}

.adbro-vietuc__block-bottom {
	background-image: url(../images/vietuc-block-bottom.png);
	background-position: bottom center;
	background-repeat: repeat-x;
	-webkit-animation: fadeInUp24 0.7s 1.7s both;
	animation: fadeInUp24 0.7s 1.7s both;
	}

.adbro-vietuc__block-text--1 {
	background-image: url(../images/vietuc-block-text.png?v=1);
	background-position: top center;
	-webkit-animation: fadeInDown24 0.7s 1.7s both;
	animation: fadeInDown24 0.7s 1.7s both;
	}

.adbro-vietuc__block-text--2 {
	background-image: url(../images/vietuc-block-text2.png?v=1);
	background-position: bottom center;
	-webkit-animation: fadeInUp24 0.7s 1.7s both;
	animation: fadeInUp24 0.7s 1.7s both;
	}

.adbro-vietuc__block-img--1 {
	background-image: url(../images/vietuc-block-img.png);
	background-position: bottom center;
	background-size: cover;
	-webkit-animation: fadeInUp24 0.7s 1.6s both;
	animation: fadeInUp24 0.7s 1.6s both;
	}

.adbro-vietuc__block-btn {
	background-image: url(../images/vietuc-block-btn.png);
	background-position: bottom center;
	-webkit-animation: fadeInUp24 0.7s 1.9s both;
	animation: fadeInUp24 0.7s 1.9s both;
	}

.adbro-takeover-replay .adbro-close {
	bottom: auto;
	top: 10px;
	right: 10px;
	}


.adbro-vietuc__decor {
	display: block !important;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0 !important;
	background: url(../images/vietuc-decor.png) no-repeat top right / cover;
	-webkit-animation: fadeIn24 1s 1.5s both, fadeOut24 0.5s 4.5s forwards;
	animation: fadeIn24 1s 1.5s both, fadeOut24 0.5s 4.5s forwards;
	z-index: 2;
	}

.adbro-vietuc__container,
.adbro-vietuc__img,
.adbro-vietuc__text,
.adbro-vietuc__blink,
.adbro-vietuc__logo,
.adbro-vietuc__btn {
	position: absolute;
	left: 50%;
	margin: 0 !important;
	}

.adbro-vietuc__container {
	position: absolute;
	bottom: 0;
	left: 50%;
	height: 170px;
	margin: 0 !important;
    margin-left: -400px !important;
    width: 800px;
	max-width: none !important;
	}

.adbro-vietuc__side {
	position: absolute;
	bottom: 0;
	margin: 0 !important;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden !important;
	-webkit-animation: fadeInOut24 9s linear 5;
	animation: fadeInOut24 9s linear 5;
	}

.adbro-vietuc__side--2 {
	opacity: 0;
	-webkit-animation-delay: 4.5s;
	animation-delay: 4.5s;
	}

.adbro-vietuc__bg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 81px;
	background: url(../images/vietuc-bg.png?v=2) no-repeat top center;
	background-size: cover;
	margin: 0 !important;
	-webkit-animation: slideInUp24 0.5s 0.3s both;
	animation: slideInUp24 0.5s 0.3s both;
	}

.adbro-vietuc__logo {
	position: absolute;
	margin: 0 !important;
	left: 50%;
	}

.adbro-vietuc__logo--1 {
	background: url(../images/vietuc-logo.png?v=2) no-repeat left bottom/ contain;
	bottom: 11px;
	margin-left: -317px !important;
	width: 81px;
	height: 31px;
	-webkit-animation: fadeInLeft24 0.7s 0.7s both;
	animation: fadeInLeft24 0.7s 0.7s both;
	}

.adbro-sm .adbro-vietuc__logo--1 {
	margin-left: -237px !important;
	}

.adbro-vietuc__text {
	position: absolute;
	margin: 0 !important;
	left: 50%;
	}

.adbro-vietuc__text--1 {
	background: url(../images/vietuc-text.png) no-repeat left bottom/contain;
	bottom: 15px;
	margin-left: -223px !important;
	width: 188px;
	height: 53px;
	-webkit-animation: fadeInUp24 0.7s 0.7s both;
	animation: fadeInUp24 0.7s 0.7s both;
	}

.adbro-vietuc__text--2 {
	background: url(../images/vietuc-text2.png) no-repeat left bottom/contain;
	bottom: 40px;
	margin-left: 65px !important;
	width: 165px;
	height: 30px;
	-webkit-animation: fadeInDown24 0.7s 0.7s both;
	animation: fadeInDown24 0.7s 0.7s both;
	}

.adbro-vietuc__img {
	position: absolute;
	margin: 0 !important;
	left: 50%;
	}

.adbro-vietuc__img--1 {
	background: url(../images/vietuc-img.png) no-repeat left bottom / contain;
	bottom: -126px;
	margin-left: 1px !important;
	width: 74px;
	height: 228px;
	-webkit-animation: fadeInUp24 0.7s 0.7s both;
	animation: fadeInUp24 0.7s 0.7s both;
	}

.adbro-vietuc__btn {
	display: block;
	position: absolute;
	bottom: 13px;
	margin-left: 65px !important;
	background: url(../images/vietuc-btn.png) no-repeat left bottom;
	background-size: contain;
	width: 156px;
	height: 21px;
	-webkit-animation: fadeInRight24 0.7s 0.9s both;
	animation: fadeInRight24 0.7s 0.9s both;
	}

.adbro-sm .adbro-vietuc__btn {

	}

.adbro-vietuc__btn:before {
	content: "";
	position: absolute;
	bottom: 0;
	margin-left: -15px !important;
	left: 50%;
	opacity: 0;
	height: 100%;
	width: 30px;
	background: linear-gradient(
			to right,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 0.03) 1%,
			rgba(255, 255, 255, 0.5) 30%,
			rgba(255, 255, 255, 0.7) 50%,
			rgba(255, 255, 255, 0.9) 70%,
			rgba(255, 255, 255, 0) 100%
	);
	border-radius: 0 0 0 0;
	-webkit-animation: shine24 1.8s 3.2s;
	animation: shine24 1.8s 3.2s;
	-webkit-animation-iteration-count: 5;
	animation-iteration-count: 5;
	}


/*sticker*/

.adbro-vietuc-round {
	display: none;
	position: fixed;
	bottom: 280px;
	right: 20px;
	margin: 0 !important;
	width: 110px;
	height: 110px;
	overflow: visible !important;
	z-index: 100000;
	-webkit-animation: fadeOut24 0.3s 9s forwards;
	animation: fadeOut24 0.3s 9s forwards;
	}

.adbro-vietuc-round .adbro-close {
	bottom: 115px;
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
	}

.adbro-vietuc-round__link {
	display: block !important;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 !important;
	width: 100%;
	height: 100%;
	overflow: visible !important;
	}

.adbro-vietuc-round__img {
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin: 0 !important;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: contain;
	margin-left: -50px !important;
	width: 100px;
	height: 110px;
	-webkit-animation: fadeIn24 0.7s 0.2s both, fadeOut24 0.5s 3s forwards;
	animation: fadeIn24 0.7s 0.2s both, fadeOut24 0.5s 3s forwards;
	}

.adbro-vietuc-round__img--1 {
	background-image: url(../images/vietuc-round-img.png);
	}

.adbro-vietuc-round__img--2 {
	background-image: url(../images/vietuc-round-img2.png);
	-webkit-animation-delay: 3s, 6s;
	animation-delay: 3s, 6s;
	}

.adbro-vietuc-round__img--3 {
	background-image: url(../images/vietuc-round-img3.png);
	-webkit-animation-delay: 6s, 9s;
	animation-delay: 6s, 9s;
	}

.adbro-vietuc-round__btn {
	position: absolute;
	bottom: 0px;
	right: 0;
	left: 50%;
	margin: 0 !important;
	margin-left: -44px !important;
	background: url(../images/vietuc-round-btn.png) no-repeat left bottom / contain;
	width: 88px;
	height: 22px;
	-webkit-animation: fadeInUp24 0.7s 0.2s both;
	animation: fadeInUp24 0.7s 0.2s both;
	filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
	}




.adbro-replay {
	position: absolute;
	bottom: 45px;
	left: 5px;
	margin: 0 !important;
	background: url(https://cdn.adbro.me/inimage/images/adbro-replay.svg) no-repeat;
	background-size: 100% 100%;
	width: 24px;
	height: 23px;
	-webkit-animation: fadeIn24 1s 0.6s both;
	animation: fadeIn24 1s 0.6s both;
	cursor: pointer;
	z-index: 1;
	}

.adbro-close {
	position: absolute;
	bottom: 80px;
	right: 5px;
	background: url(https://cdn.adbro.me/inimage/images/adbro-close.svg) no-repeat;
	background-size: 100% 100%;
	width: 22px;
	height: 22px;
	-webkit-animation: fadeIn24 1s .4s both;
	animation: fadeIn24 1s .4s both;
	cursor: pointer;
	margin: 0 !important;
	z-index: 1;
	}

.adbro-icon {
	position: absolute;
	bottom: 51px;
	right: 3px;
	background: url(https://cdn.adbro.me/inimage/images/adbro-icon2.svg) no-repeat 50% 50%;
	background-size: 100% 100%;
	width: 25px;
	height: 24px;
	-webkit-animation: fadeIn24 1s .4s both;
	animation: fadeIn24 1s .4s both;
	cursor: pointer;
	margin: 0 !important;
	z-index: 1;
	}

.adbro-link {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 120px;
	margin: 0 !important;
	}



@-webkit-keyframes fall25 {
	from {
		opacity: 0;
		}
	20% {
		opacity: 1;
		}
	to {
		opacity: 0;
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
		}
	}

@keyframes fall25 {
	from {
		opacity: 0;
		}
	20% {
		opacity: 1;
		}
	to {
		opacity: 0;
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
		}
	}

@-webkit-keyframes moveX24 {
	from {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		}
	50% {
		-webkit-transform: translateX(5px);
		transform: translateX(5px);
		}
	to {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		}
	}

@keyframes moveX24 {
	from {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		}
	50% {
		-webkit-transform: translateX(5px);
		transform: translateX(5px);
		}
	to {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		}
	}

@-webkit-keyframes fader30 {
	0% {
		opacity: 0;
		}
	4.76% {
		opacity: 1;
		}
	33.32% {
		opacity: 1;
		}
	38.08% {
		opacity: 0;
		}
	100% {
		opacity: 0;
		}
	}

@keyframes fader30 {
	0% {
		opacity: 0;
		}
	4.76% {
		opacity: 1;
		}
	33.32% {
		opacity: 1;
		}
	38.08% {
		opacity: 0;
		}
	100% {
		opacity: 0;
		}
	}

@-webkit-keyframes fader29 {
	0% {
		opacity: 0;
		}
	20% {
		opacity: 1;
		}
	40% {
		opacity: 0;
		}
	60% {
		opacity: 0;
		}
	80% {
		opacity: 0;
		}
	100% {
		opacity: 0;
		}
	}

@keyframes fader29 {
	0% {
		opacity: 0;
		}
	20% {
		opacity: 1;
		}
	40% {
		opacity: 0;
		}
	60% {
		opacity: 0;
		}
	80% {
		opacity: 0;
		}
	100% {
		opacity: 0;
		}
	}

@-webkit-keyframes shake24 {
	from,
	50% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		}
	5%,
	15%,
	25%,
	35%,
	45% {
		-webkit-transform: translate3d(-3px, 0, 0);
		transform: translate3d(-3px, 0, 0);
		}
	10%,
	20%,
	30%,
	40% {
		-webkit-transform: translate3d(3px, 0, 0);
		transform: translate3d(3px, 0, 0);
		}
	}

@keyframes shake24 {
	from,
	50% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		}
	5%,
	15%,
	25%,
	35%,
	45% {
		-webkit-transform: translate3d(-3px, 0, 0);
		transform: translate3d(-3px, 0, 0);
		}
	10%,
	20%,
	30%,
	40% {
		-webkit-transform: translate3d(3px, 0, 0);
		transform: translate3d(3px, 0, 0);
		}
	}

@-webkit-keyframes fadeIn24 {
	from {
		opacity: 0;
		}
	to {
		opacity: 1;
		}
	}

@keyframes fadeIn24 {
	from {
		opacity: 0;
		}
	to {
		opacity: 1;
		}
	}

@-webkit-keyframes fadeInLeft24 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0);
		}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
		}
	}

@keyframes fadeInLeft24 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0);
		}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
		}
	}

@-webkit-keyframes fadeInRight24 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(50%, 0, 0);
		transform: translate3d(50%, 0, 0);
		}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
		}
	}

@keyframes fadeInRight24 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(50%, 0, 0);
		transform: translate3d(50%, 0, 0);
		}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
		}
	}

@-webkit-keyframes fadeInUp24 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 50%, 0);
		transform: translate3d(0, 50%, 0);
		}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
		}
	}

@keyframes fadeInUp24 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 50%, 0);
		transform: translate3d(0, 50%, 0);
		}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
		}
	}

@-webkit-keyframes fadeInDown24 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0);
		}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
		}
	}

@keyframes fadeInDown24 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0);
		}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
		}
	}

@-webkit-keyframes slideInUp24 {
	from {
		-webkit-transform: translate3d(0, 200%, 0);
		transform: translate3d(0, 200%, 0);
		visibility: visible;
		}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		}
	}

@keyframes slideInUp24 {
	from {
		-webkit-transform: translate3d(0, 200%, 0);
		transform: translate3d(0, 200%, 0);
		visibility: visible;
		}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		}
	}

@-webkit-keyframes zoomIn27 {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		}
	50% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		}
	}

@keyframes zoomIn27 {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		}
	50% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		}
	}

@-webkit-keyframes shine24 {
	0% {
		left: 10%;
		opacity: 0;
		}
	5% {
		opacity: 0;
		}
	50% {
		opacity: 0.8;
		}
	80% {
		opacity: 0;
		}
	100% {
		left: 90%;
		}
	}

@keyframes shine24 {
	0% {
		left: 10%;
		opacity: 0;
		}
	5% {
		opacity: 0;
		}
	50% {
		opacity: 0.8;
		}
	80% {
		opacity: 0;
		}
	100% {
		left: 90%;
		}
	}

@-webkit-keyframes fadeOut24 {
	from {
		opacity: 1;
		}

	to {
		opacity: 0;
		display: none;
		visibility: hidden;
		pointer-events: none;
		}
	}

@keyframes fadeOut24 {
	from {
		opacity: 1;
		}

	to {
		opacity: 0;
		display: none;
		visibility: hidden;
		pointer-events: none;
		}
	}

@-webkit-keyframes slideOutDown24 {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		}

	to {
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		}
	}

@keyframes slideOutDown24 {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		}

	to {
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		}
	}

@-webkit-keyframes fadeInOut24 {
	0%,
	51%,
	100% {
		opacity: 0;
		}
	1%,
	50% {
		opacity: 1;
		}
	}

@keyframes fadeInOut24 {
	0%,
	51%,
	100% {
		opacity: 0;
		}
	1%,
	50% {
		opacity: 1;
		}
	}