@font-face {
	font-family: MontserratExtraBold;
	src: url(../fonts/Montserrat-ExtraBold.otf);
}

#layeref {
	display: none;
}

#banner-main .content-top p {
	text-align: center !important;
}

.brand-logo {
	-webkit-animation: toright 1s .1s forwards;
	animation: toright 1s .1s forwards;
}

body.page-template.page-template-tpl-product img#icon-fb {
	display: none;
}

img#icon-fb {
	max-width: 50px;
	position: absolute;

	right: 5%;
	z-index: 2;
}

.box-sologan {
	position: absolute;
	left: 0;
	font-size: 12px;
	max-width: 150px;
	text-align: center;
}

body #lucky-wheel #load .circle {
	width: 100%;
	font-family: 'MontserratExtraBold';

	/*  -webkit-text-stroke: 0.1px #1a0376;
	  -webkit-text-fill-color: white;
	 text-shadow: 1px 1px 0 #1a0376, -1.1px -1.1px 0 #1a0376, 1.1px -1.1px 0 #1a0376, -1.1px 1.1px 0 #1a0376, 1.1px 1.1px 0 #1a0376;
  */
	/*text-shadow: 2px 0 #4d281f, -2px 0 #4d281f, 0 2px #4d281f, 0 -2px #4d281f,
			   1px 1px #4d281f, -1px -1px #4d281f, 1px -1px #4d281f, -1px 1px #4d281f;*/
	text-shadow: unset;
}

.custom-bg-default {
	background-size: 100% 100% !important;
}


@media only screen and (min-width: 1681px) and (max-width: 1920px) {
	.banner-effect {
		/*position: relative;*/
	}

	body.home .banner-effect img {
		width: calc(100% + 20%) !important;
		top: -5% !important;
	}

	body:not(.home) .banner-effect img {
		width: calc(100% + 20%) !important;
	}

	body.home .img-home {
		margin-top: 0% !important;
		/*  width: 130% !important;
		  right: -7%;*/
		right: -3% !important;
	}

	body:not(.home) .img-home {
		width: 105% !important;
        right: 0;
        margin-top: 1%;
        bottom: 2%;
        margin-left: 3%;
	}

	body:not(.home) .img-element {
		position: absolute;
		width: 95%;
		top: 55%;
		left: 3%;
	}

	body.home .box-sologan {
		left: 0 !important;
	}

	#product-main .r-custom .col-ct-3 .prd-item .infor .title {
		font-size: 14px;
	}

	#product-main .fs-46 {
		font-size: 36px;
	}

	#product-main .fs-24 {
		font-size: 18px;
	}

	#product-main .fs-16 {
		font-size: 12px;
	}
	
	#product-main .r-custom .col-ct-3 .prd-item .infor .price .before{
		   font-size: 16px !important;
	}
	
	#product-main .r-custom .col-ct-3 .prd-item .infor .title {
		font-size: 14px !important;
		height: auto !important;
	}

	body #lucky-wheel #load .circle {
		font-size: 24px !important;
	}

	body.home #banner-main .content-top p.title-t img {
		margin-top: 0% !important;
	}

	body .wrapper-content {
		height: calc(100vh - 80px);
	}



	body.home #banner-main .content-top p.title-t img {
		margin-top: -1%;
		margin-bottom: 1%;
		max-width: 80%;
		margin-left: 20%;
	}
	.brand-logo{
		top: -5%;
	}

	body #program_rules{
		margin-top: 30px;
	}

	body .info.mt-3.info2-rules {
        margin-top: 3% !important;
    }
	
	#product-main .r-custom{
		gap: 20px 0%;
	}
}

@media only screen and (min-width: 1700px) and (max-width: 1920px) {
	    body.home .img-home {
			margin-left: 2% !important;
			margin-top: 2%;
			width: 111%;
			bottom: 9%;
			left: -6%;
		}
		body #product-main .r-custom .col-ct-3{
			width:19%;
		}
}

