/*page st1 starts here*/

.st1 .banner{
	background: url("../images/banner-bg.png");
	background-repeat: no-repeat;
	width: 100%;
	/*min-height: 333px;*/
	height: 0px;
	padding-bottom: 104%;
	background-size: cover;
	/*padding: 0px;*/
	position: relative;
}
.st1 .fullBanner{
	background: url("../images/full-banner-img.png");
	background-repeat: no-repeat;
	width: 100%;	
	background-size: cover; 
	position: relative;	
}
.st1 .diamondiaperM.fullBanner{
	background: url("../images/diamondiaperM-full-banner-img.jpg");
    background-size: cover;
	height: 390px;
}

.st1 .diamonddiaperS.fullBanner{
	background: url("../images/diamonddiaperS-full-banner-img.jpg");
    background-size: cover;
	height: 390px;
}
.st1 .diamondpantL.fullBanner{
	background: url("../images/diamondpantL-full-banner-img.jpg");
    background-size: cover;
	height: 446px;
}
.st1 .diamondpantM.fullBanner{
	background: url("../images/diamondpantM-full-banner-img.jpg");
    background-size: cover;
	    height: 446px;
}


.st1 .huggiesLogo{
    width: 22%;
    padding: 5px 5px 12px 0px;
}
.st1 .imageGroup{
	position: absolute;
	left: 54%;
    top: 35%;
    right: 5%;
}
.st1 .titleHeading{
	font-family: "";
	color:#a39386;
	font-size: 22px;
	position: absolute;
    top: 16%;
    right: 5%;
}
.st1 .titleSubHeading{
	padding-left: 35px;
}
.st1 .huggiesPack{
	width: 74%;
}
.st1 .imageGroup .imageGroupText{
	color: #8b8779;
    font-size: 11px;
    position: absolute;
    right: 32%;
}
.st1 .huggiesImg{
	width: 30%;
    position: absolute;
    bottom: 31px;
    right: 25px
}

.st1 .greenTag{
    background: #87bb60;
    width: 50%;
    border-top-right-radius: 35px 50px;
    border-bottom-right-radius: 35px 50px;
    box-shadow: 0 10px 25px -8px black;
    position: absolute;
    bottom: 20px;
    left: 0px;
}
.st1 .greenTag .tagText{
    margin-left: 5px;
    margin-top: 2px;
    color: #ffffff; 
}
.st1 .greenTag .tagHeading{
	font-size: 12px;
}
.st1 .greenTag .tagPrice{
	font-size: 30px;
}
.st1 .greenTag .tagSubHeading{
	font-size: 20px;
}
.st1 .waveText{
	width: 34%;
    position: absolute;
    top: 60%;
    left: 25%;
}
.st1 .promotionText{
	font-family: 'MHeiHK-Light';
	color: #58595b;
	font-size: 15px;
	margin-top: 30px;
}
.st1 .promotionText .promotionTextBold{
	 font-family: 'MHeiHK-Xbold';
}
.st1 .promotionText .promotionTextWarning{
	color:#ff2222;
}
.st1 .form-group input::placeholder{
	font-family: 'MHeiHK-Light';
}
.st1 .form-group input {
	width: 100%;
	border: 1px solid #87bb60;
	font-family: 'MHeiHK-Light';
	text-indent: 9px;
}
.st1 .form-group input[type="text"]{
     -webkit-appearance: none;
     border-radius: 0;
} 
.st1 .form-check{
	color:#58595b;
}
.st1 .form-check input[type="checkbox"]{
	display: none;
	padding-top: 20px;
}
.st1 .form-check input[type="checkbox"] + label{
    cursor: pointer;
    padding-left: 5px;
    font-family: 'MHeiHK-Light';

}
.st1 .form-check input[type="checkbox"] + label:before{
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../images/checkbox-img.png);
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1;
    left: 0;
    cursor: pointer;
    margin-top: 4px;
}
.st1 .form-check input[type="checkbox"]:checked + label:after{
    content: "\2714";
    display: inline-block;
    position: absolute;
    left: 2px;
    top: 5px;
    font-size: 12px;
    color: #000;
    cursor: pointer;
    z-index: 9999;
	transform: rotate(10deg);
}
.st1 .form-check .underline{
	color: #58595b;
	border-bottom:0.5px solid #58595b;
}
.st1 #captcha{
	transform: scale(0.9);
    margin: 10px auto;
}
.st1 .button .btn{
	font-family: 'MHeiHK-Bold';
    background: #87bb60 !important;
    border-color: #87bb60 !important;
    margin: 25px auto;
    width: 80%;
    letter-spacing: 5px;
    border-radius: 6px;
}
.st1 .tile1{
	border: 1px solid #898989;
	min-height: 40px;
    width: 80%;
    margin: 0 auto;
}
.st1 .manningImg{
	width: 80%;
    margin: 10px 0px 10px 15px;
}
.st1 .tile2{
	border: 1px solid #898989;
	min-height: 40px;
    width: 80%;
    margin: 0 auto;
}
.st1 .watsonsImg{
	width: 80%;
    margin: 10px 0px 10px 0px;
}
.st1 .tile3{
	border: 1px solid #898989;
	min-height: 40px;
	margin-top: 10px;
    width: 80%;
    margin: 0 auto;
}
.st1 .parknshopImg{
	width: 80%;
    margin: 10px 0px 10px 0px;
}
.st1 .tile4{
	border: 1px solid #898989;
	min-height: 40px;
	/*margin-top: 10px;*/
	margin-bottom: 20px;
    width: 80%;
    margin: 0 auto;
}
.st1 .welcomeImg{
	width: 80%;
    margin: 10px 0px 10px 0px;
}

