/*
	Index 
	---
	Dark Gray: #787878
	Medium Gray: #9E9E9E
	Light Gray: #ECECEC
	Color: #232323
*/

/* --- Structure --- */
body { background: #FFF; color: #232323; font-size: 14px; font-size: .875rem; }
.pagewrap { background: #FFF; overflow: hidden; }
main { position: relative; padding: 150px 0 0; background: #dbe9ed;}

#topcontrol { background: url(/images/toTop.png) top center no-repeat; position: relative; right: 25px; z-index: 99; height: 60px; width: 60px; }


/* --- Header --- */
.masthead { background: #DBE9ED; background: rgba(219, 233, 237, .6);  position: relative; width: 100%; z-index: 5; padding: 1.25em 0; }
.header { padding: 1.5em 0; }
.logo img { display: block; }

		/*Marketing ----- */
	.marketing { background: url(/images/bg-hero-image.jpg) no-repeat fixed center; background-size: cover; padding: 7em 0 9em; height: 1000px; position: relative; }
	.marketing .mk-text-right-content { text-align: center; }
	.marketing .mk-text-right-content, .marketing .mk-text-left-content { background: #fff; padding: 1em; border-top: 12px solid #dbe9ed; margin: 3.25em 0 1em;}
	.marketing .mk-text-left-content p { text-transform: uppercase; color: #566c78; font-size: 18px; font-size: 1.125rem; line-height: 18px; letter-spacing: 2.3px; margin: 0; }
	.marketing .mk-text-right-content p {font-size: 18px; font-size: 1.125rem; color: #566c78; line-height: 18px; letter-spacing: 1.6px; text-transform: uppercase; }
	.marketing .mk-text-left-content h1, .marketing .mk-text-left-content h2, .marketing .mk-text-right-content h1, .marketing .mk-text-right-content h2 { margin: 0; }
	.marketing .mk-text-left-content ol { text-transform: uppercase; color: #566c78; font-size: 32px; font-size: 2rem;  line-height : 32px; font-weight: 600; margin: .5em; }
	.marketing .mk-text-left-content h2 span { color:#2B6BC2 }

	/* --- Navigation --- */
	.menu { position: relative; z-index: 50; text-align: center; }
	span.phone { float: none!important; text-align: center; }
	span.phone a[href^="tel:"] {color:#fff}

	/* Secondary Nav ----- */
	.secondary-nav { background: #9E9E9E; padding: .75em 0; }
	.secondary-nav li { display: inline-block; vertical-align: middle; font-size: 13px; font-size: .813rem; color: #DFDFDF; }
	.secondary-nav li a { color: #FFF; }
	.secondary-nav .account-menu { display: none; }
	
	/* Extras ----- */
	.search-field-wrapper,
	.masthead .cart { display: inline-block; vertical-align: middle; }
	.search-field-wrapper { width: 70%; }
	.search-field-wrapper .searchSubmit { display: none; }
	.masthead .cart { width: 25%; }


/* --- Content --- */
.content { padding: 20px 0; }

ul.horiz-list { list-style: none; margin: 1em auto 0}
ul.horiz-list li{ color: #566c78; font-size: 18px; font-size: 1.125rem; text-transform: uppercase; letter-spacing: 1px; display: inline-block; }
ul.horiz-list li:after { content: " \2022 "; display: inline-block; color: #bfbfbf; margin: 0 15px; }
ul.horiz-list li:last-child:after { content: ""; }
span.teal-bold, strong.teal-bold { color: #06645f; font-weight: 700; }
span.teal-italic { color: #06645f; font-weight: 700; font-style: italic; text-transform: uppercase; font-size : 28px; line-height : 32px;}
.hubscrub-product { text-align: center; }
.hubscrub-product ol { list-style:none;}

#sidebar-right h3, #sidebar-left h3 { color: #06645f; text-transform: uppercase; font-style: italic; font-size: 28px; font-size: 1.75rem; line-height: 32px}
ul.our-products li a, ul.our-products li a:active { color: #000; }
#sidebar-right h3:after, #sidebar-left h3:after { content: ""; border-bottom: 10px solid #fff; display: block; width: 100%; margin: .25em 0 1em; }

	/* Title ----- */
	.index .page-title { display: none; }
	.page-title h1 { color: #566c78; font-size: 32px; font-size: 2rem; text-transform: uppercase; font-style: normal; font-weight: 300; letter-spacing: 1px; }
	
	/* Breadcrumbs ----- */
	.brundle_rundll_crumbles { color: #787878; font-size:12px; font-size: .75rem; }
	.brundle_rundll_crumbles a { text-decoration:none; color: #787878; }
	.arrow { margin: 0 10px; }
	.arrow:before { content: '/'; color: #9E9E9E; }


/* --- Homepage Styling --- */




/* --- Subpage Styling --- */

	/* Brands Page ----- */
	.brands-list li { padding: 2em 0; border-bottom: 1px solid #EEE; }
	.brands-list li img { display: block; }

	/* Contact page ----- */
	.contactform li { margin-bottom: 1em; }
	.contactform li h3 { margin: 25px 0 5px; }
	.contactform li label { display: block; margin: 0 0 3px; font-weight: bold; }
	.contactform li .inline { display: inline; margin-left: 10px; }
	.contactform li .nomargin { margin: 25px 0 0; }
	/* Contact List */
	.contact-location-list { list-style: none; margin: 0; padding: 0; } 
	.contact-location-list li { margin: 0 0 30px; }
.contact-location-list li b {display: inline-block; width:90px;}
	/* Locations --- */
	ul.locations { list-style: none; margin: 0; padding: 0; }
	ul.locations li { border-bottom: 1px solid #EEE; padding: 0 0 15px; margin: 0 0 15px; }
	ul.locations li:last-child { border: 0; padding: 0; margin: 0; }
	ul.locations li .img { float: left; width: 17%; margin: 0 2% 0 0; }
	ul.locations li .right { float: right; width: 81%; }
	ul.locations li h2 { margin: 5px 0 10px; }


/* --- Footer --- */
.footer { padding: 0 0 2em; background: #101c1b; } 
.footer p { color: #dbe9ed; font-family: "rubik", sans-serif; font-size: 14px; font-size: .875rem; margin: 0; text-align: center; text-transform: uppercase; letter-spacing: 1px; float: none; }
.footer p a { color: #dbe9ed; text-decoration: underline; }
.footer p a.noLink { text-decoration: none; font-weight: normal; }
.footer p a.noLink:hover { color: #dbe9ed; }
.footernav { background: #06645f; list-style: none; margin: 15px 0; padding: 2em; }
ul.footernav { margin: 0; }
.footernav li a { color: #fff; display: block; font-size: 24px; font-weight: 300; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; padding: 10px; border-bottom: 1px solid #EEE; }
.footernav li a:hover { text-decoration: underline; }
	/* Copyright ----- */
	.copyright { padding: 3.25em 0;}
	.copyright .document-links { font-size: 18px; font-size: 1.125rem}


/* --- Quick Forms --- */
.quickform { list-style: none; margin: 0; padding: 0; }
.quickform .full h3 { margin: 25px 0 5px; }
.quickform li label { display: block; margin: 0 0 3px; text-indent: -9999px; }
.quickform .full.cbox { margin: 0 0 5px; }
.quickform .full.cbox label { display: inline; }
.quickform .full.cbox input { margin: 0 10px 0 0; }
.quickform .full .hint { color: #707070; font-size: 11px; font-size: .6875rem; display: block; }
.quickform .full .nomargin { margin: 25px 0 0; }
.quickform textarea { margin-bottom: 1em; }
.quickform input, .quickform textarea { background: rgba(6,100,95,.3); border: 1px solid #fff; border-radius: 6px; padding: .75em; font-size: 20px; font-size: 1.25rem; text-transform: uppercase; color: #fff; font-style: italic; letter-spacing: 1px; }
.quickform input::-webkit-input-placeholder, .quickform textarea::-webkit-input-placeholder { color: #dbe9ed; opacity: .75; } .quickform input:-ms-input-placeholder, .quickform textarea:-ms-input-placeholder { color: #dbe9ed; opacity: .75; } .quickform input::-moz-placeholder, .quickform textarea::-moz-placeholder { color: #dbe9ed; opacity: .75; } .quickform input:-moz-placeholder, .quickform textarea:-moz-placeholder { color: #dbe9ed; opacity: .75; }
.quickform input[type="submit"] { width: 100%; padding: .5em; font-style: normal; background: #566c78; color: #dbe9ed; font-weight: 500; }
.quickform input[type="submit"]:hover, .quickform input[type="submit"]:focus { background: #06645f; }
	
	/* Quick Form Title */
	h2.qf-title { color: #06645f; font-size: 42px; font-size: 2.625rem; line-height: 1; font-weight: 400; font-style: italic; text-align: center; }


/* --- Overlay --- */
.modal { position: fixed; background: #fff; display:none; width: 90%; left: 5%; top: 5%; overflow-y: auto; padding: 40px 5px 0; text-align:left; border-radius: 5px; z-index: 999; }
.modal h2 { margin-top: 0; }
.modal .close { position: absolute; width: 24px; height: 24px; cursor: pointer; right: 15px; top: 15px; display: block; background: url("/images/close-black.png") no-repeat; text-indent: -9999em; }
.overlay-mask { display: none; position: fixed; background: #545454; background: rgba(75,75,75,.75); left: 0; top: 0; width: 100%; height: 100%; z-index: 16; }


/* --- Typography --- */
body, p, ul, ol, dl, input, textarea, select, button, h1, h2, h3, h4, h5, h6 { font-family: 'Rubik', sans-serif; line-height: 1.65; }

	/* Headings ----- */
	h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: .5em 0; line-height: 1; }
	h1, body.products h2 { color: #246231; font-size: 36px; font-size: 2.25rem; line-height: 36px; letter-spacing: 1.35px; text-transform: uppercase; margin: .25em 0 .5em; font-weight: 900; font-style: italic; }
	body.products h2 {margin:1.5em auto .5em }
	h2 { color: #246231; font-size: 30px; font-size: 1.875rem; font-weight: 700; font-style: italic; text-transform: uppercase; line-height : 36px; letter-spacing : 1.2px;}
	p.subtext {font-size : 28px; font-weight: 300; line-height : 36px; color : #566C78; font-style: normal; text-transform: none; margin:1em auto}
	h3 { color: #06645f; font-size: 25px; font-size: 1.563rem; font-weight: 500; line-height : 25px; margin: .5em auto .25em; }
	h4 { font-size: 22px; font-size: 1.375rem; line-height: 22px; color: #566C78; }

	/* Text Elements ----- */
	p, li, table { font-size: 18px; font-size: 1.125rem; }
	p { margin: 0 0 1em; }
	blockquote { margin: 1.5rem; }
	ul, ol, dl { margin: 1.5em; list-style-position:outside; }
	ul.options {text-align: center; margin:0 auto 2em;}
	ul.options li {display: inline-block; text-align: center;margin:0 auto 1em;}
	ul.options li img {display:block; margin:0 auto 1em; -webkit-border-radius: 12px; border-radius: 12px;}
	ul.benefits li {clear: both}
	ul.benefits li img {display: block; margin:1.5em auto}
	
	/* Links ----- */
	a, a:visited { color: #8e1cb1; text-decoration: underline; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
	a:hover,a:focus,a:active { text-decoration: none; color: #232323; }
	a.noLink { text-decoration:none; color:#707070; cursor:text; font-weight:bold; }
	a.noLink:hover { color:#707070; }
	a.phone[href^=tel]:link, .phone a {color:#787878;}
	a[href^=tel]{ color:inherit; text-decoration:inherit; font-size:inherit; font-style:inherit; font-weight:inherit;}



@media screen and (min-width: 769px) {
 /* --- Global --- */
main { position: relative; padding: 150px 0 0; background: url('/images/bg-page-50.jpg') left center no-repeat; background-size: cover; background-position: middle; clear:both;}

/* --- Header --- */
.masthead { background: #DBE9ED; background: rgba(219, 233, 237, .6); position: absolute; top: 0; left: 0; width: 100%; z-index: 5; padding: 1.25em 0; }
span.phone { color: #fff; font-family: "acumin-pro-condensed",sans-serif; font-size: 48px; font-size: 3rem; font-weight: 600; font-style: italic; float: right; text-shadow: 2px 2px 5px rgba(0,0,0,.75); }


	/* Secondary Nav ----- */
	.secondary-nav { position: relative; z-index: 2; }
	.secondary-nav .socials { float: left; }
	.secondary-nav .aux { float: right; }
	.secondary-nav .aux li { position: relative; }
	.secondary-nav .account-menu { display: none; position: absolute; top: 100%; left: 50%; margin-left: -100px; width: 200px; background: #FFF; border: 1px solid #DDD; box-shadow: 0 5px 10px rgba(0,0,0,.1); padding: 1em; text-align: center; }
	.secondary-nav .aux li:hover > ul { display: block; }
	.secondary-nav .aux li li { display: block; }
	.secondary-nav .aux li li a { color: #787878; display: block; }
	
	/* Extras ----- */
	.extras { float: right; text-align: right; width: 50%; margin-top: 1.5em; }


/* --- Navigation --- */
.menu ul li { display: inline-block; position: relative; }
.menu ul li a { font-size: 18px; font-size: 1.125rem; display: block; padding: 0 .5em; color: #0e645f; font-weight: bold; text-decoration: none; text-transform: uppercase; }
.menu ul li a:hover {  }
.menu li.social-icons a { padding: 0 .25em; }
.menu li.social-icons a img { vertical-align: middle; }
	
	/* Second Tier ----- */
	.menu ul li > ul { display: none; position: absolute; top: 100%; left: 0; background: #FFF; width: 250px; padding: 0; box-shadow: 0 5px 15px rgba(0,0,0,.3); }
	.menu ul li:hover > ul { display: block; }
	.menu ul li > ul li { float: none; display: block; font-size: 13px; font-size: .813rem; padding: 0; }
	.menu ul li > ul li a { display: block; padding: 10px; border: 0; border-bottom: 1px solid #DDD; color: #343434; text-shadow: none; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; text-align: left; }
	.menu ul li > ul li:last-child a { border: 0; }
	.menu ul li > ul li a:hover { padding: 10px 10px 10px 15px; color: #A00; background: #fbf8f3; filter: none; box-shadow: none; }
	/* Third Tier ----- */
	.menu ul li > ul li > ul { margin: 0; left: 100%; top: 0; background: #EEE; box-shadow: inset 1px 0 3px rgba(0,0,0,.1); }


/* --- Content --- */
body.index .content { padding: 1% 0 3%;}
body.index .sidebar { padding: 0% 5% 1%; }
.content { padding: 200px 0 3%; }
.main.last { float: right; }
	
		h1, body.products h2 { color: #246231;  font-size: 40px; font-size: 2.5rem; line-height: 40px; letter-spacing: 1.35px; text-transform: uppercase; margin: .25em 0 .5em; font-weight: 900; font-style: italic; }
		body.products h2 {margin:1.5em auto .5em}
		h2 { color: #246231; font-size: 30px; font-size:1.875rem; line-height: 30px; font-weight: 700; font-style: italic; text-transform: uppercase; letter-spacing : 1.2px;}
	
	/* Site Options */
		body.index .site-options { margin: -3.25em 0 0}
		.site-options {display: block; background: #06645f; max-width: 250px; float: right; }
		.site-options li { display: inline-block; font-size: 12px; font-size:.75rem; margin: 0; vertical-align: middle; cursor: pointer;}
		.site-options li input[type=submit] { display: none; }
		.site-options li.title { margin-left: 1.5em; }
		.site-options li img { display: block; }
		.site-options li.last { padding-right: 1em; margin-right: 1em; border-right: 1px solid #000; }
		.site-options li.textResizer { margin: 0; font-family: Arial, sans-serif; font-weight: bold; }
		.site-options li a { text-decoration: none; color: #fff; }
		.site-options li a:hover { color: #dbe9ed; }
		.site-options li a.smlFnt { font-size: 11px; font-size: .6875rem}
		.site-options li a.mdmFnt { font-size: 14px; font-size: .875rem}
		.site-options li a.lrgFnt { font-size: 16px; font-size: 1rem}
		.site-options li.last-text { margin-right: 1.5em; }
		span.siteOptions { color: #fff; }

	
	/* Videos */
	#watchIt-modal.modal, #watchIt-modal2.modal { width: 800px; text-align: center; margin-left: -400px; }

	/* Homepage ----- */
				
	
		/*Marketing ----- */
		.marketing .mk-text-right-content, .marketing .mk-text-left-content { margin: 6em 1em 1em; }
	
	
	
	/* Subpage Styling ----- */


/* --- Footer --- */
.footer p.floatLeft { float: left; }
.footer p.floatRight { float: right; }
.footernav { text-align: center; margin: 0 0 15px; }
.footernav li { display: inline-block; }
.footernav li:after { content: " \2022 "; display: inline-block; color: #bfbfbf; margin: 0 15px; }
.footernav li:last-child:after { display: none; }
.footernav li a { display: inline; padding: 0; border: 0; color: #fff; }


/* --- Overlay --- */
.modal { width: 500px; left: 50%; top: 15%; margin-left: -250px; padding: 2.75em 2.75em 2em; }

}

@media screen and (max-width: 1023px) {
.large-only { display: none!important; }
}

	
@media screen and (min-width: 1024px) {
.mobileonly { display: none !important; }
.pagewrap { overflow: hidden}	

/* --- Navigation --- */
.menu { position: relative; z-index: 50; text-align: right; }
	
	/* Marketing */
.marketing { background: url(/images/bg-hero-image.jpg) no-repeat fixed center; background-size: cover; padding: 7em 0 9em; min-height: 800px; position: relative;}
.marketing .mk-text-right-content { text-align: left; }
.hubscrub-product { text-align: left; }
.hubscrub-product ol { list-style:disc;}
ul.services li {min-height: 250px}
}

@media screen and (min-width: 1600px) {
	
	/* --- Navigation --- */
	.menu ul li a { font-size: 20px; font-size: 1.25rem; display: block; padding: 0 .5em; color: #0e645f; font-weight: bold; text-decoration: none; text-transform: uppercase; }
	
	
		/*Marketing ----- */
		.marketing { background: url(/images/bg-hero-image.jpg) no-repeat fixed center; background-size: cover; padding: 7em 0 9em; height: 800px; position: relative;}
		.marketing .mk-text-left { position: absolute; left: 0; bottom: -280px; width: 45%; z-index: 10; }
		.marketing .mk-text-left-content, .marketing .mk-text-right-content { position: relative; z-index: 1; left: 50%; transform: translateX(-50%); width: 96%; max-width: 1400px; padding: 2em; background: none; border: 0; }
		.marketing .mk-text-left-content { bottom: -20px; }
		.marketing .mk-text-right-content { margin: 0 1.5em; }
		.marketing .mk-text-left-content p { text-transform: uppercase; color: #566c78; font-size: 23px; line-height: 36px; letter-spacing: 2.3px; margin: 0; }
		.marketing .mk-text-right-content p {font-size: 32px; color: #566c78; line-height: 34px; letter-spacing: 1.6px; text-transform: uppercase; }
	
		/* Left and Right Angles */
		.marketing .mk-text-left:before { content: ""; position: absolute; bottom: 0; right: -35px; border-right: 50px solid #dbe9ed; transform: skewX(-7.675deg); height: 550px; }
		.marketing .mk-text-left:after { content: ""; width: 100%; position: absolute; bottom: 0; border-top: 550px solid #fff; border-right: 50px solid transparent; left: -10px; transform: skewX(-2.67deg);}
		.marketing .mk-text-right { position: absolute; right: 0; top: 250px; width: 48%; z-index: 10; }
		.marketing .mk-text-right:before { content: ""; position: absolute; bottom: 20px; left: -4px; border-left: 50px solid #dbe9ed; transform: skewX(-7.25deg); height: 275px; }
		.marketing .mk-text-right:after { content: ""; width: 100%; position: absolute; bottom: 20px; border-bottom: 275px solid #fff; border-left: 33px solid transparent; left: 0; }
		
			/* Content */
		body.index .sidebar { padding: 22% 5% 1%; }
	
			/* Headings ----- */
		h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: .5em 0; line-height: 1;  }
		h1, body.products h2 { color: #246231;  font-size: 48px; font-size: 3rem; line-height: 50px; letter-spacing: 1.35px; text-transform: uppercase; margin: .25em 0 .5em; font-weight: 900; font-style: italic; }
		body.products h2 {margin:1.5em auto .5em}
		h2 { color: #246231; font-size: 48px; font-size: 3rem; font-weight: 700; font-style: italic; text-transform: uppercase; line-height : 36px; letter-spacing : 1.2px;}
		p.subtext {font-size : 28px; font-weight: 300; line-height : 36px; color : #566C78; font-style: normal; text-transform: none; margin:1em auto}
		h3 { color: #06645f; font-size: 36px; font-size: 2.25rem; font-weight: 500; line-height : 42px; margin: .5em auto .25em; }
		h4 { font-size: 28px; font-size: 1.75rem; line-height: 36px; color: #566C78; }

	}