@charset "UTF-8";
/* VIDEOS */
#video-landing .video-container video.built4you {
	background: url(/sites/5/mmdesign/vids/vidplacement_b4y.jpg) no-repeat!important;
	background-size: cover !important;
	background-position: bottom !important;
}
/* END VIDEOS */

/* BLOG CSS ADDED JULY 7 2018 */
.row.wrapper .mm-article h6 {
	font-size: 15pt !important;
	text-align: center !important;
	color: #d71a21;
          margin-bottom: 25px;
}

.mm-article .mainContent h5 {
	font-size: 15pt !important;
	text-align: left !important;
	color: #d71a21;
}

.mm-article .mainContent h4 {
	font-size: 18pt !important;
	text-align: left !important;
	color: #d71a21;
}
.mm-article .mainContent h2 {
	font-size: 20pt !important;
	text-align: left !important;
	text-transform: none;
	line-height: 26pt !important;
	margin: 0px auto 10px !important;
	padding: 0px !important;
}
.mm-article .mainContent h2:after {
	display: none;
}
.mm-article .mainContent h3 {
	line-height: 24pt !important;
}
.mm-article .sm-leftimg {
	max-width: 150px;
	float: left;
	margin: 0px 15px 0px 0px;
}
.mm-article .sm-rightimg {
	max-width: 165px;
   	float: right;
    	margin: 0px 0px 0px 15px;

}
.mm-article .med-leftimg {
	float: left !important;
	padding: 0px 20px 10px 0px;
	width: 300px !important;
	height: auto !important;
}
.mm-article .med-rightimg {
	float: right !important;
	padding: 0px 0px 10px 20px;
	width: 300px !important;
	height: auto !important;
}
.mm-article .large-rightimg {
	float: right !important;
	padding: 0px 0px 10px 20px;
	width: 450px !important;
	height: auto !important;
}

.mm-article .large-leftimg {
	float: left !important;
	padding: 0px 25px 10px 0px;
	width: 450px !important;
	height: auto !important;
}
/* END BLOG */


/* CSS styles for GLOBAL NEW STLYES */

/* temp change on main Shop Equipment page*/
section.retail-store {
	padding: 0px !important;
}
/* end shop equipment*/

img {
	max-width: 100%;
}
.media .media-object {
	max-width: 150px;
}
.sm-leftimg {
	max-width: 150px;
	float: left;
	margin: 0px 15px 0px 0px;
}
.sm-rightimg {
	max-width: 150px;
	float: right;
	margin: 0px 0px;
}
.med-leftimg {
	float: left !important;
	padding: 0px 20px 10px 0px;
	width: 300px !important;
	height: auto !important;
}
.med-rightimg {
	float: right !important;
	padding: 0px 0px 10px 20px;
	width: 300px !important;
	height: auto !important;
}
.large-rightimg {
	float: right !important;
	padding: 0px 0px 10px 20px;
	width: 450px !important;
	height: auto !important;
}
.contactbg {
	background-size: cover !important;
	padding: 80px 0px 0px 0px !important;
	background-repeat: no-repeat !important;
	background-position-x: center !important;
}
.fullimgcontent {
	width: 100% !important;
	padding: 0px 0px 15px 0px !important;
	margin: 0px !important;
}
.leftimg {
	max-width: 145px;
	float: left;
	margin: 0px 15px 0px 0px;
}
.rightimg {
	max-width: 145px;
	float: right;
	margin: 0px 0px;
}
.large-leftimg {
	float: left !important;
	padding: 0px 20px 10px 0px;
	width: 450px !important;
	height: auto !important;
}
.fullwidthbg {
	padding: 40px 0px 70px 0px !important;
}
.lgtxt {
	font-size: 120% !important;
	font-weight: 300 !important;
	line-height: initial !important;
}
.captioncall {
	color: #db1f27 !important;
	font-size: 15pt !important;
	line-height: 20pt !important;
	padding: 10px 0px !important;
	font-style: italic;
}
.disclaimtxt {
	font-size: 8pt !important;
	line-height: 12pt;
	font-style: italic;
}
.lrgHeroBanner .cntlrgBanner {
	padding: 100px !important;
}
.lrgHeroBanner {
	height: 600px;
	display: block;
	width: 100%;
	background-size: 100% !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}
