/* Google Fonts Import */

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


/* Bounce Animation Styles */

    @keyframes bounce {

        0%, 20%, 50%, 80%, 100% { transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); }
        40% { transform: translate(-50%,-12px); -webkit-transform: translate(-50%,-12px); -moz-transform: translate(-50%,-12px); -ms-transform: translate(-50%,-12px); }
        60% { transform: translate(-50%,-6px); -webkit-transform: translate(-50%,-6px); -moz-transform: translate(-50%,-6px); -ms-transform: translate(-50%,-6px); }

    }

/* Page Setup Custom Styles */

	html																		{ background-color: #EFEFEF; }
	body																		{ font-family: 'Raleway', Helvetica, sans-serif; }
	div.offset																	{ padding: 0% 16px; max-width: 1400px; }
	section.main																{ padding: 0%; min-height: 60vh; overflow: hidden; }

	.button, button 															{ margin: 0%; padding: 0.5em 1.25em; min-width: 0px; font-size: 0.825em; font-weight: 400; text-transform: none; color: #FFFFFF; border-radius: 20px; border: #292929 1px solid; background-color: #292929; line-height: inherit;}
	.button:hover, button:hover													{ background-color: #545454; border: #545454 1px solid;}

/* Heading & Paragraph Styles */
	section.main div.content h1, 
	section.main div.content h2, 
	section.main div.content h3, 
	section.main div.content h4, 
	section.main div.content h5, 
	section.main div.content h6 {
		font-family: 'Raleway', Helvetica, sans-serif;
		color: #616161;
		font-weight: 600;
		letter-spacing: 0.11em;
		line-height: 1em;
		margin: 0 0 1em 0;
		text-transform: uppercase;
	}
	section.main div.content h1													{ font-size: 1.875em; }
	section.main div.content h2													{ font-size: 1.5em;  }
	section.main div.content h3													{ font-size: 1.25em;  }
	section.main div.content p													{ font-family: 'Raleway', Helvetica, sans-serif; font-size: 1em; line-height: 2em; color: #888888; }
	section.main div.content p span.leftspace       							{ display: block; padding-left: 30px; }
	section.main div.content a													{ text-decoration: underline; }
	section.main div.content strong												{ font-weight: 900; }

	section.main div.content blockquote 										{ border-left: solid 4px rgba(144, 144, 144, 0.25); font-style: italic; margin: 0 0 2em 0; padding: 0.5em 0 0.5em 2em;  }

/* List Styles */

	section.main div.content ul													{ margin: 0% 0% 1.75em 0%; padding: 0% 0% 0% 44px; }
	section.main div.content ul li												{ margin: 0% 0% 0.375em 0%; padding: 0%; font-size: 1em; line-height: 1.5em; position: relative; color: #616161; }


/* Heading & Paragraph Styles */

	section.main div.content a.button											{ margin: 11px 0% 0% 0%; padding: 8px 20px; min-width: 0px; font-size: 1em; font-weight: 400; text-transform: uppercase; color: #FFFFFF; background-color: #292929; }
	section.main div.content a.button:hover										{ background-color: #545454; }
	section.main div.content a.button-red-large									{ margin: 11px 0% 0% 0%; padding: 8px 60px; min-width: 0px; font-size: 1.875em; font-weight: 400; text-transform: uppercase; border-radius: 2em; color: #FFFFFF; background-color: #292929; }
	section.main div.content a.button-red-large:hover							{ background-color: #3333f1; }
	section.main div.content a.button-red										{ margin: 11px 0% 0% 0%; padding: 8px 20px; min-width: 0px; font-size: 1em; font-weight: 400; text-transform: uppercase; color: #FFFFFF; background-color: #292929; }
	section.main div.content a.button-red:hover									{ background-color: #3333f1; }

/* Header Styles */

	header.main-et1b															{ background-color: #FFFFFF; z-index: 1000; }
	header.main-et1b div.header-quickbar										{ display: none; }
	header.main-et1b div.header-ribbon											{ padding: 1px 0% 1px 0%; position: relative; background-color: #ffffff; border-bottom: 1px #e3e3e3 solid;}
	header.main-et1b div.header-ribbon	div.offset								{ max-width:1520px; }	
	header.main-et1b div.header-logo											{ padding: 0% 0% 0% 1px; width: 20%; }
	header.main-et1b div.header-logo img										{ margin: 0%; }
	header.main-et1b div.header-ribbon											{ min-height: 0px; }
	header.main-et1b div.header-ribbon div.basket-container						{ padding: 0% 21px 0% 0%; width: 20%; }
	header.main-et1b div.header-ribbon a.store-basket							{ margin: -1px 0% 0% auto; font-family: 'Raleway', Helvetica, sans-serif; font-size: 0.813em; font-weight: 400; color: #043E5C; border: 1px solid #CDD8DE; }
	header.main-et1b div.header-ribbon a.store-basket div.basket-total			{ padding: 8px 24px 8px 58px; font-size: 1em; position: relative; background-image: none; }
	header.main-et1b div.header-ribbon a.store-basket div.basket-total:after	{ content: '\f290'; top: 5px; left: 15px; font-family: 'Font Awesome 5 Pro'; font-size: 18px; position: absolute; }
	header.main-et1b div.header-ribbon a.store-basket div.basket-count			{ padding: 6px 10px 4px 15px; font-size: 1em; background-color: #CDD8DE; }
	header.main-et1b div.block3													{ padding: 0% 9px 6px 0%; width: 12%; display: table-cell; vertical-align: middle; position: relative; text-align: right; color:#616161;}
	header.main-et1b div.block3 div.account-nav a								{ margin: 0 1rem; font-size: 1.125em; }	
	header.main-et1b div.block3 div.account-nav a:hover							{ color:#292929; }	

/* Header Sticky Styles */

	header.main-et1b.sticky														{ position: fixed; transition: box-shadow 0.75s ease; -webkit-transition: box-shadow 0.75s ease; -moz-transition: box-shadow 0.75s ease; }
	header.main-et1b.sticky div.header-logo										{ height: 100%; max-width:260px; top: 3px; left: 11.9%; display: block; position: absolute; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; }
	header.main-et1b.sticky div.header-logo img									{ max-height: 100%; }
	header.main-et1b.shrink														{ box-shadow: 0px -10px 34px rgba(0,0,0,0.6); }
	header.main-et1b.shrink div.header-logo										{ top: 0px; }
	header.main-et1b.shrink div.header-logo a.logo:after						{ opacity: 0; visibility: hidden; }
	header.main-et1b.shrink div.header-logo a.logo img							{ margin: 0%; padding: 3px 0px;}
	.sticky nav.main-et1b														{ padding: 0%; width: 76%; }
	.sticky nav.main-et1b ul li													{ padding: 58px 8px 59px 8px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
	.shrink nav.main-et1b ul li													{ padding: 20px 8px 21px 8px; }

/* Navigation Styles */

	header.main-et1b div.offset													{ position: static; }
	nav.main-et1b																{ padding: 0%; width: 76%; position: static; }
	nav.main-et1b ul															{ min-height: auto; text-align: center; position: static; }
	nav.main-et1b ul li															{ padding: 0% 12px 0% 7px; height: auto; position: static; }
	nav.main-et1b ul li a														{ margin: 0%; padding: 0%; height: auto; font-family: 'Raleway', Helvetica, sans-serif; font-size: 1.125em; font-weight: 400; position: relative; text-transform: uppercase; color: #616161; }
	nav.main-et1b ul li a.current												{ color:#616161; }
	nav.main-et1b ul li a:after													{ content: ''; height: 2px; right: 50%; bottom: -6px; left: 50%; display: block; position: absolute; background-color: rgba(41,41,41,1.0); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; }
	nav.main-et1b ul li:hover a													{ background-color: transparent; }
	nav.main-et1b ul li:hover a:after											{ right: 0px; bottom: -6px; left: 0px; }
	nav.main-et1b ul li div.drop												{ padding: 0%; max-width: 100%; max-height: 0px; left: 0px; right: 0px; text-align: center; display: block; visibility: hidden; overflow-y: hidden; background-color: #F5773D; z-index: 2000; transition: max-height 0.75s ease, visibility 0.75s ease; -webkit-transition: max-height 0.75s ease, visibility 0.75s ease; -moz-transition: max-height 0.75s ease, visibility 0.75s ease; }
	nav.main-et1b ul li div.drop div.drop-column								{ margin: 0% auto; padding: 38px 46px; width: 75%; max-width: 975px; text-align: left; display: inline-block; vertical-align: middle; }
	nav.main-et1b ul li div.drop div.drop-image									{ padding-top: 200px; width: 25%; height: 0px; max-width: 325px; display: inline-block; vertical-align: middle; position: relative; overflow: hidden; }
	nav.main-et1b ul li div.drop div.drop-image img								{ top: 50%; left: 50%; position: absolute; transform: translate(-50%,-50%); }
	nav.main-et1b ul li div.drop ul li											{ padding: 8px 16px; text-align: left; opacity: 0; transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; }
	nav.main-et1b ul li div.drop ul li a										{ padding: 0% 16px 0% 2px; font-size: 1em; line-height: 1.875em; font-weight: 400; display: inline-block; color: #FFFFFF; background-color: transparent; }
	nav.main-et1b ul li div.drop ul li a:after									{ content: ''; height: 2px; right: 100%; bottom: -2px; left: 0px; display: block; position: absolute; background-color: #043E5C; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; }
	nav.main-et1b ul li div.drop ul li a:hover									{ color: #FFFFFF; }
	nav.main-et1b ul li div.drop ul li a:hover:after							{ right: 0px; bottom: -2px; left: 0px; }
	nav.main-et1b ul li div.drop.col_2 ul										{ max-width: 322px; }
	nav.main-et1b ul li:hover div.drop											{ max-height: 267px; visibility: visible; z-index: 3000; }
	nav.main-et1b ul li:hover div.drop ul li									{ opacity: 1; }

/* Footer Styles */

	footer.main-et1a															{ padding: 0%; background-color: #FFFFFF; }
	footer.main-et1a div.footer-top												{ background-color: #292929; }
	footer.main-et1a div.footer-top li.footer-heading,
	footer.main-et1a div.footer-top li,
	footer.main-et1a div.footer-top p,
	footer.main-et1a div.footer-top a											{ color: #ffffff; }
	footer.main-et1a div.footer-top li.footer-heading							{ margin: 0% 0% 3px 0%; }
	footer.main-et1a div.footer-top p											{ margin: 0%; }
	footer.main-et1a div.footer-container										{ padding: 36px 0% 45px 0%; }
	footer.main-et1a div.footer-left											{ padding: 0% 0% 0% 5%; width: 55%; }
	footer.main-et1a div.footer-left ul.col-3									{ padding: 0%; }
	footer.main-et1a div.footer-left ul.col-3 li a								{ padding: 0% 0% 0% 6px; }
	footer.main-et1a div.footer-left ul.col-3:nth-of-type(1)					{ padding: 0% 0% 0% 1px; width: 40%; }
	footer.main-et1a div.footer-left ul.col-3:nth-of-type(2)					{ padding: 0% 0% 0% 6px; width: 34%; max-width: 235px; }
	footer.main-et1a div.footer-left ul.col-3:nth-of-type(3)					{ width: 26%; }
	footer.main-et1a div.footer-right											{ padding: 0% 0% 0% 8px; width: 45%; }
	footer.main-et1a div.footer-right p											{ margin: 0 0 0.5rem; line-height: 1.5rem; font-size: 0.875rem; text-transform: none; font-weight: 400; color: #FFFFFF; }
	footer.main-et1a div.footer-right img										{ margin-right: 0px; max-width:150px; }
	footer.main-et1a div.footer-right a.facebook								{ margin: 2px 16px 0% 1px; }
	footer.main-et1a div.footer-right a.twitter									{ margin: 2px 15px 0% 0%; font-size: 1.125em; }
	footer.main-et1a div.footer-right a.instagram								{ margin: 2px 17px 0% 0%; font-size: 1.125em; }
	footer.main-et1a div.footer-right a.youtube									{ margin: 2px 0% 0% 0%; font-size: 1.125em; }

	footer.main-et1a div.footer-right p {
		margin: 0 0 0.5rem; line-height: 1.5rem; font-size: 0.875rem; text-transform: none; font-weight: 400; color: #FFFFFF;
	  }

	footer.main-et1a div.footer-copyright										{ padding: 9px 0% 10px 0%; background-color: #ffffff; }
	footer.main-et1a div.footer-copyright p										{ margin:0; font-size: 0.75rem; line-height: 1.875rem; display: inline-block; vertical-align: middle; color: #414142; }
	footer.main-et1a div.footer-copyright img									{ display: none !important; }
	footer.main-et1a div.footer-copyright strong								{ font-weight: 400; }
	footer.main-et1a div.footer-copyright p:first-of-type:after					{ margin: 0% 0% 0% 0.25rem; content: '|'; }


/* Home Template Styles */

	.wg-slider .slides-container 												{  }
	div.wg-slider div.slide-caption div.content h1								{ margin: 0%; font-family: 'Raleway', Helvetica, sans-serif; font-size: 2.25em; font-weight: 900; line-height: 1em; text-transform: uppercase; color: #FFFFFF; }
	div.wg-slider div.slide-caption div.content h2								{ margin: 0%; font-family: 'Raleway', Helvetica, sans-serif; font-size: 2.25em; font-weight: 900; line-height: 1em; text-transform: uppercase; color: #FFFFFF; }
	div.wg-slider div.slide-caption div.content h3								{ margin: 0%; font-family: 'Raleway', Helvetica, sans-serif; font-size: 2.25em; font-weight: 900; line-height: 1em; text-transform: uppercase; color: #FFFFFF; }
	div.wg-slider div.slide-caption div.content h4								{ margin: 0%; font-family: 'Raleway', Helvetica, sans-serif; font-size: 2.25em; font-weight: 900; line-height: 1em; text-transform: uppercase; color: #FFFFFF; }
	div.wg-slider div.slide-caption div.content h5								{ margin: 0%; font-family: 'Raleway', Helvetica, sans-serif; font-size: 2.25em; font-weight: 900; line-height: 1em; text-transform: uppercase; color: #FFFFFF; }
	div.wg-slider div.slide-caption div.content h6								{ margin: 0%; font-family: 'Raleway', Helvetica, sans-serif; font-size: 2.25em; font-weight: 900; line-height: 1em; text-transform: uppercase; color: #FFFFFF; }
	div.wg-slider div.slide-caption.caption-float-box							{ padding: 0% 32px; bottom: 53.9%; }
	div.wg-slider div.slide-caption.caption-float-box div.content				{ max-width: 100%; background-color: transparent; }
	div.wg-slider div.slide-caption.caption-float-box.show-caption				{ bottom: 40% !important; }
	div.wg-slider div.slide-caption.caption-float-box.hide-caption				{ bottom: 35% !important; }
	div.wg-slider span.scroll-to												{ bottom: -137px; left: 50%; font-size: 60px; font-weight: 700; position: absolute; color: #FFFFFF; pointer-events: all; opacity: 1; cursor: pointer; animation: bounce 3s infinite; -webkit-animation: bounce 3s infinite; -moz-animation: bounce 3s infinite;  transition: 0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s; }
	div.wg-slider span.scroll-to:hover											{ opacity: 0.9; }
	div.wg-slider .pips .pip 													{ background-color: #3333F2; }
	div.wg-slider .pips .pip.current 											{ background-color: #292929; }

	section.main.home div.content h1											{ margin: 0% 0% 1.2em 0%; font-family: 'Raleway', Helvetica, sans-serif; font-size: 2em; font-weight: 700; line-height: 1em; color: #616161;  }
	section.main.home div.content h2											{ margin: 1.25em 0% 0.929em 0%; font-family: 'Raleway', Helvetica, sans-serif; font-size: 1.875em; font-weight: 500; line-height: 1em; color:#616161;}
	section.main.home div.content h3											{ margin: 1.25em 0% 0.929em 0%; font-family: 'Raleway', Helvetica, sans-serif; font-size: 1.625em; font-weight: 500; line-height: 1em; color:#616161;}
	section.main.home div.content h4											{ margin: 1.25em 0% 0.929em 0%; font-family: 'Raleway', Helvetica, sans-serif; font-size: 1.375em; font-weight: 500; line-height: 1em; color:#616161;}
	section.main.home div.content p												{ margin: 1.5em 0% 1.333em 0%; font-family: 'Raleway', Helvetica, sans-serif; font-size: 1em; font-weight: 400; line-height: 1.333em; color: #888888;  }
	section.main.home div.content a.button										{ padding: 21px 26px 21px 26px; font-family: 'Raleway', Helvetica, sans-serif; font-size: 1.375em; font-weight: 900; line-height: 1em; text-transform: uppercase; background-color: #F3753C; }
	section.main.home div.content a.button:hover								{ background-color: #F58A59; }
	section.main.home div.content a.button.blue									{ background-color: #004E65; }
	section.main.home div.content a.button.blue:hover							{ background-color: #26687C; }
	section.main.home div.content.section										{ padding: 20px 0% 0% 0%; }
	section.main.home div.content.flex div.column.left							{ padding: 0%; border-right: 10px solid #FFFFFF; }
	section.main.home div.content.flex div.column.left div.wrapper				{ right: 0px; text-align: left; }
	section.main.home div.content.flex div.column.right							{ padding: 0%; border-left: 10px solid #FFFFFF; }
	section.main.home div.content.flex div.column.right div.wrapper				{ left: 0px; text-align: left; }
	section.main.home div.content.flex div.column.background *					{ color: #FFFFFF; }
	section.main.home div.content.flex div.column.background div.wrapper		{ padding: 0% 32px; width: 100%; max-width: 520px; top: 24.6%; text-align: center !important; display: inline-block; position: absolute; }
	section.main.home div.content.flex div.column div.wrapper					{ padding: 32px 38px 24px 38px; }
	section.main.home div.content img.rounded,
	section.main.home div.content picture.rounded img									{ border-radius:100%; }


	#catalogue #products_slider ul.products 								{ margin: 0; padding: 0; max-width: 1100px; margin: 0 auto;  }
	#catalogue #products_slider ul.products li 								{ margin: 8px 24px; border: 0px; max-width:320px; }
	#catalogue #products_slider ul.products .button, 
	#catalogue #products_slider ul.products button 							{ border-radius: 0px; border:none; background-color:transparent;}
	#catalogue #products_slider ul.products .button:hover, 
	#catalogue #products_slider ul.products button:hover					{ background-color: transparent; border:none;}


	#catalogue ul.products li .productlisting_details 						{ padding: 0% 0% 9px 0%; width: 100%; background-color: #FFFFFF; border-top: 0px;  }
	#catalogue ul.products li .productlisting_title 						{ padding: 0.5em 0 5px; font-size: 1.125em; line-height: 1.125em; font-weight: 400; text-transform:capitalize; color: #3d3d3d; text-align: left; 	  }
	#catalogue ul.products li .productlisting_title p 						{ font-family: 'Raleway', Helvetica, sans-serif; font-size: 1rem; font-weight: 700; color:#3d3d3d; text-align: center; min-height: 3em; line-height: 1.5em; text-transform: ; text-transform: uppercase; }
	#catalogue #products_slider ul.products li .productlisting_details .info 				{}
	#catalogue ul.products li .image_dimensions 							{ padding: 0; border: 1px solid #e3e3e3; }
	#catalogue #products_slider .custom-addtobasket 						{ margin-top: 0em; 	display:none; }
	#catalogue ul.products li .productlisting_price 						{ padding: 0 2px 1em; overflow: hidden;  }

	#catalogue ul.products li .productlisting_details 	 .custom-addtobasket {  }
	
/* Standard Template Styles */

	section.main div.content.flex												{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-direction: row; }
	section.main div.content.flex div.column									{ width: 50%; min-height: 600px; flex: 1; align-items: center; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; }
	section.main div.content.flex div.column.left								{ border-right: 42px solid #FFFFFF; }
	section.main div.content.flex div.column div.wrapper						{ padding: 70px 24px 63px 38px; max-width: 694px; }
	section.main div.content.full div.column div.wrapper						{ padding: 70px 24px 63px 24px; max-width: 1300px; }

	section.main div.content img						{ border-radius: 4px;}	

/* Shop Template Styles */

	section.main.shop div.content.category-background							{ height: 70vh; background-position: center; background-size: cover; background-attachment: fixed; }

/* Popup Panel Styles */

	div.popup-panel																{ padding: 48px 32px 32px 32px; width: 100%; max-width: 580px; color: #333333; border-radius: 0px; box-shadow: none; }
	div.popup-panel h2,
	div.popup-panel h3,
	div.popup-panel h4,
	div.popup-panel h5,
	div.popup-panel h6															{ margin-top: 0%; }
	div.popup-panel p															{ font-size: 1em; line-height: 1.5em; color: #00212B; }
	div.popup-panel span.close													{ top: 18px; right: 18px; font-size: 0px; opacity: 0.1; transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; }
	div.popup-panel span.close:before											{ width: 24px; height: 24px; content: '\f00d'; font-family: 'Font Awesome 5 Pro'; font-size: 22px; line-height: 26px; text-align: center; display: block; }
	div.popup-panel span.close:hover											{ opacity: 1; }
	div.popup-panel input,
	div.popup-panel textarea,
	div.popup-panel 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.popup-panel input:focus,
	div.popup-panel textarea:focus,
	div.popup-panel select:focus												{ border: 1px solid #BBBBBB; box-shadow: 0px 2px 8px rgba(0,0,0,0.1); }
	div.popup-panel input[type=radio]											{ padding: 0%; border: 0px; border-radius: 0px; }
	div.popup-panel a.button,
	div.popup-panel button														{ padding: 8px 19px 7px 19px; min-width: 0px; font-size: 1em; font-weight: 400; text-transform: uppercase; color: #FFFFFF; background-color: #F3753C; border-radius: 0px; }
	div.popup-panel a.button:hover,
	div.popup-panel button:hover												{ background-color: #F58A59; }
	div.popup-panel.alert														{ text-align: center; }
	div.popup-panel.alert p														{ margin: 0% 0% 32px 0%; }
	div.popup-panel.alert ul 													{ margin: 0; padding: 0; }
	div.popup-panel.alert li 													{ text-align: center; }
	div.popup-panel.alert span.message 											{ display: block; text-align: center; margin-bottom: 1em; }

/* FAQ Listing */

#problem-listing															{ display: flex; flex-wrap: wrap; justify-content: space-between; }
#problem-listing .problem-records											{ width:100%; padding: 0 10px; }
#problem-listing .image_container											{ padding-top: 0; height: 34px;  }
#problem-listing .image_container .image_dimensions 						{ max-width: 34px; max-height: 34px; min-width: 34px; margin: 0 10px 0 0; background-color: transparent; }
#problem-listing .image_container .image_dimensions img 					{ float: left !important; }

#problem-listing .problem-records											{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; list-style-type: none; }
#problem-listing .problem													{ cursor:pointer; width: 45%; padding: 5px 15px; background-color: #ffffff; margin: 0 auto 0.5em;font-size: 0.9375em; line-height: 1.5em; border-radius: 5px; border: 1px solid #9999f8; min-width: 80px; }
#problem-listing .problem:hover a											{ color:#ffffff; text-decoration: none; } 
#problem-listing .problem a													{ color:#3d3d3d; text-decoration: none; }
#problem-listing .problem a:hover											{ color:#ffffff; text-decoration: none; } 
#problem-listing .problem .item-container svg			    				{  }
#problem-listing .problem:hover											{ background-color: #292929; border:1px solid #292929; transition: all 500ms ease; }

/* Document Listing */

#document-listing															{ display: flex; flex-wrap: wrap; justify-content: space-between; }
#document-listing .document-records											{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; list-style-type: none; width:100%; padding: 0 10px;}
#document-listing .document													{ display:flex; justify-content: space-between; align-items: center;  width: 95%; color:#1a1a1a; padding: 5px 15px; background-color: #ffffff; margin: 0 auto 0.5em; font-size: 0.9375em; line-height: 1.5em; border-radius: 5px; border: 1px solid #cccccc; min-width: 80px; }

#document-listing .document .item-container svg			    				{ fill: #292929; }
#document-listing .document:hover											{ }

#document-listing .image_container											{ padding-top: 0; height: 34px;  }
#document-listing .image_dimensions .item-container svg			    		{ fill: #292929; }
#document-listing .document-product 										{ width:30%;}
#document-listing .document-data 											{ display:flex; justify-content: space-between; align-items: center; width:30%; border-radius: 5px; transition: all 0.3s ease; cursor:pointer;}
#document-listing .document-data a											{ color:#1a1a1a; text-decoration: none; font-weight:400; }
#document-listing .document-data .document-label						 	{ width:90%; padding-left:1em; }
#document-listing .document-data .image_container 					 		{ width: 10% }
#document-listing .document-data .image_container .image_dimensions 		{ max-width: 30px; max-height: 30px; min-width: 30px; margin: 2px 10px 0 0; background-color: transparent; }
#document-listing .document-data .image_container .image_dimensions img 	{ float: left !important; }
#document-listing .document-data .image_container .image_dimensions svg 	{ fill: #3333f1 !important; transition: all 0.3s ease;}
#document-listing .document-data:hover										{ background-color: #3333f1; color:#ffffff;}
#document-listing .document-data:hover	a									{ color:#ffffff;}
#document-listing .document-data:hover .image_container .image_dimensions svg	{ fill:#ffffff !important;}

#document-listing .document-has 											{ display:flex; justify-content: space-between; align-items: center; width:30%; border-radius: 5px; transition: all 0.3s ease; cursor:pointer;}
#document-listing .document-has a											{ color:#1a1a1a; text-decoration: none; font-weight:400; }
#document-listing .document-has .document-label						 		{ width:90%; padding-left:1em; }
#document-listing .document-has .image_container 					 		{ width: 10% }
#document-listing .document-has .image_container .image_dimensions 			{ max-width: 30px; max-height: 30px; min-width: 30px; margin: 2px 10px 0 0; background-color: transparent; }
#document-listing .document-has .image_container .image_dimensions img 		{ float: left !important; }
#document-listing .document-has .image_container .image_dimensions svg 		{ fill: #292929 !important;  transition: all 0.3s ease;}
#document-listing .document-has:hover										{ background-color: #292929; color:#ffffff;}
#document-listing .document-has:hover	a									{ color:#ffffff;}
#document-listing .document-has:hover .image_container .image_dimensions svg	{ fill:#ffffff !important;}






	/* Form Builder Styles */

	div.form_container															{ max-width: 700px; }
	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 input[type=email],	
	div.form_container form div.field-block input[type=tel],
	div.form_container form div.field-block textarea,
	div.form_container form div.field-block select								{ padding: 8px 12px; font-size: 1em; width:100%;  line-height: 1.25em; text-align: center; 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 input[type=email]:focus,	
	div.form_container form div.field-block input[type=tel]:focus,
	div.form_container form div.field-block textarea:focus,
	div.form_container form div.field-block select:focus						{ border: 1px solid #BBBBBB; box-shadow: 0px 2px 8px rgba(0,0,0,0.1); }
	div.form_container form.formBuilder div.form-buttons						{ margin: 16px 0% 0% 0%; text-align: left; }
	div.form_container form a.button,
	div.form_container form button												{ margin: 0%; padding: 0.5em 1.25em; min-width: 0px; font-size: 0.825em; font-weight: 400; text-transform: none; color: #FFFFFF; border-radius: 20px; border-color:#292929; background-color: #292929; }
	div.form_container form a.button:hover,
	div.form_container form button:hover										{ background-color: #545454; border-color:#545454;}
	div.form_container p.error													{ margin-bottom: 0px; padding: 24px 16px 14px 16px; font-size: 1.125em; font-weight: 700; color: #FFFFFF !important; background-color: #A52121 !important; border-radius: 8px 8px 0px 0px; }
	div.form_container ul.error													{ margin: 0px; padding: 8px 16px 24px 16px; color: #FFFFFF !important; background-color: #A52121 !important; border-radius: 0px 0px 8px 8px; }
	div.form_container ul.error li												{ margin: 0% 0% 8px 28px; line-height: 1.5em; }


/* Form Builder Styles */

/* Contact Syles */

section.main .form_container.form_1 .field-block .field-label,
section.main .form_container.form_1 .field-block .input { text-align: center;  }
section.main .form_container.form_1 .field-block.wgf279 .g-recaptcha { display: flex; justify-content: center; }
section.main .form_container.form_1 form.formBuilder div.form-buttons						{ margin: 16px 0% 0% 0%; text-align:center; }
section.main .form_container.form_1 form.formBuilder  p.requiredfield_notice { text-align: center;}

/* Signupt Syles */

section.main .form_container.form_4 .field-block .field-label,
section.main .form_container.form_4 .field-block .input { text-align: left; max-width:400px; }



/* Lightbox Styles */

	#lightbox-container-image-box												{ max-width: 100%; height: auto !important; }

/* Padding Top Fix */

	div.header-fitpoints														{ padding-top: 121px !important; }

/* 1520px Resolution Specific Behaviour */

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

	/* Header Sticky Styles */

		header.main-et1b.sticky div.header-logo									{ left: 7%; }

/* 1320px Resolution Specific Behaviour */

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

	/* Header Styles */

		header.main-et1b div.header-ribbon div.basket-container					{ padding: 0%; width: 14%; }
		header.main-et1b div.block3												{ width:20%;  }


	/* Header Sticky Styles */

		header.main-et1b.sticky div.header-logo									{ left: 16px; width:20%; }
		.sticky nav.main-et1b													{ width:60% }
		.sticky nav.main-et1b ul li												{ padding: 34px 8px 35px 8px;  }

	/* Navigation Styles */

		nav.main-et1b															{ }
		nav.main-et1b ul li a													{ font-size: 0.875em; }

/* 1000px Resolution Specific Behaviour */

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

	/* Header Styles */

		header.main-et1b div.header-ribbon div.basket-container					{ width: 5%; }
		header.main-et1b div.header-ribbon a.store-basket						{ border: 0px; }
		header.main-et1b div.header-ribbon a.store-basket div.basket-total		{ padding: 16px 20px; font-size: 0px; }
		header.main-et1b div.header-ribbon a.store-basket div.basket-total:after { content: '\f290'; top: 5px; left: 12px; }
		header.main-et1b div.header-ribbon a.store-basket div.basket-count		{ display: none; }

	/* Header Sticky Styles */

		header.main-et1b.sticky div.header-logo									{ left: 0px; width:10%; }
		.sticky nav.main-et1b													{ width: 80%; }
		.sticky nav.main-et1b ul li												{ padding: 44px 8px 45px 3px; }
	/* Navigation Styles */

		nav.main-et1b															{ width: 80%; }

	/* Footer Styles */

		footer.main-et1a div.footer-left										{ padding: 0%; width: 100%; }
		footer.main-et1a div.footer-left ul										{ padding: 0%; }
		footer.main-et1a div.footer-left ul.col-3 li a							{ padding: 0%; }
		footer.main-et1a div.footer-left ul.col-3:nth-of-type(1)				{ padding: 0%; width: 33.33%; }
		footer.main-et1a div.footer-left ul.col-3:nth-of-type(2)				{ padding: 0%; width: 33.33%; }
		footer.main-et1a div.footer-left ul.col-3:nth-of-type(3)				{ width: 33.33%; }
		footer.main-et1a div.footer-right										{ padding: 42px 0% 0% 0%; width: 100%; }
		footer.main-et1a div.footer-right div.content							{ vertical-align: middle; }
		footer.main-et1a div.footer-right div.content:nth-of-type(1)			{ width: 33.33%; }
		footer.main-et1a div.footer-right div.content:nth-of-type(2)			{ text-align: left; }
		footer.main-et1a div.footer-right img									{ margin: 0% !important; }

/* 800px Resolution Specific Behaviour */

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

		div.header-fitpoints													{ padding-top: 165px !important; }
	/* Heading & Paragraph Mobile Styles */

		section.main div.content h1												{ margin: 0% 0% 1.033em 0%; font-size: 1.875em; text-align: left; }

	/* List Mobile Styles */

		section.main div.content ul												{ padding: 0% 0% 0% 12px; }

	/* Header Mobile Styles */

		header.main-et1b div.offset												{ padding: 0%; }
		header.main-et1b div.header-logo										{ padding: 0% 0% 3px 0%; width: 50%; max-width:300px; height:auto; text-align: center; margin:auto;}
		header.main-et1b div.header-logo a.logo									{ padding: 4px 0%; }
		header.main-et1b div.header-logo img									{ display: inline-block; }
		header.main-et1b div.header-ribbon										{ padding: 0%; }
		header.main-et1b div.header-ribbon div.offset							{ display: block; }
		header.main-et1b div.mobile-commerce									{ background-color: #616161; }
		header.main-et1b div.mobile-commerce .commerce-button					{ padding: 16px 12px; font-size: 1.375em; border-left: 0px; }
		header.main-et1b div.mobile-commerce .commerce-button span.button-label	{ display: none; }
		header.main-et1b div.block3												{ display: none; }
		header.main-et1b.sticky div.header-logo									{ padding: 0%; height: 96px; top: 0px; left: 0px; position: relative; width: 100%; }
		header.main-et1b.sticky div.header-logo img								{ margin: 4px 0%; max-height: 92%; }
		div.header-fitpoints													{ padding: 12px 0%; border-top: 0px; }
		div.header-fitpoints span												{ font-size: 1em; }

	/* Navigation Mobile Styles */

		#mobile-nav #menu-container ul											{ background-color: #FFFFFF; border: 0px; }
		#mobile-nav #menu-container ul li										{ border-bottom: 1px solid #CDD8DE; }
		#mobile-nav #menu-container ul li a										{ padding: 16px 18px; font-family: 'Cabin', sans-serif !important; font-size: 1.5rem !important; text-transform: uppercase; color: #043E5C; }
		#mobile-nav #menu-container ul li a span.slicknav_arrow img				{ display: none; }
		#mobile-nav #menu-container ul li a > a									{ padding: 0%; }
		#mobile-nav #menu-container ul li ul									{ padding: 8px 0%; background-color: #CDD8DE; border: 0px; }
		#mobile-nav #menu-container ul li ul li									{ border-top: 0px; }
		#mobile-nav #menu-container ul li ul li a								{ padding: 10px 16px 10px 24px; font-size: 1rem !important; }
		#mobile-nav #menu-container ul li ul li a > a							{ padding: 0%; }
		#mobile-nav #menu-container ul > li:first-of-type						{ margin-top: 16px; }
		#mobile-nav #menu-container ul > li:last-of-type						{ margin-bottom: 16px; border-bottom: 0px; }

	/* Footer Mobile Styles */

		footer.main-et1a a														{ display: inline-block; }
		footer.main-et1a div.footer-top p,
		footer.main-et1a li.footer-heading										{ font-size: 1.125em; }
		footer.main-et1a li.footer-heading:after								{ position: absolute; }
		footer.main-et1a div.footer-left										{ padding: 0%; width: 100%; text-align: center; }
		footer.main-et1a div.footer-left ul.col-3								{ padding: 0%; width: 100%; }
		footer.main-et1a div.footer-left ul.col-3:first-of-type					{ width: 100%; }
		footer.main-et1a div.footer-left ul.col-3:nth-of-type(2)				{ padding: 0%; width: 100%; max-width: 100%; }
		footer.main-et1a div.footer-left ul.col-3:nth-of-type(3)				{ width: 100%; }
		footer.main-et1a div.footer-left ul.footer-collapse li					{ font-size: 1em; }
		footer.main-et1a div.footer-left ul.footer-collapse li:last-of-type		{ padding: 0% 0% 24px 0%; }
		footer.main-et1a div.footer-right										{ padding: 0%; width: 100%; text-align: center; }
		footer.main-et1a div.footer-right div.content							{ padding: 24px 0% 0% 0%; width: 100%; }
		footer.main-et1a div.footer-right div.content:nth-of-type(1)			{ width: 100%; }
		footer.main-et1a div.footer-right div.content:nth-of-type(2)			{ padding: 56px 0% 0% 0%; text-align: center; }
		footer.main-et1a div.footer-right div.social							{ margin: 14px 0% 2px 0%; }
		footer.main-et1a div.footer-right a.facebook							{ margin: 0% 65px 0% 14px; font-size: 1.688em; }
		footer.main-et1a div.footer-right a.twitter								{ margin: 0% 54px 0% 0%; font-size: 1.875em; }
		footer.main-et1a div.footer-right a.instagram							{ margin: 0% 59px 0% 0%; font-size: 1.875em; }
		footer.main-et1a div.footer-right a.youtube								{ margin: -2px 0% 0% 0%; font-size: 1.875em; }
		footer.main-et1a div.footer-container									{ padding: 36px 0% 58px 0%; }
		footer.main-et1a div.footer-copyright									{ padding: 39px 0% 43px 0%; }
		footer.main-et1a div.footer-copyright p									{ font-size: 1em; line-height: 1.875em; }

	/* Shop Template Mobile Styles */

		section.main.shop div.offset											{ padding: 0%; }

	/* Home Template Mobile Styles */

		div.wg-slider.slider_1 div.slides										{  }
		div.wg-slider div.slide-caption div.content h1							{ font-size: 1.75em; }
		div.wg-slider div.slide-caption div.content h2							{ font-size: 1.75em; }
		div.wg-slider div.slide-caption div.content h3							{ font-size: 1.75em; }
		div.wg-slider div.slide-caption div.content h4							{ font-size: 1.75em; }
		div.wg-slider div.slide-caption div.content h5							{ font-size: 1.75em; }
		div.wg-slider div.slide-caption div.content h6							{ font-size: 1.75em; }
		section.main.home div.content h1										{ margin: 0% 0% 1.231em 0%; font-size: 1.625em; text-align: left; }
		section.main.home div.content h2										{ font-size: 1.25em; }
		section.main.home div.content p											{ margin: 1.333em 0%; line-height: 1.35em; }
		section.main.home div.content a.button									{ margin: 3px 0% 0% 0%; padding: 27px 17px 19px 17px; font-size: 1.056em; }
		section.main.home div.content.section									{ padding: 38px 20px 0% 20px; }
		section.main.home div.content.flex div.column div.wrapper				{ padding: 5px 0% 24px 0%; }
		section.main.home div.content.flex div.column.left.background			{ margin: 0% 0% 22px 0%; padding-top: 62.5%; height: 0px; text-align: right; }
		section.main.home div.content.flex div.column.right.background			{ padding-top: 62.5%; height: 0px; text-align: left; }
		section.main.home div.content.flex div.column.background div.wrapper	{ padding: 12px 0%; width: 100%; max-width: 310px; top: 29%; }

	/* Standard Template Mobile Styles */

		section.main div.content.flex											{ display: block; }
		section.main div.content.flex div.column								{ width: 100%; min-height: 0px; display: block; flex: 0; border: 0px !important; }
		section.main div.content.flex div.column div.wrapper					{ padding: 48px 18px 56px 18px; max-width: 100%; }
		section.main div.content.flex div.column.left							{ height: 60vh; }
		section.main div.content.full div.column div.wrapper					{ padding: 48px 18px 56px 18px; max-width: 100%; }


/* FAQ Listing */

		#problem-listing															{ display: flex; flex-wrap: wrap; justify-content: space-between; }
		#problem-listing .problem-records											{ width:100%; padding: 0 10px; }
		#problem-listing .image_container											{ padding-top: 0; height: 34px;  }
		#problem-listing .image_container .image_dimensions 						{ max-width: 34px; max-height: 34px; min-width: 34px; margin: 0 10px 0 0; background-color: transparent; }
		#problem-listing .image_container .image_dimensions img 					{ float: left !important; }

		#problem-listing .problem-records											{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; list-style-type: none; }
		#problem-listing .problem													{ cursor:pointer; width: 90%; padding: 5px 15px; background-color: #ffffff; margin: 0 auto 0.5em;font-size: 0.9375em; line-height: 1.5em; border-radius: 5px; border: 1px solid #9999f8; min-width: 80px; }


		#catalogue #products_slider ul.products li 								{ font-size: 14px; }


		

/* 600px Resolution Specific Behaviour */

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

	/* Header Mobile Styles */

		header.main-et1b div.mobile-commerce .commerce-button					{ font-size: 1.125em; }
		div.header-fitpoints span												{ font-size: 0.875em; }

	/* Navigation Mobile Styles */

		#mobile-nav #menu-container ul li a										{ font-size: 1rem !important; }

	/* Footer Mobile Styles */

		footer.main-et1a ul.footer-collapse li									{ font-size: 1em; }
		footer.main-et1a ul.footer-collapse li:last-of-type						{ padding-bottom: 24px; }
		footer.main-et1a div.footer-top											{ padding: 0%; }
		footer.main-et1a div.footer-right										{ margin: 0% !important; }
		footer.main-et1a div.footer-right a.facebook							{ margin: 0% 32px 0% 0%; font-size: 1.375em; }
		footer.main-et1a div.footer-right a.twitter								{ margin: 0% 32px 0% 0%; font-size: 1.5em; }
		footer.main-et1a div.footer-right a.instagram							{ margin: 0% 32px 0% 0%; font-size: 1.5em; }
		footer.main-et1a div.footer-right a.youtube								{ margin: -2px 0% 0% 0%; font-size: 1.5em; }
		footer.main-et1a div.footer-right div.content img						{ margin-top: 28px !important; max-width: 180px; height: auto !important; }
		footer.main-et1a div.footer-copyright									{ padding: 24px 0%; }
		footer.main-et1a div.footer-copyright p									{ font-size: 0.813em; line-height: 1.75em; }

	/* Home Template Mobile Styles */

		section.main.home div.content.flex div.column.background div.wrapper	{ top: 20%; max-width: 100%; }
		section.main.home div.content.flex div.column.left.background			{ padding-top: 300px; text-align: center; }
		section.main.home div.content.flex div.column.right.background			{ padding-top: 300px; text-align: center; }

	/* Popup Panel Mobile Styles */

		div.popup-background.full div.popup-panel								{ padding: 48px 18px; }

	}

	/* Document Listing */

#document-listing															{ display: flex; flex-wrap: wrap; justify-content: space-between; }
#document-listing .document-records											{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; list-style-type: none; width:100%; padding: 0 10px;}
#document-listing .document													{ display:flex; justify-content: space-between; align-items: center;  width: 100%; color:#1a1a1a; padding: 5px 15px; background-color: #ffffff; margin: 0 auto 0.5em; font-size: 0.75em; line-height: 1.5em; border-radius: 5px; border: 1px solid #cccccc; min-width: 80px; }

#document-listing .image_container											{ padding-top: 0; height: 34px;  }
#document-listing .image_dimensions .item-container svg			    		{ fill: #292929; }
#document-listing .document-product 										{ width:30%;}
#document-listing .document-data 											{ display:flex; justify-content: space-between; align-items: center; width:30%; border-radius: 5px; transition: all 0.3s ease; cursor:pointer;}
#document-listing .document-data a											{ color:#1a1a1a; text-decoration: none; font-weight:400; }
#document-listing .document-data .document-label						 	{ width:90%; padding-left:1.75em; }
#document-listing .document-data .image_container 					 		{ width: 10% }
#document-listing .document-data .image_container .image_dimensions 		{ max-width: 30px; max-height: 30px; min-width: 30px; margin: 2px 10px 0 0; background-color: transparent; }
#document-listing .document-data .image_container .image_dimensions img 	{ float: left !important; }
#document-listing .document-data .image_container .image_dimensions svg 	{ fill: #3333f1 !important; transition: all 0.3s ease;}
#document-listing .document-data:hover										{ background-color: #3333f1; color:#ffffff;}
#document-listing .document-data:hover	a									{ color:#ffffff;}
#document-listing .document-data:hover .image_container .image_dimensions svg	{ fill:#ffffff !important;}

#document-listing .document-has 											{ display:flex; justify-content: space-between; align-items: center; width:30%; border-radius: 5px; transition: all 0.3s ease; cursor:pointer;}
#document-listing .document-has a											{ color:#1a1a1a; text-decoration: none; font-weight:400; }
#document-listing .document-has .document-label						 		{ width:90%; padding-left:1.75em; }
#document-listing .document-has .image_container 					 		{ width: 10% }
#document-listing .document-has .image_container .image_dimensions 			{ max-width: 30px; max-height: 30px; min-width: 30px; margin: 2px 10px 0 0; background-color: transparent; }
#document-listing .document-has .image_container .image_dimensions img 		{ float: left !important; }
#document-listing .document-has .image_container .image_dimensions svg 		{ fill: #292929 !important;  transition: all 0.3s ease;}
#document-listing .document-has:hover										{ background-color: #292929; color:#ffffff;}
#document-listing .document-has:hover	a									{ color:#ffffff;}
#document-listing .document-has:hover .image_container .image_dimensions svg	{ fill:#ffffff !important;}