/*page St1 ends here*/


/*page St2 starts here*/
.st1 .thanksText .boldText{
    font-family: 'MHeiHK-Xbold';
    font-size: 30px;
    color: #87bb60;
    margin: 15px 0px 15px 0px;
    font-weight: bold;
}
.st1 .thanksText .promoText{
	font-family: 'MHeiHK-Light';
    color: #58595b;
    font-size: 15px;
}
.st1 .huggiesBB button{
	font-family: 'MHeiHK-Bold';
	background: #87bb60 !important;
    border-color: #87bb60 !important;
    margin: 25px auto;
    width: 89%;
    border-radius: 10px;
}
footer{
	background: #cd2026;
}
footer .footerLogo{
	width: 15%;
    margin: 15px 0px 0px 20px;
}
footer .copyRight{
	color: #fff;
	font-size: 12px;
	padding: 10px 0px 10px 20px;
	margin-bottom: 0px;
}

/*page St2 ends here*/

/*page St3 strats here*/
.st3 .huggiesLogo{
    width: 30%;
    padding-top: 10px;  
}
.st3 .huggiesPackGroup .huggiesPack{
	/*margin: 40px 30px;*/
}

.st3 .huggiesPackGroup img.huggiesPack{
	margin: 40px 0px;
    width:80%
}
.st3 .huggiesPackGroup .couponText{
	font-family: 'MHeiHK-Xbold';
	color: #40ae49;
	font-size: 20px;
	font-weight:600;
}
.st3 .retailOption{
	/*margin-bottom: 30px;*/
}
.st3 .retailOption .retailOptionText {
    font-family: 'MHeiHK-Xbold';
    color: #40ae49;
    font-size: 15px;
	font-weight:normal;
}
.st3 .retailOption .retailTile1,.retailTile2,.retailTile3{
	border: 1px solid #898989;
	position: relative;
	margin-bottom: 10px;
}
.st3 .retailOption .retailTile1 .manningOptionImg, .watsonsOptionImg, .welcomeOptionImg{
	width: 90%;
	padding: 20px 20px 20px 50px;
}
.st3 .retailOption .retailTile1 .downArrow1{
	font-size: 30px;
	color: #87bb60;
	position: absolute;
    top: 25%;
    right: 4%;
}
.st3 .retailOption .retailTile2 .downArrow2{
	font-size: 30px;
	color: #87bb60;
	position: absolute;
    top: 25%;
    right: 4%;
}
.st3 .retailOption .retailTile3 .downArrow3{
	font-size: 30px;
	color: #87bb60;
	position: absolute;
    top: 25%;
    right: 4%;
}
/*page St3 ends here*/