.lrgHeroBanner h1 {
	font-size: 60pt !important;
	color: #FFFFFF !important;
	font-weight: 500 !important;
	padding: 50px 0px 0px 0px !important;
	line-height: 80px !important;
}
.lrgHeroBanner h1:after {
	margin: 20px auto 30px !important;
}
.lrgHeroBanner h4 {
	color: #FFFFFF !important;
	text-transform: normal !important;
	font-size: 30pt !important;
	line-height: 30px !important;
	font-weight: 500 !important;
}
.section .newstyle {
	padding: 20px 0px 0px 0px !important;
}
.newstyle h1 {
	font-size: 40pt!important;
	line-height: 29px !important;
	font-weight: 500!important;
	padding: 40px 0px 1px !important;
}
.newstyle h1:after {
	margin: 30px auto !important;
}
.newstyle h1 sup {
	font-size: 18%;
	vertical-align: top;
}
.newstyle h2 {
	font-size: 18pt!important;
	line-height: 29px !important;
	font-weight: 500!important;
	margin: 90px 0px 40px 0px !important;
}
.newstyle h2:after {
	margin: 15px auto !important;
}
.newstyle h4 {
	font-size: 15pt!important;
	text-align: center!important;
	font-weight: 500!important;
	text-transform: uppercase;
	color: #000000;
	margin: 30px 0px 5px 0px !important;
}
.newstyle .lgtxt {
	font-size: 120% !important;
	font-weight: 400 !important;
	line-height: initial !important;
}
.newstyle .boldtxt {
	font-weight: 500 !important;
}
.newstyle p {
	text-align: justify;
	margin: 0px 0px 15px auto;
	padding-bottom: 6px;
}
.newstyle .carousel-inner h2 {
	font-size: 45px!important;
	font-weight: 400!important;
	text-align: left!important;
	line-height: 1!important;
	margin: 0px !important;
	padding: 100px 0px 10px !important
}
.newstyle .carousel-inner h2:after {
	display: none;
}
.newstyle .carousel-inner h4 {
	font-size: 18pt!important;
	font-weight: 500!important;
	padding: 0px 0px 20px!important;
	margin: 0px !important;
	line-height: 32px !important;
	text-align: left!important;
	text-transform: uppercase!important;
}
.newstyle .carousel-inner .module_80083 {
	padding: 20px 0px;
}
.newstyle .carousel-indicators {
	bottom: -50px!important;
}
.newstyle .carousel-indicators li {
	border-radius: 100%;
}
.spotlightsec {
	padding: 100px 0px 0px !important;
	margin: 90px 0px 0px 0px;
}
.spotlightsec h2 {
	font-size: 18pt !important;
	font-weight: 500 !important;
	text-align: left !important;
	padding: 0px !important;
	margin: 0px !important;
	line-height: 28px !important;
}
.spotlightsec h2:after {
	margin: 15px 0px !important;
}
.spotlightsec .spotlightcontent {
	padding: 60px 40px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}

@media only screen and (min-width: 320px) and (max-width: 414px) {
	
	.disclaimtxt {
	line-height: 16pt;
	}
          
          .large-leftimg {
		padding: 0px 0px 0px 0px;
                    width: 100% !important;
	}
	.large-rightimg {
		padding: 0px 0px 0px 0px;
                    width: 100% !important;
	}
          
}


