/* 
======================================
Hand-crafted by T10 Interactive Ltd
http://t10interactive.co.uk
======================================



/* 
===================================================================================================
HTML5 Boilerplate Defaults
===================================================================================================
*/

* 							{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.chromeframe 				{position: absolute; top: 0;}
::-moz-selection 			{background: #bdeef6; text-shadow: none;}
::selection 				{background: #bdeef6; text-shadow: none;} 
a:link 						{-webkit-tap-highlight-color: #bdeef6;} 
ins 						{background-color: #bdeef6; text-decoration: none;}
mark 						{background-color: #bdeef6; font-style: italic; font-weight: bold;}
input:-moz-placeholder 		{color: #bdeef6;}
textarea:-moz-placeholder 	{color: #bdeef6;}



/* 
===================================================================================================
Typography
===================================================================================================
*/

html, input, textarea	{-webkit-font-smoothing: antialiased;}

html, body 				{-webkit-text-size-adjust: 100%;}

body, input, form, 
select, textarea, field,
table, label, span		{line-height: 100%; font-size: 1em; font-family: "proxima-nova", Helvetica, Arial, sans-serif; font-weight: 400; color: #707070; text-rendering: optimizeLegibility;}

h1, h2, h3, h4, h5, h6	{line-height: 110%; font-size: 1em; font-family: "proxima-nova", Helvetica, Arial, sans-serif; font-weight: 700; margin: 0;}

p, li					{color: #707070; font-size: 1em; font-family: "proxima-nova", Helvetica, Arial, sans-serif; font-weight: 400; line-height: 140%; margin: 0;}
p a 					{color: #00457c; font-weight: 700; -webkit-transition:all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
p a.white-link 			{color: #fff;}
p a:hover 				{color: #f78f1e;}
p strong.cont-head 		{color: #00457c; font-weight: 700;}

span {
	font-size: 1em; 
	font-family: "proxima-nova", Helvetica, Arial, sans-serif; 
	font-weight: 400;
}


/* 
===================================================================================================
Layout (mobile)
===================================================================================================
*/

img 					{max-width:100%; vertical-align:middle; border:0; -ms-interpolation-mode:bicubic;}
img[src*=svg] 			{width/*\**/: 100%\9;}

ul, ol 					{list-style: none;}

li a 					{display: block; text-decoration: none;}

body					{background: #fff; margin: 0 auto; min-width: 320px; padding: 0; text-align: center;}

#header100 				{text-align: left;}

.baseline-orange 		{border-bottom: 5px solid #f88e1e;}

#logo-menu 				{background: #fff; height: 90px; padding: 0 30px 18px 15px;}

#logo 					{width: 145px; float: left; margin-top: 21px; }
#logo a 				{display: block; text-decoration: none;}

#footer100 				{background: #123955 bottom left no-repeat url(../../img/bg-footer-weaves-mob.png); background-size: 100% auto;}
#footer 				{padding: 30px 30px 80px 30px; display: flex; flex-wrap: wrap; justify-content: flex-start; text-align: left;}
#footer1 				{margin: 0 0 20px 0; width: 100%;}
#footer2 				{margin: 0 0 20px 0; width: 100%;}
#footer3 				{margin: 0; width: 100%;}
#footer p 				{color: #fff; font-size: 85%; font-weight: 400;}
#footer p strong 		{font-weight: 700; display: block;}
#footer p a 			{color: #fff;}
#footer p a:hover 		{color: #f78f1e;}
#footer ul 				{padding-top: 5px;}
#footer li 				{text-transform: uppercase; font-size: 85%; font-weight: 700; line-height: 100%; margin: 0 0 9px 0; padding: 0 0 0 11px; background: left center no-repeat url(../../img/bullet-orange-arrow.png); background-size: 6px 9px;}
#footer li a 			{text-decoration: none; color: #fff; }
#footer li a:hover		{color: #f78f1e; text-decoration: underline;}



/* HOME */
#head-band-home 			{padding: 50px 30px;}
#head-band-home h1 			{color: #fff; font-size: 150%; margin: 0 0 12px 0;}
#head-band-home p 			{color: #fff; font-size: 90%;}

#home-3boxes				{background: #eaeaea; margin: 0;}
#home-3boxes ol 			{overflow: hidden;}
#home-3boxes ol li 			{list-style: none; text-align: center; background-position: center center; background-repeat: no-repeat;}
#home-3boxes ol li a 		{display: block; background: #1f5460; background: rgba(0, 69, 124, 0.50); padding: 20px 0; -webkit-transition:all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
#home-3boxes ol li a.dark 	{background: rgba(0, 69, 124, 0.75);}
#home-3boxes ol li a h3 	{font-size: 150%; padding: 0; display: inline-block; margin: 0 auto 9px auto; max-width: 11em; color: #fff;}
#home-3boxes ol li a img 	{display: block; margin: 0 auto; width: 125px; height: auto;}

#home-3boxes ol li a:hover 		{background: rgba(17, 91, 114, 0.30);}
#home-3boxes ol li a:hover h3 	{text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.60);}



/* STANDARD LAYOUTS */
.head-wash 				{background: #1f5460; background: rgba(0, 69, 124, 0.85);}

.white-block 			{background-color: #fff;}
.black-block 			{background-color: #000;}
.black-block p 			{color: #fff;}

.light-grey-block 		{background-color: #f8f7f4;}
.grey-block 			{background-color: #f0efec;}

.navy-block 			{background-color: #214251;}
.navy-block p 			{color: #fff;}

.container 				{padding: 35px 30px 5px 30px; overflow: hidden;}
.container p 			{font-size: 90%; margin: 0 0 25px 0;}

.container ul.two-col-bullets 			{margin: 0 0 35px 0;}
.container ul.two-col-bullets li 		{font-weight: 700; font-size: 90%; line-height: 120%; margin: 0 0 9px 0; padding: 0 0 0 11px; background: left 4px no-repeat url(../../img/bullet-orange-arrow.png); background-size: 6px 9px;}

.container ul.bullet-boost li 			{font-size: 110%; background: left 6px no-repeat url(../../img/bullet-orange-arrow.png); background-size: 6px 9px; padding: 0 0 0 13px;}

.container ul.one-col-bullets 			{margin: 0 0 35px 0;}
.container ul.one-col-bullets li 		{font-weight: 700; font-size: 90%; line-height: 120%; margin: 0 0 9px 0; padding: 0 0 0 11px; background: left 4px no-repeat url(../../img/bullet-orange-arrow.png); background-size: 6px 9px;}
.container ul.one-col-bullets li span 	{font-weight: 400; color: #dedede;}
.container ul.one-col-bullets li span.blu{color: #3F6E8E;}
.container ul.white-bullets li 			{color: #fff;}
.container ul.blue-bullets li 			{color: #00457c;}
.container ul.std-bullets li 			{color: #00457c; font-weight: 400; color: #707070; line-height: 140%;}


.flex-container {
	display: flex;
	flex-wrap: wrap;
	/*justify-content: space-between;*/
}

.flex-container .gown-text-col {
	order: 1;
}

.flex-container .gown-pic-col {
	order: 2;
}

.main-gown-pic {
	width: 100%;
	height: auto;
	margin: 0 auto 30px auto;
}

.main-gown-pic img {
	display: block;
	width: 100%;
	height: auto;
}

.gown-pic-col ol {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.gown-pic-col li {
	text-align: center;
	width: 90px;
	margin: 0 10px 15px 10px;
}

.gown-pic-col li img {
	width: 80px;
	height: 80px;
	display: block;
	margin: 0 auto 8px auto;
}

.gown-pic-col li span {
	display: block;
	font-size: 95%;
	font-weight: 700;
	line-height: 105%;
	color: #4c4c4c;
	margin: 0;
}




.wavy-bg 				{padding-bottom: 40px; background: bottom right no-repeat url(../../img/bg-home-weaves-mob.png); background-size: 100% auto;}

.grey-line 				{border-bottom: 2px solid #eaeaea;}

.l-align 				{text-align: left;}
.c-align				{text-align: left;}

.contact-col2 			{border: 1px solid #eaeaea; padding: 7px; margin: 0 0 30px 0;}
.contact-col2form 		{margin: 0 0 30px 0;}

.blue-orange-line 		{color: #00457c; display: inline-block; font-size: 130%; padding-bottom: 10px; border-bottom: 2px solid #f88e1e; margin: 0 0 12px 0;}
.white-orange-line 		{color: #fff; display: inline-block; font-size: 130%; padding-bottom: 10px; border-bottom: 2px solid #f88e1e; margin: 0 0 12px 0;}
.contact-heading 		{color: #00457c; display: inline-block; font-size: 130%; margin: 0 0 12px 0;}


#head-band-std 			{padding: 35px 30px 40px 30px;}
#head-band-std h1 		{color: #fff; font-size: 130%; margin: 0 0 6px 0;}
#head-band-std p 		{color: #fff; font-size: 90%;}
#head-band-std p a 		{font-weight: 400; color: #fff;}

#base-contact ul 				{margin: 0 0 10px 0;}
#base-contact ul li 			{margin: 0 0 16px 0; overflow: hidden;}
#base-contact ul li span 		{font-size: 90%; color: #707070; line-height: 100% !important; margin: 0; float: left; background: #fff; padding: 0 6px 0 0;}
#base-contact ul li a 			{color: #f78f1e;}
#base-contact ul li a.phone 	{font-size: 175%;}
#base-contact ul li a.email 	{font-size: 110%;}
#base-contact ul li a.email:hover 	{color: #00457c; text-decoration: underline;}
#base-contact div.cont-head 	{overflow: hidden; margin: 0 0 9px 0; background: left center repeat-x url(../../img/line-contact-grey.png);}
#base-contact div.cont-head-light-grey span {
	background-color: #f8f7f4;
}

#back-top 				{margin: 0 0 15px 0; text-align: right;}
#back-top a 			{width: 36px; height: 36px; border: 2px solid #cecece; display: block; text-decoration: none; margin: 0 0 0 auto; background: center center no-repeat url(../../img/icon-back-top.png); background-size: 18px 11px;}
#back-top a:hover 		{background-color: #f0efec;}

#cookie-table 					{border: 0; text-align: left; margin: 0 0 25px 0;}
#cookie-table th,
#cookie-table td 				{font-size: 85%; padding: 8px 15px 10px 10px;}
#cookie-table th.no-mob,
#cookie-table td.no-mob 		{display: none;}
#cookie-table th 				{background: #f78f1e; border: 1px solid #f78f1e; color: #fff;}
#cookie-table td 				{color: #707070; border: 1px solid #d2cdc5; background: #fff; line-height: 140%;}

#cont-table 					{margin: 0 0 20px 0;}
#cont-table th,
#cont-table td 					{color: #707070; font-size: 90%; line-height: 100%; vertical-align: top; text-align: left; border-bottom: 1px solid #eaeaea;}
#cont-table th 					{padding: 8px 6px 8px 0; font-weight: 400;}
#cont-table td 					{padding: 8px 0;}
#cont-table td a 				{color: #00457c; font-weight: 700; text-decoration: none;}
#cont-table td a.email 			{}
#cont-table td a.email:hover 	{color: #f78f1e;}

p.cont-sub 				{font-size: 75%; color: #808080;}

#map 					{height: 300px;}

.formelements 			{border: 1px solid #dadada; padding: 20px; background: #fff;}



/* SERVICE PAGES */
#head-band-service 		{padding: 50px 30px;}
#head-band-service h1 	{color: #fff; font-size: 130%; margin: 0 0 12px 0;}
#head-band-service p 	{color: #fff; font-size: 95%;}
#head-band-service p.last {margin-top: 20px;}

ul#gown-features-top {
	padding: 20px 0 35px 0;
	margin: 0;
	list-style: none;
	text-align: left;
}

ul#gown-features-top li {
	color: #00457c; 
	font-size: 110%;
	font-weight: 700;
	line-height: 110%;
	margin: 0 0 14px 0;
	padding: 0 0 0 16px;
	background: top 5px left no-repeat url(../../img/bullet-orange-arrow.png);
	background-size: 5px 8px;
}


ul#car-logos 			{margin: -5px 0 30px 0;}
ul#car-logos li 		{height: 47px; margin: 0 10px 15px 0; display: inline-block; vertical-align: middle;}
ul#car-logos li.narrow 	{height: 35px;}
ul#car-logos li img 	{height: 100%;}

#video 					{position: relative; padding-bottom: 56.25%; height: 0; background: #f0efec; margin-bottom: 35px;}
#video iframe 			{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

#foss-logo 				{padding: 50px; max-width: 400px; margin: 0 0 35px 0; border: 2px solid rgb(255, 255, 255); border: 2px solid rgba(255, 255, 255, .23); -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}

.med-area 				{padding: 0 0 10px 0;}

.foss-logo-float 		{display: none;}

ul#gown-features {
	margin: 0;
	padding: 0;
}

ul#gown-features > li {
	line-height: 110%;
	display: block;
	margin: 0 0 28px 0;
	padding: 0;
}

ul#gown-features > li strong {
	font-weight: 700; 
	font-size: 100%;
	display: block;
	margin: 0 0 11px 0;
	color: #00457c;
}

ul#gown-features ul {
	margin: 0 0 0 12px;
	padding: 0;
}

ul#gown-features ul li {
	padding: 0 0 0 13px;
	line-height: 110%;
	margin: 0 0 9px 0; 
	background: top 4px left no-repeat url(../../img/bullet-orange-arrow.png);
	background-size: 5px 7px;
}



@media screen and (min-width: 600px) {

	#footer100 				{background-image: url(../../img/bg-footer-weaves.png);}
	#footer 				{padding: 30px 30px 30px 30px;}
	#footer p 				{font-size: 80%;}
	#footer ul 				{padding-top: 9px;}


	/* HOME */
	#head-band-home 		{padding: 90px 30px;}
	#head-band-home h1 		{font-size: 200%; margin: 0 0 12px 0;}
	#head-band-home p 		{font-size: 100%;}



	/* STANDARD LAYOUTS */
	.container p 			{font-size: 100%;}

	.container ul.two-col-bullets li 	{font-size: 100%;}
	.container ul.one-col-bullets li 	{font-size: 100%;}

	.container ul.bullet-boost li 		{font-size: 120%; background: left 7px no-repeat url(../../img/bullet-orange-arrow.png); background-size: 6px 9px;}

	.wavy-bg 				{padding-bottom: 60px; background-image: url(../../img/bg-home-weaves-mob.png); background-size: 100% auto;}

	.blue-orange-line 		{font-size: 150%; border-bottom: 3px solid #f88e1e; padding: 0 0 10px 0; margin: 0 0 15px 0;}
	.white-orange-line 		{font-size: 150%; border-bottom: 3px solid #f88e1e; padding: 0 0 10px 0; margin: 0 0 15px 0;}
	.contact-heading 		{font-size: 150%;}

	#head-band-std 			{padding: 65px 30px 35px 30px;}
	#head-band-std h1 		{font-size: 170%;}
	#head-band-std p 		{font-size: 100%;}

	#base-contact ul 				{margin: 0 0 40px 0;}
	#base-contact ul li 			{display: inline-block; vertical-align: top; margin: 0; height: 60px; background: bottom left repeat-x url(../../img/line-contact-grey.png);}
	#base-contact ul li:nth-child(1){margin-right: 30px;}
	#base-contact ul li span 		{font-size: 95%;}
	#base-contact ul li a.phone 	{font-size: 160%;}
	#base-contact ul li a.email 	{font-size: 120%;}
	#base-contact div.cont-head 	{margin: 0 0 7px 0;}

	.third-col1,
	.third-col2,
	.third-col3 			{padding: 0 0 10px 0; max-width: 750px;}

	#cookie-table 			{margin: 0 0 30px 0;}
	#cookie-table th,
	#cookie-table td 		{font-size: 95%; padding: 8px 15px 10px 10px;}



	/* SERVICE PAGES */
	#head-band-service 		{padding: 90px 30px;}
	#head-band-service h1 	{font-size: 190%; margin: 0 0 12px 0;}
	#head-band-service p 	{font-size: 100%;}

	ul#car-logos li 		{height: 65px; margin: 0 14px 17px 0;}
	ul#car-logos li.narrow 	{height: 45px;}

	.foss-logo-float 		{display: block; float: right; width: 150px; background: #fff; padding: 20px 20px 20px 23px; height: auto; margin: 0 0 35px 35px; border: 2px solid #dadada; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}


}



@media screen and (min-width: 768px) {

		#logo-menu 				{background: none; height: auto; padding: 0;}

		#logo 					{width: 230px; float: left; margin-top: 25px; }
		#logo a 				{background: #fff; padding: 19px 40px 17px 15px; border-left: 7px solid #f78f1e;
								-webkit-border-top-right-radius: 17px; -webkit-border-bottom-right-radius: 17px;
								-moz-border-radius-topright: 17px; -moz-border-radius-bottomright: 17px;
								border-top-right-radius: 17px; border-bottom-right-radius: 17px;
								-webkit-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.26); -moz-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.26); box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.26);}
		
		#footer100 				{background-image: url(../../img/bg-footer-weaves.png);}
		#footer 				{padding: 35px 40px 50px 40px; text-align: center; flex-wrap: nowrap; justify-content: center;}
		#footer1 				{margin: 0 15px 0 0; width: 310px;}
		#footer2 				{margin: 0 0 0 15px; width: 310px;}
		#footer3 				{display: none;}
		#footer p 				{font-size: 85%;}


	
		/* HOME */
		#head-band-home 		{padding: 75px 40px;}
		#head-band-home h1 		{font-size: 230%; margin: 0 0 15px 0; max-width: 16em;}
		#head-band-home p 		{font-size: 110%; max-width: 32em;}

		#home-3boxes ol li 			{display: inline-block; vertical-align: top; width: 33.33%;}
		#home-3boxes ol li a 		{padding: 60px 0;}
		#home-3boxes ol li a h3 	{font-size: 130%; margin: 0 auto 12px auto;}
		#home-3boxes ol li a img 	{width: 125px;}


		/* STANDARD LAYOUTS */
		.container 				{padding: 35px 40px 10px 40px;}

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

		.half-col-left 			{width: 47%;}
		.half-col-right 		{width: 47%; margin-left: 53%;}

		.full-col-left 			{width: 100%;}

		.half-col1 				{width: 47%; display: inline-block; vertical-align: top; margin: 0 6% 0 0;}
		.half-col2 				{width: 47%; display: inline-block; vertical-align: top;}

		.contact-col1 			{width: 47%; display: inline-block; vertical-align: top; margin: 0 6% 0 0;}
		.contact-col2 			{width: 47%; display: inline-block; vertical-align: top; padding: 10px; margin: 0 0 30px 0;}
		.contact-col2form 		{width: 47%; display: inline-block; vertical-align: top; margin: 0 0 30px 0;}

		.contact-heading 		{font-size: 180%;}

		.wavy-bg 				{padding-bottom: 55px; background: bottom right no-repeat url(../../img/bg-home-weaves-tab.png); background-size: 100% auto;}

		#head-band-std 			{padding: 60px 40px 45px 40px;}
		#head-band-std h1 		{font-size: 200%; max-width: 15em;}
		#head-band-std p 		{font-size: 110%; max-width: 42em;}

		#base-contact 					{padding-top: 10px;}
		#base-contact ul li 			{height: 70px; margin: 0 15px;}
		#base-contact ul li:nth-child(1){margin: 0 15px;}
		#base-contact ul li span 		{font-size: 95%; margin: 0 auto; float: none; padding: 0 8px;}
		#base-contact ul li a.phone 	{font-size: 180%;}
		#base-contact ul li a.email 	{font-size: 130%;}
		#base-contact div.cont-head 	{margin: 0 0 8px 0; text-align: center;}

		#cont-table 					{margin: 0 0 30px 0;}
		#cont-table th,
		#cont-table td 					{font-size: 95%;}
		#cont-table th 					{padding: 11px 6px 11px 0;}
		#cont-table td 					{padding: 11px 0;}

		p.cont-sub 				{font-size: 80%;}

		#map 					{height: 500px;}



		.flex-container {
			padding: 50px 40px 30px 40px;
			flex-wrap: nowrap;
			justify-content: space-between;
		}

		.flex-container .gown-text-col,
		.flex-container .gown-pic-col {
			width: 48%;
		}

		.flex-container .gown-text-col-right {
			order: 2;
		}

		.flex-container .gown-pic-col-left {
			order: 1;
		}



		.gown-pic-col li {
			width: 80px;
			margin: 0 8px 12px 8px;
		}

		.gown-pic-col li img {
			width: 70px;
			height: 70px;
		}

		.gown-pic-col li span {
			font-size: 90%;
		}




		/* SERVICE PAGES */
		#head-band-service 		{padding: 75px 40px;}
		#head-band-service h1 	{font-size: 210%; margin: 0 0 15px 0; max-width: 18em;}
		#head-band-service p 	{font-size: 110%; max-width: 42em;}
		#head-band-service p.last {margin-top: 25px;}


		ul#gown-features-top li {
			font-size: 120%;
			margin: 0 0 16px 0;
			padding: 0 0 0 18px;
			background-position: top 6px left;
		}


		ul#car-logos li 		{margin: 0 7px 17px 7px;}

		.foss-logo-float 		{margin: 0 0 20px 25px;}

}



@media screen and (min-width: 940px) {
	
			.baseline-orange 		{border-bottom: 7px solid #f88e1e;}

			#logo 					{width: 310px; margin-top: 35px; }
			#logo a 				{padding: 28px 55px 23px 25px; border-left: 10px solid #f78f1e;
									-webkit-border-top-right-radius: 21px; -webkit-border-bottom-right-radius: 21px;
									-moz-border-radius-topright: 21px; -moz-border-radius-bottomright: 21px;
									border-top-right-radius: 21px; border-bottom-right-radius: 21px;
									-webkit-box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.3); box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.3);}

			#footer 				{padding: 35px 40px 65px 40px; max-width: 1280px; margin: 0 auto; text-align: right; justify-content: space-between;}
			#footer1 				{margin: 0; width: 240px;}
			#footer2 				{margin: 0; width: auto; flex: none;}
			#footer3 				{display: block; margin: 0; width: auto; flex: none;}
			#footer p 				{font-size: 85%; text-align: left;}
			#footer ul 				{padding-top: 2px; text-align: left;}
			#footer li 				{font-size: 80%; margin: 0 0 8px 0;}


			/* HOME */
			#head-band-home 		{padding: 75px 40px; max-width: 1280px; margin: 0 auto;}
			#head-band-home h1 		{font-size: 270%; margin: 0 0 15px 0;}
			#head-band-home p 		{font-size: 125%; margin: 0;}

			#home-3boxes 				{max-width: 1380px; margin: 0 auto;}
			#home-3boxes ol li a 		{padding: 80px 0;}
			#home-3boxes ol li a h3 	{font-size: 150%; margin: 0 auto 15px auto;}
			#home-3boxes ol li a img 	{width: 150px;}



			/* STANDARD LAYOUTS */
			.container 				{padding: 35px 40px 10px 40px; max-width: 1280px; margin: 0 auto;}

			.blue-orange-line 		{font-size: 130%; padding: 0 0 13px 0; margin: 0 0 15px 0;}
			.white-orange-line 		{font-size: 130%; padding: 0 0 13px 0; margin: 0 0 15px 0;}
			.contact-heading 		{font-size: 200%; margin: 0 0 12px 0; max-width: 780px; margin-left: auto; margin-right: auto;}

			.third-col1,
			.third-col2,
			.third-col3 			{padding: 0 0 10px 0; width: 28%; display: inline-block; vertical-align: top; margin: 0 5% 0 0;}
			.third-col3 			{margin: 0;}

			.contact-col1 			{width: 37%; margin: 0 6% 0 0;}
			.contact-col2 			{width: 57%; margin: 0 0 35px 0;}
			.contact-col2form 		{width: 57%; margin: 0 0 35px 0;}

			#head-band-std 			{padding: 70px 40px 50px 40px; max-width: 1280px; margin: 0 auto;}
			#head-band-std h1 		{font-size: 230%; margin: 0 0 7px 0;}
			#head-band-std p 		{font-size: 120%; margin: 0;}

			#base-contact p 					{max-width: 780px; margin-left: auto; margin-right: auto;}
			#base-contact ul li 				{height: 76px; margin: 0 20px;}
			#base-contact ul li:nth-child(1) 	{margin: 0 20px;}
			#base-contact ul li span 			{font-size: 100%; padding: 0 8px;}
			#base-contact ul li a.phone 		{font-size: 190%;}
			#base-contact ul li a.email 		{font-size: 140%;}
			#base-contact div.cont-head 		{margin: 0 0 10px 0;}

			#back-top 				{margin: 0 0 25px 0;}

			#cont-table th,
			#cont-table td 			{font-size: 105%;}

			p.cont-sub 				{font-size: 85%;}

			#map 					{height: 500px;}

			.formelements 			{padding: 30px;}




			.flex-container {
				padding: 60px 40px 40px 40px;
			}

			.flex-container .gown-text-col,
			.flex-container .gown-pic-col {
				width: 47.5%;
			}


			.main-gown-pic {
				margin: 0 auto 35px auto;
			}

			.gown-pic-col ol {
				margin: 0;
			}





			/* SERVICE PAGES */
			#head-band-service 		{padding: 60px 40px; max-width: 1280px; margin: 0 auto;}
			#head-band-service h1 	{font-size: 250%; margin: 0 0 15px 0;}
			#head-band-service p 	{font-size: 125%; margin: 0;}


			ul#car-logos 			{margin: -5px 0 25px 0;}
			ul#car-logos li 		{height: 55px; margin: 0 5px 17px 5px;}
			ul#car-logos li.narrow 	{height: 35px;}

			.foss-logo-float 		{width: 150px; margin: 0 0 20px 30px;}

}



@media screen and (min-width: 1080px) {

				#footer 				{padding: 40px 50px 80px 50px; max-width: 1300px;}
				#footer1 				{width: 300px;}
				#footer2 				{}
				#footer p 				{font-size: 90%;}
				#footer ul 				{padding-top: 1px;}
				#footer li 				{font-size: 90%;}


				/* HOME */
				#head-band-home 		{padding: 75px 50px 95px 50px; max-width: 1300px;}
				#head-band-home h1 		{font-size: 320%;}
				#head-band-home p 		{font-size: 140%;}

				#home-3boxes ol li a 		{padding: 100px 0;}
				#home-3boxes ol li a h3 	{font-size: 170%; margin: 0 auto 15px auto;}
				#home-3boxes ol li a img 	{width: 175px;}


			
				/* STANDARD LAYOUTS */
				.container 				{padding: 45px 50px 20px 50px; max-width: 1300px;}
				.container p 			{font-size: 110%; margin: 0 0 30px 0;}

				.container ul.two-col-bullets li 	{font-size: 110%; display: inline-block; vertical-align: top; width: 46%; margin-right: 3%; padding: 0 0 0 12px; background-position: left 6px;}
				.container ul.one-col-bullets li 	{font-size: 110%; padding: 0 0 0 12px; background-position: left 6px;}

				.container ul.bullet-boost li 		{font-size: 130%; background: left 7px no-repeat url(../../img/bullet-orange-arrow.png); background-size: 6px 9px;}


				.blue-orange-line 		{font-size: 140%; padding: 0 0 15px 0; margin: 0 0 18px 0;}
				.white-orange-line 		{font-size: 140%; padding: 0 0 15px 0; margin: 0 0 18px 0;}
				.contact-heading 		{font-size: 230%;}

				.wavy-bg 				{padding-bottom: 80px; background: bottom right no-repeat url(../../img/bg-home-weaves-desk.png); background-size: 100% auto;}

				#head-band-std 			{padding: 65px 50px 45px 50px; max-width: 1300px;}
				#head-band-std h1 		{font-size: 250%;}
				#head-band-std p 		{font-size: 130%;}

				#cookie-table th,
				#cookie-table td 		{font-size: 100%; padding: 13px 20px 18px 15px;}

				p.cont-sub 				{font-size: 85%;}




				ul#gown-features-top {
					padding: 25px 0 45px 0;
					column-count: 2;
					-moz-column-count: 2;
					-webkit-column-count: 2;
					column-gap: 50px;
					-moz-column-gap: 50px;
					-webkit-column-gap: 50px;
				}

				ul#gown-features-top li {
					-webkit-column-break-inside: avoid; 
					page-break-inside: avoid; 
					break-inside: avoid;
				}



				.flex-container {
					padding: 75px 50px 55px 50px;
				}

				.flex-container .gown-text-col {
					width: 42.5%;
				}

				.flex-container .gown-pic-col {
					width: 52.5%;
				}



				.gown-pic-col li {
					width: 90px;
					margin: 0 8px 15px 8px;
				}

				.gown-pic-col li img {
					width: 80px;
					height: 80px;
				}

				.gown-pic-col li span {
					font-size: 95%;
				}




				/* SERVICE PAGES */
				#head-band-service 		{padding: 65px 50px 85px 50px; max-width: 1300px;}
				#head-band-service h1 	{font-size: 280%;}
				#head-band-service p 	{font-size: 140%;}
				#head-band-service p.last {margin-top: 28px;}


				ul#car-logos 			{margin: -5px 0 30px 0;}
				ul#car-logos li 		{height: 60px; margin: 0 6px;}
				ul#car-logos li.narrow 	{height: 40px;}

				.foss-logo-float 		{width: 175px;}

}



@media screen and (min-width: 1160px) {

					#footer100 				{background-image: url(../../img/bg-footer-weaves-large.png); background-size: 1800px 308px;}
					#footer 				{padding: 45px 50px 110px 50px;}
					#footer1 				{width: 340px;}
					#footer p 				{font-size: 100%; line-height: 150%;}
					#footer ul 				{padding-top: 2px;}
					#footer li 				{font-size: 100%; margin: 0 0 10px 0;}



					/* HOME */
					#head-band-home 		{padding: 90px 50px 110px 50px;}
					#head-band-home h1 		{font-size: 360%; margin: 0 0 15px 0;}
					#head-band-home p 		{font-size: 160%;}

					#home-3boxes ol li a 	{padding: 125px 0;}
					#home-3boxes ol li a h3 {font-size: 190%;}
					#home-3boxes ol li a img{width: 190px;}


					/* STANDARD LAYOUTS */
					.container 				{padding: 45px 50px 20px 50px; max-width: 1300px;}

					.blue-orange-line 		{font-size: 160%; margin: 0 0 21px 0;}
					.white-orange-line 		{font-size: 160%; margin: 0 0 21px 0;}
					.contact-heading 		{font-size: 220%;}

					.wavy-bg 				{padding-bottom: 110px;}

					#head-band-std 			{padding: 90px 50px 50px 50px;}
					#head-band-std h1 		{font-size: 290%; margin: 0 0 8px 0;}
					#head-band-std p 		{font-size: 135%;}

					p.cont-sub 				{font-size: 85%;}





					.flex-container {
						padding: 85px 50px 65px 50px;
					}

					.flex-container .gown-text-col {
						width: 40%;
					}

					.flex-container .gown-pic-col {
						width: 55%;
					}


					.main-gown-pic {
						margin: 0 auto 40px auto;
					}




					/* SERVICE PAGES */
					#head-band-service 		{padding: 75px 50px 100px 50px;}
					#head-band-service h1 	{font-size: 320%; margin: 0 0 15px 0;}
					#head-band-service p 	{font-size: 150%;}

					ul#car-logos 			{margin: -8px 0 30px 0;}
					ul#car-logos li 		{height: 65px;}
					ul#car-logos li.narrow 	{height: 45px;}
}


/*

#thanks 					{background: #c2e487; padding: 13px 20px 14px 20px; margin: 0 auto 20px auto; max-width: 770px;}
#thanks p 					{font-size: 85%; color: #4c7309; margin: 0 !important; line-height: 130%;}
#thanks p b 				{}

*/




/* 
===================================================================================================
Media Query Images
===================================================================================================
*/

.home-top-pic,
.std-top-pic,
.comp-top-pic,
.auto-top-pic,
.med-top-pic,
.gown-top-pic,
.wet-top-pic 		{background-color: #1f5768; background-position: center center; background-size: cover !important;}

.bg-auto1,
.bg-auto2 			{background-color: #000; background-repeat: no-repeat;}

.bg-med1,
.bg-med4,
.bg-wipe1,
.bg-wipe2,
.bg-wipe3,
.bg-wipe4,
.bg-wipe5,
.bg-auto3 			{background-color: #f0efec; background-repeat: no-repeat;}

.bg-med2,
.bg-med3,
.bg-med5,
.bg-wipe1b 			{background-color: #fff; background-repeat: no-repeat;}



@media screen and (max-width: 739px) {
	.home-top-pic 			{background-image: url(../../img/banners/home-mob.jpg);}
	#home-3boxes ol li.box1 {background-image: url(../../img/bg-home1-mob.jpg);}
	#home-3boxes ol li.box2 {background-image: url(../../img/bg-home2-mob.jpg);}
	#home-3boxes ol li.box3 {background-image: url(../../img/bg-home3-mob.jpg);}

	.std-top-pic 			{background-image: url(../../img/banners/std-mob.jpg);}

	.comp-top-pic 			{background-image: url(../../img/banners/company-mob.jpg);}

	.auto-top-pic 			{background-image: url(../../img/banners/auto-mob.jpg);}
	.med-top-pic 			{background-image: url(../../img/banners/med-mob.jpg);}
	.gown-top-pic 			{background-image: url(../../img/banners/gown-mob.jpg);}
	.wet-top-pic 			{background-image: url(../../img/banners/wipe-mob.jpg);}

	.bg-auto1				{background-image: url(../../img/bg-auto1-mob.jpg); background-position: bottom right; background-size: 80% auto;}

	.bg-med1				{background-image: url(../../img/bg-med1-mob.jpg); background-position: bottom right; background-size: 50% auto;}
	.bg-med2				{background-image: url(../../img/bg-med2-mob.jpg); background-position: bottom right; background-size: 60% auto;}
	.bg-med3				{background-image: url(../../img/bg-med3-mob.jpg); background-position: bottom right; background-size: 65% auto;}

	.bg-wipe1				{background-image: url(../../img/bg-med1-mob.jpg); background-position: bottom right; background-size: 50% auto;}
	.bg-wipe1b				{background-image: url(../../img/bg-wipe1b-mob.jpg); background-position: bottom right; background-size: 90% auto;}
	.bg-wipe2				{background-image: url(../../img/bg-wipe2-mob.jpg); background-position: bottom right; background-size: 55% auto;}
	.bg-wipe4				{background-image: url(../../img/bg-wipe4-mob.jpg); background-position: bottom right; background-size: 50% auto;}

}


@media screen and (min-width: 740px) and (max-width: 1079px) {
		.home-top-pic 			{background-image: url(../../img/banners/home-tab.jpg);}
		#home-3boxes ol li.box1 {background-image: url(../../img/bg-home1-tab.jpg); background-size: cover; background-position: bottom left;}
		#home-3boxes ol li.box2 {background-image: url(../../img/bg-home2-tab.jpg); background-size: cover; background-position: bottom left;}
		#home-3boxes ol li.box3 {background-image: url(../../img/bg-home3-tab.jpg); background-size: cover; background-position: bottom left;}

		.std-top-pic 			{background-image: url(../../img/banners/std-tab.jpg);}

		.comp-top-pic 			{background-image: url(../../img/banners/company-tab.jpg);}

		.auto-top-pic 			{background-image: url(../../img/banners/auto-tab.jpg);}
		.med-top-pic 			{background-image: url(../../img/banners/med-tab.jpg);}
		.gown-top-pic 			{background-image: url(../../img/banners/gown-tab.jpg);}
		.wet-top-pic 			{background-image: url(../../img/banners/wipe-tab.jpg);}

		.bg-auto1				{background-image: url(../../img/bg-auto1-tab.jpg); background-size: cover; background-position: center right;}
		.bg-auto2				{background-image: url(../../img/bg-auto2-tab.jpg); background-position: bottom left; background-size: 48% auto;}
		.bg-auto3				{background-image: url(../../img/bg-auto3-tab.jpg); background-position: center right; background-size: contain;}

		.bg-med1				{background-image: url(../../img/bg-med1-tab.jpg); background-position: bottom right; background-size: contain;}
		.bg-med2				{background-image: url(../../img/bg-med2-tab.jpg); background-position: bottom left; background-size: contain;}
		.bg-med3				{background-image: url(../../img/bg-med3-tab.jpg); background-position: bottom left; background-size: contain;}
		.bg-med4				{background-image: url(../../img/bg-med4-tab.jpg); background-position: bottom right; background-size: contain;}
		.bg-med5				{background-image: url(../../img/bg-med5-tab.jpg); background-position: bottom left; background-size: cover;}

		.bg-wipe1				{background-image: url(../../img/bg-med1-tab.jpg); background-position: bottom right; background-size: contain;}
		.bg-wipe1b				{background-image: url(../../img/bg-wipe1b-tab.jpg); background-position: bottom left; background-size: contain;}
		.bg-wipe2				{background-image: url(../../img/bg-wipe2-tab.jpg); background-position: bottom right; background-size: contain;}
		.bg-wipe3				{background-image: url(../../img/bg-wipe3-tab.jpg); background-position: bottom left; background-size: contain;}
		.bg-wipe4				{background-image: url(../../img/bg-wipe4-tab.jpg); background-position: bottom right; background-size: contain;}
		.bg-wipe5				{background-image: url(../../img/bg-wipe5-tab.jpg); background-position: bottom left; background-size: contain;}

}


@media screen and (min-width: 1080px) {
			.home-top-pic 			{background-image: url(../../img/banners/home-desk.jpg);}
			#home-3boxes ol li.box1 {background-image: url(../../img/bg-home1-desk.jpg); background-size: cover; background-position: bottom left;}
			#home-3boxes ol li.box2 {background-image: url(../../img/bg-home2-desk.jpg); background-size: cover; background-position: bottom left;}
			#home-3boxes ol li.box3 {background-image: url(../../img/bg-home3-desk.jpg); background-size: cover; background-position: bottom left;}

			.std-top-pic 			{background-image: url(../../img/banners/std-desk.jpg);}

			.comp-top-pic 			{background-image: url(../../img/banners/company-desk.jpg);}

			.auto-top-pic 			{background-image: url(../../img/banners/auto-desk.jpg);}
			.med-top-pic 			{background-image: url(../../img/banners/med-desk.jpg);}
			.gown-top-pic 			{background-image: url(../../img/banners/gown-desk.jpg);}
			.wet-top-pic 			{background-image: url(../../img/banners/wipe-desk.jpg);}

			.bg-auto1				{background-image: url(../../img/bg-auto1-desk.jpg); background-size: cover; background-position: center right;}
			.bg-auto2				{background-image: url(../../img/bg-auto2-desk.jpg); background-size: cover; background-position: center left;}
			.bg-auto3				{background-image: url(../../img/bg-auto3-desk.jpg); background-size: cover; background-position: center right;}

			.bg-med1				{background-image: url(../../img/bg-med1-desk.jpg); background-size: cover; background-position: bottom right;}
			.bg-med2				{background-image: url(../../img/bg-med2-desk.jpg); background-size: cover; background-position: bottom left;}
			.bg-med3				{background-image: url(../../img/bg-med3-desk.jpg); background-size: cover; background-position: bottom left;}
			.bg-med4				{background-image: url(../../img/bg-med4-desk.jpg); background-position: center right; background-size: cover;}
			.bg-med5				{background-image: url(../../img/bg-med5-desk.jpg); background-position: center left; background-size: cover;}

			.bg-wipe1				{background-image: url(../../img/bg-med1-desk.jpg); background-size: cover; background-position: bottom right;}
			.bg-wipe1b				{background-image: url(../../img/bg-wipe1b-desk.jpg); background-size: cover; background-position: bottom left;}
			.bg-wipe2				{background-image: url(../../img/bg-wipe2-desk.jpg); background-size: cover; background-position: bottom right;}
			.bg-wipe3				{background-image: url(../../img/bg-wipe3-desk.jpg); background-size: cover; background-position: bottom left;}
			.bg-wipe4				{background-image: url(../../img/bg-wipe4-desk.jpg); background-size: cover; background-position: bottom right;}
			.bg-wipe5				{background-image: url(../../img/bg-wipe5-desk.jpg); background-size: cover; background-position: bottom left;}

}




/* 
===================================================================================================
Menu Nav
===================================================================================================
*/


#nav 					{position: relative; background: none;}
#nav > a 				{display: none;}

#nav li 				{position: relative;}
#nav li a 				{color: #fff; display: block;}
#nav li a span:after 	{width: 0; height: 0; border: 0.3em solid transparent; border-bottom: none; border-top-color: #fff; content: ''; vertical-align: middle; display: inline-block; position: relative; right: -0.3em;}
		
/* first level */
#nav > ul 				{text-align: right; padding: 52px 40px 0 0;}
#nav > ul > li 			{width: auto; height: auto; display: inline-block; text-transform: uppercase; font-weight: 700; margin: 0 0 0 25px;}
#nav > ul > li > a 		{padding: 10px 0; font-size: 0.9em; color: #fff; line-height: 100%; text-align: center;}
#nav > ul > li > a span {font-weight: 700; color: #fff;}

#nav > ul > li > a.contact 			{padding: 10px 13px; margin-left: 0; border: 2px solid rgb(255, 255, 255); border: 2px solid rgba(255, 255, 255, .5); -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
									-webkit-transition:all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
#nav > ul > li:hover > a 			{border-bottom: 2px solid rgb(255, 255, 255); border-bottom: 2px solid rgba(255, 255, 255, .5);}
#nav > ul > li:hover > a.services 	{border: 0;}
#nav > ul > li:hover > a.contact 	{background-color: rgb(0, 69, 124); background-color: rgba(255, 255, 255, .18);}
						
/* second level */
#nav li ul 				{display: none; width: 230px; padding: 10px; position: absolute; margin-left: -82px; top: 100%; text-align: center; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#nav li:hover ul 		{display: block; left: 0; right: 0; }

#nav li ul li 			{font-weight: 700; font-size: 0.9em; line-height: 110%; border-bottom: 1px solid #e8e8e8;}
#nav li ul li:last-child{border: 0;}
#nav li ul li a 		{padding: 8px 12px; color: #00457c;}
#nav li ul li a:hover 	{background-color: #f3f3f3;}


@media only screen and (min-width: 940px) {
	#nav > ul 				{padding: 60px 40px 0 0;}
	#nav > ul > li 			{margin: 0 0 0 35px;}
	#nav > ul > li > a 		{padding: 10px 0; font-size: 1.0em;}

	#nav li ul 				{width: 260px; padding: 12px; margin-left: -95px;}
	#nav li ul li 			{font-size: 1.0em;}
	#nav li ul li a 		{padding: 10px 15px;}

}



@media only screen and (max-width: 1000px) {
	#nav {width: 100%; position: static; margin: 0;}
}


@media only screen and (max-width: 739px) {
		#nav 			{position: relative; top: 0; left: auto;}
		#nav > a 		{padding: 7px 15px; width: auto; float: right; margin-top: 26px; text-decoration: none; border: 2px solid #cecece; text-align: left; background: #fff; position: relative;}
		#nav > a div	{display: inline-block; vertical-align: middle; width: 15px; height: 13px; background: center center no-repeat url(../../img/icon-menu-burger.png); background-size: 15px 13px;}
		#nav > a span	{display: inline-block; vertical-align: middle; color: #9c9c9c; font-weight: 400; line-height: 100%; margin: 0 6px 0 0; font-size: 1.1em;}

		#nav:not( :target ) > a:first-of-type,
		#nav:target > a:last-of-type 			{display: block;}

		/* first level */
		#nav > ul 					{height: auto; display: none; position: absolute; text-align: left; left: 0; right: 0; top: 90px; padding: 0; margin-left: 15px; background-color: #f78f1e;}
		#nav:target > ul 			{display: block;}
		#nav > ul > li 				{width: 100%; float: none; display: block; margin: 0; border-bottom: 1px solid #fca651;}
		#nav > ul > li:last-child 	{border: 0;}
		#nav > ul > li > a 			{padding: 12px 30px; font-size: 1.1em; text-align: left;}
		#nav > ul > li > a.contact 			{padding: 12px 30px; border: 0; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
		#nav > ul > li:hover > a 			{border: 0; background: #e4730e;}
		#nav > ul > li:hover > a.services 	{border: 0;}
		#nav > ul > li:hover > a.contact 	{background: #e4730e;}
			
		/* second level */
		#nav li ul 					{position: static; padding: 0; width: 100%; margin-left: 0; text-align: left;}
		#nav li ul li 				{font-size: 1.1em; border-bottom: 1px solid #e8e8e8;}
		#nav li ul li:last-child 	{border: 0;}
		#nav li ul li a 			{padding: 13px 25px 13px 43px; background: 30px center no-repeat url(../../img/bullet-orange-arrow.png); background-size: 6px 9px;}


}






/* == TERMS PAGES == */

span.cc-message {
	color: #fff !important;
}

#terms-doc {
	padding: 0 0 50px 0;
}

#terms-doc h2 {
	margin: 40px 0 20px 0;
}

#terms-doc h3 {
	color: #3c3c3c;
	font-weight: 700;
	font-size: 130%; 
	line-height: 100%; 
	margin: 30px 0 6px 0;
}

#terms-doc p {
	font-size: 105%;
	font-weight: 500;
	color: #727272;
	margin: 0 0 20px 0;
	max-width: none !important;
}

#terms-doc > ul,
#terms-doc > ol {
	padding: 0;
	margin: 0 0 30px 20px !important;
	font-size: 100% !important;
}



#terms-doc > ol#topnumbers,
#terms-doc > ol#topnumbers li {
	list-style: decimal !important;
}

#terms-doc > ol.terms,
#terms-doc > ol.terms ol {
	counter-reset: item;
}

#terms-doc > ol.terms li {
	display: block;
}

#terms-doc > ol.terms > li {
	margin-bottom: 30px !important;
}

#terms-doc > ol.terms li strong {
	font-weight: 700;
	font-size: 120%;
}

#terms-doc > ol.terms > li:before,
#terms-doc > ol.terms > li > ol > li:before {
    content: counters(item, ".") ". ";
    counter-increment: item;
}

#terms-doc > ol.terms ol {
	padding-top: 0;
}

#terms-doc > ol.terms li li {
	margin-left: 30px !important;
}

#terms-doc > ol.terms > li > ol > li > ul {
	padding: 0 0 2px 5px !important;
}

#terms-doc li {
	margin: 0 0 12px 0;
	color: #727272;
	line-height: 150%;
	font-size: 100%;
}

#terms-doc li strong,
#terms-doc a strong,
#terms-doc p strong {
	color: #525252;
	font-weight: 700; 
}

#terms-doc li a,
#terms-doc p a,
#terms-doc span a {
	color: #424242;
	font-weight: 400;
	display: inline-block;
	text-decoration: underline;
}

#terms-doc li a:hover,
#terms-doc p a:hover,
#terms-doc span a:hover {
	color: #00408b;
}