@media(min-width:1450px) {
	/* 	body.home #banner-main .content-top p.title-t img{
		   max-width: 85%
	  }
	  
	  body.home .img-home{
		  width: 140%
	  } */
}

@media only screen and (min-width: 1024px) and (max-width: 1400px) {
	body #product-main.wrapper-content {
		background-size: 100% 100% !important;
	}
	
	#product-main .r-custom .col-ct-3{
		
	}
}

@media only screen and (min-width: 1025px) and (max-width:1300px) {
	body:not(.home) .wrapper-content {
		/*height: 115vh;*/
	}
}

@media only screen and (min-width: 992px) and (max-width: 1100px) {

	body #header-main .form-lr,
	.list-gradient .menu-item a {
		font-size: 10px !important;
	}
}

@media (min-width: 992px) {
	#layeref {
		position: absolute;
		top: -4%;
		width: calc(100% + 6%);
		max-width: unset;
		left: -3%;
		z-index: -99999 !important;
	}

	body.home .box-sologan {
		left: -15%;
	}

	

	.img-home {
       position: absolute;
       left: -8%;
       max-width: unset;
       z-index: 0;
    }

	

	#banner-main .content-top p.title-t img {
		/* max-width: 110%;*/
	}

	body:not(.home) #banner-main .content-top p.title-t img {
		max-width: 75%;
		margin-left: -6%;
		margin-top: 5%;
	}

	body:not(.home) .brand-logo {
        width: 17%;
        top: 0%;
    }



	body.home #banner-main .content-top p.title-t img {
		margin-top: 3.5%;
		margin-bottom: -2%;
		max-width: 75%;
		margin-left: 10%;
	}

	.brand-logo {
		position: absolute;
		margin-left: 0;
		width: 17%;
	}

	body:not(.home) .brand-logo {
		margin-left: 0%;
	}

	body .form-login-register .form-modal #form-register form p.note {
		width: 90%;
        margin: 0px 0 0px 6%;
        text-align: left;
        display: inline-block;
        color: #F9DD2A;
        font-size: 12px;
	}

	body .swal2-image {
		max-width: 480px !important;
		vertical-align: middle;

	}

	#program_rules .rules .title {
		width: 16%;
	}

	#question-main .contact-question .items:nth-child(2) .number img, 
	#question-main .contact-question .items:nth-child(3) .number img {
        min-width: 65px;
    }

	img#icon-fb {
		bottom: 5%;

	}

	.swal2-close {
		top: 0 !important;
		right: 3% !important;
		color: #000 !important;
	}

	#form-register h2 {
		text-align: center !important;
		margin: 0 0 0 -26px;
		display: block;
	}

	body.home .banner-effect img {
		position: absolute;
		z-index: -9999999;
		width: auto;
		max-width: unset;
		right: -10%;
		top: -15%;
	}

	body:not(.home) .banner-effect img {
		position: absolute;
		z-index: -9999999;
		width: auto;
		max-width: unset;
		right: -10%;
		top: -15%;
	}

	.img-ptitle {
		max-width: 80%
	}

	.img-ptitle-label {
		width: 30%;
	}

	#product-main .img-head .col-lg-7 {
		text-align: right;
	}

	#product-main .img-head .col-lg-5 {
		text-align: left;
	}

	body #lucky-wheel #load .circle {
		font-size: 17px;
	}

	#form-gift-hunning-code .form-modal #form-enter-gift form p.login-submit {
		margin-left: 30px;
	}

	.form-login-register .form-modal .login-submit .register-btn-submit {
		margin-left: -8%;
	}
	
	

}

