@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:700&display=swap');

	header.main-et1a div.header-contact .header-account .icon				{ font-size: 1.25em; font-weight: 300; }

	.form-loader															{ width: 30px; vertical-align: middle; }

	nav.main-et1a .search .search-container									{ background-color: #444444; box-shadow: -37px 0 16px 28px #444444; }
	nav.main-et1a .search input												{ padding: 0.125em 0.75em; line-height: 2.5em; background-color: #EFEFEF; }
	nav.main-et1a .offset > ul > li > a										{ padding: 0.9em 2em !important; }
	nav.main-et1a .offset > ul > li:first-child > a							{ padding-left: 3em !important; }
	nav.main-et1a .search button											{ background-color: #116BC9; }
	nav.main-et1a .search button span.icon									{ padding: 0% 0% 0.063em 0%; font-size: 1.25em; color: #FFFFFF; }

	header.main-et1a div.header-logo 										{ width: 40%; }
	header.main-et1a div.header-details 									{ width: 60%; }
	header.main-et1a div.header-contact p.contact-info 						{ margin: 0.5rem 0.75rem 0% 0%; width: 64%; font-family: 'Lato', sans-serif; font-size: 1.125em; line-height: 1em; font-weight: 900; text-transform: none; vertical-align: bottom; color: #4C3D3D; float: left; }
	header.main-et1a div.header-contact div.header-account 					{ margin: 0%; padding: 0.5rem; width: 32%; font-family: 'Lato', sans-serif; font-size: 0.75em; line-height: 1em; font-weight: 900; vertical-align: bottom; color: #4C3D3D; float: right; }
	header.main-et1a div.header-contact form.search 						{ margin: 22px 14% 0% 0%; width: 48%; font-family: 'Roboto', sans-serif; font-size: 1em; float: left; }
	header.main-et1a div.header-contact form.search input 					{ border: 1px solid #ccc; border-radius: 6px; font-size: 1rem; padding: 0.25rem 0.5rem; width: 100%; }
	header.main-et1a div.header-contact > .clear 							{ display: none; }
	header.main-et1a div.header-contact form.search div.search-container 	{ width: 82%; max-width: 270px; }
	header.main-et1a div.header-contact a.store-basket 						{ margin: 25px 0% 0% 0%; font-family: 'Lato', sans-serif; font-size: 0.875em; line-height: 1em; background-color: #FFBF00; transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; float: right; }
	header.main-et1a div.header-contact form.search button 					{ padding: 0% 3px 0% 8px; height: 34px; font-size: 1.5em; line-height: 34px; font-weight: 700; vertical-align: -1px; color: #FFBF00; transition: color 0.3s ease; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; }
	header.main-et1a div.header-contact form.search button:hover 			{ color: #FFBF00; }

	footer.main-et1a .footer-left ul > ul									{ padding: 0%; }

	section.main.home div.content.banner									{ margin: 24px 0% 0% 0%; padding: 28px 0%; text-align: center; background-color: #EBF0F2; }
	section.main.home div.content.banner h3									{ margin: 0%; font-family: 'Roboto Condensed', sans-serif; font-size: 2em; font-weight: 700; text-transform: none; display: inline-block; vertical-align: bottom; color: #444444; letter-spacing: -0.05em; }
	section.main.home div.content.banner a									{ margin: 0% 24px; display: inline-block; vertical-align: bottom; }

	.images_box																{ display: flex; justify-content: space-evenly; flex-wrap: wrap; }
	.images_box	picture														{ min-width: 200px; }
	/* .images_box	picture	img													{ margin-right: 0 !important; } */


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

		header.main-et1a p.header-caption									{ margin: 0.325em 0.5em 0.25em 0%; font-size: 0.813em; }

	}

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

		/*

		header.main-et1a													{ border-bottom: 2px solid #999999; }
		header.main-et1a div.header-logo									{ width: 45%; }
		header.main-et1a div.header-logo a.logo								{ max-width: 180px; display: block; }
		header.main-et1a div.header-details									{ margin-left: 3%; }
		header.main-et1a div.mobile-commerce .basket .basket-count			{ display: none; }
		header.main-et1a div.mobile-commerce .commerce-button				{ padding: 0.5em 0%; max-width: 46px; }

		*/

		header.main-et1a div.header-logo, header.main-et1a.sticky div.header-logo { height: auto; width: 100%; }
		header.main-et1a div.header-logo a, header.main-et1a.sticky div.header-logo a { padding: 0.5em 0%; }
		header.main-et1a div.header-logo img								{ max-width: 280px; }
		header.main-et1a div.header-details									{ background-color: #444444; width: 100%; }
		header.main-et1a div.mobile-commerce .commerce-button				{ padding: 0.375em 0.5em 0.25em 0.5em; color: #FFFFFF; border-left: 2px solid #525252; }
		header.main-et1a div.mobile-commerce .commerce-button span.icon		{ font-size: 1.438em; height: 1.563em; }
		header.main-et1a div.mobile-commerce .commerce-button span.button-label { margin: -0.5em 0% 0% 0%; font-size: 0.813em; font-weight: 600; display: block; }

		#menu-container														{ margin-top: -1px; }
		#menu-container ul													{ border-bottom: 2px solid #E8E8E8; }
		#menu-container ul li												{ border-top: 2px solid #E8E8E8; border-bottom: 0px; }
		#menu-container ul li > a											{ padding: 13px 1em; text-decoration: none; font-size: 0.938em !important; color: #666666 !important; }
		#menu-container ul li > a > a										{ font-size: 1em !important; color: #666666 !important; }
		#menu-container ul li ul											{ padding: 0%; background-color: #E8E8E8; }
		#menu-container ul li ul li											{ border-top: 0px; }
		#menu-container ul li ul li > a										{ padding: 13px 1em 13px 2em; text-decoration: none; font-size: 0.938em !important; color: #666666 !important; }

		#mobile-search-container .mobile-search-button						{ padding: 0.375em 0.75em; color: #FFFFFF; background-color: #116BC9; }

		section.main.home div.content.banner h3								{ font-size: 1.5em; }
		section.main.home div.content.banner a								{ margin: 8px 24px; display: block; }
		section.main.home div.content.banner img							{ margin: 0% auto !important; max-height: 68px; }

		div.wg-slider div.pips span.pip										{ margin: 0% 0% 0% 0.5em; width: 10px; height: 10px; }

		footer.main-et1a .footer-left ul.col-3								{ padding: 0%; width: 100%; text-align: center; }
		footer.main-et1a .footer-right										{ margin: 32px 0% 0% 0%; width: 100%; text-align: center; }
		footer.main-et1a .footer-right img:last-of-type						{ margin-right: 0%; }
		footer.main-et1a .footer-copyright p strong							{ font-weight: 400; }
		footer.main-et1a li.footer-heading:after							{ display: none; }
		footer.main-et1a .footer-left ul.footer-collapse					{ display: block; }

	}