/* FONTS

MLDP Fonts

Myriad Pro Bold
font-family: myriad-pro, sans-serif;
font-weight: 300, 400, 600, 700;


font-family: myriad-pro-semi-condensed, sans-serif;
font-weight: 400 600 700;



Bebas Neue Pro Expanded Regular
font-family: bebas-neue-pro-expanded, sans-serif;
font-weight: 400, 600, 700;

 */ 





/*  MASTER PAGE */ 



*, *:before, *::before {
	box-sizing: border-box;
}



html, body {
	height: 100vh;
	min-height: -webkit-fill-available;
	font-size: 16px;
	font-family: myriad-pro, sans-serif;
	font-weight: 400;
	color: #1f1e1e;
	line-height: 180%;
	margin: 0px;
	padding: 0px;
	border: 0;
	text-rendering: optimizeLegibility;
	overflow-x: hidden;
	
}

#partner-section .container-fluid {
	margin-left: 0px;
	margin-right: 0px;
	}


.container-fluid {
	margin: 0px;
	padding: 0px;
}


/* LINKS */
a {
	font-family: bebas-neue-pro-expanded, sans-serif;
	font-weight: 500;
  letter-spacing: 1px;
  text-decoration: none;
	color: black;
 }


 /* TEXT STYLING */

 strong {
  font-weight: 700;
}

.lead {
  font-size: 16px;
  line-height: 160%;
	font-weight: 400;
}


/* NAVIGATION BAR */

.header-contact-row {
	background-color: #4c5a5a;
	opacity: 0.8;
	padding: 5px 30px;
	color: #ffffff;
}


.helplineLinkRow a {
	text-align: end;
	color: #ffffff;
	opacity: 1;
}


.navbar {
	background-color: #212629;
	padding: 4px 25px;

}

.navbar a {
	color: #ffffff;
}

.navbar .active{
	color: #fbef61fc;
}

.navbar :hover {
	color:#fbef61fc;
}

.fixed-top {
	top: 0;
	z-index: 9999;
}

.nav-item {
  font-size: 135%;
  margin-left: 20px;
}

.navbar-toggler {
	border: transparent 0px;
}

/* FOOTER */

footer .footer-container {
	line-height: 200%;
}

footer .row {
	padding: 10px 5px;
}



footer a {
	font-family: myriad-pro, sans-serif;
}




/* Hero Banner */
.introBebas {
	font-family: bebas-neue-pro-expanded, sans-serif;
	font-weight: 700;
	font-size: 175%;
	letter-spacing: 2px;
	color: #102450;
}


/* Navbar */





/* Parallax */
#sectionHome {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100vh;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
}

.subTitleRow {
	font-size: 95%;
}





/* Page Title */


.header-bg-img {
	width: 100%;
}






/*   Letter    */
.narrow-text {
	padding: 70px 7%;
	margin-top: 0px;
}

.sign-col {
	padding-left: 0px;
}

#signatory {
	text-align: left;
	margin: 40px 0px 80px 0px;
}




	footer {
		color: white;
		padding: 5% 7%;
		line-height: 160%;

	}
	footer, footer a {
		color: white;

	}
footer h6 {
	font-weight: 700;
}

footer address {
	line-height: 140%;
}

#bmpaLogo {
	margin-bottom: 10px;
}

footer .bottomRow {
	text-align: center;
	font-size: 70%;
	margin: 0px;
}

.bottomRow .footerCopyright {
	padding: 0px;
	margin: 0px;
}


/* Navbar Logo */






/*  HOME PAGE HERO SECTION */

#homeOverlay {
	padding-top: 100px;
}


#mldpScreenLogo {
	max-width: 90%;
	width: 50%;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 70px;
	margin-bottom: 30px;
}

/* Home-Screen Elements */



/* Letter */



.pageSubTitle {
	margin-top: 130px;
	padding-top: 50px;
}





/*  ************  FAQ Page  ************  */
.narrow-text-faq {
	margin-top: 9.5%;
}



.pageTitle {
	font-family: bebas-neue-pro-expanded, sans-serif;
	font-weight: 600;
	font-size: 300%;
	letter-spacing: 2px;
	color: #ffffff;

}



.pageSubTitle {
	font-family: bebas-neue-pro-expanded, sans-serif;	
	margin-bottom: 10px;
	font-weight: 600;
	font-size: 200%;
	letter-spacing: 2px;
	color: black;

}

.row .video-row {
	margin: 0px 0px;
	padding: 0px;
}

.video-col {
	padding: 10px;
	margin: 15px 0px;
}


.helplineNumber {
	color: #ffffff;
	font-size: 50%;
}

a:hover {
	color:#fbef61fc;
}


.headQuestion strong {
	font-family: bebas-neue-pro-expanded, sans-serif;
	font-size: 22px;
	font-weight: 700;
	color: black;
}
.quePara {
	font-weight: 700;
}