@media only screen and (min-width: 992px) and (max-width: 1281px) {



	body.home .img-home {
        margin-top: 1%;
        bottom: 7%;
        width: 120%;
        margin-left: 0;
        left: -7%;
    }
	
	body:not(.home) .img-home {
                width: 120% !important;
        right: 0;
        margin-top: 1%;
        bottom: 0;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1681px){
	.img-home {
       position: absolute;
       left: -8%;
       max-width: unset;
       z-index: 0;
   }


	 body.home .img-home {
       margin-top: 1%;
       bottom: 6%;
       width: 130%;
       margin-left: 0;
   }
   
   body:not(.home) .img-home {
                width: 120% !important;
        right: 0;
        margin-top: 1%;
        bottom: 0;
    }
}


@media (max-width: 992px) {
	img#layerBottom,section#tpl-content:after{
		display: none !important;

	}
	
	#layeref {
		position: absolute;
		top: -1%;
		width: 100%;
		max-width: unset;
		left: 0;
		z-index: -99999 !important;
	}

	body #rules-main {
		/* background: #fdea93; */
		/*background-color: #aa5c1a;*/
		background: #FFFCDB;
		border-top-left-radius: 30px;
		border-top-right-radius: 30px;
	}

	body #rules-main .title {
		font-size: 20px;
	}

	body #rules-main .image img {
		bottom: -75px;
	}

	body #rules-main .image {
		width: calc(100% + 10%);
		left: -2%;
	}

	body .swal2-close {
		z-index: 9999;
		top: 0;
		right: 1%;
		color: #000;
		background: rgb(241 241 241 / 40%);
		border-radius: 5px;
		font-size: 4em;
	}

	.box-sologan {
		position: absolute;
		font-size: 12px;
		left: 0%;
	}

	img#icon-fb {
		bottom: 1%;
	}

	.brand-logo {
		max-width: 50%;
		margin: 0 auto 15px;
		position: relative;
		-webkit-animation: to-show-to 1s .1s forwards;
		animation: to-show-to 1s .1s forwards;
	}

	#banner-main .content-top p.title-t {
		width: 100% !important;
		margin-left: auto !important;
		/*margin-top: -18%;*/
		margin-bottom: -15px;
	}

	.img-home {
		/* width: calc(100% + 33%); */
		max-width: unset;
		margin-left: auto;
		margin-right: auto;
		position: absolute;
		top: 40%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.banner-effect img {
		position: absolute;
		width: 100%;
		max-width: unset;
		left: 0;
		top: 9%;
	}

	body #form-gift-hunning-code .form-modal .img,
	body .form-login-register .form-modal .img,
	body .form-lucky-wheel .form-modal .img {
/* 		width: calc(100% + 34.5%); */
		width:100%;
	}
	
	#form-gift-hunning-code .form-modal form p label, .form-login-register .form-modal form p label {
		font-family: aven-bold;
		margin-right: 15px;
		width: 103px;
		font-size: 14px;
	}

	.form-login-register .form-modal #form-register .img {
		margin-top: 0 !important;
	}

	body .form-login-register .form-modal #form-register form p.note {
		width: 90%;
		margin: 0 0 0 30%;
		text-align: left;
		color: #EDD07E;
	}

	#banner-main .content-prize {
		margin-bottom: -20%;
	}

	body #product-main.wrapper-content {
		background-position: bottom center !important;
		background: linear-gradient(90deg, #fef0cb, #fbeabf, #f5d394) !important;
	}

	body #product-main .r-custom .col-ct-3 {
		width: 45%
	}

	body img.img-ptitle-label {
		max-width: 44%;

	}

	body .custom-bg-default {
		/*background: url('../img/bgwebmobile.jpg');*/
		/* background: #00B9F2;*/
	}

	body #product-main.wrapper-content {
		/*background: url(../img/bgwebmobileproduct.jpg) !important;
		  background-size: auto 100% !important;*/
		background: linear-gradient(90deg, #fef0cb, #fbeabf, #f5d394);
	}

	body #product-main .r-custom .bg {
		padding: 15px 10px 30px;
	}

}

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