/*St4b mannning modal starts here*/
.st3 .modalManning .modal-content{
	background:#fcc5a1;
	border-radius: 5px;
}
.st3 .modalManning .modal-header{
border-bottom: none;
}
.st3 .modalManning .modal-footer{
border-top: none;
}
.st3 .modalManning .modal-header .close{
	color: #fff;
    background: #87bb60;
    font-weight: 100;
    opacity: 1;
    font-size: 30px;
    font-weight: 100;
    /*padding: 0px 0px 4px 0px;*/
    margin-top: -5px;
    margin-right: -8px;
    border-radius: 5px;
    /*width: 34px;*/
    font-family: 'MHeiHK-Bold';
	padding: 5px 8px 4px 8px;
	line-height: 1;
}
.st3 .modalManning .modal-body,
.st3 .modalWatsons .modal-body,
.st3 .modalWelcome .modal-body{
	padding-top: 0px;
}
.st3 .modalManning .modal-body .listHeading{
	margin-bottom: 0px;
	color: #6e6f71;
	font-family: 'MHeiHK-Medium';
	font-size:18px;
	letter-spacing: 1px;
}
.st3 .modalManning .modal-body .listText{
	padding: 0px 0px 0px 20px;
	font-family: 'MHeiHK-Medium';
    color: #6e6f71;
    font-size: 16px;
    letter-spacing: 1px;
}
.st3 .modalManning .modal-body .modalCenterText{
    margin-top: 40px;
}
.st3 .modalManning .modal-body .modalCenterText .centerText1{
	color: #ff0000;
    font-size: 25px;
    letter-spacing: 1px;
    font-family: 'MHeiHK-Medium';
}
.st3 .modalManning .modal-body .modalCenterText .centerText2{
	color: #58595b;
	font-size: 18px;
    letter-spacing: 1px;
    font-family: 'MHeiHK-Medium';
}
.st3 .modalManning .modal-body .modalCenterText .manningModalImg{
	margin-top: 25px;
}
.st3 .modalManning .modal-footer .confirm{
	background: #87bb60;
    color: #fff;
    width: 100%;
    border-radius: 5px;
    letter-spacing: 7px;
    font-family: 'MHeiHK-Bold';
	font-size: 18px;
}
.st3 .modalManning .modal-footer .cancel{
	background: #8c8c8c;
	color: #fff;
	width: 100%;
    border-radius: 5px;
	letter-spacing: 7px;
	font-family: 'MHeiHK-Bold';
	font-size: 18px;
}
/*St4b mannning modal ends here*/
/*watsons modal starts here*/
.st3 .modalWatsons .modal-content{
	background:#fff;
	border-radius: 5px;
}
.st3 .modalWatsons .modal-header{
	border-bottom: none;
}
.st3 .modalWatsons .modal-footer{
	border-top: none;
}
.st3 .modalWatsons .modal-header .close{
	color: #fff;
    background: #87bb60;
    font-weight: 100;
    opacity: 1;
    font-size: 30px;
    font-weight: bold;
    /* padding: 0px 0px 4px 0px; */
    margin-top: -5px;
    margin-right: -8px;
    border-radius: 5px;
    /* width: 34px; */
    font-family: 'MHeiHK-Bold';
    padding: 5px 8px 4px 8px;
    line-height: 1;
}
.st3 .modalWatsons .modal-body .listHeading{
	margin-bottom: 0px;
	color: #6e6f71;
}
.st3 .modalWatsons .modal-body .listText{
	padding: 0px 0px 0px 20px;
	color: #6e6f71;
}
.st3 .modalWatsons .modal-body .listText2{
	color: #6e6f71;
	padding-left: 10px;
}
.st3 .modalWatsons .modal-body .modalCenterText{
    margin-top: 40px;
}
.st3 .modalWatsons .modal-body .modalCenterText .centerText1{
	color: #ff0000;
    font-size:25px;
}
.st3 .modalWatsons .modal-body .modalCenterText .centerText2{
	color: #6e6f71;
}
.st3 .modalWatsons .modal-body .modalCenterText .parknshopLogo,.welcomeLogo,.watsonsLogo{
	width: 65%;
}
.st3 .modalWatsons .modal-body .modalCenterText .watsonsLogo{
	margin: 15px 0px 15px 0px;
}
.st3 .modalWatsons .modal-footer .confirm{
	background: #87bb60;
	color: #fff;
	width: 100%;
    border-radius: 5px;
}
.st3 .modalWatsons .modal-footer .cancel{
	background: #8c8c8c;
	color: #fff;
	width: 100%;
    border-radius: 5px;
}
/*watsons modal ends here*/
/*welcome modal starts here*/
.st3 .modalWelcome .modal-content{
	background:#fff;
	border-radius: 5px;
}
.st3 .modalWelcome .modal-header{
border-bottom: none;
}
.st3 .modalWelcome .modal-footer{
border-top: none;
}
.st3 .modalWelcome .modal-header .close{
	color: #fff;
    background: #87bb60;
    font-weight: 100;
    opacity: 1;
    font-size: 30px;
    font-weight: bold;
    /* padding: 0px 0px 4px 0px; */
    margin-top: -5px;
    margin-right: -8px;
    border-radius: 5px;
    /* width: 34px; */
    font-family: 'MHeiHK-Bold';
    padding: 5px 8px 4px 8px;
    line-height: 1;
}
.st3 .modalWelcome .modal-body .listHeading{
	margin-bottom: 0px;
	color: #6e6f71;
}
.st3 .modalWelcome .modal-body .listText{
	padding: 0px 0px 0px 20px;
	color: #6e6f71;
}
.st3 .modalWelcome .modal-body .listText2{
	color: #6e6f71;
	padding-left: 10px;
}
.st3 .modalWelcome .modal-body .modalCenterText{
    margin-top: 40px;
}
.st3 .modalWelcome .modal-body .modalCenterText .centerText1{
	color: #ff0000;
    font-size:25px;
}
.st3 .modalWelcome .modal-body .modalCenterText .centerText2{
	color: #6e6f71;
}
.st3 .modalWelcome .modal-body .modalCenterText .parknshopLogo,.welcomeLogo,.watsonsLogo{
	width: 65%;
}
.st3 .modalWelcome .modal-body .modalCenterText .watsonsLogo{
	margin: 15px 0px 15px 0px;
}
.st3 .modalWelcome .modal-footer .confirm{
	background: #87bb60;
	color: #fff;
	width: 100%;
    border-radius: 5px;
}
.st3 .modalWelcome .modal-footer .cancel{
	background: #8c8c8c;
	color: #fff;
	width: 100%;
    border-radius: 5px;
}
/*welcome modal ends here*/

