/* +++ VERSION 5 WIDGET RELATED CSS +++ */

#mz_homepageContent { width: 100%; }

.mz_wgtContainer,
.mz_sitewideFeature { clear: both; display: block; }

.mz_wgtContainer { position: relative; }

#mz_homepageContent:after,
.mz_wgtContainer:after,
.mz_sitewideFeature:after { content: ""; display: block; clear: both; }

.mz_wgt_1, .mz_wgt_2, .mz_wgt_3, .mz_wgt_4, .mz_wgt_4x,
.mz_wgt_5, .mz_wgt_6, .mz_wgt_7, .mz_wgt_8,
.mz_wgt_9, .mz_wgt_10, .mz_wgt_11, .mz_wgt_12,
.mz_wgt_A, .mz_wgt_B, .mz_wgt_C, .mz_wgt_D, .mz_wgt_E { float: left; margin-right: 1%; margin-bottom: 0.625em; }

/* base blocks */
.mz_wgt_1,
.mz_wgt_2,
.mz_wgt_3,
.mz_wgt_B { width: 100%; } /* 1 across */
.mz_wgt_4,
.mz_wgt_4x,
.mz_wgt_6,
.mz_wgt_8,
.mz_wgt_A,
.mz_wgt_C { width: 49.5%; } /* 2 across */
.mz_wgt_12,
.mz_wgt_D,
.mz_wgt_7 { width: 32.66666667%; } /* 3 across */
.mz_wgt_E { width: 24.25%; }
.mz_wgt_7:nth-of-type(4) { width: 100%; }

.mz_wgt_4:nth-of-type(2),
.mz_wgt_4:nth-of-type(4),
.mz_wgt_4:nth-of-type(6),
.mz_wgt_4x:nth-of-type(2n),
.mz_wgt_5:nth-of-type(3),
.mz_wgt_6:nth-of-type(2),
.mz_wgt_6:nth-of-type(4),
.mz_wgt_7:nth-of-type(3),
.mz_wgt_7:nth-of-type(4),
.mz_wgt_8:nth-of-type(2),
.mz_wgt_8:nth-of-type(4),
.mz_wgt_8:nth-of-type(6),
.mz_wgt_12:nth-of-type(3),
.mz_wgt_12:nth-of-type(6),
.mz_wgt_12:nth-of-type(9),
.mz_wgtContainer div:last-child { margin-right: 0; }

.mz_wgt_4:nth-of-type(3),
.mz_wgt_4x:nth-of-type(2n + 1),
.mz_wgt_5:nth-of-type(4),
.mz_wgt_6:nth-of-type(3),
.mz_wgt_6:nth-of-type(5),
.mz_wgt_8:nth-of-type(3),
.mz_wgt_8:nth-of-type(5),
.mz_wgt_8:nth-of-type(7),
.mz_wgt_12:nth-of-type(4),
.mz_wgt_12:nth-of-type(7),
.mz_wgt_12:nth-of-type(10) { clear: left; }

/* alternative layout special styles */
.mz_wgt_2 + .mz_wgt_2,
.mz_wgt_3 + .mz_wgt_B,
.mz_wgt_4 + .mz_wgt_2 { margin-right: 0; }

.mz_wgt_2 + .mz_wgt_4 { margin-right: 1%; }
.mz_wgt_2 + .mz_wgt_4 + .mz_wgt_4 { clear: none; }

.mz_wgt_B + .mz_wgt_B,
.mz_wgt_2 + .mz_wgt_2 { float: right; }

.mz_wgt_5 { width: 49.5%; }  
.mz_wgt_5:nth-of-type(1) { width: 100%; }

/* content styles */
.mz_wgtContainer > h2 { font-size: 1.25em; margin-bottom: 0.625em; }

.mz_wgt_1.mz_genAdv_txt img,
.mz_wgt_2.mz_genAdv_txt img { float: right; margin: 0 0 0.625em 0.625em; width: auto; }

.mz_wgt_3.mz_genAdv_txt img,
.mz_wgt_4.mz_genAdv_txt img,
.mz_wgt_5.mz_genAdv_txt img,
.mz_wgt_6.mz_genAdv_txt img,
.mz_wgt_7.mz_genAdv_txt img,
.mz_wgt_8.mz_genAdv_txt img { width: 97%; }