@media screen and (max-width:767px) {
	/*contact forms with picture backgrounds*/
	body#body_520059 #genericForm article.genericFormForm .formgeneric .newFormName .col-md-4, body#body_519821 #genericForm article.genericFormForm .formgeneric .newFormName .col-md-4, body#body_519483 #genericForm article.genericFormForm .formgeneric .newFormName .col-md-4, body#body_520035 #genericForm article.genericFormForm .formgeneric .newFormName .col-md-4, body#body_520036 #genericForm article.genericFormForm .formgeneric .newFormName .col-md-4 {
		width: 100% !important;
	}
	body#body_520059 #genericForm .genericFormForm h2, body#body_519821 #genericForm .genericFormForm h2, body#body_519483 #genericForm .genericFormForm h2, body#body_520035 #genericForm .genericFormForm h2, body#body_520036 #genericForm .genericFormForm h2 {
		text-align: center;
		font-size: 17pt !important;
	}
	body#body_520059 #genericForm .genericFormForm h2::after, body#body_519821 #genericForm .genericFormForm h2::after, body#body_519483 #genericForm .genericFormForm h2::after, body#body_520035 #genericForm .genericFormForm h2::after, body#body_520036 #genericForm .genericFormForm h2::after {
		margin: 11px auto 0px;
	}
	/*end contact forms*/

	.newstyle .small {
		font-size: 108% !important;
	}
	.leftimg {
		padding: 0px 0px 20px 0px;
		width: 100% !important;
	}
	.rightimg {
		padding: 0px 0px;
		width: 100% !important;
	}
	.large-leftimg {
		padding: 0px 0px 0px 0px;
                    width: 100% !important;
	}
	.large-rightimg {
		padding: 0px 0px 0px 0px;
                    width: 100% !important;
	}
	.fullwidthbg {
		padding: 30px 0px 20px 0px !important;
	}
	a.mmButton, button.mmButton {
		line-height: 45px;
		height: 44px;
		font-size: 10pt;
		padding: 0px 0px 0px 19px;
	}
	a.mmButton > span, button.mmButton > span {
		width: 45px;
	}
	.lrgHeroBanner .cntlrgBanner {
		padding: 2px !important;
	}
	.lrgHeroBanner {
		height: 680px;
		background-size: cover !important;
		background-position: center !important;
	}
	.lrgHeroBanner h4 {
		font-size: 13pt !important;
		line-height: 28px !important;
	}
	.newstyle .carousel-inner h2 {
		font-size: 36px !important;
		padding: 50px 0px 15px !important;
	}
	.spotlightsec .spotlightcontent {
		padding: 10px 40px 30px !important;
	}
	.newstyle .carousel {
		height: 77vh !important;
	}
	.newstyle h1 {
		font-size: 37pt !important;
		line-height: 49px !important;
		margin: 0px !important;
	}
	.newstyle h1:after {
		margin: 20px auto !important;
	}
	.newstyle h2 {
		margin: 27px 0px 0px 0px !important;
	}
	.newstyle p {
		width: 100%;
		font-size: 133% !important;
		margin: 0px 0px 15px auto;
	}
	.newstyle .row.wrapper.fullwidth.section {
		padding: 0px 0;
	}
	.minus-style {
		font-size: 133% !important;
	}
}
/* CSS styles for MAIN CATEGORY PAGES */
.categorypg {
	color: #d71a21;
	margin: 10px 0 !important;
	text-align: left !important;
}
.categorytitle {
	color: #d71a21;
}
/* NEW Code for Descriptive text on category pages added by MR  Feb 2019 */
.mm-categorypg h1 {
	font-size: 24pt !important;
	font-weight: 300!important;
	line-height: 34pt!important;
	margin: 0 auto 35px!important;
	text-align: center!important;
	text-transform: uppercase!important;
	width: 100%!important;
}
.mm-categorypg h2 {
	font-size: 21pt !important;
	color: #d71a21!important;
	text-align: left !important;
	text-transform: none !important;
	line-height: 26pt !important;
	margin: 0px auto 10px !important;
	padding: 0px !important;
}
.mm-categorypg h2:after {
       display: none!important;
}
.mm-categorypg h3 {
          font-size: 16pt !important;
          color: #d71a21;
	text-align: left !important;
	text-transform: none !important;
	line-height: 26pt !important;
	margin: 0px auto 10px !important;
	padding: 0px !important;
}
.mm-categorypg h4 {
	font-size: 14pt !important;
          text-align: left !important;
	color: #d71a21;
}

/* END Code for Descriptive text on category pages */

.categoryhdr {
	font-size: 32pt !important;
	font-weight: 300;
	line-height: 34pt;
	margin: 0 auto 35px;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}
.categoryhdr::after {
	background-color: #d71a21;
	content: "";
	display: block;
	height: 2px;
	margin: 25px auto 0;
	width: 78px;
}
.imgcontent {
	width: auto;
	float: left;
	height: auto;
	padding: 0px 20px 20px 0px;
}
.imgcontenthdr {
	width: 100%;
	float: left;
	height: auto;
	padding: 0px 0px 20px 0px;
}
.imgcontentright {
	width: auto;
	float: right;
	height: auto;
	padding: 0px 0px 20px 20px;
}
.unstyled {
	list-style: outside none none;
	margin: 0 0 30px -11px !important;
	text-indent: 1px !important;
}
/* CSS styles for SALES TEAM PAGE */