/*St5 mannning page starts here*/
.st5{
	background: #fcc5a1;
}
.st5 .wrapper{
	padding: 25px 20px 0px 20px;
}
.st5 .banner{
	background: url("../images/banner-bg-st5.png");
	background-repeat: no-repeat;
	width: 100%;
	height: 0px;
	padding-bottom: 114%;
	background-size: cover;
	position: relative;
}
.st5 .fullBanner{
	background: url("../images/full-banner-imgSt5.png");
	background-repeat: no-repeat;
	width: 100%;
	height: 0px;
	padding-bottom: 114%;
	background-size: cover;
	position: relative;
}
.st5 .fullBanner-product,
.st5b .fullBanner-product{
	background: url("../images/banner-product.jpg");
	background-repeat: no-repeat;
	width: 100%;
	height: 0px;
	padding-bottom: 114%;
	background-size: cover;
	position: relative;
}

.st5 .fullBanner-product,
.st5b .fullBanner-product.diamondiaperM{
	background: url("../images/diamondiaperM-banner-product.jpg");
	background-size:100%;
    padding-bottom: 90%;
    background-repeat: no-repeat;

}

.st5b .fullBanner-product.diamondpantL{
	background: url("../images/diamondpantL-banner-product.jpg");
	background-size:100%;
    padding-bottom: 90%;
    background-repeat: no-repeat;
}