@media(max-width: 576px) {

	body #banner-main .content-prize {
		margin-bottom: 0 !important;
	}

	body #product-main .r-custom .col-ct-3 {
		width: 100%
	}

	.form-login-register .form-modal #form-register form p.note {
		margin-left: 0% !important;
		width: 70%;
		text-align: left !important;
	}

	#question-main .contact-question .items .text {
		font-size: 14px;
		max-width: 80%;
	}

	img.img-home-empty {
		margin-bottom: -27%;
	}

	.form-lucky-wheel {
		padding: 2.5% 8% 0% !important;
	}

	body.home,
	body.page-template.page-template-tpl-winning-list {
		/*background: linear-gradient(90deg, #fef0cb, #fbeabf, #f5d394);*/
		background: #392c9f;
		overflow-x: hidden;
		width: 100%;
	}

	body section#tpl-content{
		overflow: visible;
	}

	body{
		background: #392c9f;
	}
	body #layer-effect-bottom{
		bottom: -43px !important;
	}

	.img-home {
		width: 100%;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		position: absolute;
		top: 44%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	body .custom-bg-default {
		background-size: cover !important;
		background-position: left center;
	}

	body #product-main.wrapper-content {
		/*background: url(../img/bgwebmobileproduct480.jpg) !important;
		  background-size: auto 100% !important;*/
		background: linear-gradient(90deg, #fef0cb, #fbeabf, #f5d394);
	}

	body #program_rules .rules .title {

		margin-right: 5px;
	}

	body #program_rules .rules .title img {
		max-width: 80px;
		max-height: 70px;
	}

	body #program_rules .btn-custom {
		font-size: 14px;
	}

	body #program_rules .infor .bg-gradient {
		padding: 5px 11px;
	}
}

@media (max-width: 480px) {
	#banner-main .content-top p.title-t {
		width: 80% !important;
		margin-top: 0%;
		margin-bottom: 0 !important;
		margin-left: auto;
		margin-right: auto;
	}

	.img-home {
		width: 100%;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	body:not(.home) .img-home {
		max-width: calc(100% + 20%);
	}

	body.home #tpl-content .row .col-12:last-child {
		padding: 0;
		order: 3;
	}

	body #rules-main .image {
		width: calc(100% + 8%);
		left: -4%;
		margin-top: -5%;
	}

	body #rules-main .image img {
		bottom: -25px;
	}

	.box-sologan {
		left: 0%;
		font-size: 10px;
		max-width: 120px;
	}

	#form-gift-hunning-code .form-modal .img,
	.form-login-register .form-modal .img,
	.form-lucky-wheel .form-modal .img {
		width: calc(100% + 18%) !important;
		margin-left: 0%;
	}

	body #product-main .r-custom .col-ct-3 .prd-item .infor {
		padding-left: 0;
		margin-left: -2px;
	}

	body #question-main .contact-question .items .text a {
		font-size: 12.5px;
	}
}

button.swal2-close:focus {
	outline: none;
}

div#form-login,
div#form-register,
div#form-enter-gift {
	max-width: 100%;
	margin: 0 auto;
}

#form-gift-hunning-code .form-modal,
.form-login-register .form-modal {
	background: url(../img/bgpopup.jpg);
	/*background: #FFFCDC;*/
	background-size: 100% 100%;
	    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

body .form-login-register .form-modal form p input[type=text] {
	width: 424px;
}

#form-gift-hunning-code .form-modal .form-text h2,
.form-login-register .form-modal .form-text h2,
#rules-main .title {
	/*     text-shadow: 2px 0 0 #ad1a03, -2px 0 0 #ad1a03, 0 2px 0 #ad1a03, 0 -2px 0 #ad1a03, 1px 1px #ad1a03, -1px -1px 0 #ad1a03, 1px -1px 0 #ad1a03, -1px 1px 0 #ad1a03;
   */
}

body #form-gift-hunning-code .form-modal .login-submit #wp-submit-enter-gift {
	/* background: url(../img/theleitem.png);*/
	background: url(../img/movongquay.png) !important;
	/* background: #0B3C88; */
	background-size: contain !important;
	color: transparent !important;
	text-shadow: unset !important;
	border: 0 !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}

.form-login-register .form-modal .login-submit:not(.register-btn) input[name=wp-submit] {
	background: url(../img/nutdangnhap.png) !important;
	/*background: #82CC00;*/
	color: transparent !important;
	background-size: contain !important;
	text-shadow: unset !important;
	border: 0 !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}