.row.wrapper.sales-team p.salesteamName {
	text-align: center;
	font-weight: 500;
	color: #d71a21;
	font-size: 12pt;
	margin: 0px 0px 10px;
}
.row.wrapper.sales-team p.salesteamTitle {
	text-align: center;
	font-size: 12pt;
	margin: 0px 0px 10px;
}
.salesteamhdr {
	font-size: 18px !important;
	color: #D71A21 !important;
	text-transform: uppercase;
	font-weight: 500 !important;
	padding-top: 10px;
	padding-bottom: 0px;
}
.salesteamhdr-top {
	font-size: 18px !important;
	color: #D71A21 !important;
	text-transform: uppercase !important;
	font-weight: 500 !important;
	padding-top: 60px;
	padding-bottom: 0px;
}
.salesteamName {
	font-size: 19px !important;
	color: #000000 !important;
	font-weight: 300 !important;
	margin: 15px 0px 0px 0px !important;
	text-align: center !important;
}
.salesteamTitle {
	font-size: 16px !important;
	color: #000000 !important;
	font-weight: 300 !important;
	margin: 0px !important;
	text-align: center !important;
}
.salespg {
	text-align: center !important;
	margin-bottom: 15px;
}
.salespg .intSales {
	border-left: 1px solid #ebebeb;
}
/* CSS styles for ABOUT PAGE */

.about-bucket {
	height: auto;
	padding: 0px !important;
	margin: 40px auto !important;
}
.about-bucket p {
	width: 100% !important;
	margin: 0px 0px 0px auto;
	word-wrap: break-word !important;
}
.about-bucket h1 {
	height: auto;
	padding: 0px !important;
	margin-top: 40px;
}
.about-bucket .col-md-5, .about-bucket .col-md-7 {
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	height: 300px;
	padding: 60px!important;
	background-size: 100%!important;
}
.about-bucket .col-md-5 h2 {
	text-align: left !important;
	margin: 0px !important;
	font-size: 18px !important;
	font-weight: 500 !important;
}
.about-bucket .col-md-5 h2::after {
	width: 78px;
	height: 2px;
	display: block;
	background-color: #D71A21 !important;
	margin: 0px 0px 15px 0px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}