.st5b .fullBanner-product.diamondpantM{
	background: url("../images/diamonPantM-banner-product.jpg");
	background-size:100%;
    padding-bottom: 90%;
    background-repeat: no-repeat;
}

.st5b .fullBanner-product.diamonddiaperS{
	background: url("../images/diamondiaperS-banner-product.jpg");
	background-size:100%;
    padding-bottom: 90%;
    background-repeat: no-repeat;
}
.st5 .huggiesLogo{
    width: 30%;
    padding: 5px 5px 12px 0px;
}
.st5 .imageGroup{
	position: absolute;
	left: 54%;
    top: 49%;
    right: 5%;
}
.st5 .titleHeading{
	color:#a39386;
	font-size: 16px;
	position: absolute;
    top: 24%;
    right: 5%;
}
.st5 .titleSubHeading{
	padding-left: 35px;
}
.st5 .huggiesPack{
	width: 74%;
}
.st5 .imageGroup .imageGroupText{
	color: #8b8779;
    font-size: 11px;
    position: absolute;
    right: 32%;
}
.st5 .huggiesImg{
	width: 30%;
    position: absolute;
    bottom: 31px;
    right: 25px
}
.st5 .waveText{
	width: 40%;
    position: absolute;
    top: 74%;
    left: 25%;
}
.st5 .promotionText{
	color: #58595b;
	font-size: 15px;
	margin-top: 20px;
}
.st5 .promotionText .buyHuggies{
	font-family: 'MHeiHK-Bold';
    font-size: 20px;
}

.st5 .st5promotionText{
	margin-bottom: 0px;	
font-size:18px;
}

.st5 .centerLogos{
	padding: 0px;
	margin: 10px 0px 10px 0px;
}
.st5 .centerLogos .manningCenterLogo{
	width: 80%;
}
.st5 .timerHeading{
	color: #58595b;
	font-size: 18px;
	letter-spacing:1px;
	margin-bottom: 10px;
}
.st5 .timerText{
	/*font-family: 'HelveticaLTStdBold';*/
	color: #0567f9;
    font-size: 90px;
    font-weight: bolder;
    line-height: 70px;
    margin-bottom: 0px;
}
.st5 .dLogo{
	float: right;
}
.st5 .dLogo .dLogoImg{
	width: 40%;
    float: right;
    margin-right: 5px;
}
.st5 .textAreaField{
	width: 90%;
    margin: 30px auto;
    min-height: 30px;
    background: #fff; 
	margin-bottom: 0px;	
}
.st5  .textAreaField .barcodeText{
	font-family: 'MHeiHK-Light';
	font-size:17px;
	padding: 10px 10px 10px 10px;
}
.st5 .button{
	padding-bottom: 30px;
}
.st5 .button .optionBtn{
	background:#f26924;
	border-radius: 0px;
	color: #fff;
} 
.st5 .button .gifOption{
	width: 100%;
    height: 48px;
    margin-bottom: 10px;
} 
/*St5 mannning page ends here*/