.noteFAQ {
	padding: 30px 0px;

}


#faq-section .row {
	padding-top: 10px;
	padding-bottom: 0px;
	border-bottom: #4c5a5a 1px solid;
	
}

.topRow {
	border-top: #4c5a5a 1px solid;
}


ol li {
	padding-bottom: 7px;
}

.noteFAQ {
	margin: 20px -12px;
	padding: 15px 20px;
	background-color: #f5c2c2;
}
.noteUsage {
	margin: 20px 0px;
	padding: 15px;
	background-color: #f5c2c2;
}




/* Coupon Usage Page */



.usage-List {
	padding: 1% 7%;
}

.usage-List-Item {
	margin-bottom: 15px;
}

.list-Item-Para {
	margin-top: 15px;
	margin-bottom: 0px;
}



/* Partners Page */

#partner-section a {
	font-family: myriad-pro, sans-serif;
	letter-spacing: normal;

}

#partner-section .narrow-text-faq {
	line-height: 160%;
	padding-left: 0px;
	padding-right: 0px;
}

.commonDiscountInstruction p {
	margin-bottom: 10px;
}

#partner-section .row {
	margin: 0px;
	padding-left: 55px;
	padding-left: 45px;
}

#partner-section .head-client-Row {
	margin-top: 15px;
	margin-bottom: 10px;
}

#partner-section .head-product-Row {
	margin-top: 15px;
}


.commonDiscount {
	margin-left: 20px;
}

.detail-product-Row {
	border-bottom: #4c5a5a 1px solid;
}

.person-name {
	padding-top: 5px;
	font-weight: 600;
}



/* Product Page */
.box-list li a:hover {
	color:darkblue;
}


#partner-section .data-row {
	padding: 3px 20px 3px 50px;
}


#partner-section .narrow-text-faq a:hover {
	color:darkblue;
}

@media only screen and (max-width: 480px) {
	#partner-section .address-col {
		padding-top: 10px;
	}
}
@media only screen and (max-width: 480px) {
	#partner-section .company-row {
		padding-bottom: 0px;
	}
}
@media only screen and (max-width: 480px) {
	#partner-section .company-col {
		padding-bottom: 0px;
	}
}

#partner-section .distributor-col {
	padding-bottom: 15px;
}

@media only screen and (max-width: 480px) {
	#partner-section .distributor-col {
		padding-bottom: 20px;
	}
}




.head-client-Row {
	font-family: myriad-pro, sans-serif;
	font-size: 120%;
	font-weight: 600;
	color: #ffffff;
	background-color: #0b0350;
	border-top: #c30000 7px solid;
	margin: 0px;
	padding-left: 20px;
}


#partner-section .address-col-left {
	border-right:#4c5a5a 1px solid;
}


.distributor-col strong {
	font-weight: 600;
}

.col-detail-Name {
	padding-top: 6px;
	padding-bottom: 6px;
}

.head-distributor-Row {
	background-color: lightgrey;
}

.head-product-Row {
	background-color:darkslategray;
	color: #fff;
	padding-top: 2px;
	padding-bottom: 2px;
	letter-spacing: 0.5px;
}

.head-subproduct-Row {
	background-color:#7e9595;
	color: #fff;
}

.head-range-Row {
	background-color:#78aab6;
	color: #fff;
}

.center-col {
	text-align: center;
}



/* Category Page */

.box-col {
	padding: 10px 20px;
}

.box-header {
	background-color: #0b0350;
	margin: 0px;
	font-size: 110%;
	color: #ffffff;
	padding: 7px 15px;
}

.box-body {
	background-color: #e4e4e4;
	padding: 10px;
}

.card {
	z-index: 2;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	
}

.card-header {
	color: #ffffff;
	background-color: #0b0350;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}

.card-body {
	border-radius: 0%;
	-webkit-border-radius: 0%;
	-moz-border-radius: 0%;
	-ms-border-radius: 0%;
	-o-border-radius: 0%;
	background-color: #f8f8f8;
}


.category-name {
	color: #ffffff;
	background-color: #0b0350;
	border: 0px;
	border-radius: 0%;
	-webkit-border-radius: 0%;
	-moz-border-radius: 0%;
	-ms-border-radius: 0%;
	-o-border-radius: 0%;
}



/* Video Page */

.video-row {
	padding: 20px 30px;
}


/* CONTACT PAGE */

.contact-section .narrow-text-faq {
	padding: 0px;
	margin: 0px;
}

.contact-section .contact-row {
	padding: 0px;
}

.contact-row a {
	font-family: myriad-pro, sans-serif;
	font-size: 90%;
	letter-spacing: normal;
}



.contact-col {
	padding: 0px;
}

.contact-list {
	padding: 0px;
	font-size: 90%;
}

.contact-list-item {
	padding: 0px;
}

.contact-row .row {
	font-size: 90%;
	border-bottom: 0px;
	padding: 0px;
}

.contact-address-col {
	display:flex;
	justify-content: center;
	text-align: center;
	font-size: 80%;
	line-height: normal;
}

.logo-row {
	margin: 30px 0px 0px 0px;
}



/* ########################### MEDIA QUERIES ########################### */

/* MAX 480px SMALL MOBILES */



@media only screen and (max-width: 480px) {
	#section-hero h1 {
		padding: 30px 12px;
		margin-bottom: -30px;
		margin-top: -50px;
		font-size: 300%
	}
}