@media screen and (max-width:767px) {
	.about-bucket {
		margin: 0px auto !important;
	}
	.about-bucket h1 {
		font-size: 31pt !important;
	}
	.about-bucket .col-md-5, .about-bucket .col-md-7 {
		min-height: auto;
		height: auto;
		padding: 50px 24px !important;
	}
	.about-bucket p {
		font-size: 114% !important;
		margin: 0px 0px 0px auto;
	}
}
/* CSS styles for FLEXIDRAFT PAGE */
.strong {
	font-weight: 400!important;
}
.flexidraftmain p.flexitextlg {
	font-size: 14pt!important;
	line-height: 20pt!important;
	text-align: left!important;
}
.flexidraftmain .module_80084 figure {
	text-align: center;
}
.flexidraftmain .module_80084 img {
	max-width: 1170px;
	width: 100%;
}
.flexidraftmain h1 {
	font-size: 45pt!important;
	font-weight: 600!important;
	text-align: left!important;
	font-variant: normal!important;
	margin: 120px 0px 15px !important;
}
.flexidraftmain h1:after {
	display: none!important;
}
.flexidraftmain h4 {
	font-size: 18pt!important;
	font-weight: 500!important;
	text-align: left!important;
	color: #d71a21;
}
.flexidraftmain h4:after {
	margin: 15px 0 15px;
	content: "";
	width: 78px;
	height: 2px;
	display: block;
	background-color: #D71A21;
}
.flexidraft h2 {
	font-size: 18pt!important;
	font-weight: 500!important;
	padding: 45px !important;
	margin: 0px !important;
}
.flexidraft h2:after {
	margin: 15px auto !important;
}
.flexidraft {
	text-align: center !important;
	font-size: 13pt;
}
.flexigrey {
	font-size: 18pt!important;
	line-height: 26pt!important;
	font-weight: 400!important;
	padding: 20px 0px !important;
	text-align: center !important;
}
.section p.greytxt {
	font-size: 17pt!important;
	line-height: 24pt!important;
	text-align: left!important;
	font-weight: 400!important;
	text-transform: uppercase;
	color: #D71A21;
}
.section p.greytxt2 {
	font-size: 17pt!important;
	line-height: 24pt!important;
	text-align: center!important;
	font-weight: 400!important;
	text-transform: uppercase;
	color: #D71A21;
	margin: 30px 0px 10px 0px !important;
}
.flexibar p.flexitextlg {
	font-size: 13pt!important;
	line-height: 22pt!important;
	text-align: left!important;
	color: #FFFFFF !important;
}
.flexibar .flexitextlg:last-child {
	margin-bottom: 0;
}
.row.wrapper .flexidraftmain h1 {
	margin: 0px !important;
	padding: 0px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.flexibar .flexitextlg:last-child {
	margin-bottom: 30px !important;
}
.flexiorange {
	padding: 0px 20px !important;
}
.flexidraft h2::after {
	margin: 15px auto 0 !important;
}
.flexidraftmain h1 {
	font-variant: normal!important;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
	.flexidraftmain h1 {
		padding: 0px !important;
		font-variant: normal!important;
		margin: 25px 0px 0px 0px !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	.flexibar .flexitextlg:last-child {
		margin-bottom: 30px !important;
	}
	.flexiorange {
		padding: 0px 20px !important;
	}
	.flexidraft h2::after {
		margin: 15px auto 0 !important;
	}
}

@media screen and (max-width:767px) {
.flexidraftmain h1 {
	font-size: 33pt !important;
	padding: 0px !important;
	text-align: center !important;
	margin: 10px 0px !important;
}
.flexidraft h2 {
	font-size: 16pt !important;
	font-weight: 500 !important;
	line-height: 19pt !important;
	padding: 38px 1px !important;
}
.flexibar .flexitextlg:last-child {
	margin-bottom: 15px;
}
.flexibar p.flexitextlg {
	font-size: 14pt !important;
	line-height: 22pt !important;
	text-align: justify !important;
}
.section p.orangetxt {
	font-size: 19pt!important;
	line-height: 26pt!important;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
.flexidraftmain p.flexitextlg {
	font-size: 14pt !important;
	line-height: 22pt !important;
	text-align: justify !important;
	padding: 0px 2px !important;
}
.row.wrapper .flexidraftmain h1 {
	margin: 0px !important;
	padding: 0px !important;
}
.section.flexidraft.col-md-12.col-sm-12.col-xs-12 {
	padding: 0px!important;
	margin: 0px!important;
}
.flexidraft h2::after {
	margin: 15px auto 0 !important;
}
}
/* CSS styles for JOE TAP, XTRAFLEXMASTER, GROWLER LANDING */

.built4you, .growler, .xtraflex, .joetapvid {
	min-height: 480px;
	display: block;
	width: 100%;
	vertical-align: middle;
}
.built4you h1, .growler h1, .xtraflex h1, .joetapvid h1 {
	font-size: 50pt !important;
	color: #FFFFFF !important;
	text-align: center !important;
	margin: 10px 0px !important;
	font-weight: 500 !important;
	padding: 0px !important;
}
.built4you h4, .growler h4, .xtraflex h4, .joetapvid h4 {
	color: #FFFFFF !important;
	text-transform: uppercase !important;
	font-size: 16pt !important;
	font-weight: 500 !important;
	padding: 0px !important;
}
.built4you h2, .growler h2, .xtraflex h2, .joetap h2 {
	font-size: 16pt !important;
	font-weight: 500 !important;
	line-height: 19pt !important;
	margin-top: 65px !important;
}
.built4you h2:after, .growler h2::after, .xtraflex h2::after, .joetap h2::after {
	margin: 18px auto 0 !important;
	content: "";
	width: 78px;
	height: 2px;
	display: block;
	background-color: #D71A21;
}
.growlercontact, .xtraflexcontact, .joetapcontact {
	height: 480px;
	display: block;
	width: 100%;
	vertical-align: middle;
}
.growlercontact, .xtraflexcontact, .joetap .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
}
.growlercontact, .xtraflexcontact, .joetap .table-striped > tbody > tr:nth-child(2n+1) {
	background-color: #424242;
	color: #fff !important;
	border-top: 1px solid #ddd;
}
.imgpad {
	padding: 50px 0px 60px 0px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}

@media screen and (max-width:767px) {
	.imgpad {
		padding: 30px 0px 0px 0px !important;
	}
}
/* CSS styles for new BAR AND BEVERAGE LANDING */

.about-bucketlg {
	height: auto;
	padding: 0px !important;
	margin-top: 40px;
}
.about-bucketlg .col-md-5, .about-bucketlg .col-md-7 {
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	height: 400px;
	padding: 60px!important;
	background-size: 100%!important;
}
.about-bucketlg .col-md-5 h2 {
	text-align: left !important;
	line-height: 25px !important;
	margin: 0px !important;
	font-size: 18px !important;
	font-weight: 500 !important;
}
.about-bucketlg .col-md-5 h2::after {
	width: 78px;
	height: 2px;
	display: block;
	background-color: #D71A21 !important;
	margin: 10px 0px 15px 0px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}

@media screen and (max-width:767px) {
	.built4you, .growler, .xtraflex, .joetapvid {
		min-height: auto !important;
	}
	.about-bucket h1 {
		font-size: 31pt !important;
	}
	.about-bucketlg .col-md-5, .about-bucketlg .col-md-7 {
		min-height: auto;
		height: auto;
	}
	.about-bucketlg .col-md-5 h2::after {
		margin: 7px 0px 15px 0px !important;
	}
	.built4you h2, .growler h2, .xtraflex h2, .joetap h2 {
		padding-bottom: 45px !important;
		margin-top: 0px !important;
	}
}
/* CSS styles for NEW SHOP EQUIPMENT PAGE */

.shopbox {
}
.shopbox .module_80086 {
	background: #000 !important;
	margin: 0px auto !important;
	padding: 30px !important;
	position: absolute;
	bottom: 0px;
}
.shopbox h3 {
	font-size: 19px !important;
	font-weight: 400 !important;
	color: #FFF !important;
	text-transform: uppercase;
	text-align: left !important;
	margin: 0px 0px 7px 0px !important;
}
.shopbox h3 a {
	color: #FFF !important;
	text-decoration: none !important;
}
.shopbox h3 a:hover {
	text-decoration: underline !important;
}
.shopbox > div {
	display: flex;
	flex-direction: column;
	justify-content: end;
	align-items: flex-start;
	height: 480px;
	padding: 0px 0px 0px 0px !important;
	border: 10px solid #fff;
	background-size: 120% !important;
	background-repeat: no-repeat !important;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}

@media screen and (max-width:767px) {
	.shopbox > div {
		height: 380px !important;
		background-size: 130% auto;
	}
}
/* NEW CSS BEVERAGE STATION PAGE JULY 2017*/

.featQuote {
	font-size: 16pt !important;
	line-height: 24pt !important;
	font-weight: 400 !important;
	text-align: center !important;
	padding: 50px 60px !important;
}
.featQuote h5 {
	color: #db1f27 !important;
	font-size: 12pt!important;
	line-height: 17pt!important;
	font-weight: 500!important;
	text-align: center !important;
}
.featBenefits {
	font-size: 12pt !important;
	font-weight: 300 !important;
	padding: 0px 20px 50px 0px !important;
}
.featBenefits h3 {
	font-size: 14pt !important;
	line-height: 24px !important;
	color: #db1f27 !important;
	text-transform: uppercase !important;
	margin: 0px 0px 8px !important;
	text-align: left !important;
}
.featStations {
	font-size: 12pt !important;
	font-weight: 300 !important;
	padding: 0px 20px 50px 0px !important;
}
.featStations h3 {
	font-size: 14pt !important;
	line-height: 24px !important;
	color: #db1f27 !important;
	text-transform: uppercase !important;
	margin: 0px 0px 8px !important;
	text-align: left !important;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}

@media screen and (max-width:767px) {
	.featQuote {
		font-size: 13pt !important;
		line-height: 19pt !important;
		font-weight: 400 !important;
		text-align: center !important;
		padding: 10px 30px !important;
	}
	.featBenefits {
		padding: 0px 20px 40px 20px !important;
	}
	.featStations {
		padding: 0px auto !important;
	}
}
/* NEW CSS FOR NEW MM.COM LANDING PAGE JULY 2017*/

.mmlanding .module_80086 {
	padding: 300px 0px !important;
}
.mmlanding .cntmmlanding {
	padding: 100px !important;
}
.mmlanding {
	height: 800px;
	display: block;
	width: 100%;
	background-size: 110% !important;
	background-repeat: no-repeat !important;
}
.mmlanding h1 {
	font-size: 60pt !important;
	color: #FFFFFF !important;
	font-weight: 500 !important;
	padding: 0px !important;
}
.mmlanding h1:after {
	margin: 40px auto 30px !important;
}
.mmlanding h4 {
	color: #FFFFFF !important;
	text-transform: normal !important;
	font-size: 17pt !important;
	line-height: 32px !important;
}
.mmlanding-bucket {
	height: auto;
	padding: 0px !important;
	margin: 0px auto !important;
}
.mmlanding-bucket p {
	width: 100%;
	margin: 0px 0px 0px auto;
	font-size: 20px !important;
}
.mmlanding-bucket h1 {
	height: auto;
	padding: 0px !important;
	margin-top: 40px;
}
.mmlanding-bucket .col-md-6 {
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	height: 500px;
	padding: 170px !important;
	background-position: center top !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}
.mmlanding-bucket .col-md-6 h2 {
	text-align: left !important;
	margin: 0px !important;
	font-size: 50px !important;
	font-weight: 500 !important;
}
.mmlanding-bucket .col-md-6 h2::after {
	width: 78px;
	height: 2px;
	display: block;
	background-color: #D71A21 !important;
	margin: 15px 0px 30px 0px !important;
}
.mmlanding-btm .col-md-6 {
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	height: 200px;
	padding: 170px !important;
}
.mmlanding-btm .col-md-6 h2 {
	text-align: left !important;
	margin: 0px !important;
	font-size: 50px !important;
	font-weight: 500 !important;
}
.mmlanding-btm .col-md-6 h2::after {
	width: 78px;
	height: 2px;
	display: block;
	background-color: #D71A21 !important;
	margin: 15px 0px 30px 0px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}

@media screen and (max-width:767px) {
	.mmlanding .module_80086 {
		padding: 30px 0px !important;
	}
	.mmlanding .col-md-6 {
		min-height: auto;
		height: auto;
		padding: 50px 24px !important;
	}
	.mmlanding {
		height: 100%;
		background-size: cover !important;
		background-repeat: no-repeat !important;
	}
	.mmlanding h1 {
		font-size: 34pt !important;
		color: #fff !important;
		font-weight: 500 !important;
		padding: 30px 0px !important;
		margin: 0px !important;
		line-height: 44px !important;
	}
	.mmlanding h1::after {
		margin: 18px auto 0px !important;
	}
	.mmlanding h4 {
		color: #FFFFFF !important;
		font-size: 12pt !important;
		line-height: 24px !important;
	}
	.mmlanding-bucket .col-md-6 {
		height: 436px;
		padding: 30px !important;
	}
	.mmlanding-bucket h1 {
		font-size: 31pt !important;
	}
	.mmlanding-bucket p {
		font-size: 114% !important;
		margin: 0px 0px 0px auto;
	}
	.mmlanding-bucket .col-md-6 h2 {
		font-size: 45px !important;
	}
	.mmlanding-btm .col-md-6 {
		height: 436px;
		padding: 30px !important;
	}
	.mmlanding-btm h1 {
		font-size: 31pt !important;
	}
	.mmlanding-btm p {
		font-size: 114% !important;
		margin: 0px 0px 0px auto;
	}
	.mmlanding-btm .col-md-6 h2 {
		font-size: 45px !important;
	}
}
/* NEW or ADDITIONAL CSS FOR XTRAFLEXMASTER LANDING PAGE*/
.XtraFlexBenefits {
	font-size: 14pt !important;
	font-weight: 300 !important;
	padding: 0px 20px 50px 0px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}

@media screen and (max-width:767px) {
	.XtraFlexBenefits {
		padding: 0px 20px 40px 20px !important;
	}
}
/* CSS styles for KOMBUCHA PAGE */

.kombuchamain .module_80084 figure {
	text-align: center;
}
.kombuchamain .module_80084 img {
	max-width: 1170px;
	width: 100%;
}
.kombuchamain h1 {
	font-size: 48pt!important;
	font-weight: 600!important;
	text-align: left!important;
	line-height: 1.025em !important;
}
.kombuchamain h1:after {
	margin: 30px 0px!important;
	display: block;
}
.kombuchamain h2 {
	font-size: 18pt!important;
	font-weight: 500!important;
	text-align: left !important;
	margin: 0px !important;
}
.kombuchamain h2:after {
	margin: 8px 0px 20px 0px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.kombuchamain h1 {
		font-variant: normal!important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
	.kombuchamain h1 {
		padding: 0px !important;
		font-variant: normal!important;
		margin: 25px 0px 0px 0px !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	.kombucha h2::after {
		margin: 15px auto 0 !important;
	}
}

@media screen and (max-width:767px) {
	.kombuchamain h1 {
		font-size: 32pt !important;
		text-align: center !important;
		margin: 20px 0px !important;
	}
	.kombuchamain h1:after {
		margin: 10px auto !important;
	}
	.row.wrapper .kombuchamain h1 {
		padding: 0px !important;
	}
	.kombuchamain h2::after {
		margin: 4px auto 20px !important;
	}
	.section.kombucha.col-md-12.col-sm-12.col-xs-12 {
		padding: 0px!important;
		margin: 0px!important;
	}
}
/* CSS styles for ABI PROGRAM PAGE */

.abimain {
	padding: 80px 0px 50px 0px !important;
}
#body_521001 .screen {
	min-height: 550px;
	background-repeat: no-repeat !important;
	background-size: 100% !important;
	background-attachment: fixed !important;
}
/*for padding after table on bottom*/
#body_521001 #clid-17126 {
	padding-bottom: 150px !important;
}
#body_521001 .abimain h1 {
	font-size: 40pt!important;
	color: #4A4A4A !important;
	font-weight: 600!important;
	text-align: center!important;
	line-height: 1.025em !important;
	padding: 90px 0px 0px 0px !important;
	margin: 0px !important;
}
#body_521001 .abimain h1:after {
	margin: 20px auto 30px !important;
	background-color: #33ccff !important;
	display: block;
}
.abimain h2 {
	font-size: 40pt!important;
	color: #4A4A4A !important;
	font-weight: 600!important;
	text-align: left!important;
	line-height: 1.025em !important;
	padding-top: 70px !important;
}
.abimain h2 .hdlnopad {
	padding: 0px 0px !important;
}
.abimain h2:after {
	margin: 20px 0px!important;
	background-color: #33ccff !important;
	display: block;
}
.abimain h3 {
	font-size: 27pt!important;
	color: #4A4A4A !important;
	text-align: center !important;
	font-weight: 600 !important;
	line-height: normal !important;
}
.abimain p {
	font-size: 18pt!important;
	color: #2C2C2C !important;
	text-align: left!important;
	line-height: 1.35em !important;
}
.abimain p .abiblue {
	color: #33ccff !important;
	font-style: italic !important;
	font-weight: 400 !important;
}
.abiQuote {
	font-size: 21pt !important;
	line-height: 24pt !important;
	text-align: center !important;
	padding: 90px !important;
	letter-spacing: 0.025em !important;
}
.abiBigNews {
	font-size: 16pt !important;
	line-height: 24pt !important;
	text-align: center !important;
	padding: 75px 0px !important;
	letter-spacing: 0.015em !important;
}
.abiBigNews .BigNews {
	font-size: 27pt !important;
	font-weight: 600 !important;
	line-height: 30pt !important;
}
.abiBigDiscount p {
	font-size: 27pt!important;
	color: #2C2C2C !important;
	text-align: center!important;
	padding: 30px 90px 0px 90px !important;
	line-height: 1.45em !important;
}
.abiBigDiscount p .abiblue {
	color: #33ccff !important;
	font-style: italic !important;
	font-weight: 500 !important;
}
.abimain-nopad {
	padding: 0px 0px 90px 0px !important;
}
.abimain-nopad h3 {
	font-size: 25pt !important;
	color: #4A4A4A !important;
	text-align: center !important;
	font-weight: 600 !important;
	padding-bottom: 0px !important;
	margin-bottom: 13px !important;
}
.abimain-nopad ul {
	font-size: 15pt!important;
	color: #2C2C2C !important;
	text-align: left!important;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	.abimain h2::after {
		margin: 15px auto 0 !important;
	}
}

@media screen and (max-width:767px) {
	.abimain h2::after {
		margin: 4px auto 20px !important;
	}
	.section.abi.col-md-12.col-sm-12.col-xs-12 {
		padding: 0px!important;
		margin: 0px!important;
	}
}