/* Importing Google Fonts */

	@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap');

/* Page Setup Styles */

	html																		{ background-color: #FFFFFF; }
	body																		{ font-family: 'Lato', sans-serif; }
	div.offset																	{ padding: 0% 10px; max-width: 1220px; }
	section.main																{ padding: 0%; background-color: #E0E6E4; }
	section.main div[class^="cms"] :first-child									{ margin-top: 0px; }

/* Button Styles */	

	.button, button 															{ margin: 0; padding: 1em; min-width: 180px; font-size: 1em; line-height:normal; text-decoration: none; text-transform: uppercase; color: #ffffff; background-color: #333367; border: 0 none; border-radius:4px; display: inline-block;  }

/* Heading & Paragraph Styles */

	section.main div.content h1													{ margin: 0% 0% 1rem 0%; font-family: 'Open Sans', sans-serif; font-size: 1.5rem; line-height: 2.25rem; font-weight: 400; color: #333366; }
	section.main div.content p													{ margin: 0% 0% 1.5rem 0%; font-family: 'Lato', sans-serif; font-size: 1rem; line-height: 1.5rem; font-weight: 400; color: #417C92; }
	section.main div.content li													{ margin: 0% 0% 0.75rem 0%; font-family: 'Lato', sans-serif; font-size: 1rem; line-height: 1.5rem; font-weight: 400; color: #417C92; }

/* Header Styles */

	header.main-et1a div.header-logo											{ width: 35%; }
	header.main-et1a div.header-details											{ width: 65%; }
	header.main-et1a div.header-contact											{ padding: 25px 11px 17px 11px; }
	header.main-et1a div.header-contact p.header-caption						{ margin: 0%; font-family: 'Lato', sans-serif; font-size: 0.813rem; line-height: 1.5rem; font-weight: 400; text-transform: none; color: #6A6A96; letter-spacing: 0.025em; }
	header.main-et1a div.header-contact p.header-caption > span					{ margin: 0% 6px; font-size: 0.813rem; }
	header.main-et1a div.header-contact div.header-account						{ display: none !important; }
	header.main-et1a div.header-contact p.contact-info							{ margin: 32px 26px 0% 0%; color: #333365; }
	header.main-et1a div.header-contact p.contact-info:before					{ content: '\f095'; margin: 0% 10px 0% 0%; font-family: 'Font Awesome 5 Pro'; font-weight: 400; font-size: 1.125rem; vertical-align: 1px; }
	header.main-et1a div.header-details form.search								{ margin: 26px 27px 0% 0%; width: 47.15%; overflow: hidden; border: 1px solid #333367; border-radius: 6px; }
	header.main-et1a div.header-details form.search button						{ padding: 5px 7px 2px 8px; width: 15%; background-color: #333367; }
	header.main-et1a div.header-details form.search input						{ padding: 3px 12px 2px 12px; width: 262px; max-width: 100%; }
	header.main-et1a div.header-details form.search div.search-container		{ width: 85%; }
	header.main-et1a div.header-details a.store-basket							{ margin: 22px 0% 0% 0%; }
	header.main-et1a div.header-details div.basket-count						{ color: #FFFFFF; background-color: #333367; }
	header.main-et1a div.header-details div.basket-total						{ color: #333365; background-color: #9CC9DC; }

/* Header Sticky/Shrink Styles */

	header.main-et1a.sticky														{ position: relative; }
	header.main-et1a.sticky div.header-logo										{ padding: 13px 20px 10px 20px; }

/* Navigation Styles */

	nav.main-et1a																{ background-color: #9CC9DC; border-top: 1px solid #E0E6E4; border-bottom: 1px solid #E0E6E4; }
	nav.main-et1a ul															{ padding: 3px 0%; text-align: center; }
	nav.main-et1a ul li															{ margin: 0%; border-left: 0px; }
	nav.main-et1a ul li a														{ padding: 0.438rem 1rem 0.25rem 0.875rem; font-size: 0.813rem; font-weight: 700; text-transform: uppercase; color: #333365; letter-spacing: 0.025em; }
	nav.main-et1a ul li:hover a													{ background-color: #C2DDE8; }
	nav.main-et1a ul li a.current												{ color: #333365; background-color: #C2DDE8; }

/* Footer Styles */

	footer.main-et1a															{ margin: 0% 0% 3px 0%; background-color: #49497D; }
	footer.main-et1a div.footer-top												{ background-color: #49497D; }
	footer.main-et1a div.footer-top p,
	footer.main-et1a div.footer-top li											{ margin: 0%; font-size: 0.813rem; font-weight: 300; text-transform: none; color: #FFFFFF; }
	footer.main-et1a div.footer-top li.footer-heading							{ margin: 0% 0% 6px 0%; font-size: 0.875rem; font-weight: 400; text-transform: uppercase; color: #EBEBEB; }
	footer.main-et1a div.footer-top a.icon										{ font-size: 1.625rem; color: #FFFFFF; }
	footer.main-et1a div.footer-top a.icon.facebook								{ margin: 0% 22px 0% 0%; font-size: 1.5rem; }
	footer.main-et1a div.footer-top a.icon.twitter								{ margin: 0% 20px 0% 0%; vertical-align: -8px; }
	footer.main-et1a div.footer-top a.icon.instagram							{ vertical-align: -7px; }
	footer.main-et1a div.footer-top div.offset									{ max-width: 1054px; }
	footer.main-et1a div.footer-container										{ padding: 31px 0% 33px 0%; }
	footer.main-et1a div.footer-left ul											{ padding: 0%; max-width: 216px; }
	footer.main-et1a div.footer-right											{ text-align: right; }
	footer.main-et1a div.footer-right > div:first-child							{ display: none !important; }
	footer.main-et1a div.footer-right div.content								{ padding: 1px 0% 0% 0%; width: 100%; max-width: 152px; text-align: left; }
	footer.main-et1a div.footer-right div.content p								{ line-height: 1.5rem; }
	footer.main-et1a div.footer-right div.social								{ padding: 17px 0% 0% 0%; }
	footer.main-et1a div.footer-copyright										{ margin: 0%; padding: 16px 0% 12px 0%; background-color: #333367; }
	footer.main-et1a div.footer-copyright p										{ font-size: 0.688rem; display: inline-block; color: #FFFFFF; }
	footer.main-et1a div.footer-copyright p strong								{ font-weight: 400; }
	footer.main-et1a div.footer-copyright p:first-of-type						{ padding: 0% 0% 0% 20px; }
	footer.main-et1a div.footer-copyright p:first-of-type:after					{ margin: 0% 3px 0% 8px; content: '|'; }

/* Default Template Styles */

	section.main div.content													{ background-color: #FFFFFF; }
	section.main div.content.white												{ background-color: #FFFFFF; }
	section.main div.content.light-blue											{ background-color: #E9EEF1; }

/* Home Template Styles */

	section.home div.content.slideshow											{ padding: 15px 0% 19px 0%; }
	section.home div.wg-slider div.content h2									{ margin: 0% 0% 0.938rem 0%; font-family: 'Lato', sans-serif; font-size: 1.875rem; line-height: 1.875rem; font-weight: 400; text-transform: uppercase; color: #333366; }
	section.home div.wg-slider div.content h3									{ margin: 0% 0% 0.938rem 0%; font-family: 'Lato', sans-serif; font-size: 1.875rem; line-height: 1.875rem; font-weight: 400; text-transform: uppercase; color: #333366; }
	section.home div.wg-slider div.content h4									{ margin: 0% 0% 0.938rem 0%; font-family: 'Lato', sans-serif; font-size: 1.875rem; line-height: 1.875rem; font-weight: 400; text-transform: uppercase; color: #333366; }
	section.home div.wg-slider div.content h5									{ margin: 0% 0% 0.938rem 0%; font-family: 'Lato', sans-serif; font-size: 1.875rem; line-height: 1.875rem; font-weight: 400; text-transform: uppercase; color: #333366; }
	section.home div.wg-slider div.content h6									{ margin: 0% 0% 0.938rem 0%; font-family: 'Lato', sans-serif; font-size: 1.875rem; line-height: 1.875rem; font-weight: 400; text-transform: uppercase; color: #333366; }
	section.home div.wg-slider div.content p									{ font-family: 'Lato', sans-serif; font-size: 1.5rem; line-height: 1.5rem; font-weight: 300; text-transform: none; color: #333366; letter-spacing: -0.0188rem; }
	section.home div.wg-slider div.slide-caption.caption-float-box				{ padding: 0% 41px; bottom: 29px; }
	section.home div.wg-slider div.slide-caption.caption-float-box div.content	{ padding: 23px 22px 22px 37px; max-width: 486px; text-align: left; background-color: rgba(255,255,255,0.88); }
	section.home div.content.light-blue											{ padding: 50px 0% 27px 0%; }
	section.home div.content.white												{ padding: 41px 0% 32px 0%; }
	section.home div.content.white div.offset									{ max-width: 1054px; }

/* Standard Template Styles */

	section.standard div.content												{ padding: 24px 0% 48px 0%; }

/* Contact Template Styles */

	section.contact div.col-left												{ padding: 0% 18px 0% 0%; width: 50%; display: inline-block; vertical-align: top; }
	section.contact div.col-right												{ padding: 24px 0% 0% 18px; width: 50%; display: inline-block; vertical-align: top; }

/* Form Builder Styles */

	div.form_container															{ max-width: 560px; }
	div.form_container form div.field-block										{ padding: 8px 0%; }
	div.form_container form div.field-block input[type=text],
	div.form_container form div.field-block input[type=date],
	div.form_container form div.field-block input[type=time],
	div.form_container form div.field-block textarea,
	div.form_container form div.field-block select								{ padding: 8px 12px; font-size: 1em; line-height: 1.25em; border: 1px solid #CCCCCC; border-radius: 4px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; }
	div.form_container form div.field-block textarea							{ min-height: 6.125em; }
	div.form_container form div.field-block input[type=checkbox]				{ margin: 0%; top: 12px; left: 8px; position: absolute; }
	div.form_container form div.field-block span.field-label					{ padding: 8px 8px 6px 8px; }
	div.form_container form div.field-block span.field-label.checkbox			{ padding: 8px 8px 6px 32px; position: relative; }
	div.form_container form div.field-block input[type=text]:focus,
	div.form_container form div.field-block input[type=date]:focus,
	div.form_container form div.field-block input[type=time]:focus,
	div.form_container form div.field-block textarea:focus,
	div.form_container form div.field-block select:focus						{ border: 1px solid #9CC9DC; box-shadow: 0px 2px 8px rgba(156,201,220,0.2); }
	div.form_container form button												{ padding: 12px 46px; min-width: 0px; font-size: 0.938em; line-height: 1em; color: #FFFFFF; background-color: #333367; border: 1px solid #333367; border-radius: 4px; box-shadow: 0px 8px 12px rgba(51,51,103,0.15); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; }
	div.form_container form button:hover										{ background-color: #484871; border-color: #484871; }
	div.form_container form.formBuilder div.form-buttons						{ margin: 16px 0% 0% 0%; text-align: left; }

/* 1080px Resolution Specific Behaviour */

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

	/* Header Styles */

		header.main-et1a div.header-details form.search							{ margin: 26px 4% 0% 0%; width: 33%; }
		header.main-et1a div.header-details form.search button					{ width: 25%; }
		header.main-et1a div.header-details form.search div.search-container	{ width: 75%; }

/* 800px Resolution Specific Behaviour */

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

		div.offset																{ padding: 0% 16px; }

	/* Header Mobile Styles */

		header.main-et1a div.header-details										{ width: 100%; background-color: #9CC9DC; }
		header.main-et1a div.mobile-commerce .commerce-button					{ border: 0px; color: #333365; }
		header.main-et1a.sticky													{ position: fixed; }
		header.main-et1a.sticky div.header-logo									{ padding: 0% 20px 0% 20px; }
		header.main-et1a.sticky div.header-logo a								{ padding: 13px 0% 10px 0%; }

		#menu-container ul														{ padding: 8px 0%; border-top: 0px; }
		#menu-container ul li													{ border-bottom: 1px solid #E0E0E0; }
		#menu-container ul li a													{ font-size: 1.125rem !important; color: #333365; }
		#menu-container ul li:last-of-type										{ border-bottom: 1px solid #E0E0E0; }

		#mobile-search-container .mobile-search-button							{ color: #FFFFFF; background-color: #333365; }

	/* Footer Mobile Styles */

		footer.main-et1a div.footer-left ul										{ max-width: 100%; display: block; }
		footer.main-et1a div.footer-top											{ padding: 0%; }
		footer.main-et1a div.footer-top a.icon									{ display: inline-block; }
		footer.main-et1a div.footer-left ul.col-2								{ width: 100%; max-width: 100%; text-align: center; }
		footer.main-et1a div.footer-right div.content							{ max-width: 100%; text-align: center; }
		footer.main-et1a div.footer-left ul.footer-collapse						{ display: block !important; }
		footer.main-et1a li.footer-heading:after								{ content: ''; display: none; }

	/* Contact Template Mobile Styles */

		section.contact div.col-left											{ padding: 0%; width: 100%; display: block; }
		section.contact div.col-right											{ padding: 32px 0% 0% 0%; width: 100%; display: block; }

	}