@media only screen and (max-width: 480px) {
	#mldpScreenLogo {
		margin-bottom: 150px;
	}
}

@media only screen and (max-width: 480px) {
	#partner-section .row {
		padding-top: 70px;
		margin-top: 0px;
	}
}



@media only screen and (max-width: 480px) {
	.pageTitle {
		font-size: 200%;
	}
}

@media only screen and (max-width: 480px) {
	.navbar-brand img {
height: 30px;
	}
}
@media only screen and (max-width: 480px) {
	#homeOverlay {
padding-top: 20px;
	}
}

@media only screen and (max-width: 600px) {
	.pageTitle {
		font-size: 150%;
	}
}

@media only screen and (max-width: 480px) {
	.pageSubTitle {
		font-size: 175%;
		line-height: 130%;
		text-align: center;
	}
}




@media only screen and (max-width: 480px) {
	.row {
			padding-left: 30px;
			padding-right: 30px;
		}
	}

@media only screen and (max-width: 480px) {
	.sign-col-center .lead{
		padding-left: 0px;
	}
	}
	

@media only screen and (max-width: 480px) {
	
		#signatory {
			text-align: left;
			margin: 40px 0px 80px 0px;
			padding-left: 0px;
	
		}
	}

@media only screen and (max-width: 480px) {
	.footer-container h5 {
		font-weight:600;
			padding-top: 25px;
		}
	}

	/* FAQ Page */
	
	@media only screen and (max-width: 480px) {
		.queCol {
				padding: 20px 0px 0px 0px;
			}
		}

		@media only screen and (max-width: 480px) {
			.ansCol {
					padding: 0px 0px 15px 0px;
				}
			}


/* Coupon USAGE */

@media only screen and (max-width: 480px) {
	.usageRow {
		padding: 10px;
	}
}

/* HERO BANNER SPACING */



	/* Partners Section */
@media only screen and (max-width: 480px) {


.small-text {
	font-size: 70%;
	line-height: 120%; 
}

	}
	@media only screen and (max-width: 480px) {
		#partner-section .row {
		margin-left: 0px;
		padding: 10px 15px;
		}
	}
	@media only screen and (max-width: 480px) {
		#partner-section .container-fluid {
		margin-left: 0px;
		margin-right: 0px;
		}
	}
	@media only screen and (max-width: 480px) {
		#partner-section .head-product-Row {
		padding-top: 7px;
		padding-bottom: 7px;
		line-height: 120%;
		}
	}
	@media only screen and (max-width: 480px) {
		#partner-section .head-distributor-Row{
		padding-top: 7px;
		padding-bottom: 7px;
		line-height: 120%;
		}
	}
	
@media only screen and (max-width: 480px) {
	.faqRow {padding-top: 20px;
		padding-bottom: 5px;
	}
}

@media only screen and (max-width: 480px) {
	.introLink a #mouseScroll {
			width: 40%;
		}
	}

@media only screen and (max-width: 480px) {
	#homeOverlay #mldpScreenLogo {
width: 200px;
margin-bottom: 50px;
	}
}

@media only screen and (max-width: 480px) {
	#homeOverlay {margin-top: 0px;
	}
}

@media only screen and (max-width: 480px) {
	.cardRow {margin-bottom: 0px;
	}
}
@media only screen and (min-width: 501px) {
	.narrow-text-faq {
			padding-left: 20px;
			padding-right: 20px;
		}
	}




/* Min 601px LANDSCAPE MOBILES */

	/* FAQ Page */
	
	@media only screen and (max-width: 600px) {
		.queCol {
				padding: 20px 30px 0px 35px;
			}
		}
	
	@media only screen and (min-width: 600px) {
		#partner-section .row {
			margin: 0px;
			padding-left: 25px;
			padding-right: 10px;
		} 
		}

		@media only screen and (max-width: 600px) {
			.ansCol {
					padding: 0px 30px 15px 35px;
				}
			}

			@media only screen and (min-width: 601px) {
				.narrow-text-faq {
						padding-left: 20px;
						padding-right: 20px;
					}
				}
				@media only screen and (max-width: 600px) {
					.pageSubTitle {
						font-size: 170%;
						line-height: 130%;
						text-align: center;
					}
				}
				




