@charset "UTF-8";
/* CSS Document */


/* Universal Elements */
	
	/* Typography Settings - Default Font. Color, etc */
	p, h1, h2, h3, h4, h5, h6, h7, a, ul, li, img, label, table, span { font-family: "proxima-nova", Helvetica, Arial, sans-serif; }
	h1 { color: #000; font-size: 3em; font-weight: 800; margin-bottom: 0.4em; padding-top: 0.5em; }
	h2 { color: #000; font-size: 1.6em; font-weight: 500; margin-bottom: 0.6em;  }
	p.intro { color: #000; font-size: 0.925em; font-weight: 400; }
	strong { font-weight: bold; }
	img { max-width: 100%; }
	
	/* Default Link Apperance and Behavior */
	a:link {}
	a:visited {}
	a:hover {}
		
		p a:link { font-size: inherit; color: #4FB7EE; font-weight: 600; text-decoration: none;}
		p a:visited { font-size: inherit; color: #4FB7EE; font-weight: 600; text-decoration: none;}
		p a:hover { font-size: inherit; color: #000; font-weight: 600;  text-decoration: none;}
	
	/* Universal Simple Styles */
	.grey { background: #EEE; } 

	/* Universal Button Styling */
	.button { padding: 8px 1em 8px 1em; display: inline-block; text-align: center; border-radius: 24px; color: #11A1C9; }
		.button:link { color: #333; font-weight:bold; background: #f6f6f6; letter-spacing: 150%; border: 1px solid #DDD;  text-decoration: none; }
		/*.button:visited { color: #333; font-weight:bold; background: #f6f6f6; letter-spacing: 150%;  border: 1px solid #DDD;  text-decoration: none;  }
		.button:hover { color: #000; font-weight:bold; background: #EEE; border: 1px solid #CCC; text-shadow: 0em 0em 0.5em #FFF; box-shadow: 0em 0em 1em inset #FFF; text-decoration: none;}	
*/	.button.blue { color: #FFF; background: #11A1C9; }
		.button.blue:link { color: #FFF; background: #11A1C9; }
		/*.button.blue:visited { color: #FFF; border: 1px solid #3D82A5;  background: #59B1D7 url(../build-images/buttons/bg-blue.png) bottom repeat-x; }
		.button.blue:hover { color:#FFF; border: 1px solid #3D82A5;  background: #4FB7EE url(../build-images/buttons/bg-blue-over.png) bottom repeat-x; text-shadow: 0 0 0; }*/
	.button.green { color: white; border: 1px solid #11A1C9; } 
		.button.green:link { background: #11A1C9; }
		/*.button.green:visited { color: #0B5200; border: 1px solid #54BA40;  background: #82E875 url(../build-images/buttons/bg-green-over.png) bottom repeat-x; }
		.button.green:hover { color:#0F9211; border: 1px solid #20C50E;  background: #94F48B url(../build-images/buttons/bg-green.png) bottom repeat-x; text-shadow: 0 0 0;  }*/
	
	#nav .button.blue {}
		#nav .button.blue:link { color: #FFF; border: 1px solid #3D82A5;  background: #59B1D7;}
		/*#nav .button.blue:visited { color: #FFF; border: 1px solid #3D82A5;  background: #59B1D7; }*/
		#nav .button.blue:hover { color:#FFF; border: 1px solid #3D82A5;  background: #4FB7EE;}
	
	/* Agency Type Selector */
	ul.selector { background: none; overflow: visible; height: 50px; }
		ul.selector li { display: block; position: relative; color: #0B5200; border: 1px solid #54BA40;  background: #82E875 url(../build-images/buttons/bg-green-over.png) bottom repeat-x; padding: 0.5em 0.5em 0.5em 0.5em; font-size: 1.1em; font-weight: 300; border-radius: 5px; color: #FFF; }
			ul.selector li .selector-title { display: block; width: 100%; text-align: left; background: url(../build-images/arrow-drop-down.png); background-repeat: no-repeat;  background-position: right; }
			ul.selector li ul { display: none; position: absolute; left: -999em; top: 42px; padding: 0px; margin: 0px; float:left; border: 1px solid #CCC; border-top: 0; width: 100%; border-bottom: 0  }
			ul.selector li ul a:link { color: #FFF; font-weight: 400 }
			/*ul.selector li ul a:visited { color: #FFF; }*/
			ul.selector li ul a:hover, ul.selector li ul a.hover-effect { color: #FFF; }
			ul.selector li ul li { color:#333; display: block; float: left; background: #FFF;  border: none; border-bottom: 1px solid #DDD; border-right: 1px solid #DDD; width: 92.5%; padding: 0.5em 4% 0.5em 4%; font-size: 0.95em; border-radius: 0px; margin: 0px;}
			ul.selector li ul li:hover, ul.selector li ul li.hover-effect { border: none; background: #CCC; border-bottom: 1px solid #333; border-right: 1px solid #DDD;}
		ul.selector li:hover, ul.selector li.hover-effect { color:#0F9211; border: 1px solid #20C50E;  background: #94F48B url(../build-images/buttons/bg-green.png) bottom repeat-x; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; color: #000; z-index: 100; }
			ul.selector li:hover .selector-title, ul.selector li.hover-effect .selector-title { background: url(../build-images/arrow-drop-down-over.png); background-repeat: no-repeat; background-position: right; } 
			ul.selector li:hover ul, ul.selector li.hover-effect ul { display: block; left: -0.1em;  }
	
	/* Micro Drop-Down Selector */
	#micro-drop { }
		#micro-drop ul { position: relative; left: -999em; }
	
	/* UNiversal Lists Styling */
	.green-check { font-size: 0.95em; color: #333; margin-bottom: 1em; }
		.green-check li { display:block; background:url(../build-images/green-check.png); background-repeat: no-repeat; padding: 0.3em 0 0 1.8em; margin-bottom: 1em; margin-left: 0.2em;  }
	.green-download { font-size: 0.95em; color: #333; margin-bottom: 1em; }
		.green-download li { display:block; background:url(../build-images/green-download.png) left top; background-repeat: no-repeat; padding: 0 0 0 1.8em; margin: 0 0 1em 0.2em; }
	
	/* Form Styling */
	form input {}	/* Default settings for input fields */
	form .pre {} 	/* Before anything has been done */
	form .req {} 	/* If a field is required */
	form .email {} 	/* For email fields */
	form .pass {} 	/* If the value passes validation */
	form .fail		/* If the value fails validation */
	
	/* Universal CTA Styling */
		/* Standard CTA Styling */
		.cta { background: #F3F3F3; padding: 1em; margin-bottom: 2em; text-decoration: none;  }
		.cta p { margin-bottom: 0em; }
		a.cta:link { text-decoration: none; color: #333; }
		a.cta:hover { text-decoration: none;  color: #333; }
		/*a.cta:visited { text-decoration: none; color: #FFF; }*/
		/* Full CTA Styling */
		.cta-full {}
		/* Footer CTA Styling */	
		#footer-cta { background: #11A1C9; height: auto; padding: 40px 0; }
			#footer-cta p { float: left; color: #FFF; font-size: 18px; font-style: italic; margin-top: 20px; }
			#footer-cta a {
				float: right;
			    margin-top: 12px;
			    padding: 0.6em 4em 0.6em 4em;
			    text-decoration: none;
			    color: white;
			    background: none;
			    border: 2px solid white;
			    border-radius: 24px;
			    font-style: inherit;
			    text-transform: uppercase;
			    letter-spacing: 2px;
			    font-size: 14px;
			}
	
	/* Universal Structural Styling */
	body { line-height: 150%; }
	
	/* Universal Top Black Bar Styling */
	#top { background: #333; box-shadow: 0em 0em 1em #AAA; height: 50px; margin-bottom: 1em;}
		#top p { color: #FFF; font-weight: 500; font-size: 17px; padding-top: 16px;}
		#top .two-thirds { text-align: right; }
			#top a { margin-left: 1em; }
				#top a:link { color: #FFF; text-decoration: none; }
				/*#top a:visited { color: #FFF; text-decoration: none; }*/
				#top a:hover { color: #FFF; text-decoration: none; }
			#top img { position: relative; top: 10px; margin-right: 0.4em; }
	
	/* Universal Header Styling */
	#header { margin-bottom: 1em;}
		#logo {}
		#nav { z-index: 100;}
			
					
					#nav ul { position: relative; border-radius: 0.4em; margin-top: 1.5em;  width: 97%; float: right; display: block; }
					#nav ul:hover, #nav ul.hover-effect { }
						#nav ul:hover li.first, #nav ul.hover-effect li.first { border-bottom-left-radius: 0px;}
						#nav ul:hover li.last, #nav ul.hover-effect li.last { border-bottom-right-radius: 0px;}
					
					#nav li { display: block; float: left; height: 3em; overflow:hidden; background: url(../build-images/bg-nav.png); text-align: center; vertical-align: middle; border-left: 1px solid #DDD; line-height: 130%; padding: 0.5em 0.59em 0;}
						#nav li.one-line { height: 2.5em; padding-top: 1em;}
						#nav li.first { border-bottom-left-radius: 5px; border-top-left-radius: 5px; border-left: 0;}
						#nav li.last { border-bottom-right-radius: 5px; border-top-right-radius: 5px; border-left: 0; }
						.mega { width: 94.75%; position: absolute; top: 3.5em; padding: 1em; left: -999em;background: #EEE; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; color: #000; border-top: 4px solid #398db9; box-shadow: 0 0.2em 0.4em #666;}
							.mega .container { text-align: left; margin-bottom: 0.8em; }
								.mega .holder {  background: url(../build-images/bg-mega-container.png); border :1px solid #BBBBBB; box-shadow: inset 0em 0em 0.5em #CCC; padding: 0.5em; border-radius: 5px;}
								.mega .button { font-size: 1em; }
								.mega h3 { color: #000; font-weight: 600;  text-transform: uppercase; font-size: 0.925em; margin-bottom: 0.8em; letter-spacing: 0.02em; }
								#nav .mega ul { margin: 0; padding: 0; list-style: none; width: 100%; float: none; }
									#nav .mega li { cursor:pointer; background: none; font-weight: 400; border: 0; color: #333; text-align: left; height: auto; padding: 0; margin: 0 0 0.5em 0; font-size:1.05em; }
									#nav .mega li:hover { color: #64C7F2; background: none;  }
								
						
						#nav #nav-start { color: #0B5200; border-left: 1px solid #54BA40;  background: #82E875 url(../build-images/buttons/bg-green-over.png) bottom repeat-x; }
						#nav #nav-start:hover {border-bottom-right-radius: 5px; color:#000; sbackground: #94F48B url(../build-images/buttons/bg-green.png) bottom repeat-x; text-shadow: 0 0 0;}
					#nav li:hover, #nav li.hover-effect { color: #FFF; background:url(../build-images/bg-nav-over.png)}
						#nav li:hover .mega, #nav li.hover-effect .mega { left: 0em;   }
			
			#nav .mega { }
				#nav .mega p {  font-size: 0.9em; font-weight: 300; color: #666; margin: 0 0 0.25em 0;}
				#nav .mega .title { font-size: 0.925em; font-weight: 600; text-transform: uppercase; color: #000; margin: 0 0 0.25em 0; }
				#nav .mega ul { margin: 0 0 1em 0; padding: 0;}
					#nav .mega ul li { display: list-item; width: 100%; margin: 0 0 0.2em 0; padding: 0;}
				#nav .mega a.link {font-size: 0.9em; font-weight: 300; text-decoration: none; }
				#nav .mega a.link:link { color: #398DB9; }
				#nav .mega a.link:visited { color: #398DB9; }
				#nav .mega a.link:hover { color: #000; }	
				#nav .mega .button { font-size: 1em; color: #398db9; font-weight: 600; border: 1px solid #D3D3D3; background: #F3F3F3; margin: 0 1em 1em 0; cursor: pointer;   }
					#nav .mega .button:hover { color:#000; border: 1px solid #20C50E;  background: #94F48B url(../build-images/buttons/bg-green.png) bottom repeat-x; text-shadow: 0 0 0; }
									
				#nav-products .mega { background: #EEE url(../build-images/nav/products.png) bottom right no-repeat; }	
	
	
	#title { margin-top: 1.5em; }
		#title .container { margin-bottom: 0; }
		#title img { width: 100%; }
		#title h1 { color: #000; font-size: 3em; font-weight: 700; margin-bottom: 0.6em; margin-top: 0.2em; }
		#title p.intro { color: #000; font-size: 0.925em; font-weight: 400; margin-bottom: 1em; }
		
	.hero {
	    position: relative;
	    height: 420px;
	    margin: 0 !important;
	    background-size: cover;
	    background-position: center;
	}

	.hero .container {
		top: 126px !important;
	}
	.hero .container h1 { color: white !important; }
	.hero .container p { color: white !important; font-size: 18px !important; line-height: 27px; }
	#blue-stripe { background: #2B6686; color: #FFF; height: 49px; padding: 10px 0 10px 0; margin-bottom: 2em;}
		#blue-stripe .large-text { font-size: 1.9em; margin-top: 10px;  }		
		
	/* Universal Content Styling */
	#content { margin-bottom: 1em; }
		
		/* 
		#content h2 { font-size: 1.2em; color: #000; margin-bottom: 2em; text-transform: uppercase; font-weight: 600; line-height: 150%;}
		#content h3 { font-size: 1.4em; color: #2B6685; margin-bottom: 0.5em; line-height: 150%; }
		#content p { color: #525252; margin-bottom: 2em; font-weight: 400; font-size: 0.95em; line-height: 150%;}
		#content a:link { color: #59B1D7; text-decoration: none; font-weight: 600; }
		#content a:visited { color: #59B1D7; text-decoration: none; }
		#content a:hover { color: #64C7F2; text-decoration: none; }
		
		/* Types of Container */
		.title {}
		.text {}
		.img {}
			.img img { width: 100%; }
		.shadow-divider { background: url(../build-images/shadow.png); height: 30px; margin-bottom: 1em; }
		#content p { color: #000; font-size: 0.925em; font-weight: 400; }
		
		#content a.cta:link { background: #F3F3F3; padding: 0.75em; margin-bottom: 2em; border: 2px solid #EEE; border-radius: 0.5em;  }
		#content a.cta:link h3 { font-size: 1.4em; color: #4FB7EE; margin-bottom: 0.4em;  }
		#content a.cta:link p { font-size: 0.8em; padding: none; margin: 0;  }
		#content a.cta:visited { background: #F3F3F3; padding: 1em; margin-bottom: 2em; border: 2px solid #EEE;  }
		#content a.cta:visited h3 { font-size: 1.2em; color: #000;  }
		#content a.cta:hover { color:#FFF; border: 2px solid #3D82A5;  background: #4FB7EE ; text-shadow: 0 0 0;}
		#content a.cta:hover h3 { color: #FFF; }
		#content a.cta:hover p { color: #FFF; }
	
	#resources { background: #EEEEEE; border-top: 1px solid #E5E9EA; padding: 2.5em 0em 2.5em 0em; }
		#resources-info { text-align: right; padding-top: 1em; }
			#resources h2 { font-size: 1.25em; font-weight: 600; line-height: 130%; margin-bottom: 1em;}
			#resources h3 { font-size: 1em; font-weight: 600; line-height: 120%; color: #2B6685; margin-bottom: 0.5em; }
			#resources p { color: #525252; margin-bottom: 2em; font-weight: 400; font-size: 0.8em; line-height: 150%;}
			#resources a:link { color: #59B1D7; text-decoration: none; font-weight: 600; }
			#resources a:visited { color: #59B1D7; text-decoration: none; }
			#resources a:hover { color: #64C7F2; text-decoration: none; }
		
		#resources .resource { position: relative; cursor: pointer; }
			#resources .resource-top { position: relative; height: 340px; background: #FFF; box-shadow: 0em 0em 1em #BBB; border: 1px solid #EEE; width: 264px; margin-left: 5%;  }
				#resources .resource img { width: 100%; margin-bottom: 0.5em; }
				#resources .resource h3 { width: 84%; text-align: left; padding: 0em 3% 0em 3%; letter-spacing: 0.02em; font-size: 1.05em; line-height: 150%; overflow: hidden; height: 50px; }
			#resources .resource-mid { position: absolute; top: 140px;  background: #EEEEEE; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; width: 100%; text-align: left; padding-bottom: 0.5em; box-shadow: 0em -0.2em 0.4em -0.3em #BBB, 0em 0.2em 0.4em -0.3em #BBB; }
				#resources .resource-mid p { width: 85%; margin-left: auto; margin-right: auto; padding: 0.5em 0em 0.8em 0em; margin-bottom: 0em; font-size: 0.90em; height: 110px; overflow: hidden; height: 95px;}
			#resources .resource-bottom { position: absolute; top: 280px; width: 100%; text-align: center;}
				#resources .resource-bottom a:link { color: #FFF; text-decoration: none; font-weight: 600; font-size: 1.1em; font-weight: 500; }
				/*#resources .resource-bottom a:visited { color: #FFF; text-decoration: none; }*/
				#resources .resource-bottom a:hover { color: #FFF; text-decoration: none; }
		
	/* Universal Footer Styling */
	#footer { background: #333; border-top: 2px solid #FFF; padding-top: 1em; }
		#footer-nav { margin-top: 1em; margin-left: 2em; width: 70%; margin-bottom: 1em; }	
			#footer #footer-nav li { display: block; float: left; width: 9em;  text-transform: uppercase; font-weight: 400; height: 2em; font-size: 0.95em; cursor: pointer;}
			#footer #footer-nav li.long { width: 11em; }
				#footer #footer-nav a:link { color: #FFF; text-decoration: none; } 
				#footer #footer-nav a:visited { color: #FFF; text-decoration: none;  } 
				#footer #footer-nav a:hover { color: #CCC; text-decoration: none; } 
		#footer #legal { border-top: 1px solid #666; padding-top: 1em; text-align: center; margin-bottom: 1em; }
			#footer #legal p { color: #FFF; font-size: 0.8em; font-weight: 400; }
			#footer a:link { color: #FFF; text-decoration: none; font-weight: 600; } 
			#footer a:visited { color: #FFF; text-decoration: none; font-weight: 600; } 
			#footer a:hover { color: #CCC; text-decoration: none; font-weight: 600; }
	
	/* Mask & Pop-up */
	#mask { position: fixed; background: url(https://www.servicewearapparel.com/build-images/mask-bg.png); top:0; left: 0; z-index: 400; height: 100%; width: 100%; display: none; }
	#popup { position: fixed; top: 50%; left: 50%; width: 800px; height: 524px; margin-left: -400px; margin-top:-262px; background: #FFF; z-index: 500; box-shadow: 0 0 50px 10px #000; display: none;}
		#popup-img { float: left; margin: 5% 0 10% 0; height: 400px;}
			#popup-image { height: 100%; }
		#popup-title { margin: 5% 5% 0 0; }
			#popup-title h2 { font-size: 30px; line-height: 130%;}
		#popup-style { margin: 0 5% 15px 0;  }
			#popup-style h2 { font-size: 20px; font-weight: bold; }
		#popup-desc { margin: 0% 5% 2.5% 0; }
			#popup-desc li { margin: 0 0 5px 0; }
		#popup-link { margin: 0% 5% 2.5%; 0; }
	#patch { position: fixed; top: 50%; left: 50%; margin-left: -320px; margin-top: -376px; width: 640px; background: #FFF; z-index: 500; box-shadow: 0 0 50px 10px #000; display: none;}
		#patch-img { margin: 20px; width: 600px; }
			#patch-image { width: 600px; }
		#patch-title { margin: 20px; width: 600px; text-align: center; }
			#patch-title h2 { font-size: 24px; line-height: 130%;}
		@media all and (max-height: 800px) {
			#patch { position: fixed; top: 50%; left: 50%; margin-left: -200px; margin-top: -254px; width: 400px; background: #FFF; z-index: 500; box-shadow: 0 0 50px 10px #000; display: none;}
				#patch-img { margin: 20px; width: 360px; }
					#patch-image { width: 360px; }
				#patch-title { margin: 20px; width: 360px; text-align: center; }
					#patch-title h2 { font-size: 20px; line-height: 130%;}
		}
/* Page Template Styling & Specific Elements */

	/* Home Page */
	.home {}
		
		.home #content #content-left, .home #content #content-right { margin-top: 10px; }
		
		/* Home Page Feature */
		.home #feature { position:relative; background: #2B6686; height: 562px; overflow: hidden; margin-bottom: 1em; z-index: 5; background: url(../images/banner.jpg); background-size: cover; background-position: center; }
		.home #feature .inhalt { position:relative; }
		.home #feature-top { background: #FFF; position: absolute; top: -0.8em; height: 36px; box-shadow: 0em 0em 1em #173A4C; }
		.home #feature-bottom { background: #FFF; position: absolute; bottom: -3em; height: 3em; box-shadow: 0em 0em 1em #173A4C; }
		.home #feature-img { position: relative; left: -2em; width: 28%; }	
			.home #feature-img img { width: 100%; }
		.home #feature-text { color: #FFF; padding-top: 3.75em; position: absolute; left: 0em; top: 126px; height: 100%; width: 100%; text-align: center; }
			.home #feature-text h1 { font-size: 42px; line-height: 47px; margin-bottom: 0.7em; color: #FFF; font-weight: 600; }
			.home #feature-text h2 { font-size: 27px; line-height: 130%; font-weight: 500; margin-bottom: 1.4em; color: #FFF; }
			.home #feature-text a { 
				font-weight: 600;
			    padding-top: 1em;
			    padding-bottom: 1em;
			    width: 15em;
			    color: #fff;
			    background: none;
			    border: 2px solid white;
			    border-radius: 30px;
			    text-transform: uppercase;
			    font-style: inherit;
			    letter-spacing: 1.5px;
			    font-size: 14px;
			}
		.home #feature-usc { position: absolute; bottom: -57.9em; right: 1em; background: #FEFEFE; box-shadow: 0em 0em 0.5em #173A4C; border-radius: 0.4em; width: 17em; text-align: center; height: 40em;} 
			.home #feature-usc p.title { text-transform: uppercase; color: #2B6686; font-weight: 600; font-size: 0.925em; padding-top: 0.6em; padding-bottom: 0.6em;}
			.home #feature-usc img { margin-bottom: 1em; max-width: 82%; }
			.home #feature-usc p.desc { font-size: 0.8em; font-weight: 400; width: 90%; text-align: left; margin: 0 5% 1em 5%; line-height: 150%; }
			.home #feature-usc a.button { width: 60%; margin: 0 12.5%% 0 12.5%; }
		
		/* Scrolling Brands (Under Main Feature) */
		.home #scrolling-brands { background: url(../build-images/brands.png); background-repeat:no-repeat; height: 80px; margin-bottom: 1em;}
			.home #scrolling-brands li { display: block; float: left;  }
			
		/* Misc Styling */
		.home #content h2 			{ font-size: 1.2em; text-transform: uppercase; font-weight: 600; }
		.home #content h3 			{ font-size: 1.5em; color: #000; font-weight: 600; margin-bottom: 0.3em; }
		.home #content h4 			{ font-size: 1.2em; color: #000; font-weight: 600;}
		.home #content p 			{ font-size: 0.925em; color: #333; margin-bottom: 1.75em; }
		.home #content a:link		{ color: #59B1D7; text-decoration: none; font-weight: 600; }
		.home #content a:visited	{ color: #59B1D7; text-decoration: none; font-weight: 600; }
		.home #content a:hover		{ color: #64C7F2; text-decoration: none; }
		.home #content .blue:hover  { background: #1c779e; }
		
		
		
	/* Brands Page */
	.brands {}
	
	/* How to Order */
	.how-to-order {}
		.how-to-order #blue-stripe .number { display: block; float: left;  width: 33px; height: 33px; padding: 10px 5px 0px 5px; margin-top: 2px; border-radius: 5px; background: #5AB7E0; font-size: 2.5em; font-weight: 800; text-align: center; margin-right: 0.2em;  }
		.how-to-order #blue-stripe .description { font-size: 0.97em; font-weight: 400; }
		.how-to-order #content .step { width: 12%; }
			.how-to-order #content .step h2 { color: #59B3DE; }
		.how-to-order #content h2 { color: #2B6685; }
		.how-to-order #content p { font-size: 0.95em; color: #333; margin-bottom: 1em; font-weight: 400; }
		.how-to-order #content a.button.green { margin-bottom: 2em; }
	
	/* Ways to Order */
	.ways-to-order {}
		.ways-to-order #blue-stripe img { }
		.ways-to-order #blue-stripe p { width: 60%; float: left; margin: 0 2em 0 1em; }
		.ways-to-order #blue-stripe a { width: 25%; float: left; }
		.ways-to-order #content .contact-group { border-radius: 1em; border: 1px solid #EEE; padding: 1em; margin-bottom: 1em;  }
		.ways-to-order #content .contact-group h2 { font-size: 1.2em; font-weight: 600; color: #2B6685}
		.ways-to-order #content .contact-group h3 { font-size: 1.1em; color: #000; font-weight: 600; }
		.ways-to-order #content .contact-group p { font-size: 0.95em; color: #333; margin-bottom: 1em; font-weight: 400; }
		.ways-to-order #content .contact-group a { font-size: 0.95em; font-weight: 600;  }
			.ways-to-order #content .contact-group a:link { color: #59B3DE; text-decoration: none; }
			.ways-to-order #content .contact-group a:visited { color: #59B3DE; text-decoration: none; }
			.ways-to-order #content .contact-group a:hover { color: #2B6685; text-decoration: none; }
	
	/* Customization Page */
	.customization {}
		.customization #blue-stripe img { display: block; float: left; margin-right: 1em; margin-top: -8px; }
		.customization #blue-stripe p { display: block; float: left; margin-right: 1em; }
		.customization #content h2 { font-size: 1.7em; color: #000; font-weight: 600; margin-bottom: 0.6em;  }
		.customization #content h3 { font-size: 1.1em; color: #000; font-weight: 600; margin-bottom: 0.8em;  }
		.customization #content p { font-size: 0.95em; color: #333; margin-bottom: 1em; font-weight: 400;  }
		.customization #content a.button { margin-top: 1em; }
		.customization #content.container.img img { width: 100%; }
		.customization #content ul { font-size: 0.925em; }
			.customization #content ul a:link { color: #59B3DE; text-decoration: none; }
			.customization #content ul a:visited { color: #59B3DE; text-decoration: none; }
			.customization #content ul a:hover { color: #2B6685; text-decoration: none; }
		.customization #content #embroidery-img { height: 150px; margin-bottom: 1em;  }
			.customization #content #embroidery-img img { height: auto; margin-left: 1.5%; }
		.customization #content .shadow-divider { margin-bottom: 2em; }
	
	/* Agency Type Pages */
	.agency-type {}
		.agency-type #title h1 { line-height: 125%; }
		.agency-type #blue-stripe { background: #EEE; height: 42px; overflow: hidden; box-shadow: inset -1em 0em 1em 0em #DDDDDD;  }
			.agency-type #blue-stripe .inhalt { position: relative; }
			.agency-type #blue-stripe a:link 		{ display:block; padding: 0.7em 0.8em 0.7em 0.8em; margin-right: 0.75em; border-radius: 0.4em 0.4em 0 0; float: left; font-size: 1.3em; color: #777; text-decoration: none; text-shadow: 0.05em 0.05em 0em #FFF; border: 1px solid #EEE; }
			.agency-type #blue-stripe a:visited 	{ display:block; padding: 0.7em 0.8em 0.7em 0.8em; margin-right: 0.75em; border-radius: 0.4em 0.4em 0 0; float: left; font-size: 1.3em; color: #777; text-decoration: none; text-shadow: 0.05em 0.05em 0em #FFF; border: 1px solid #EEE; }
			.agency-type #blue-stripe a:hover 		{ color: #222; background: #F6F6F6; box-shadow: inset 0em 0em 0.2em #EEE; border: 1px solid #DDD;   }
			
			.agency-type #blue-stripe a.active:link 		{ display:block; padding: 0.7em 0.8em 0.7em 0.8em; margin-right: 0.75em; border-radius: 0.4em 0.4em 0 0; background: #FFF; float: left; font-size: 1.3em; color: #777; text-decoration: none;  border: 1px solid #DDD; }
			.agency-type #blue-stripe a.active:visited 		{  display:block; padding: 0.7em 0.8em 0.7em 0.8em; margin-right: 0.75em; border-radius: 0.4em 0.4em 0 0; background: #FFF; float: left; font-size: 1.3em; color: #777; text-decoration: none;  border: 1px solid #DDD; }
			.agency-type #blue-stripe a.active:hover 		{ color: #222; }
			
			.agency-type #blue-stripe a.button.green:link 		{ color: #0B5200; font-size: 1.2em;  float: right; margin-right: 0; text-shadow: 0 0 0; padding:  0.7em 0.8em 0.9em 0.8em;}
			.agency-type #blue-stripe a.button.green:visited 	{ color: #0B5200; font-size: 1.2em;  float: right; margin-right: 0; text-shadow: 0 0 0; }
			.agency-type #blue-stripe a.button.green:hover 		{ color:#0F9211; border: 1px solid #20C50E;  background: #94F48B url(../build-images/buttons/bg-green.png) bottom repeat-x; text-shadow: 0 0 0; }
		
			.agency-type #blue-stripe .pandp 	{ position: absolute; right: 0; top: 0px; }
			
		.agency-type #content {}
			.agency-type #content .container { margin-bottom: 3em; }
			.agency-type #content .container img { margin: 0 2em 1em  0 ; }
			.agency-type #content h2 { color: #000; font-size: 1.5em; line-height: 130%; font-weight: bold; }
			.agency-type #content h2 { color: #000; font-size: 1.3em; font-weight: 600; margin-bottom: 0.5em; }
			.agency-type #content h3 { color: #2B6686; font-weight: 600; font-size: 1.1em;}
			.agency-type #content p { font-size: 0.925em; font-weight: 400; }
		.agency-type #content .brand { margin-bottom: 0px; }
		.agency-type #content .product img { margin-bottom: 1em; width: 100%; }
		.agency-type #content .product { position: relative; overflow:hidden; }
			.agency-type #content .more-info { position: absolute; top: 80px; width: 95%; left: 0; background: #FFF; border-bottom: 1px solid #EEE; border-top: 1px solid #EEE; text-align: center; padding: 0.5em 3% 0.5em 3%; box-shadow: 0em 0em 0.2em #EEE; }
			.agency-type #content .more-info h3 { margin-bottom: 0.5em; font-weight: 600; color: #333;font-size: 12px; line-height: 120%; }
			.agency-type #content .more-info a.button { font-size: 13px; padding: 0.2em 1em 0.2em 1em; font-weight: 400; margin-bottom: 0.5em; }
		.agency-type #content .catalog { position: relative; overflow: hidden; background:#0CF; height: 100px; }
		.agency-type #content .testimonial { background: #EEE; border: 1px solid #CCC; width: 90%; padding: 5%; }
		.agency-type #content .sidebar { padding: 2% 2% 0 2%; width: 26%; margin-bottom: 20px;; }
			.agency-type #content .sidebar img { width: 100%; }
		.agency-type #content .sidebar.usc { border: 1px solid #DDD; background: #FEFEFE; padding: 2% 2% 0 2%; width: 26%; margin-top: 20px; }
		
	/* National IPA Information Page */
	.uscomm {}		
		.uscomm #title img { margin-bottom: 1.5em; height: auto; }
		.uscomm #blue-stripe { height: 68px; }
			.uscomm #blue-stripe p { font-size: 0.925em; margin-bottom: 0.4em; }
			.uscomm #blue-stripe .container { text-align: center; }
			.uscomm #blue-stripe a { font-size: 0.925em; padding: 0.2em 0 0.2em 0; width: 100%; }
		.uscomm #content {}
			.uscomm #content img.feature { margin-bottom: 2em;}
			.uscomm #content h2 { color: #11A1C9; font-size: 1.4em; line-height: 130%; }
			.uscomm #content h3 { color: #333; font-size: 1em; font-weight: 600;}
			.uscomm #content p { font-size: 0.925em; margin-bottom: 1.5em; font-weight: 400;}
			.uscomm #content ol { list-style-type: normal; padding-left: 2em; font-size: 1.1em; color: #999; font-style: italic; margin-bottom: 1em;  }
				.uscomm #content ol li { margin-bottom: 0.8em; }
				.uscomm #content ol p { color: #333; font-style: normal; margin-left: 0.5em; font-size: 0.8em;  }
			.uscomm #content ul { list-style-type: disc; padding-left: 2em; font-size: 0.925em; color: #333; font-style: italic; margin-bottom: 1.5em;}
				
		.uscomm #content #usc-sidebar { background: #EEE; border: 1px solid #CCC; padding: 0.4em 5% 0.4em 5%; width: 90%; position: relative; top: -350px; border-radius: 0.4em;}
			.uscomm #content #usc-sidebar img { width: 100%; margin-bottom: 1em; }
			.uscomm #content #usc-sidebar h2 { color: #2B6686; font-size: 1.1em; font-weight: 600; }	
			.uscomm #content #usc-sidebar ul { margin-bottom: 0.5em;}	
			.uscomm #content #usc-sidebar p { margin-bottom: 0em;}
				.uscomm #content #usc-sidebar p.get-started { margin-bottom: 1em;}
			.uscomm #content #usc-sidebar a.link {font-size: inherit; color: #4FB7EE; font-weight: 600; text-decoration: none; font-style: normal; }
			.uscomm #content #usc-sidebar a.button { margin-bottom: 1em; }		
	
	/* Benefits Page */
	.benefits {}
		.benefits #title h1 { line-height: 125%; margin-bottom: 0.2em;; }
		.benefits #blue-stripe img { display: block; float: left; margin-right: 1em; margin-top: -8px; }
		.benefits #blue-stripe p.large-text { display: block; float: left; margin-right: 1em; font-size: 1.2em; }
		.benefits #content .container { margin-bottom: 3em; }
		.benefits #content img.left { margin-right: 2em; margin-bottom: 12px; }
		.benefits #content img.right { margin-left: 2em; }
		.benefits #content h2 {}
		.benefits #content h3 { font-size: 1.2em; margin-bottom: 0.4em;}
		.benefits #content p { font-size: 0.925em; margin-bottom: 1em; font-weight: 400; color: #333;}
	
	/*Brands page */
	.brands {}
		.brands #blue-stripe .large-text { font-weight: 400; }
		.brands #content .container.one-half { }
		.brands #content img { width: 80%; align: middle; }
		
	/* Brand pages */
	.brand {}
		.brand #title img { margin-bottom: 2em; width: 100%; }
		.brand #title p { margin-bottom: 1em; }
		.brand #blue-stripe .large-text { font-weight: 400;}
		.brand #content .product img { margin-bottom: 1em; width: 100%; }
		.brand #content .product { position: relative; overflow:hidden; }
			.brand #content .more-info { position: absolute; top: 150px; width: 95%; left: 0; background: #FFF; border-bottom: 1px solid #EEE; border-top: 1px solid #EEE; text-align: center; padding: 0.5em 3% 0.5em 3%; box-shadow: 0em 0em 0.5em #EEE; }
			.brand #content .more-info h3 { margin-bottom: 0.5em; font-weight: 600; color: #333; }
			.brand #content .more-info a.button { font-size: 0.925em; padding: 0.2em 1em 0.2em 1em; font-weight: 400; margin-bottom: 0.5em; }
		.brand #content .catalog { position: relative; overflow: hidden; background:#0CF; height: 100px; }
	
	
	/* Catalog page */
	.catalog {}	
		.catalog #blue-stripe p { width: 60%; float: left; margin: 0 2em 0 1em; }
		.catalog #blue-stripe a.button { width: 25%; float: left; }
		.catalog #content .contact-group { border-radius: 1em; border: 1px solid #EEE; padding: 1em; margin-bottom: 1em;  }
		.catalog #content p { margin-bottom: 1em; }
		.catalog #content label { font-size: 1em ; font-weight: 600; margin-bottom: 0.2em;}
		.catalog #content input { font-size: 1.2em; margin-bottom: 0.6em; width: 90%; padding: 1.5%; }
		.catalog #content textarea { font-size: 1.2em; margin-bottom: 0.6em; width: 90%; padding: 1.5%; }
		
		
	/* FAQs */
	#faq {}
		#faq #content h2.question { margin-bottom: 0.4em; margin-top: 1.4em; line-height: 130%; color: #000; }
		#faq #content h2.question.first { margin-top: 0em; }
		#faq #content p { font-size: 0.925em; margin-bottom: 0.4em; }
	
	/* ordering Policies */
	.ordering-policies {}
		.ordering h2 { margin: 1em 0 0.4em 0;}
			.ordering h2.first { margin-top: 0; }
		.ordering p { margin-bottom: 0.4em; font-size: 1em; }
			
	/* Blog */
				
		/* Blog Home Page */
		.blog #blue-stripe { background: #EEE; margin-bottom: 2em;}
		.blog #blue-stripe h1 { color: #333; font-size: 2.4em; padding-top: 0.4em; } 
		.blog #blue-stripe img { margin-top: 10px; margin-left: 0.4em; }
		.blog #content .post { margin-bottom: 3em; }
			.post p {margin-bottom: 1em; }
			.post ul { list-style-type: disc; margin-left: 2em; margin-bottom: 1em; }
				.post li { margin-left: 0.3em; margin-bottom: 0.3em;}
				
		.blog #content .post .one-fourth { width: 13%; text-align: right; }
			.blog #content .post-date { color: #59B3DE; font-size: 1.6em; font-weight: 600; margin-bottom: 0.4em; }
			.blog #content .post-tags { color: #999; }
		.blog #content .post .three-fourths { width: 78%;}
			.blog #content h1.entry-title { font-size: 1.8em; }
			.blog #content h2 { color: #2B6685; font-size: 1.7em; font-weight: 600; line-height: 135%; }
			.blog #content h3 { font-size: 1.3em; line-height: 140%; text-transform: capitalize; letter-spacing: normal;}
			.blog #content p { margin-bottom: 1em; }
			.blog #content img.post-img { margin-bottom: 1em; }
		.secondary { border: 2px solid #EEE; border-top: 0; width: 26%; margin-left: 0; position: relative; top: -2.1em; }
			.secondary #search { width: 86%; margin: 5%; margin-right: auto; font-size: 1em; color: #333; font-weight: 600; border: 1px solid #EEE; padding: 2%; background: url(../build-images/blog/search.png) no-repeat; background-position: 95% 50%;}
			#secondary h3 {  font-size: 1.4em; font-weight: 800; color: #333;}
			#page a, .singular a { color: #59B3DE; }
			.home #page a.button, .singular a.button, .search #page a.button, .category a.button { color: #333; }
			.home #page a.button.blue, .home a.button.green , .singular a.button.blue, .singular a.button.green { color: #FFF; }

		/* Blog Single Post */
		.singular #content h1 { color: #59B1D7; font-size: 1.6em; font-weight: 600; line-height: 135%; margin-top: -0.2em; }
		.singular #content h3 { font-size: 1.5em; color: #000; font-weight: 600; margin-bottom: 0.3em; line-height: 150%; }
		.singular .entry-meta { display: none; }
		
		/* Blog Single Post */
		.category #content h1.page-title, .search #content h1.page-title { color: #000; font-size: 1em; font-weight: 600; line-height: 100%; margin-bottom: 1em; }
		.category #content h1.entry-title a { color: #59B1D7; font-size: 1.4em; font-weight: 600; line-height: 135%; margin-top: -0.2em; }
		.category #content h3 { font-size: 1.2em; color: #000; font-weight: 600; margin-bottom: 0.3em; line-height: 150%;  }
			

		.spotlight-award a{
			color: black !important;
			display: block;
			height: 48px;
			text-decoration: none;
			width: 100%;
		}

		.spotlight-award:hover a{
			color: white !important;
			
		}

		.switching {
			width: 50px;
			height: 50px;
			position: fixed;
			top: 66%;
			left: 0;
			background: #909090;
			border: 1px solid #7c7c7c;
			border-left: 0;
			line-height: 50px;
			text-align: center;
			font-weight: 600;
			z-index: 2;
			border-radius: 6px;
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
		}

		.page-toggle {
			transition: all .2s ease-in-out;
			height: 100%;
			width: 100%;
			position: absolute;
			left: 0;
		}

		.page-toggle img {
			transition: all .2s ease-in-out;
			width: 30px;
			margin: 10px;
		}

		.page-toggle span {
			transition: left .2s ease-in-out, opacity .2s ease-in-out;
			opacity: 0;
			width: 0px;
			overflow: hidden;
			position: absolute;
			background: #4c4c4c;
			left: 62px;
			color: white;
			font-weight: 700;
			border-radius: 6px;
		}

		.page-toggle:hover img {
			transform: rotate(180deg);
		}

		.page-toggle:hover span {
			opacity: 1;
			left: 72px;
			overflow: visible;
			width: 314px;
		}

		.page-toggle span:before {
			content: '';
			display: block;
			position: absolute;
			left: -10px;
			top: 14px;
			width: 0; 
			height: 0; 
			border-top: 10px solid transparent;
			border-bottom: 10px solid transparent; 
			border-right:10px solid #4c4c4c; 
		}

		.page-toggle--to-gv:hover {
			background: #11A1C9;
		}
		.page-toggle--to-cp:hover {
			background: #b4343f;
		}

		.switching-content {
			color: #fff;

		}

		.switching-menu {
			display: none;
			background: #e6e6e6;
		}

		.switching-menu li {
			width: 100%;
			border-bottom: #c5c5c5 1px solid;

		}

		.switching-menu li a {
			color: #313131;
			text-decoration: none;
		}

		.triangle {
			width: 0; 
			height: 0; 
			border: 0;
		    border-left: 10px solid transparent;
		    border-right: 10px solid transparent;
		    border-top: 10px solid white;
		    position: absolute;
		    right: 19px;
		    top: 19px;
		}

		.switching--open .triangle {
			width: 0; 
			height: 0; 
			border: 0;
		    border-left: 10px solid transparent;
		    border-right: 10px solid transparent;
		    border-bottom: 10px solid white;
		    position: absolute;
		    right: 19px;
		    top: 19px;
		}

		.switching--open .switching-menu {
			display: block;
		}

		.switching-promo {
			height: 46px;
			border: 0 !important;
			background: #e6e6e6;	
			padding-top: 5px;		
		}

		.fit-overlay {
			position: fixed;
			width: 100%;
			height: 100%;
			background: white;
			z-index: 101;
			overflow: scroll;
			top: 0;
			left: 0;
		}

		.fit-content {
			width: 652px;
			margin: 0 auto;
			text-align: center;
		}

		.fit-container {
			width: 1058px;
			margin: 0 auto;
		}

		.fit-box {
			width: 274px;
			border: 1px solid #DDD;
			border-radius: 10px;
			background: #f1f1f1;
			float: left;
			margin-left: 32px;
			padding: 64px 20px;
			text-align: center;
			color: #252525;
			font-size: 21px;
			font-weight: 600;
			text-decoration: none;
			line-height: 26px;
		}

		.fit-box a {
			font-weight: 400;
		}

		.fit-overlay #top {
			margin-bottom: 0;
		}

		.fit-hero {
			width: 100%;
		}

		.inner {
		    padding-left: 1em;
		    overflow: hidden;
		    display: none;
		}
		.inner-inner {
		    padding-left: 1em;
		    overflow: hidden;
		    display: none;
		}

		.finalist {
			margin-bottom: 40px;
			padding-top: 20px;
		}

		.finalist::after {
		    display: block;
		    content: '';
		    width: 100%;
		    height: 1px;
		    background: #dadada;
		    margin-bottom: 40px;
		    clear: both;
		}

		.finalist:last-child::after {
			display: none;
		}

		.park .finalist-description {
		    border-bottom: 4px solid #5CA442;
		}

		.superintendent .finalist-description {
		    border-bottom: 4px solid #AD0B38;
		}

		.correctional .finalist-description {
		    border-bottom: 4px solid #04315A;
		}

		.mvp .finalist-description {
		    border-bottom: 4px solid #25A0C9;
		}

		.finalist-info {
			margin: 20px 20px 70px;
		}

		.finalist-description {
		    background: #eaeaea;
		    padding: 20px;
		    max-width: 700px;
		    margin-top: 20px;
		    margin-bottom: 70px;
		    padding-bottom: 0;
		}

		.past-winners .js-toggle {
	 	    display: block;
		    font-size: 27px;
		    margin: 13px 0;
		    position: relative;
		    text-indent: 40px;
		    background: #eaeaea;
		    padding: 12px 0;
		    border: 1px solid #aeaeae;
		    border-radius: 10px;
		}

		.past-winners .js-toggle::before {
	        width: 0;
		    height: 0;
		    border: 0;
		    border-bottom: 7px solid transparent;
		    border-top: 7px solid transparent;
		    border-left: 11px solid #59B1D7;
		    position: absolute;
		    left: 17px;
		    top: 17px;
		    display: block;
		    content: '';

		    transition: transform .3s ease-in-out;
		}

		.accopen::before {
			-webkit-transform: rotate(90deg);
		    -moz-transform: rotate(90deg);
		    -o-transform: rotate(90deg);
		    -ms-transform: rotate(90deg);
		    transform: rotate(90deg);
		}		

		.js-toggle-inner {
			margin-bottom: 12px;
			font-size: 16px;
			position: relative;
			text-indent: 24px;
			display: block;
		}

		.js-toggle-inner::before {
			position: absolute;
		    left: -16px;
		    top: -2px;
		    display: block;
		    content: '+';

		}

		.inner .accopen::before {
		    content: '-';
		    -webkit-transform: rotate(0deg);
		    -moz-transform: rotate(0deg);
		    -o-transform: rotate(0deg);
		    -ms-transform: rotate(0deg);
		    transform: rotate(0deg);
		}
			
input {
	font-size: 1.2em !important;
    margin-bottom: 0.6em !important;
    width: 90% !important;
    padding: 1.5% !important;
    border: 1px solid #cacaca;
}

input#s {
	text-indent: 24px !important;
}

#header {
	position: relative;
}

body .inhalt {
	width: 980px;
}

body #header .inhalt {
	width: 1280px;
}

.footer-nav {
	float: left;
	width: 73%;
}

.footer-col {
	width: 25%;
	float: left;
	margin: 20px 0;
}

.footer-col ul,
.footer-col li {
	width: 100%;
}

.footer-col li a {
	text-transform: uppercase;
	margin-bottom: 8px;
	display: inline-block;
}

.header-logo {
	margin: 0 auto;
    text-align: center;
    width: 192px;
    display: block;
    top: 12px;
    position: relative;
}

.menu-toggle{
    height: 30px;
    width: 88px;
    text-decoration: none;
    position: relative;
    top: 40px;
    left: 20px;
    line-height: 44px;
    text-indent: 40px;
    text-transform: uppercase;
    color: black;
    font-size: 13px;
    letter-spacing: 2px;
    font-weight: 600;
    z-index: 8;
    float: left;
}
    @media screen and (min-width: 54.375em){.menu-toggle{display: block;}}.menu-toggle__icon{background-color:black;border-radius:3px;display:block;height:3px;position:absolute;text-indent:-999em;top:20px;width:28px}.menu-toggle__icon:before,.menu-toggle__icon:after{background-color:black;border-radius:3px;content:'';display:block;height:3px;position:absolute;transition:top .1s ease-in-out .2s, transform .1s ease-in-out;width:28px}.menu-toggle__icon:before{top:-7px}.menu-toggle__icon:after{top:7px}.menu-open .menu-toggle{color:#494949}.menu-open .menu-toggle__icon{background-color:transparent}.menu-open .menu-toggle__icon:before{top:0;transform:rotate(45deg);transition:transform .1s ease-in-out .2s,top .1s ease-in-out;background-color:white}.menu-open .menu-toggle__icon:after{top:0;transform:rotate(-45deg);transition:transform .1s ease-in-out .2s,top .1s ease-in-out;background-color:white}.no-hero .global-nav ul li a{color:#383838}.no-hero .global-nav__primary--callout{color:black !important}.no-hero .menu-toggle{color:#383838}.no-hero .menu-toggle__icon{background-color:#383838}.no-hero .menu-toggle__icon:before,.no-hero .menu-toggle__icon:after{background-color:#383838}.menu-open.no-hero .menu-toggle__icon{background-color:transparent}


#header .button--header-callout {
    background: #4a98bc;
    color: white;
    border: 0;
    border-radius: 30px;
    height: 46px;
    width: 200px;
    line-height: 30px;
    margin-top: -56px;
    position: relative;
    top: 7px;
    left: 100%;
    margin-left: -232px;
    box-sizing: border-box;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-size: 13px;
}

.blog #header .button--header-callout {
	top: -33px !important;
}


.button {
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}

.button::before {
	content: '';
	position: absolute;
	top: -20px;
	left: -20px;
	bottom: -20px;
	right: -20px;
	background: inherit;
	border-radius: 50px;
	z-index: -1;
	opacity: 0.4;
	-webkit-transform: scale3d(0.8, 0.5, 1);
	transform: scale3d(0.8, 0.5, 1);
	display: none;
}
.button:hover {
	-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	color: #4a98bc;
	background-color: white;
	-webkit-animation: anim-moema-1 0.3s forwards;
	animation: anim-moema-1 0.3s forwards;
}
.button:hover::before {
	-webkit-animation: anim-moema-2 0.3s 0.3s forwards;
	animation: anim-moema-2 0.3s 0.3s forwards;
	display: block;
}
@-webkit-keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@-webkit-keyframes anim-moema-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-moema-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}


.header-logo--white {
	display: none;
}

.home--hero #header,
.internal--hero #header {
	position: absolute;
	z-index: 13;
	margin-top: 23px;
}

.home--hero .header-logo--white,
.internal--hero .header-logo--white {
	display: block;
}
.home--hero .header-logo--color,
.internal--hero .header-logo--color {
	display: none;
}

.home--hero .swiper-container {
	margin-top: -23px;
}

.home--hero .menu-toggle,
.internal--hero .menu-toggle {
	color: white;
}

.home--hero .menu-toggle__icon,
.home--hero .menu-toggle__icon:before,
.home--hero .menu-toggle__icon:after,
.internal--hero .menu-toggle__icon,
.internal--hero .menu-toggle__icon:before,
.internal--hero .menu-toggle__icon:after {
	background: white;
}



.global-nav {
	transition: left .2s ease-in-out;
	width: 35%;
	background: #6e797d;
	position: fixed;
	left: -43%;
	height: 100%;
	padding: 40px;
	text-decoration: none;
	top: 0;
	box-sizing: border-box;
	z-index: 13;
}

.menu-open .global-nav {
	left: 0%;
}

.global-nav__close {
	width: 20%;
	background: #586063;
	position: absolute;
	right: -19%;
	height: 100%;
	box-sizing: border-box;
	z-index: 13;
	top: 0;
	text-align: center;
	padding: 50% 0;
	color: white;
	cursor: pointer;
}

.global-nav__close__icon {
    text-indent: -9999px;
    display: block;
    height: 30px;
    width: 30px;
    top: 50%;
    position: relative;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
}

.global-nav__close__icon:before {
	height: 3px;
    width: 30px;
    background: white;
    transform: rotate(45deg);
    display: block;
    content: '';
    top: 10px;
    position: relative;
}
.global-nav__close__icon:after {
	height: 3px;
    width: 30px;
    background: white;
    transform: rotate(-45deg);
    display: block;
    content: '';
    position: relative;
    top: 7px;
}




.global-nav__primary {
	margin-top: 30px;
}

.global-nav__primary a {
	font-size: 30px;
	font-weight: 600;
	color: white;
	text-decoration: none;
	margin-top: 20px;
	display: block;
	position: relative;
}


.global-nav__primary a:hover:before,
.global-nav__primary a:focus:before {
	width: 16px;
}
.global-nav__primary a:before {
	transition: width .1s ease-in-out;
	content: '>';
	position: relative;
	left: -12px;
	display: none;
	width: 0px;
	float: left;
	overflow: hidden;
	display: block;
}

.global-nav__primary a span {
	font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 300;
    margin: 6px 0;
    display: inline-block;
}

.global-nav__secondary {
	margin-top: 24px;
}

.global-nav__secondary a {
	font-size: 16px;
	font-weight: 600;
	color: white;
	text-decoration: none;
	margin-top: 12px;
	display: inline-block;
	position: relative;
}

.global-nav__secondary a:hover:after,
.global-nav__secondary a:focus:after {
	width: 100%;
}
.global-nav__secondary a:after {
	transition: all 200ms ease-in-out;
    display: block;
    content: '';
    height: 2px;
    width: 0%;
    background: white;
    margin-top: 1px;
}

.footer-cta__content {
	color: white;
	width: 70%;
	float: left;
}

.footer-cta__content h3 {
	font-size: 30px;
}

.footer-cta__content p {
	font-size: 18px;
}

#footer-logo { float: right; width:22%; color: #CCC; font-size: 0.85em; line-height: 130%; padding-top: 20px; }

.spotlight-winners {
	max-width: 720px;
}

@media all and (max-width: 520px) {
	.inhalt,
	body .inhalt,
	body #header .inhalt {
		width: 100%;
		padding: 0 12px;
		box-sizing: border-box;
	}

	.group.one-fourth {
		width: 49%;
	}

	#blue-stripe .large-text {
		font-size: 1.2em;
		width: 100%;
	}

	.spotlight-winners {
		width: 95%;
	}

	.menu-toggle {
		top: 23px;
	}

	.shadow-divider,
	#usc-sidebar {
		display: none;
	}

	#header {
	    border-bottom: 1px solid #eaeaea;
	    height: 84px;
	}

	.header-logo {    
		margin: 0 auto;
	    text-align: center;
	    width: 120px;
	    display: block;
	    top: -16px;
	    position: relative;
	    left: 100%;
	    margin-left: -140px;
	}

	.menu-open .header-logo {
	    position: fixed;
	    top: 14px;
	    z-index: 234;
	    margin-left: -152px;
	}

	.global-nav__primary {
		margin-top: 84px;
	}

	.global-nav__primary a span {
		display: none;
	}

	.button--header-callout {
		display: none;
	}

	#title h1 {
		line-height: 30px;
		font-size: 32px;
	}

	.footer-nav {
		width: 100%;
		float: none;
	}

	#blue-stripe {
		height: 140px;
	}

	#footer-cta {
		height: auto;
		text-align: center;
	}

	.footer-cta__content {
		width: 100%;
	}

	#footer-cta p {
		line-height: 32px;
	}

	#footer-cta a {
		float: none;
		margin-top: 24px;
	}

	.footer-col {
		width: 100%;
		float: none;
	}

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

	#footer-logo {
		width: 100%;
		float: none;
		text-align: center;
	}

	.container.one-fourth 		{ width: 100%; }
	.container.one-third 		{ width: 100%; }
	.container.one-half 		{ width: 100%; }
	.container.two-thirds 		{ width: 100%; }
	.container.three-fourths 	{ width: 100%; }
	.container.full 			{ width: 100%; }
	
	.group.full .container.one-fourth,
	.group.full .container.one-half,
	.group.two-thirds,
	.group.one-half,
	.group.two-thirds .container.one-third,
	.group.two-thirds .container.two-thirds,
	.group.one-third,
	.group.two-thirds .container.one-half {
		width: 100% !important;
	}

	/* Sets margins for all containers within Groups */
	.group.one-fourth .container 		{ margin: 0; }
	.group.one-third .container 		{ margin: 0; }
	.group.one-half .container 			{ margin: 0; }
	.group.two-thirds .container 		{ margin: 0; }
	.group.three-fourths .container 	{ margin: 0; }
	.group.full .container 				{ margin: 0; }

	.group.two-thirds .container.one-fourth {
	    width: 96%;
	}


	.global-nav {
		width: 100%;

		left: -100%;
	}

	.menu-open .global-nav {
		left: 0%;
	}

	.menu-open .menu-toggle {
		z-index: 15;
	    color: white;
	    position: fixed;
	    left: 33px;
	}

	.global-nav__close,
	.global-nav__logo {
		display: none;
	}

	.global-nav__primary a {
		font-size: 24px;
	}

	.global-nav__secondary {
		margin-top: 12px;
	}

	.global-nav__secondary a {
		font-size: 16px;
		font-weight: 600;
		color: white;
		text-decoration: none;
		margin-top: 12px;
		display: inline-block;
		position: relative;
	}

	.global-nav__secondary a:hover:after,
	.global-nav__secondary a:focus:after {
		width: 100%;
	}
	.global-nav__secondary a:after {
		transition: all 200ms ease-in-out;
	    display: block;
	    content: '';
	    height: 2px;
	    width: 0%;
	    background: white;
	    margin-top: 1px;
	}

	.uscomm #blue-stripe {
		height: 138px;
	}

	.customization #content #embroidery-img img {
		margin: 0;
		width: 94%;
	}
		
}


@media all and (max-width: 980px) {
	.show-phone {
		display: block;
	}

	.hide-phone {
		display: none;
	}

	.inhalt {
		width: 980px;
	}

	#nav-pricing {
		/*display: none !important;*/
	}
}

@media all and (min-width: 981px) {
	.show-phone {
		display: none;
	}

	.hide-phone {
		display: block;
	}
}