/*watsons page starts here*/
.st5b{
	background: #ececec;
}
.st5b .wrapper{
	padding:20px 0px 20px 0px;
}
.st5b .bannerLogos .watsonsBannerLogo{
	/*width: 40%;*/
	display:block;
	margin:0 auto;
}
.st5b .banner{
	background: url("../images/banner-bg-st5b.png");
	background-repeat: no-repeat;
	width: 100%;
	height: 0px;
	padding-bottom: 88%;
	background-size: cover;
	position: relative;
}
.st5b .fullBanner{
	background: url("../images/full-banner-imgSt5b.png");
	background-repeat: no-repeat;
	width: 100%;
	height: 0px;
	padding-bottom: 87%;
	background-size: cover;
	position: relative;
}
.st5b .huggiesLogo{
    width: 22%;
    padding: 5px 5px 12px 0px;
}
.st5b .imageGroup{
	position: absolute;
	left: 54%;
    top: 49%;
    right: 5%;
}
.st5b .titleHeading{
	color:#a39386;
	font-size: 22px;
	position: absolute;
    top: 20%;
    right: 5%;
}
.st5b .titleSubHeading{
	padding-left: 35px;
}
.st5b .huggiesPack{
	width: 74%;
}
.st5b .imageGroup .imageGroupText{
	color: #8b8779;
    font-size: 11px;
    position: absolute;
    right: 32%;
}
.st5b .huggiesImg{
	width: 30%;
    position: absolute;
    bottom: 31px;
    right: 25px
}
.st5b .waveText{
	width: 34%;
    position: absolute;
    top: 72%;
    left: 25%;
}
.st5b .promotionText{
	color: #58595b;
	font-size: 18px;
	margin-top: 20px;
}
.st5b .promotionText .buyHuggies{
	font-family: 'MHeiHK-Bold';
    font-size: 20px;
}
.st5b .st5promotionText{
	margin-bottom: 0px;
}

.st5b .centerLogos{
	padding: 0px;
	margin: 10px 0px 10px 0px;
}
.st5b .centerLogos .watsonsCenterLogo{
	/*width: 40%;*/
	display:block;
	margin:0 auto;
}
.st5b .timerHeading{
	color: #58595b;
	font-size: 18px;
	letter-spacing:1px;
	margin-bottom: 10px;
}
.st5b .timerText{
	color: #0567f9;
    font-size: 90px;
    font-weight: bolder;
    line-height: 70px;
    margin-bottom: 10px;
}
.st5b .dLogo{
	float: right;
}
.st5b .dLogo .dLogoImg{
	width: 40%;
    float: right;
    margin-right: 5px;
}
.st5b  .textAreaField{
	width: 90%;
    margin: 30px auto;
    min-height: 30px;
    background: #fff; 
	margin-bottom: 0px;	
}
.st5b  .textAreaField .barcodeText{
	font-family: 'MHeiHK-Light';
	font-size:17px;
	padding:10px 10px 10px 10px;
}
.st5b .button{
	padding-bottom: 30px;
}
.st5b .button .optionBtn1{
	background:#cd2026;
	border-radius: 0px;
	color: #fff;
} 

.st5b .button .optionBtn2{
	background:#f26924;
	border-radius: 0px;
	color: #fff;
} 
.st5b .button .gifOption{
	width: 100%;
    height: 48px;
    margin-bottom: 10px;
} 
/*watsons page ends here*/

/*welcome page starts here*/
.st5b .bannerLogos .welcomeBannerLogo{
	/*width: 40%;*/
	/*display:block;
	margin:0 auto;*/
	width: 75%;
	margin-right: 0px;
}
.st5b .centerLogos .welcomeCenterLogo{
	/*width: 40%;*/
	display:block;
	margin:0 auto;
}
/*welcome page ends here*/

/*marketplace page starts here*/
.st5b .centerLogos .marketplaceCenterLogo{
	width: 75%;
	display:block;
	margin:0 auto;
}
/*welcome page ends here*/
/*for bootstrap colomn padding starts*/
.noPadding{
	padding: 0px !important;
}
.paddingLeft{
	padding-left: 5px !important;
}
.paddingRight{
	padding-right: 5px !important;
}

.marginBottom {
    margin-bottom:2% !important;
}
.mobile-only {
        display: none;
		height: 631px;
    }
/*for bootstrap colomn padding ends*/

@media only screen and (max-width: 800px) {
    .mobile-only {
        display: block;
    }
    .desktop-only {
        display: none;
    }
}