.form-login-register .form-modal .login-submit input[name=wp-submit] {
	background: url(../img/nutdangky.png) !important;
	/* background: #82CC00;
		  */
	background-size: contain !important;
	color: transparent !important;
	text-shadow: unset !important;
	border: 0 !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}

.form-login-register .form-modal .form-text .or-register {
	font-family: aven-bold;
	text-align: center;
	cursor: pointer;
	margin-bottom: 0;
}


#form-gift-hunning-code .form-modal form p label,
.form-login-register .form-modal form p label,
#form-gift-hunning-code .form-modal .form-text .or-register,
.form-login-register .form-modal .form-text .or-register {
	color: #F9DD2A;
	/*font-family: 'aven-light' !important;*/
	font-weight: bold;
}

#form-register form p label {
	margin-right: 0 !important;
	width: 117px !important;
	font-size: 13px;
}

form#register p.login-submit.register-btn {
	margin-bottom: 2px;
}

select#sex {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

#product-main.wrapper-content {
	/* background: url(/wp-content/themes/monasoft/img/bgweb_1.jpg) !important; */
	/*background: linear-gradient(90deg, #fef0cb, #fbeabf, #f5d394);*/
	    background: #FFFCD8;
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	/* background-color: #e0ef94 !important; */
	/* background-position-y: -1% !important; */
}

#product-main .r-custom .col-ct-3 .prd-item .infor .title {
	font-size: 14px;
}

#lucky-wheel #load .circle label {
	font-family: 'iciel-bold';
	text-shadow: 2px 0 #4d281f, -2px 0 #4d281f, 0 2px #4d281f, 0 -2px #4d281f, 1px 1px #4d281f, -1px -1px #4d281f, 1px -1px #4d281f, -1px 1px #4d281f;
}

#win-list-main .color-main {
	color: #fff;
}

.times {
	font-family: 'iciel-bold';
	font-size: 16pt;
}

body .swal2-header {
	flex-direction: unset !important;
	position: relative !important;
}

.form-login-register .form-modal #form-register form p label>span {
	font-family: 'iciel-reg';
	font-size: 13px
}

#product-main .r-custom .col-ct-3 .prd-item .menu-item .text {
	margin-bottom: 35px;
}


.img-element {
	position: absolute;
	width: 110%;
	top: 15%;
	left: -2%;
	height: auto;
	max-width: unset;
}

img.img-element2 {
	position: absolute;
	right: 0;
	z-index: 1;
	width: auto;
	max-width: 100%;
	height: 90%;
	top: -7%;
}


body:not(.home) .img-element {
	position: absolute;
	width: 95%;
	top: 13%;
	left: 3%;
}

@media (min-width:1600px) and (max-width: 1681px) {
	.img-element {
		position: absolute;
		width: 82%;
		top: -15%;
		left: 14%;
	}

	body.home .img-home {
		        margin-top: 2%;
        width: 120%;
                bottom: 12%;
        left: -5%;
	}
}


@media (max-width:576px) {
	.img-element {
		position: absolute;
		width: 95%;
		bottom: 18%;
		left: 2%;
		top: unset;
	}

	body #banner-main {
		margin-top: 5px;
	}

	body .image-promotion>img {
		        position: absolute;
        z-index: 99;
        width: 15%;
        right: 10%;
        top: 20px;
    }
	
	body .title-brand{
		font-size:42px;
		padding:15px 0;
	}

	body #win-list-main>h5 {
		font-size: 25.5px;
		margin-right: -10px;
		margin-left: -10px;
	}

	body #question-main .contact-question .title {
		font-size: 17.5px;
	}
}

