
/* Importing Fonts */

	@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
	@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600');

/* Default Styling */

	body, html													{ margin: 0%; padding: 0%; width: 100%; height: 100%; }
	h1, h2, h3, h4, h5, h6, p, ul, ol, li, span					{ margin: 0%; padding: 0%; }
	input, select, textarea										{ margin: 0%; padding: 0%; resize: none; }
	table, tr, th, td											{ margin: 0%; padding: 0%; border-spacing: 0; border-collapse: collapse; vertical-align: top; }
	a, img														{ border: none; outline: 0; color: inherit; text-decoration: none; }
	img															{ display: block; }

/* Page Setup Styling */

	html														{ background-color: #E7F1FB; }
	div.page													{ margin: 0%; padding: 0%; background-image: url('../images/body-background.jpg'); background-repeat: repeat-x; background-position: center -280px; background-size: 100% auto; background-color: #E7F1FB; }
	div.page *													{ font-family: 'Source Sans Pro', sans-serif; font-size: 100%; }
	div.offset													{ margin: 0% auto; padding: 0%; width: auto; max-width: 1200px; background-color: transparent; box-sizing: border-box; clear: both; z-index: 500; }

/* Text Styling */

	div.page h1													{ margin: 0.063em 0% 0.775em 0%; padding: 0%; font-size: 1.875em; line-height: 1em; color: #684781; font-weight: 400; }
	div.page h2													{ margin: 1.625em 0%; padding: 0%; font-size: 1.25em; line-height: 1.5em; color: #6266A6; font-weight: 400; }
	div.page h3													{ margin: 2.25em 0% 0.5em 0%; padding: 0%; font-size: 1.25em; line-height: 1em; color: #684781; font-weight: 600; }
	div.page h4													{ margin: 0.75em 0%; padding: 0%; font-size: 1.125em; line-height: 1em; color: #363037; font-weight: 600; }
	div.page h5													{ margin: 0.75em 0%; padding: 0%; font-size: 1.125em; line-height: 1em; color: #684781; font-weight: 600; }
	div.page h6													{ margin: 0.5em 0%; padding: 0%; font-size: 1em; line-height: 1em; color: #684781; font-weight: 600; }
	div.page p													{ margin: 0% 0% 1.5em 0%; padding: 0%; font-family: 'Source Sans pro', sans-serif; font-size: 1em; line-height: 1.5em; color: #484848; font-weight: 400; }
	div.page a													{ font-family: 'Source Sans pro', sans-serif; font-size: 1em; line-height: 1em; color: #6266A6; text-decoration: none; }
	div.page ul													{ margin: 0% 0% 34px 0%; }
	div.page li													{ margin: 0% 0% 1.5em 1.25em; padding: 0%; font-family: 'Source Sans pro', sans-serif; font-size: 1em; line-height: 1.5em; color: #484848; font-weight: 400; }
	div.page img												{ max-width: 100%; }

/* Custom Offset Styling */

	div.offset.slideshow										{ margin: 14px auto 0% auto; padding: 0%; }
	section.main div.offset.submenu								{ margin: 14px auto -31px auto; padding: 56px 0% 15px 0%; min-height: 620px; position: relative; background-color: #FFFFFF; }
	section.main div.offset.standard							{ margin: 14px auto -31px auto; padding: 56px 0% 15px 0%; min-height: 620px; position: relative; background-color: #FFFFFF; }
	section.main div.offset.top-contact							{ margin: 14px auto 0% auto; padding: 56px 0% 49px 0%; position: relative; background-color: #FFFFFF; }
	section.main div.offset.bottom-contact						{ margin: 17px auto -31px auto; padding: 23px 0% 3px 0%; position: relative; background-color: #FFFFFF; }

/* Custom Text Styling */

	div.page p.read-more										{ margin: 1.5em 0% 0% 0%; }
	div.page a.button											{ margin: 0%; padding: 1em 0.5em; display: inline-block; text-transform: uppercase; background-color: #CD9580; color: #FFFFFF; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; }
	div.page a.button:hover										{ background-color: #D4A593; }
	div.page a.button.book										{ margin: 0.625em 0%; padding: 0.875em 60px 0.675em 0.938em; font-size: 1.125em; background-image: url('../images/btn-arrow-book.png'); background-repeat: no-repeat; background-position: right 9px center; }
	div.page a.button.map										{  margin: 0%; padding: 0.35em 44px 0.425em 0.8em; font-size: 1.125em; background-image: url('../images/btn-arrow-book.png'); background-repeat: no-repeat; background-position: right 10px center; background-size: 18px auto; }

/* Header & Navigation Styling */

	header.main													{ margin: 0%; padding: 0%; width: 100%; background-color: #FFFFFF; clear: both; }
	header.main div.offset										{ padding: 0%; }
	header.main	div.header-wrapper								{ margin: 0%; padding: 0%; width: 100%; height: 123px; background-color: #FFFFFF; }
	header.main div.header-logo									{ margin: 0%; padding: 36px 0% 0% 7px; width: 60%; float: left; z-index: 100; }
	header.main div.header-logo img								{ width: 100%; max-width: 544px; }
	header.main div.header-right								{ margin: 0%; padding: 0%; width: 40%; height: 123px; float: right; text-align: right; font-family: 'Source Sans Pro', sans-serif; }
	header.main div.header-right p								{ font-family: 'Source Sans Pro', sans-serif; }
	header.main div.header-right div.social						{ margin: 0%; padding: 10px 14px 0% 0%; text-align: right; }
	header.main div.header-right div.social a.icon				{ margin: 0%; padding: 0%; width: 27px; height: 27px; display: inline-block; position: relative; box-sizing: border-box; }
	header.main div.header-right div.social a.icon img			{ margin: 0%; padding: 0%; width: 100%; display: block; position: absolute; border: 0; }
	header.main div.header-right div.social a.icon img.hover	{ opacity: 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; }
	header.main div.header-right div.social a.icon.google		{ margin: 0% 9px 0% 0%; }
	header.main div.header-right div.social a.icon.linkedin		{ margin: 0%; }
	header.main div.header-right a.icon.google:hover img.hover	{ opacity: 1; }
	header.main div.header-right a.icon.linkedin:hover img.hover{ opacity: 1; }
	header.main div.header-right div.email						{ margin: 0%; padding: 27px 16px 0% 0%; }
	header.main div.header-right div.email p					{ margin: 0%; font-size: 1.875em; line-height: 30px; color: #684781; position: relative; }
	header.main div.header-right div.email p a					{ margin: 0%; padding: 0%; width: 34px; height: 22px; right: 230px; position: absolute; display: block; box-sizing: border-box; }
	header.main div.header-right div.email p img				{ position: absolute; }
	header.main div.header-right div.email p img.phone-icon		{ right: 180px; top: 2px; height: 25px; }
	header.main div.header-right div.email p img.email-icon		{ width: 100%; height: 100%; top: 6px; position: relative; }

	nav.main													{ margin: 0%; padding: 0%; width: 100%; height: 40px; background-color: #93B3EE; z-index: 5000; }
	nav.main *													{ font-family: 'Source Sans Pro', sans-serif; }
	nav.main ul													{ margin: 0% 0% 0% 12px; padding: 9px 0% 0% 0%; list-style-type: none; float: none; text-align: left; position: relative; }
	nav.main ul li												{ margin: 0%; padding: 0%; width: auto; line-height: 1.875em; text-align: center; display: inline-block; position: relative; background-image: url('../images/li-divide.png'); background-repeat: no-repeat; background-position: right bottom; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; }
	nav.main ul li:last-of-type									{ background-image: none; }
	nav.main ul li a											{ margin: 0%; padding: 0% 20px 2px 20px; font-size: 1.125em; font-weight: 400; line-height: 29px; text-align: left; color: #FFFFFF; display: block; text-transform: uppercase; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; }
	nav.main ul li:hover										{ background-color: #6266A6; background-image: none; }
	nav.main ul li:hover a										{ color: #FFFFFF !important; }
	nav.main ul li.current a									{ color: #684781; }
	nav.main ul li ul.drop										{ margin: 0% 0% 0% -14px; padding: 1.325em 2em 1.25em 2em; width: auto; min-width: 233px; display: block; visibility: hidden; opacity: 0; list-style-type: none; float: none; position: absolute; background-color: #6266A6; z-index: 5000; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; }
	nav.main ul li:hover ul.drop								{ border: 0; opacity: 1; visibility: visible; }
	nav.main ul li ul.drop li									{ margin: 0%; padding: 0%; width: 100%; border-top: 0px none; display: list-item; text-align: left; background-image: none; }
	nav.main ul li ul.drop li:hover								{ background-color: transparent; }
	nav.main ul li ul.drop li a									{ margin: 0%; padding: 0.375em 0%; font-size: 1em; line-height: 1.125em; font-weight: normal; text-transform: none; text-align: left; color: #FFFFFF; border-top: 0; }
	nav.main ul li ul.drop li:hover a							{ text-decoration: underline; }
	#mobile-nav													{ display: none; }

/* Footer Styling */

	footer.main													{ margin: 0%; padding: 0%; width: 100%; background-color: #828FB9; clear: both; }
	footer.main div.offset										{ padding: 69px 30px 39px 31px; }
	footer.main div.left										{ margin: 0%; padding: 0%; width: 42%; float: left; box-sizing: border-box; }
	footer.main div.left *										{ font-family: 'Open Sans', sans-serif; }
	footer.main div.left ul										{ margin: 0%; }
	footer.main div.left ul li									{ margin: 0%; font-size: 0.75em; line-height: 30px; color: #EFEFEF; list-style: none; }
	footer.main div.left ul li:first-of-type					{ line-height: 18px; }
	footer.main div.left ul li a								{ color: #EFEFEF; }
	footer.main div.left ul li a img							{ margin: -4px 0% 0% 2px; height: 13px; display: inline-block; vertical-align: middle; }
	footer.main div.left ul li.contact							{ margin: 0% 0% 18px 0%; }
	footer.main div.left ul li a.email							{ margin: 0% 0% 0% 1px; width: 20px; height: 14px; display: inline-block; vertical-align: middle; }
	footer.main div.left ul li a.email img						{ margin: 0%; width: 100%; height: 100%; display: block; }
	footer.main div.left ul li img.phone						{ margin: -4px 7px 0% 20px; width: 11px; display: inline-block; vertical-align: middle; }
	footer.main div.right										{ margin: 0%; padding: 0%; width: 58%; float: left; box-sizing: border-box; }
	footer.main div.right *										{ font-family: 'Source Sans Pro', sans-serif; }
	footer.main div.right h4									{ margin: 0%; padding: 0% 0% 8px 0%; font-size: 0.875em; font-weight: 700; color: #EDB666; text-transform: uppercase; }
	footer.main div.right div.website							{ margin: -5px 0% 0% 0%; padding: 0% 0% 0% 27px; width: 33.65%; float: right; box-sizing: border-box; }
	footer.main div.right div.contact							{ margin: 0%; padding: 5px 0% 0% 8px; width: 66.35%; float: left; box-sizing: border-box; }
	footer.main div.right ul									{ margin: 0%; }
	footer.main div.right ul li									{ margin: 0%; font-size: 0.875em; line-height: 30px; color: #EFEFEF; list-style: none; }
	footer.main div.right ul li a								{ color: #EFEFEF; }

/* Homepage Styling */

	div.slideshow-container										{ margin: 0% auto; padding: 0%; width: auto; background-color: rgba(255,255,255,0.9); position: relative; }
	div.slider													{ margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; width: 100%; height: 0; background-color: #FFFFFF; float: none; overflow: hidden; position: relative; z-index: 3; }
	div.slider div.offset										{ background-color: transparent; box-shadow: none; position: relative; }
	div.slider .slide											{ width: 100%; height: 100%; top: 0; position: absolute; z-index: 1; transition: margin 0.2s ease 0s; }
	div.slider .slide.current									{ z-index: 2; }
	div.slider .slide div.slide-image							{ top: 0; bottom: 0; left: 0; right: 0; background-size: contain; background-repeat: no-repeat; background-position: center center; position: absolute; z-index: 1; transition: transform 9s ease 0s; }
	div.slider div.slide-thumb									{ display: none; }
	div.slider div.pips											{ margin: 0%; padding: 0% 31px; width: 100%; bottom: 20px; right: 0; left: 0; text-align: right; position: absolute; z-index: 13; display: block; box-sizing: border-box; }
	div.slider div.pips a.pip									{ margin: 0% 0% 0% 14px; padding: 0%; width: 12px; height: 12px; border-radius: 50%; font-size: 0.5em; line-height: 0.5625em; font-weight: normal; text-transform: none; color: transparent; background-color: #FFFFFF; text-align: center; display: inline-block; }
	div.slider div.pips a.pip.current							{ background-color: #6B4982; }
	div.slider div.slide-arrow									{ width: 53px; top: 0; bottom: 0; position: absolute; opacity: 0.7; z-index: 10; background-repeat: no-repeat; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; }
	div.slider div.slide-arrow.arrow-left						{ left: 0; background-image: url('../images/slider-arrow-left.png'); background-position: left 5px top 49%; background-size: 37px 43px; }
	div.slider div.slide-arrow.arrow-right						{ right: 0; background-image: url('../images/slider-arrow-right.png'); background-position: right 5px top 49%; background-size: 37px 43px; }
	div.slider div.slide-arrow.arrow-left:hover					{ opacity: 0.825; cursor: pointer; }
	div.slider div.slide-arrow.arrow-right:hover				{ opacity: 0.825; cursor: pointer; }
	div.slider.vertical-align .slide							{ margin: 0; }
	div.slider.vertical-align .slide div.offset					{ height: 100%; }
	div.slider.vertical-align .slide div.slide-content			{ width: 100%; height: 100%; top: 0; left: 0; white-space: nowrap; position: absolute; z-index: 5000; }
	div.slider.vertical-align .slide div.slide-content:before	{ margin-left: -4px; width: 0; height: 100%; content: ""; vertical-align: middle; display: inline-block; }
	div.slider.vertical-align .slide div.content				{ padding: 49px 16px 51px 25px; width: 100%; max-width: 562px; height: 100%; max-height: 205px; right: 13.625%; bottom: 0; text-transform: uppercase; background-color: rgba(53,31,69,0.6); opacity: 0; text-align: left; vertical-align: middle; white-space: normal; position: absolute; display: inline-block; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; box-sizing: border-box; }
	div.slider.vertical-align .slide.current div.content		{ bottom: 53px; opacity: 1; }
	div.slider.vertical-align .slide div.content h2				{ margin: 0% 0% 0.7em 0%; font-family: 'Open Sans', sans-serif; font-size: 1.875em; font-weight: 600; line-height: 1em; text-transform: uppercase; color: #FFFFFF; }
	div.slider.vertical-align .slide div.content p				{ margin: 0%; font-family: 'Open Sans', sans-serif; font-size: 1.5em; font-weight: 300; line-height: 1.5em; text-transform: none; color: #FFFFFF; }

	section.home												{ padding: 1px 0% 0% 0%; }
	section.home div.offset										{ margin: 0% auto -31px auto; padding: 41px 43px 31px 43px; position: relative; background-color: #FFFFFF; }
	section.home div.left										{ margin: 0%; padding: 0% 38.8% 0% 0%; width: 100%; min-height: 860px; box-sizing: border-box; }
	section.home div.left ul									{ margin: 0% 0% 3em 0%; padding: 0.75em 0% 0% 1em; list-style-type: none; }
	section.home div.left ul li									{ margin: 0% 0% -1px 0%; padding: 1px 0% 0% 27px; font-size: 1em; line-height: 1.875em; color: #6266A6; text-transform: uppercase; background-image: url('../images/circle-bullet.png'); background-position: left center; background-repeat: no-repeat; }
	section.home div.left h1									{ margin: 0.45em 0% 0.775em 0%; }
	section.home div.left h2									{ margin: 1em 0%; padding: 0%; font-size: 1.125em; line-height: 1.33em; color: #6266A6; font-weight: 400; }
	section.home div.left h3									{ margin: 1.5em 0%; padding: 0%; font-size: 1em; line-height: 1.5em; font-weight: 600; color: #3E3E3E; }
	section.home div.right										{ margin: 0%; padding: 41px 43px 31px 43px; width: 38%; height: 400px; top: 0; right: 0; position: absolute; }
	section.home div.right div.home-tile						{ margin: 0% 0% 12px 0%; padding: 0%; width: 100%; position: relative; box-sizing: border-box; background-color: grey; }
	section.home div.right div.home-tile a.wrapper				{ margin: 0%; padding: 0%; position: relative; display: block; }
	section.home div.right div.home-tile div.image				{ width: 100%; 0%; position: relative; display: block; }
	section.home div.right div.home-tile div.image img			{ margin: 0%; padding: 0%; width: 100%; display: block; border: 0; }
	section.home div.right div.home-tile div.text				{ padding: 0.75em 0.75em 0.75em 1.25em; width: 100%; position: relative; background-color: #684781; box-sizing: border-box; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; }
	section.home div.right div.home-tile div.text h3			{ margin: 0%; font-family: 'Open Sans', sans-serif; font-size: 1em; font-weight: 600; text-transform:uppercase; color: #FFFFFF; }
	section.home div.right div.home-tile div.text p				{ margin: 0.45em 0%; line-height: 1.125em; color: #FFFFFF; }
	section.home div.right div.home-tile.scalp div.text			{ background-color: #684781; }
	section.home div.right div.home-tile.trichology div.text	{ background-color: #6266A6; }
	section.home div.right div.home-tile.styling div.text		{ background-color: #828FB9; }
	section.home div.right div.home-tile.occasions div.text		{ background-color: #93B3EE; }
	section.home div.right div.home-tile.scalp:hover div.text		{ background-color: #7F6294; }
	section.home div.right div.home-tile.trichology:hover div.text	{ background-color: #797DB3; }
	section.home div.right div.home-tile.styling:hover div.text		{ background-color: #95A0C3; }
	section.home div.right div.home-tile.occasions:hover div.text	{ background-color: #A3BEF1; }

/* Standard Styling */

	section.main div.page-content								{ margin: 0%; padding: 0% 37px; width: 100%; box-sizing: border-box; }
	section.main div.page-content.left							{ margin: 0%; padding: 0%; width: 240px; top: 56px; position: absolute; box-sizing: border-box; z-index: 9999; }
	section.main div.page-content.right							{ margin: 0%; padding: 0% 37px 0% 275px; width: 100%; position: relative; box-sizing: border-box; }
	section.main div.page-content nav.sub						{ margin: 0%; padding: 0%; width: 100%; position: relative; box-sizing: border-box; }
	section.main div.page-content nav.sub h2					{ margin: 0%; padding: 0.55em 1.125em 0.35em 1.125em; font-size: 1.125em; line-height: 1.325em; background-color: #684781; box-sizing: border-box; }
	section.main div.page-content nav.sub h2 a					{ text-transform: uppercase; color: #FFFFFF; }
	section.main div.page-content nav.sub ul					{ margin: 0% 0% 4.55em 0%; padding: 0%; width: 100%; position: relative; list-style: none; box-sizing: border-box; }
	section.main div.page-content nav.sub ul li					{ margin: 0%; padding: 0%; width: 100%; display: block; border-bottom: 1px solid #B7D0FF;  box-sizing: border-box; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; }
	section.main div.page-content nav.sub ul li:hover			{ background-color: #FAFAFA; }
	section.main div.page-content nav.sub ul li a				{ padding: 1.125em 1em 0.5em 1.125em; display: block; font-size: 1.125em; color: #373E4C; box-sizing: border-box; }
	section.main div.page-content nav.sub ul li.current a		{ font-weight: 600; }
	section.main div.page-content nav.sub a.button.sub			{ padding: 1.063em 1em 0.825em 1.325em; width: 100%; display: block; background-color: #93B3EE; background-image: url('../images/nav-sub-arrow.png'); background-repeat: no-repeat; background-position: right 11px top 12px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; }
	section.main div.page-content nav.sub a.button.sub:hover	{ background-color: #A3BEF1; }
	section.main div.page-content div.price-container			{ margin: 0%; padding: 0%; width: 100%; max-width: 360px; box-sizing: border-box; }
	section.main div.page-content table.pricing					{ margin: 0%; padding: 0%; width: 100%; box-sizing: border-box; }
	section.main div.page-content table.pricing tr				{ border-bottom: 1px solid #DFDFDF; }
	section.main div.page-content table.pricing tr:first-of-type{ border-top: 1px solid #DFDFDF; }
	section.main div.page-content table.pricing td.service		{ margin: 0%; padding: 10px 8px 10px 2px; width: 50%; text-align: left; box-sizing: border-box; }
	section.main div.page-content table.pricing td.price		{ margin: 0%; padding: 10px 2px 10px 8px; width: 50%; text-align: right; box-sizing: border-box; }
	section.main div.page-content ul.sitemap li					{ margin: 1em 0% 1em 1.25em; }
	section.main div.page-content ul.sitemap li ul.children		{ margin: 0%; }

/* Contact Styling */

	section.main div.contact-content							{ margin: -1px 0% 0% 0%; padding: 0% 59px 0% 57px; width: 100%; box-sizing: border-box; }
	section.main div.contact-content div.tile					{ margin: 0%; padding: 1.375em 1.575em 1.625em 1.575em; width: 32%; float: left; }
	section.main div.contact-content div.tile.bridgwater		{ margin: 0% 2% 0% 0%; background-color: #B7D0FF; }
	section.main div.contact-content div.tile.bristol			{ margin: 0%; background-color: #D0E1FF; }
	section.main div.contact-content div.tile.london			{ margin: 0% 0% 0% 2%; background-color: #D7E5FF; }
	section.main div.enquiry-form								{ margin: 1.5em auto; max-width: 416px; text-align: center; }
	section.main div.enquiry-form h2							{ margin: 0% 0% 1.25em 0%; padding: 0.1em 4.25em 0.125em 4.25em; font-size: 1.375em; max-width: 100%; display: inline-block; background-color: #6266A6; color: #FFFFFF; }
	section.main div.enquiry-form div.field-block				{ margin: 0%; padding: 0% 0% 27px 0%; width: 100%; text-align: center; position: relative; box-sizing: border-box; }
	section.main div.enquiry-form div.field-block.captcha		{ margin: 0% auto; max-width: 252px; }
	section.main div.enquiry-form div.field-block label			{ margin: 0% 0% 6px 0%; width: 100%; display: block; text-align: center; }
	section.main div.enquiry-form div.field-block input			{ margin: 0%; padding: 0.425em; width: 100%; line-height: 1.5em; border: 1px solid #6266A6; box-sizing: border-box; -webkit-appearance: none; border-radius: 5px; }
	section.main div.enquiry-form div.field-block input.button	{ margin: 0%; padding: 0.375em 0.75em 0.4em 0.85em; width: auto; font-size: 1.125em; line-height: 1em; border: 0; border-radius: 0; font-weight: 400; display: inline-block; background-color: #684781; color: #FFFFFF; text-transform: uppercase; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; }
	section.main div.enquiry-form div.field-block input.button:hover { background-color: #7F6294; }
	section.main div.enquiry-form div.field-block textarea		{ margin: 0%; padding: 0.425em; width: 100%; border: 1px solid #6266A6; box-sizing: border-box; -webkit-appearance: none; border-radius: 5px; }
	section.main div.enquiry-form div.field-block.col-2-left	{ margin: 0%; padding: 0% 5px 10px 0%; width: 50%; float: left; }
	section.main div.enquiry-form div.field-block.col-2-right	{ margin: 0%; padding: 0% 0% 10px 5px; width: 50%; float: left; }
	section.main div.field-block div.captcha					{ margin: 0%; padding: 0% 0% 0% 10px; width: 50%; height: 39px; float: left; position: relative; box-sizing: border-box; }
	section.main div.field-block div.captcha img				{ margin: 0%; padding: 0%; width: 100%; top: 0; bottom: 0; position: absolute; }
	section.main div.field-block div.input						{ margin: 0%; padding: 0% 7px 0% 0%; width: 50%; float: left; box-sizing: border-box; }
	section.main div.field-block div.input input				{ padding: 0.25em; line-height: 29px; }

/* Class Styling */

	br.clear													{ height: 0%; overflow: hidden; }
	.clear														{ clear: both; height: 0px; }
	.error														{ border: 1px solid #AC0000 !important; }
	.mobile-element												{ display: none; }
	.no-margin													{ margin: 0% !important; }

/* Resolution-Specific Behaviour */

	@media only screen and (min-width: 0px) and (max-width: 960px) {

	/* Header & Navigation Styling */

		nav.main ul li a										{ padding: 0% 16px 2px 16px; font-size: 1em; }

	}

	@media only screen and (min-width: 0px) and (max-width: 800px) {

	/* Custom Offset Mobile Styling */

		div.offset.slideshow									{ margin: 0% auto; }
		section.main div.offset.submenu							{ margin: 0% auto; padding: 30px 0% 20px 0%; }
		section.main div.offset.standard						{ margin: 0% auto; padding: 30px 0% 20px 0%; }
		section.main div.offset.top-contact						{ margin: 0% auto; padding: 30px 0% 20px 0%; }
		section.main div.offset.bottom-contact					{ margin: 17px auto 0% auto; padding: 30px 0% 20px 0%; }

	/* Header & Navigation Mobile Styling */

		header.main												{ border-bottom: 4px solid #93B3EE; }
		header.main	div.header-wrapper							{ height: 60px; }
		header.main	div.header-wrapper div.offset				{ position: relative; }
		header.main div.header-logo								{ margin: 0%; padding: 10px 0% 10px 10px; width: 75%; float: left; position: absolute; top: 50%; transform: translate(0%,-50%); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
		header.main div.header-logo img							{ max-width: 348px; }
		header.main div.header-right							{ display: none; }
		header.main div.mobile-menu								{ margin: 0%; padding: 21px 20px 21px 20px; width: 25%; max-width: 66px; float: right; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
		header.main div.mobile-menu div.menu-button							{ margin: 0%; width: 26px; height: 18px; cursor: pointer; }
		header.main div.mobile-menu div.menu-button div.icons.menu			{ width: 26px; height: 18px; position: relative; margin: -6px 0% 0% 0%; display: inline-block; vertical-align: middle; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
		header.main div.mobile-menu div.menu-button div.icons.menu span		{ display: block; position: absolute; height: 2px; width: 100%; background: #010101; border-radius: 2px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
		header.main div.mobile-menu div.menu-button div.icons.menu span:nth-child(1) { top: 0px; }
		header.main div.mobile-menu div.menu-button div.icons.menu span:nth-child(2), header.main div.mobile-menu div.menu-button div.icons.menu span:nth-child(3) { top: 8px; }
		header.main div.mobile-menu div.menu-button div.icons.menu span:nth-child(4) { top: 16px; }
		header.main div.mobile-menu div.menu-button div.icons.menu.open span:nth-child(1) { top: 11px; width: 0%; left: 50%; }
		header.main div.mobile-menu div.menu-button div.icons.menu.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
		header.main div.mobile-menu div.menu-button div.icons.menu.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
		header.main div.mobile-menu div.menu-button div.icons.menu.open span:nth-child(4) { top: 11px; width: 0%; left: 50%; }
		nav.main												{ display: none; }
		#mobile-nav												{ display: block; }

	/* Footer Mobile Styling */

		footer.main												{ margin: 0%; background-color: #6266A6; }
		footer.main div.offset									{ padding: 20px 10px; }
		footer.main div.left									{ margin: 20px 0% 0% 0%; width: 100%; float: none; text-align: center; }
		footer.main div.left *									{ font-family: 'Source Sans Pro', sans-serif; }
		footer.main div.left h4									{ display: none; }
		footer.main div.left ul li								{ margin: 0%; font-size: 1em; line-height: 30px; color: #FFFFFF; list-style: none; }
		footer.main div.left ul li:first-of-type				{ line-height: 30px; }
		footer.main div.left ul li a							{ font-size: 1em; line-height: 1em; color: #FFFFFF; }
		footer.main div.left ul li a img						{ margin: -4px 0% 0% 2px; height: 13px; display: inline-block; vertical-align: middle; }
		footer.main div.right									{ width: 100%; float: none; }
		footer.main div.right div.contact						{ display: none; }
		footer.main div.right div.website						{ margin: 0%; padding: 0%; width: 100%; float: none; text-align: center; }
		footer.main div.right div.website ul li					{ font-size: 1em; line-height: 30px; }
		footer.main div.right div.website ul li a				{ color: #FFFFFF; }

	/* Home Mobile Styling */

		div.slider div.slide-large								{ display: none; }
		div.slider div.slide-thumb								{ display: block; }
		div.slider div.pips										{ display: none; }
		div.slider div.slide-arrow								{ width: 50%; }
		div.slider div.slide-arrow.arrow-left					{ background-image: none; }
		div.slider div.slide-arrow.arrow-right					{ background-image: none; }
		div.slider.vertical-align .slide div.content			{ padding: 1em 0.75em; left: 20px; top: 50%; bottom: auto; width: auto; height: auto; max-width: none; max-height: none; transform: translate(0%,-50%); }
		div.slider.vertical-align .slide.current div.content	{ bottom: auto; }
		div.slider.vertical-align .slide div.content p.slide-title { margin: 0% 0% 0.25em 0%; font-size: 1.375em; }
		div.slider.vertical-align .slide div.content p			{ margin: 0%; font-size: 1.125em; }

		section.home											{ padding: 0%; }
		section.home div.offset									{ margin: 0% auto; padding: 20px 10px; }
		section.home div.left									{ margin: 20px 0% 0% 0%; padding: 0%; width: 100%; }
		section.home div.right									{ padding: 40px 0% 0% 0%; width: 100%; height: auto; position: relative; }
		section.home div.right div.home-tile div.text			{ text-align: center; }

	/* Standard Mobile Styling */

		section.main div.page-content							{ margin: 0%; padding: 0% 10px; width: 100%; float: none; }
		section.main div.page-content.left						{ display: none; }
		section.main div.page-content.right						{ padding: 0% 10px; }
		section.main div.page-content div.price-container		{ margin: 0% auto; padding: 0%; }

	/* Contact Mobile Styling */

		section.main div.contact-content						{ margin: 0%; padding: 0% 10px; }
		section.main div.contact-content div.tile				{ width: 100%; float: none; }
		section.main div.contact-content div.tile.bridgwater	{ margin: 0%; }
		section.main div.contact-content div.tile.bristol		{ margin: 14px 0%; }
		section.main div.contact-content div.tile.london		{ margin: 0%; }
		section.main div.enquiry-form h2						{ margin: 0% 0% 1.25em 0%; padding: 0.1em 1em 0.125em 1em; width: 100%; }

	/* Class Mobile Styling */

		.mobile-element											{ display: block; }
		.desktop-element										{ display: none; }

	}

	@media only screen and (min-width: 0px) and (max-width: 580px) {

		div.slider.vertical-align .slide div.content			{ padding: 0.75em 0.75em; left: 10px; }
		div.slider.vertical-align .slide div.content p.slide-title { font-size: 1em; }
		div.slider.vertical-align .slide div.content p			{ font-size: 0.875em; }

	}

	@media only screen and (min-width: 0px) and (max-width: 369px) {

		div.slider.vertical-align .slide div.content			{ display: none; }

	}