/* Min 768px LANDSCAPE MOBILES */

@media only screen and (max-width: 750px) {
	.queCol {
			padding: 20px 30px 0px 35px;
		}
	}

	@media only screen and (max-width: 750px) {
		.ansCol {
				padding: 0px 30px 15px 35px;
			}
		}


@media only screen and (max-width: 768px) {
	.introLink a #mouseScroll {
			width: 40%;
		}
	}


@media only screen and (max-width: 768px) {
	.sign-col-center .lead{
		padding-left: 0px;
	}
	}


@media only screen and (max-width: 768px) {
	#mldpScreenLogo {
width: 150%;
	}
}

@media only screen and (max-width: 768px) {
	.narrow-text {
padding-left: 5px;
padding-right: 5px;
margin-top: 0px;
	}
}

@media only screen and (max-width: 768px) {
#intro-letter	.narrow-text {
padding-left: 25px;
padding-right: 25px;
margin-top: 0px;

	}
}

@media only screen and (max-width: 768px) {
.narrow-text-faq {
padding-left: 25px;
padding-right: 25px;
margin-top: 20%;

	}
}


@media only screen and (max-width: 768px) {
	.sign-col-center .lead {
padding-left: 0px;
	}
}

@media only screen and (max-width: 750px) {
	.pageTitle {
		font-size: 200%;
	}
}

@media only screen and (max-width: 938px) {
	.pageTitle {
		font-size: 200%;
	}
}

@media only screen and (max-width: 1173px) {
	.pageTitle {
		font-size: 200%;
	}
}

@media only screen and (max-width: 812px) {
	#homeOverlay img	#mldpScreenLogo {
			width: 10%;
			}
		}


/* 960px */

@media only screen and (max-width: 960px) {
	.queCol {
			padding: 20px 30px 0px 35px;
		}
	}

	@media only screen and (max-width: 960px) {
		.ansCol {
				padding: 0px 30px 15px 35px;
			}
		}

		@media only screen and (max-width: 960px) {
			#intro-letter	.narrow-text {
			padding-left: 25px;
			padding-right: 25px;
			margin-top: 0px;
			
				}
			}


		




/* Min 1024 LANDSCAPE & TABLETS */

@media only screen and (max-width: 1023px) {
	#homeOverlay #mldpScreenLogo {
width: 500%;
margin-bottom: 70px;
	}
}

@media only screen and (max-width: 1023px) {
	.narrow-text {
padding-left: 5px;
padding-right: 5px;
	}
}

@media only screen and (max-width: 1024px) {
	#intro-letter	.narrow-text {
	padding-left: 25px;
	padding-right: 25px;
	margin-top: 0px;
	
		}
	}

@media only screen and (max-width: 1023px) {
	
	.introLink a #mouseScroll {
			width: 30%;
		}
	}



/* Min 1024 LANDSCAPE & TABLETS */
@media only screen and (min-width: 1024px) {
	.introLink a #mouseScroll {
			width: 20%;
		}
	}


	/* Min 1200 LANDSCAPE & TABLETS */

	@media only screen and (min-width: 1200px) {
		#homeOverlay #mldpScreenLogo {
	width: 40%;
	margin-bottom: 70px;
		}
	}


	@media only screen and (min-width: 1200px) {
		h1 {
				padding-left: 50px;
				padding-right: 50px;
			}
		}


	@media only screen and (min-width: 1200px) {
		.introLink a #mouseScroll {
				width: 15%;
			}
		}


	@media only screen and (max-width: 1200px) {
		.narrow-text {
				padding-left: 25px;
				padding-right: 25px;
				margin-top: 15%;
			}
		}





	@media only screen and (min-width: 1200px) {
		.sign-col-center .lead {
	padding-left: 65px;
}
		}

		@media only screen and (max-width: 1240px) {
			.introLink a #mouseScroll {
					width: 25%;
				}
			}


			@media only screen and (max-width: 1240px) {
				#homeOverlay #mldpScreenLogo {
			width: 60%;
			margin-bottom: 70px;
				}
			}


			@media only screen and (min-width: 1240px) {
				.sign-col-center .lead {
			padding-left: 75px;
		}
				}	

				@media only screen and (max-width: 1240px) {
					.queCol {
							padding: 10px 15px 5px 15px;
						}
					}
				
					@media only screen and (max-width: 1240px) {
						.ansCol {
								padding: 10px 15px 5px 15px;
							}
						}		

						@media only screen and (min-width: 1241px) {
							.queCol {
									padding: 10px 15px 5px 25px;
								}
							}
						
							@media only screen and (min-width: 1241px) {
								.ansCol {
										padding: 10px 15px 5px 15px;
									}
								}