@media (max-width:480px) {
	body .img-element {
		position: absolute;
		width: 95%;
		bottom: 18%;
		left: 2%;
		top: unset;
	}

	body #banner-main {
		margin-top: 10%;
	}

	body .image-promotion>img {
		position: absolute !important;
		z-index: 99 !important;
		/* width: 26% !important;
		right: 10% !important;
		top: -3.7rem !important; */
	}

	body #form-gift-hunning-code .form-modal .img img,
	.form-login-register .form-modal .img img {
		width: 85% !important;
	}

	body #product-main .r-custom .col-ct-3 .prd-item .vertical-product>div.image {
		/* 		width:78% !important; */
	}

	body #form-register form p label {
		width: 100% !important;
	}

	input[type='color'],
	input[type='date'],
	input[type='datetime'],
	input[type='datetime-local'],
	input[type='email'],
	input[type='month'],
	input[type='number'],
	input[type='password'],
	input[type='search'],
	input[type='tel'],
	input[type='text'],
	input[type='time'],
	input[type='url'],
	input[type='week'],
	select:focus,
	textarea {
		font-size: 16px !important;
	}
}

@media (max-width:375px) {

	body #program_rules .rules .content,
	body #program_rules .rules .content p,
	body #program_rules .rules .content span,
	body #program_rules .infor .bg-gradient,
	body #program_rules .btn-custom {
		font-size: 11px !important;
	}

	body #program_rules .infor .contact>span {
		font-size: 10px !important;
	}

	body #program_rules .info .item>p.title {
		font-size: 14px;
	}

}

@media(min-width: 1200px) {
	#header-main .link-text {
		flex: 0 0 68.666667%;
		max-width: 68.666667%;
	}

	#header-main .logo-main {
		padding: 0;
		flex: 0 0 14.666667%;
		max-width: 14.666667%;
	}

	.info.mt-3.info2-rules {
		margin-top: 12% !important;
	}

	body .form-login-register .form-modal #form-register .form-text {
		padding: 15px 80px 0 !important;
	}

	body #form-gift-hunning-code .form-modal #form-enter-gift form p input[type=number],
	body #form-gift-hunning-code .form-modal #form-enter-gift form p input[type=text] {
		width: 390px;
	}

	body #form-gift-hunning-code .form-modal form p label {
		width: 120px;
	}

	body #rules-main .title {
		font-size: 35px;
	}
}

body .swal2-close {
/* 	font-size: 0 */
}

body #form-gift-hunning-code .form-modal form p label {
	/*color: #fff;
	  font-size: 17px;*/
}

body #win-list-main .content.bg-white {
	background: #fff !important;
}

body.page-template.page-template-tpl-product {
	background: linear-gradient(90deg, #fef0cb, #fbeabf, #f5d394);
}

.vertical-product>div.item {
	margin: 0 auto;
}

.vertical-product {
	margin: 0 auto;
}

#product-main .r-custom .col-ct-3 .prd-item .vertical-product>div.image {
	width: 80%;
	padding-top: 5px;
	margin-bottom: -58px;
}

#product-main .r-custom .col-ct-3 .prd-item .vertical-product .image img {
	object-position: bottom;
}

#product-main .r-custom .col-ct-3 .prd-item .vertical-product .infor .price .price-pro {
	width: auto;
}

#product-main .r-custom .col-ct-3 .prd-item .vertical-product .infor {
	width: 100%;
}

body #product-main .r-custom .col-ct-3 .prd-item .vertical-product .infor .price .before {
	top: -30%;
	left: 5%;
}

body .form-login-register .form-modal #form-register form p label {
	/* font-family: 'aven-light';
	font-weight: 600; */
}

body p.register-email>label>span {
	font-family: 'aven-light';
	font-size: 12px !important;
}

@media only screen and (min-width: 1700px) and (max-width: 1920px) {
	body:not(.home) .img-element {
		position: absolute;
		width: 95%;
		top: 15%;
		left: 3%;
	}
}

@media (min-width: 1600px) {
	body #product-main .r-custom .bg {
		padding: 15px 10px 30px;
	}

	body #product-main .r-custom .col-ct-3 .prd-item .menu-item {
		
	}

	body #product-main .r-custom .col-ct-3 .prd-item{
    	padding: 10px 0px 0px;
	}

	body #product-main .r-custom .col-ct-3 .prd-item .menu-item .text {
		margin-bottom: 20px;
		min-height: 105px;
	}
	
	body #product-main .r-custom{
		gap: 20px 0%;
	}
}