/* sitewide */
.mz_sitewideFeature > .mz_wgt_1 { margin-bottom: 0; }

/* ++ featured graphics ++ */
.mz_featGraphic img { width: 100%; }
.mz_featGraphic a img {
	opacity: 1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.mz_featGraphic a { display: block; }
.mz_featGraphic a:hover img { opacity: 0.8; }


/* ++ text widgets ++ */
.mz_wgtContainer .mz_genAdv_txt table tr td { display: table-cell; }
.mz_wgtContainer .mz_genAdv_txt table tr td:before { display: none; } 

.mz_wgt_3.mz_genAdv_txt,
.mz_wgt_4.mz_genAdv_txt { overflow-x: auto; } 
.mz_wgt_3 table tr th,
.mz_wgt_4 table tr th { white-space: normal; }

.mz_genBasic_txt,
.mz_genAdv_txt {}

.mz_genBasic_txt h3 { padding: 0.3125em 0; }
.mz_genBasic_txt p { font-size: 0.875em; padding: 0.3125em 0 0.625em 0; }
.mz_genBasic_txt em {}
.mz_genBasic_txt strong {}
.mz_genBasic_txt a {}
.mz_genBasic_txt a:link,
.mz_genBasic_txt a:visited {}
.mz_genBasic_txt a:hover,
.mz_genBasic_txt a:active {}

.mz_featGraphic h3,
.mz_featVideo h3,
.mz_prodWgt > h3 { font-size: 0.9375em; padding: 0.3125em 0;  }
.mz_locMap h3 { font-size: 0.9375em; padding: 0.625em 0 0.3125em 0;  }
.mz_featGraphic p,
.mz_locMap p,
.mz_featVideo p { font-size: 0.875em; padding: 0.625em 0;  }


/* ++ product widgets ++ */
.mz_prodWgt article { float: none; padding: 0.625em 2%; }
.mz_prodWgt article div.mz_prodInfo_icons { display: none; }
.mz_wgt_1.mz_prodWgt article img,
.mz_wgt_2.mz_prodWgt article img,
.mz_wgt_3.mz_prodWgt article img { width: auto; }


/* ++ image list feature ++ */
.mz_imgList { text-align: center; }
.mz_imgList ul { list-style: none; position: relative; }
.mz_imgList ul:after { content: ""; display: block; clear: both; }
.mz_imgList ul li { }
.mz_imgList ul li a,
.mz_imgList ul li img { display: block; }
.mz_imgList ul li img { margin: 0 auto; max-width: 100%; }

.mz_imgList ul.mz_loop > li {  position: absolute; left: 0; right: 0; top: 0; margin: auto; display: none; }
.mz_imgList ul.mz_loop > li:first-child { display: inline-block; }

#mz_homepageContent .mz_imgList ul { padding: 0.625em 0; }
#mz_homepageContent .mz_imgList ul li { display: inline-block; }


/* ++ button list feature ++ */
.mz_btnList ul { position: relative; line-height: 1; list-style: none; padding: 0.625em 0 0 0.625em; text-align: center; }
.mz_btnList ul:after { content: ""; display: block; clear: both; }
.mz_btnList ul li { font-size: 0.875em; margin: 0 0.625em 0.625em 0; }
.mz_btnList ul li a {  display: block; padding: 0.625em; }

.mz_btnList ul.mz_loop > li {  position: absolute; left: 0; right: 0; top: 0; margin: auto; display: none; }
.mz_btnList ul.mz_loop > li:first-child { display: inline-block; }

ul.mz_flexBtn { display: flex; flex-wrap: wrap; gap: 0.5em; list-style: none; }
ul.mz_flexBtn li { text-align: center;}
ul.mz_flexBtn li a { display: block; padding: 0.5em; }
ul.mz_flexBtn li a:link, ul.mz_flexBtn li a:visited { border: 1px solid rgb(200,200,200); }
ul.mz_flexBtn li a:hover, ul.mz_flexBtn li a:active { border: 1px solid rgb(0,0,0); background: #fff; text-decoration: none; }
ul.mz_flexBtn li a.mz_flexBtn_curr { background: rgba(33,150,243,0.1); color: rgb(33,150,243); border: 1px solid rgba(33,150,243,1); }
ul.mz_flexBtn li a.mz_flexBtn_notAv { background: rgba(152,152,152,0.05); border: 1px solid rgba(152,152,152,0.25); color: rgba(152,152,152,0.5); }

/* ++ countdown ++ */
.mz_countdown ul { line-height: 1; list-style: none; text-align: center; }
.mz_countdown ul li { display: inline-block; padding: 0.625em; font-size: 0.875em; }
.mz_cdWgt_num { padding: 0 0.625em; display: inline-block;  }
.mz_cdWgt_num span { font-size: 1.25em; font-weight: bold; }
.mz_countdown ul li:nth-child(1) { text-align: right; }
.mz_countdown ul li:nth-child(2) { text-align: center; }
.mz_countdown ul li:nth-child(3) { text-align: left; }


/* ++ iframe common ++ */
.mz_iframeBox { position: relative; /*padding-top: 30px;*/ height: 0; overflow: hidden; }
.mz_wgtContainer iframe {  }

/* ++ video feature ++ */
.mz_featVideo .mz_iframeBox { padding-bottom: 56.25%; } 
/* proportion value to aspect ratio 16:9 YouTube and Vimeo (9 / 16 = 0.5625 or 56.25%) */
/* proportion value to aspect ratio 9:16 IGTV (16 / 9 = 1.7778 or 177.78%) */
/* proportion value to aspect ratio 4:3 Older (3 / 4 = 0.75 or 75%) */
.mz_featVideo iframe { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }


/* ++ simple form ++ */

/* ++ link and image list ++ */
.mz_linkList {}
.mz_linkList ul { list-style: none; } 
.mz_linkList ul li { display: block; padding: 0.625em; margin-bottom: 0.625em; }
.mz_linkList ul li:hover img { opacity: 0.75; }
.mz_linkList a { display: table;  }
.mz_linkList a img { display: table-cell; margin-right: 0.625em; }
.mz_linkList a span { display: table-cell; vertical-align: middle; }


/* ++ brand page specific widgets ++ */
.mz_brandSearch { text-align: center; }
.mz_brandSearch fieldset { background: rgba(152,152,152,0.1); border: 1px solid rgba(152,152,152,0.5); margin: 0 auto; width: 96%; }
#mz_priContent .mz_brandSearch fieldset label { font-size: 1.5em; font-weight: bold; padding: 0.4em; }

.mz_brandAtoZ_nav ul { list-style: none; text-align: center; padding: 0.625em 0; }
.mz_brandAtoZ_nav ul li { display: inline-block; margin: 0 0.3125em 0.3125em 0; }
.mz_brandAtoZ_nav ul li a,
.mz_brandAtoZ_nav ul li span { display: block; padding: 0.625em; width: 20px; font-weight: bold; }
.mz_brandAtoZ_nav ul li span { border: 1px solid #ccc; color: #ccc; }
.mz_brandAtoZ_nav ul li a:link,
.mz_brandAtoZ_nav ul li a:visited { border: 1px solid #666; }
.mz_brandAtoZ_nav ul li a:hover,
.mz_brandAtoZ_nav ul li a:active { border: 1px solid #666; }

.mz_brandAtoZ {}
.mz_brandAtoZ h2 { font-size: 2.5em; padding: 0; }
.mz_brandAtoZ ul { font-size: 0.875em; list-style: disc outside; margin-left: 1.5em; padding: 0.625em 0; }
.mz_brandAtoZ ul li { padding: 0.3125em 0; font-weight: bold; }
.mz_brandAtoZ ul li a:link,
.mz_brandAtoZ ul li a:visited { }
.mz_brandAtoZ ul li a:hover,
.mz_brandAtoZ ul li a:active { }


/* +++ generic content pages +++ */
#mz_genericPage h1,
#mz_genericPage h2 { padding: 0.625em 0; font-size: 1.25em; }


/* +++ login page +++ */
#mz_fullSite_login .mz_wgtContainer { margin-top: 2.5em; padding-top: 0.625em; border-top: 1px dotted #d8d8d8; }

/* +++ email subcribe widget +++ */
#mz_footer .mz_wgtContainer { padding: 0; margin-bottom: 0.625em; }

#mz_priContent .mz_emailSub_wgtA label, 
#mz_priContent .mz_emailSub_wgtA input[type=text],
#mz_priContent .mz_emailSub_wgtB label, 
#mz_priContent .mz_emailSub_wgtB input[type=text] { float: none; }

.mz_emailSub_wgtA,
.mz_emailSub_wgtB { text-align: left; }
.mz_emailSub_wgtA fieldset,
.mz_emailSub_wgtB fieldset { padding: 0;  }

.mz_emailSub_wgtA label { display: block; }
.mz_emailSub_wgtA input[type=text] { width: 63%; }
.mz_emailSub_wgtA .formBtn_pri { width: 25%; margin-top: 0; }
.mz_emailSub_wgtA input[type=text],
.mz_emailSub_wgtA .formBtn_pri { font-size: 0.75em; display: inline-block; }

.mz_emailSub_wgtB label, 
.mz_emailSub_wgtB input[type=text],
.mz_emailSub_wgtB .formBtn_pri { display: block; width: 95%; }
.mz_emailSub_wgtB input[type=text],
.mz_emailSub_wgtB .formBtn_pri { font-size: 0.75em; }
.mz_emailSub_wgtB .formBtn_pri { margin-top: 0.625em; }


/* +++ MEDIA QUERIES +++ */

@media screen and (min-width: 480px) { 
	.mz_wgt_12 { width: 24.25%; } /* 4 across */
	.mz_wgt_12:nth-of-type(3),
	.mz_wgt_12:nth-of-type(6),
	.mz_wgt_12:nth-of-type(9) { margin-right: 1%; }
	.mz_wgt_12:nth-of-type(4),
	.mz_wgt_12:nth-of-type(8) { margin-right: 0; }
	.mz_wgt_12:nth-of-type(4),
	.mz_wgt_12:nth-of-type(7),
	.mz_wgt_12:nth-of-type(10) { clear: none; }
	.mz_wgt_12:nth-of-type(5),
	.mz_wgt_12:nth-of-type(9) { clear: left; }
}

@media screen and (min-width: 768px) {
	.unslider-arrow { display: table; }
	
	.mz_btnList ul li { display: inline-block; width: 48%; }
	
	/* midsize version */
	.mz_wgt_1 { width: 100%; margin-right: 0; } /* 1 across */
	.mz_wgt_2 { width: 49.5%; } /* 2 across */
	.mz_wgt_3,
	.mz_wgt_6 { width: 32.66666667%; } /* 3 across */
	.mz_wgt_4,
    .mz_wgt_4x,
	.mz_wgt_5,
	.mz_wgt_8 { width: 24.25%; } /* 4 across */
	.mz_wgt_A { width: 74.75%; }
	.mz_wgt_B { width: 66.33333333%; }
	.mz_wgt_C { width: 49.5%; float: right; }
	.mz_wgt_D,
	.mz_wgt_12,
	.mz_wgt_E { width: 15.83333333%; } /* 6 across */

	.mz_wgt_4:nth-of-type(2),
	.mz_wgt_4:nth-of-type(6),
    .mz_wgt_4x:nth-of-type(2n),
	.mz_wgt_5:nth-of-type(3),
	.mz_wgt_6:nth-of-type(2),
	.mz_wgt_6:nth-of-type(4),
	.mz_wgt_8:nth-of-type(2),
	.mz_wgt_8:nth-of-type(6),
	.mz_wgt_12:nth-of-type(4),
	.mz_wgt_12:nth-of-type(8) { margin-right: 1%; }
    .mz_wgt_4x:nth-of-type(4n),
	.mz_wgt_6:nth-of-type(3),
	.mz_wgt_12:nth-of-type(6),
	.mz_wgt_C:nth-of-type(2) { margin-right: 0; }
	
	.mz_wgt_4:nth-of-type(3),
    .mz_wgt_4x:nth-of-type(2n+1), 
	.mz_wgt_5:nth-of-type(4),
	.mz_wgt_6:nth-of-type(3),
	.mz_wgt_6:nth-of-type(5),
	.mz_wgt_8:nth-of-type(3),
	.mz_wgt_8:nth-of-type(7),
	.mz_wgt_12:nth-of-type(5),
	.mz_wgt_12:nth-of-type(9) { clear: none; }
    .mz_wgt_4x:nth-of-type(4n+1),
	.mz_wgt_6:nth-of-type(4),
	.mz_wgt_12:nth-of-type(7) { clear: left; }

	.mz_wgt_2.mz_featVideo + .mz_wgt_2.mz_genAdv_txt { width: 49.5%; }
	.mz_wgt_2.mz_featVideo { width: 47.2%; }
	
	.mz_imgList ul li { float: left; }
    #mz_homepageContent .mz_imgList ul li { float: none; display: inline-block; }

    .mz_emailSub_wgtA {text-align: center; }
    .mz_emailSub_wgtA label,
    #mz_priContent .mz_emailSub_wgtA label { display: inline-block; width: auto; }
    .mz_emailSub_wgtA input[type=text],
    #mz_priContent .mz_emailSub_wgtA input[type=text] { width: 63%; max-width: 250px; }
    .mz_emailSub_wgtA .formBtn_pri,
    #mz_priContent .mz_emailSub_wgtA .formBtn_pri { width: 25%; max-width: 150px; }
    
    #mz_priContent .mz_emailSub_wgtB label { display: block; width: auto; text-align: left; }
    #mz_priContent .mz_emailSub_wgtB input[type=text] { display: block; width: 95%; }

    .mz_imgList ul.mz_loop { display: flex; }
    .mz_imgList ul.mz_loop>li:first-child { display: block; }
    .mz_imgList ul.mz_loop>li { position: initial; margin: initial; display: block; }
	
}

@media screen and (min-width: 1025px) {
	/* midsize version B */
	.mz_wgt_5:nth-of-type(1) { width: 49.5%; margin-bottom: 0; }
	.mz_wgt_6 { width: 15.83333333%; } /* 6 across */
	
    .mz_wgt_5:nth-of-type(2),
    .mz_wgt_5:nth-of-type(3),
    .mz_wgt_5:nth-of-type(4),
    .mz_wgt_5:nth-of-type(5) { float: none; margin-right: 0; margin-bottom: 0; position: absolute; }

    .mz_wgt_5:nth-of-type(2) {top: 0; right: 25.25%; }
    .mz_wgt_5:nth-of-type(3) { top: 0; right: 0; }
    .mz_wgt_5:nth-of-type(4) { bottom: 0; right: 25.25%; }
    .mz_wgt_5:nth-of-type(5) { bottom: 0; right: 0; }

    .mz_wgt_6:nth-of-type(3) { margin-right: 1%; }
    .mz_wgt_6:nth-of-type(4) { clear: none; }
	
    .mz_wgtContainer > h2 { font-size: 2em; }

    .mz_featGraphic h3,
    .mz_featVideo h3,
    .mz_locMap h3,
    .mz_prodWgt > h3 { font-size: 1.5em; }

    .mz_wgt_1.mz_genAdv_txt p { padding: 0.3125em 8em 1.25em 0; }
	.mz_wgt_2.mz_genAdv_txt p { padding: 0.3125em 4em 1.25em 0; }
	
	.mz_wgt_1.mz_genAdv_txt blockquote p,
	.mz_wgt_2.mz_genAdv_txt blockquote p { padding: 1.25em; }
	
	.mz_simpleForm .formBtn_pri { width: 25%; }
	
	.mz_btnList ul li { width: auto; }

	
}

@media screen and (min-width: 1280px) {
	.mz_btnList ul li {  }
	.mz_btnList ul li a { padding: 0.9375em; }
	
	/* widescreen version */ 
	.mz_wgt_8 { width: 11.625%; } /* 8 across */
	.mz_wgt_12 { width: 7.41666667%; } /* 12 across */
	
	.mz_wgt_8:nth-of-type(4),
	.mz_wgt_12:nth-of-type(6) { margin-right: 1%; }
	
	.mz_wgt_8:nth-of-type(5),
	.mz_wgt_12:nth-of-type(7) { clear: none; }

    .mz_emailSub_wgtA input[type=text],
    .mz_emailSub_wgtA .formBtn_pri,
    .mz_emailSub_wgtB input[type=text],
    .mz_emailSub_wgtB .formBtn_pri { font-size: 1em; }
	
}

@media screen and (min-width: 1366px) {	
    .mz_emailSub_wgtB input[type=text] { display: inline-block; width: 63%;  }
    .mz_emailSub_wgtB .formBtn_pri { display: inline-block; width: 25%; margin-top: 0; }
}

@media screen and (min-width: 1600px) { 
	.mz_btnList ul li { font-size: 1em; }
}