.img-element2,
.img-element {
	display: none !important;
}

.info.mt-3.info2-rules .item .title {
	color: #fff !important;
	font-family: aven-bold;
    font-size: 15px;
}

.follow-title {
	color: #fff;
	line-height: 1.2;
	
	align-self: center;
	font-family: aven-bold;
    font-size: 14px;
}

body #question-main .contact-question .title {
	color: #D4382B !important;
	text-shadow: 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white;
}

#product-main .r-custom .col-ct-3 .prd-item .menu-item .text h3 {
	color: #5C5ASD;
	font-weight: 600;
}

input:disabled,
textarea:disabled,
input:disabled::placeholder,
textarea:disabled::placeholder {
	-webkit-text-fill-color: currentcolor;
	/* 1. sets text fill to current `color` for safari */
	opacity: 1;
	/* 2. correct opacity on iOS */

}

body {
	-webkit-overflow-scrolling: touch;
}

#question-main p.title svg {
	font-size: 40px;
	font-weight: bold;
	width: 450px;
	height: 70px;
	fill: white;
  }
  
  #question-main p.title  .svgText {
	fill: white;
	stroke: black;
	stroke-width: 15px;
	stroke-linejoin: round;
	paint-order: stroke;
  }

  .form-login-register .form-modal .note span{
	font-family: aven-bold;
  }

  .productstyle2 .image-promotion>img{
    position: relative;
    width: auto;
    top: auto;
  }

  
  .productstyle2 .image-promotion{
    position: absolute;
    top: 0;
    width: 30%;
    right: 42px;
    z-index: 9;
}

.price-pro.z-index-2.long-price > .left {
    font-size: 35px;
}

.price-pro.z-index-2.long-price > .right .fs-24 {
    font-size: 20px;
}

.price-pro.z-index-2.long-price > .right .fs-16 {
    font-size: 13px;
}

/*section#tpl-content:after {
	content: '';
    position: absolute;
    display: block;
    height: 30%;
    width: 100%;
    background: #eefdc0;
    z-index: 1;
    bottom: 0;
}*/

@media only screen and (min-width: 1024px) and (max-width:1400px) {
	body .list-gradient .menu-item a{
		font-size:11.5px;
	}
	
	body #program_rules .rules .content {
        font-size: 12px;
        padding-left: 2px;
    }
	
	body #program_rules .infor .bg-gradient{
		font-size:14px;
	}
	
	body.page-id-1715 section#tpl-content{
		height:auto !important
	}
	
	body #product-main .r-custom .bg{
		padding: 15px 0 20px !important;
	}
}

.subtext{
	color: red;
    font-family: 'aven-bold';
    font-size: 11.5px;
}

#tpl-content > .wrapper.container{
	        z-index: inherit;
}

.form-lucky-wheel,div#program_rules,div#win-list-main,#question-main,img#icon-fb {
    z-index: 4;
}

#layer-effect-bottom{
	position: absolute; 
	bottom: -15px; 
	width: 100%; 
	z-index: 3; 
	left: 0;
}

body:not(.home) #layer-effect-bottom{
	bottom: 0px; 
}

.title-brand {
    font-family: aven-bold;
    font-size: 80px;
    background: linear-gradient(to right, #FEF171, #FDEC61, #FCE852, #FBE74E, #FBE342, #FADF34, #F9DD2C);
    border-radius: 15px;
    text-align: center;
    color: #BA2815;
    padding: 0 0;
    line-height: 1;
}

.popupCustom:not(.active){
	display:none
}

.form-login-register.popupCustom .form-modal .form-text h2{
    font-size: 20pt;
	margin-bottom: 1px !important;
}

.form-login-register.popupCustom .form-modal .form-text{
	margin-bottom: 50px;
}

.image-promotion>img.khuyen-mai3 {
    top: 7.5rem;
}

#product-main .r-custom .col-ct-3 .two-label-promo .prd-item .image img {
    /* width: 100%; */
    height: 57%;
    margin-top: 12%;
    -o-object-fit: contain;
    object-fit: contain;
}