/********************************* [ GLOBAL STYLES ] *********************************/
		html { height: 100%; overflow-x: hidden; }
		.clear, .clearfix { clear: both; }
		.clear:after, .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
		.post, .page { margin: 0 !important; }
		div, span, ul, li, img, header, nav, footer, main, article, aside, section { position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
		body { position: relative; font-size: 1rem; line-height: 1.6rem; font-weight: 400; font-family: 'Tenor Sans', sans-sans-serif; color: #222; }
		
		#page { z-index: 1; }
		
		/***************************/
		/* GLOBAL COLOUR - #1a3e8e */
		/***************************/
		
		a, a:visited { text-decoration: none; color: #1a3e8e; }
		a:active, a:hover { text-decoration: none; color: #4678e6; }
		#primary a, #home-intro a { text-decoration: underline; color: #1a3e8e; }
			#primary a:hover, #home-intro a:hover { text-decoration: underline; color: #4678e6; }

		h1, h2, h3, h4, h5, h6 { margin: 0 0 40px; color: #1a3e8e; letter-spacing: 0px; line-height: 1em; font-weight: 600; font-style: normal; font-family: 'Roboto', sans-serif; text-shadow: none; text-transform: capitalize; }
		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #1a3e8e; }
		h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 700; }
		h1.entry-title a, h2.entry-title a, h3.entry-title a, h4.entry-title a, h5.entry-title a, h6.entry-title a { color: #1a3e8e !important; }
		h1 { font-size: 3.5rem; line-height: 3.5rem; }
		h2 { font-size: 2rem; line-height: 2rem; }
		h3 { font-size: 2rem; line-height: 2rem; margin-bottom: 20px; }
		h4 { font-size: 2rem; line-height: 2rem; margin-bottom: 20px; }
		h5 { font-size: 2rem; line-height: 2rem; margin-bottom: 20px; }
		h6 { font-size: 1.4rem; line-height: 1.8rem; margin-bottom: 20px; }
		strong { font-weight: 700; }
		p { margin: 0 0 2rem; }
		figure { margin: 0 0; }
		
		
		::-webkit-input-placeholder { color: #222; }
		::-moz-placeholder { color: #222; }
		:-ms-input-placeholder { color: #222; }
		:-moz-placeholder { color: #222; }
		
		input:focus, input:active, input[type="checkbox"], select, textarea, img { outline: none; }
		
		input[type=text], input[type=email], input[type=tel], input[type=password], input[type=number], input.text, input.title, textarea, select { background-color: #fff; color: #222 !important; border: 1px solid #d1d1d1; padding: 14px !important; font-weight: 400; font-size: inherit; border-radius: 0px; -webkit-border-radius: 0px; }
			input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=password]:focus, input[type=number]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color: #b6b6b6; color: #222; box-shadow: 0 0 20px rgba(0,0,0,0.1); }
		
		textarea { resize: vertical; }

		.ginput_container_checkbox { padding-top: 20px; }

		.gfield_checkbox input[type="checkbox"] { opacity: 0; }
		.gfield_checkbox label::before{
			content: "";
			display: inline-block;
			height: 20px;
			width: 20px;
			left: 0;
			border: 2px solid #ccc;
			border-radius: 0 0;
			-webkit-border-radius: 0 0;
		}
		.gfield_checkbox label::after {
			content: "";
			display: inline-block;
			height: 8px;
			width: 12px;
			border-left: 2px solid #1a3e8e;
			border-bottom: 2px solid #1a3e8e;
			transform: rotate(-45deg);
		}
		.gfield_checkbox label { position: relative; padding-left: 30px !important; padding-bottom: 6px !important; }
		.gfield_checkbox label::before, .gfield_checkbox label::after { position: absolute; }
		.gfield_checkbox label::before { top: 6px; }
		.gfield_checkbox label::after { left: 4px; top: 10px; }
		
		/*Hide the checkmark by default*/
		.gfield_checkbox input[type="checkbox"] + label::after {
			content: none;
			outline: none;
		}
		/*Unhide the checkmark on the checked state*/
		.gfield_checkbox input[type="checkbox"]:checked + label::after {
			content: "";
			outline: none;
		}
		/*Adding focus styles on the outer-box of the fake checkbox*/
		.gfield_checkbox input[type="checkbox"]:focus + label::before {
			outline: none;
		}
		
		
		/* RADIO BUTTON STYLES */
		.gform_wrapper .gfield_radio input[type="radio"] {
		  opacity: 0;
		  -webkit-opacity: 0;
		  position: fixed;
		  width: 0;
		}
		.gform_wrapper .gfield_radio li { margin-bottom: 2px; display: block; }
		
		.gform_wrapper .gfield_radio label {
			display: block !important;
			background: none transparent;
			padding: 0px 20px 0px 0px;
			border: 0 none;
			cursor: pointer;
			text-align: left;
			width: 100% !important;
			max-width: 100% !important;
		}
			.gform_wrapper .gfield_radio label::before { position: relative; content: ''; display: inline-block; width: 20px; height: 20px; border-radius: 100px; -webkit-border-radius: 100px; border: 2px solid #3f7889; background: rgba(63,120,137,0); vertical-align: middle; margin-right: 10px; margin-top: -2px; }
		.gform_wrapper .gfield_radio input[type="radio"]:checked + label {
			background: no-repeat 0 50%;
			font-weight: bold;
		}
			.gform_wrapper .gfield_radio input[type="radio"]:checked + label::before { background: rgba(63,120,137,1); }
		/* End RADIO BUTTON STYLES */
		
		
		input[type=button], input[type=submit], button, .button, a.read-more, .reply-container a, #commentform input#submit, .shortcode-button a, .gform_wrapper.gravity-theme .gform_previous_button.button, .gform_wrapper.gravity-theme .gform_save_link.button {
			-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; /* For Mobiles */
			z-index: 1;
			border-radius: 4px; -webkit-border-radius: 4px;
			position: relative;
			background: #7fafd3;
			border: 0px none;
			display: inline-block;
			cursor: pointer;
			color: #fff !important;
			font-size: 0.9rem;
			font-weight: 600;
			font-family: 'Roboto', sans-sans-serif;
			text-decoration: none !important;
			text-transform: uppercase;
			letter-spacing: 0.5px;
			line-height: 2rem;
			padding: 7px 40px;
			text-align: center;
		}
		input[type=button] i, input[type=submit] i, button i, .button i, a.read-more i, .reply-container a i, #commentform input#submit i, a i, .shortcode-button a i { vertical-align: middle; margin-right: 10px; font-size: 120%; }
		input[type=button]:hover, input[type=submit]:hover, button:hover, .button:hover, a.read-more:hover, .reply-container a:hover, #commentform input#submit:hover, .shortcode-button a:hover, .gform_wrapper.gravity-theme .gform_previous_button.button:hover, .gform_wrapper.gravity-theme .gform_save_link.button:hover {
			background: #5288b2 !important;
			text-decoration: none !important;
			color: #fff !important;
		}
		
		
		/* Change this class to whatever ID or class you wish to animate */
		a, i, span, div, input, select, textarea, article, section, input[type=button], input[type=submit], button, .button, a.read-more, .reply-container a, #commentform input#submit, .shortcode-button a, .site-info section .footer-socials a, .main-navigation ul ul, #back-top, .main-navigation ul ul a, .main-navigation li a::after, .main-navigation li a::before, .main-navigation, .main-navigation li a, ul.post-page-loop li, ul.post-page-loop li .post-page-img img, .shortcode-features-list ul li, .site-header, .main-header, .header-left, .site-branding, .site-branding img, #home-services ul li a, #home-services ul li a span {
			-webkit-transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-ms-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
		}
	/******************************* [ END GLOBAL STYLES ] *******************************/


	
	
	

	.container { margin: 0 auto; width: 1560px; }
	
	#primary { float: right; width: 65%; text-align: left; padding: 100px 0px; }
		.fullwidth #primary { float: none; width: auto; }
	#secondary { float: left; width: 30%; text-align: left; padding: 100px 0px; }
	
	#page-short-desc { background: #eee; padding: 100px 0; font-size: 1.4rem; line-height: 2rem; }
		#page-short-desc p:last-of-type { margin-bottom: 0; }
	
	
	/********************************* [ HEADER STYLES ] *********************************/
	.site-header { position: fixed; z-index: 111; top: 0; width: 100%; padding: 50px 0 0; box-shadow: 0 0 10px rgba(0,0,0,0); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0); }
		.site-header .container { padding: 30px 40px; background: #fff; border-radius: 5px; -webkit-border-radius: 5px; }
		
		
		.main-header { display: flex; flex-flow: row nowrap; padding: 0px 0px; }
			.header-left { width: 180px; }
				.site-branding { margin: 0 0; padding: 0 30px 0 0; }
					.site-branding img { display: block; width: 100%; margin: 0 20px 0 0; }
				
	
	
		/********************************* [ NAVIGATION STYLES ] *********************************/
		.header-right { width: calc(100% - 180px); display: flex; flex-flow: row nowrap; justify-content: flex-start; }
			a.mobile-headernav { display: none; flex-flow: row nowrap; justify-content: flex-end; }
			
			.main-navigation { display: flex; flex-flow: row nowrap; align-items: center; justify-content: flex-start; }
			.menu-main-menu-container { }
				.main-navigation ul { display: flex; flex-flow: row nowrap; justify-content: flex-end; list-style: none; margin: 0 0 0 20px; border-left: 2px solid #ccc; padding-left: 20px; }
					.main-navigation li { }
						.main-navigation li a { position: relative; display: inline-block; margin: 0 23px; line-height: 2.5rem; font-size: 1rem; font-family: "Roboto", sans-sans-serif; font-weight: 600; text-transform: uppercase; text-decoration: none; color: #666; }
							.main-navigation li a:hover { text-decoration: none; color: #1a3e8e; }
							
						.main-navigation li a::after { position: absolute; content: ''; z-index: 1; bottom: 3px; left: 50%; width: 0; height: 2px; background: #222; opacity: 0; -webkit-opacity: 0; visibility: hidden; }
							.main-navigation li a:hover::after { bottom: 3px; left: 0; width: 100%; opacity: 1; -webkit-opacity: 1; visibility: visible; background: #1a3e8e; }
						.main-navigation li:last-child a { margin-right: 0px; }
						
						.menu-item-has-children { padding-right: 10px; }
							.menu-item-has-children::before { position: absolute; z-index: 11; right: 13px; top: 50%; margin-top: -6px; font: var(--fa-font-solid); content: "\f078"; font-size: 10px; color: #222; }
							.menu-item-has-children:hover::before { color: #222; }
						
						.main-navigation ul li.menu-item-has-children ul { display: block; width: 270px; left: 0; visibility: hidden; opacity: 0; background: #fff; border-top: 3px solid #1a3e8e; border-left: 0 none; margin-top: -6px; padding: 10px 0; text-align: left; box-shadow: 6px 6px 6px rgba(0,0,0,0.2); margin-right: 0px; }
							.main-navigation ul li.menu-item-has-children:hover > ul { display: block; left: 0; visibility: visible; opacity: 1; }
						.main-navigation ul li:last-child ul { margin-left: -150px; }
							.main-navigation ul ul::before { display: block; background: rgba(255, 0, 0,0); height: 0px; position: absolute; top: -12px; left: 0; width: 100%; content: ''; z-index: 2; }
							.main-navigation ul ul a { width: 100%; padding: 15px 25px 15px 45px; margin: 0 0; background: #fff url(images/menu-dropdown-menu.png) no-repeat 22px 18px; font-size: 0.9rem; line-height: 1rem; color: #333; }
								.main-navigation ul ul a::after { display: none; }
								.main-navigation ul ul a:hover { line-height: 1rem; padding: 15px 25px 15px 45px; background: #fff url(images/menu-dropdown-menu.png) no-repeat 26px 18px; color: #1a3e8e; }
								
							.main-navigation ul li.menu-item-has-children ul li.menu-item-has-children ul, .main-navigation ul li.menu-item-has-children ul li.menu-item-has-children ul:last-child { left: 220px !important; margin-left: 0; }
							
							
		/******************************* [ END NAVIGATION STYLES ] *******************************/
		
		
		.body-fixed { padding-top: 0px; }
			.site-header.scroll-fixed { position: fixed; box-shadow: 0 0 20px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1); background: rgba(255,255,255,1); padding: 0 0; }
				.site-header.scroll-fixed .container { padding: 20px; }
					.site-header.scroll-fixed .header-left { width: 120px; }
						.site-header.scroll-fixed .site-branding { padding: 0 0; margin: 0; }
							.site-header.scroll-fixed .site-branding img { }
					.site-header.scroll-fixed .header-right { width: calc(100% - 120px); }
						.site-header.scroll-fixed .header-right .main-navigation ul { margin: 0 0 0 50px; }
			
	/******************************* [ END HEADER STYLES ] *******************************/
	
	
	
	
	
	
	
	
	/********************** [ BODY STYLES ] **********************/
		#homepage-slider { position: relative; z-index: 0; background: #152f67; }
			#homepage-slider div { display: block; position: absolute; bottom: 100px; left: 50%; z-index: 1; width: 1560px; height: auto; margin-left: -780px; }
				#homepage-slider img { display: block; width: 100%; height: auto; opacity: 0.5; -webkit-opacity: 0.5; }
				#homepage-slider h1 { width: 65%; color: #fff; margin-bottom: 10px; text-shadow: 2px 2px 0px rgba(0,0,0,0.1); }
				#homepage-slider h2 { border: 1px solid #fff; border-radius: 1000px; -webkit-border-radius: 1000px; padding: 5px 20px; color: #fff; text-transform: uppercase; letter-spacing: 5px; font-weight: 400; font-size: 0.8rem; display: inline-block; text-shadow: 2px 2px 0px rgba(0,0,0,0.1); box-shadow: 2px 2px 0px rgba(0,0,0,0.1); }
		
	
	
	
	
		#home-intro section h1, #home-membership section h2, #home-news article section.newsposts h2, #home-carbootsale h2, #home-opshop h2, #home-extras section h3 { font-size: 2.7rem; line-height: 3rem; text-align: center; }
		
		
		
		
		
		#home-intro { padding: 150px 0px; background: #fff; }
			#home-intro article { display: flex; flex-flow: row nowrap; }
				#home-intro section { width: 55%; padding-right: 10%; display: flex; align-items: center; }
					#home-intro section div { }
						#home-intro section h1 { text-align: left; margin-bottom: 10px; }
						#home-intro section h2 { text-align: left; }
						#home-intro section p { position: relative; text-align: left; }
						#home-intro section:first-of-type p:last-of-type { }
						#home-intro section .button { border: 2px solid #1a3e8e; background: none transparent !important; color: #1a3e8e !important; border-radius: 200px; -webkit-border-radius: 200px; }
					
				#home-intro section:last-of-type { width: 45%; padding: 0 0; display: flex; flex-flow: row nowrap; justify-content: stretch; align-items: stretch; }
					#home-intro section:last-of-type img { width: 100%; height: auto; }
				
		
		
		
		
		
		
	/******************** [ END BODY STYLES ] ********************/
	
	
	
		
		
	.entry-header { position: relative; top: 0; left: 0; width: 100%; background: #222 url(images/bg-page-header.webp) no-repeat 50% 0; background-size: cover; -webkit-background-size: cover; padding: 250px 0px 100px; text-align: left; }
		.entry-header h1.entry-title { position: relative; z-index: 1; font-size: 3rem; line-height: 3rem; margin: 0px 0px 20px; color: #fff; }
		.entry-header strong { position: relative; z-index: 1; display: inline-block; color: #fff; padding: 2px 18px; background: #f76a00; border-radius: 100px; -webkit-border-radius: 100px; margin-bottom: 5px; text-transform: uppercase; font-size: 0.8rem; }
		.entry-breadcrumbs, .entry-meta { z-index: 1; display: inline-block; border: 1px solid #fff; padding: 0px 25px; color: #fff; font-size: 0.7rem; line-height: 2rem; font-weight: bold; text-transform: uppercase; border-radius: 100px; -webkit-border-radius: 100px; margin-right: 10px; }
			.entry-breadcrumbs a, .entry-breadcrumbs i, .entry-meta a { display: inline-block; margin-right: 10px; color: #fff; }
			.entry-breadcrumbs i { font-size: 0.6rem; margin-top: -1px; }
				.entry-breadcrumbs a:hover { text-decoration: underline; }
				
		.page-header-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0; background: rgba(27,38,82,0.6); }
	
	
	
	.page-content, .entry-content, .entry-summary, #post-page-loop { padding: 0 0; margin: 0 0; }
	.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { display: none; }
	
		h1, h2, h3, h4, h5, h6 { clear: none !important; }
		
		.red-swish { background: url(images/red-underline.png) no-repeat 50% 100%; background-size: 100% 9px; -webkit-background-size: 100% 9px; padding-bottom: 15px; color: #1a3e8e; font-size: 140%; }
		.entry-content iframe { width: 100% !important; }
		iframe.googlemap { border: 10px solid rgba(0,0,0,0.1); }
		
		.alignright { float: right; margin: 5px 0 15px 5%; }
		.alignleft { float: left; margin: 5px 3% 15px 0; }
		
		.imageborder { border: 10px solid #ececec; }
		
		
		.entry-content > ul, .shortcode-one-half > ul, .shortcode-one-half-last > ul { margin: 0 0 40px; padding: 0 0 0 15px; list-style: none outside; }
			.entry-content > ul > li, .shortcode-one-half > ul > li, .shortcode-one-half-last > ul > li { padding: 0 0 0 24px; background: url(images/icon-list-item.png) no-repeat 0 11px; background-size: 9px auto; -webkit-background-size: 9px auto; }
	
		footer.entry-footer { clear: both; }
		
		.backbutton { display: inline-block; clear: both; margin-bottom: 30px; padding: 0 30px; }
			.backbutton i { font-size: 10px; vertical-align: middle; top: -1px; position: relative; margin-right: 5px; }
		
		
		
		
		/* Post Loop */
		ul.post-page-loop { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; width: 100%; list-style: none outside; margin: 0 0 50px; padding: 0; }
			ul.post-page-loop li { width: 32%; margin-right: 2%; margin-bottom: 20px; background: #fff; padding: 10px; border: 1px solid #d3d3d3; border-radius: 5px; -webkit-border-radius: 5px; }
				ul.post-page-loop li:hover { border-color: #999; }
				ul.post-page-loop li:nth-child(3n+0) { margin-right: 0; }
				ul.post-page-loop li .post-page-img { display: block; overflow: hidden; position: relative; margin-bottom: 10px; }
					ul.post-page-loop li .post-page-img img { display: block; width: 100%; border-radius: 5px; -webkit-border-radius: 5px; }
					ul.post-page-loop li .post-page-img span { position: absolute; z-index: 2; top: 0px; left: 0px; font-size: 0.7rem; text-transform: uppercase; background: #f76a00; padding: 0 10px; color: #fff; font-weight: bold; }
						ul.post-page-loop li:hover .post-page-img img { transform: scale(105%); }
				ul.post-page-loop li h3 { font-size: 1.2rem; line-height: 1.1rem; margin: 0 0 10px; color: #1a3e8e; }
					ul.post-page-loop li h3 a { color: #1a3e8e; }
				
				ul.post-page-loop li .listing-category {}
					ul.post-page-loop li .listing-category strong { display: inline-block; }
						ul.post-page-loop li .listing-category strong a { display: block; font-size: 0.77rem; color: #666 !important; background: #e6e6e6; border-radius: 100px; -webkit-border-radius: 100px; padding: 0 10px; text-decoration: none !important; font-weight: normal; font-family: "Roboto", sans-sans-serif; }
				
				ul.post-page-loop li a.readmore { display: block; font-size: 0.8rem; font-weight: bold; }
					ul.post-page-loop li a.readmore i { font-size: 0.6rem; position: relative; vertical-align: middle; top: -1px; margin-right: 6px; }
		/* End Post Loop */
		
		
		/* Sub-Category List Loop */
		ul.post-page-loop.subcat-list { }
			ul.post-page-loop.subcat-list li { width: 22%; margin-right: 2%; padding: 0; border: 0 none; }
				ul.post-page-loop.subcat-list li a { display: block; width: 100%; padding: 10px; text-align: center; background: #1a3e8e; color: #fff !important; border: 0 none !important; border-radius: 6px; -webkit-border-radius: 6px; text-decoration: none !important; }
				ul.post-page-loop.subcat-list li a:hover { background: #476bbb; }
		/* End Sub-Category List Loop */
		
		
		
		/* Post Loop - MSDS */
		ul.post-page-loop.msds {}
			ul.post-page-loop.msds li { width: 100%; margin-right: 0; }
				ul.post-page-loop.msds li .post-page-img { display: none; }
		/* Post Loop - MSDS */
		
		
		
		/* Single Post Styles */
		article.post, article.page { margin-bottom: 20px !important; }
		article.page.type-page { background: #fff; }
		
			.listing-count { display: block; margin-bottom: 30px; font-weight: bold; font-size: 0.8rem; letter-spacing: 1px; }
		
			.post-meta { margin-bottom: 10px; font-size: 70%; text-transform: uppercase; }
			.entry-header h1 { margin-bottom: 20px; }
			.entry-header .post-meta { margin-top: 30px; }
				.post-meta strong { display: inline-block; background: #1a3e8e; padding: 2px 15px; margin-right: 5px; font-weight: normal; color: #fff; text-transform: uppercase; border-radius: 100px; -webkit-border-radius: 100px; }
					.post-meta strong i { position: relative; vertical-align: middle; margin-top: -2px; margin-right: 4px; }
					.post-meta strong a { color: #fff; }
			
			.post h1 { margin-bottom: 10px; }
			.post .post-thumbnail, .team .post-thumbnail { width: 20%; margin: 0 50px 50px 0; }
				.post .post-thumbnail img, .team .post-thumbnail img { display: block; width: 100%; height: auto; border: 1px solid #ccc; padding: 20px; }
			.post .post-content, .team .post-content { width: 80%; }
			.post .post-content.post-full-width, .team .post-content.post-full-width { width: 100%; }
			
			.post .single-post-posted { display: block; margin-bottom: 30px; font-weight: bold; font-size: 120%; color: #1a3e8e; }
			
			.post .fg-default.fg-gutter-10 { padding-left: 0; margin-bottom: 30px; display: flex; flex-flow: row wrap; }
				.post .fg-default .fg-item { width: 32%; }

				
			.post-tags { }
				.post-tags ul { list-style: none outside; margin: 0 0; padding: 0 0; }
					.post-tags ul li { display: inline-block; background: #1a3e8e; padding: 0px 10px; margin-right: 5px; font-weight: normal; text-transform: uppercase; border-radius: 100px; -webkit-border-radius: 100px; font-size: 70%; }
						.post-tags ul li a { color: #444; }
			
			
			article.type-team h2 { margin-bottom: 20px; }
			article.type-team .team-designation { font-style: italic; }
				article.type-team .team-designation strong { font-style: normal; }
			article.type-team .team-email { margin-bottom: 40px; }
			
			
			#comments { margin: 0 auto !important; }
			#wpdcom { margin: 0 !important; padding: 0 !important; max-width: 100% !important; }
				#wpdcom .wpd-thread-list { padding: 30px 0 0; }
			
		/* End Single Post Styles */
		
		
		
		
		
		
		
		/* Post Category Tiles Styles */
		.tiles-category-list { list-style: none; display: flex; flex-flow: row wrap; justify-content: space-between; margin: 0 0 50px; padding: 0 0; }

		.category-item { max-width: 48%; background: #fff; padding: 0px; box-shadow: 0 0 30px rgba(0,0,0,0.1); border-radius: 8px; -webkit-border-radius: 8px; margin-bottom: 30px; overflow: hidden; }
			.category-item a.item-featured { position: relative; display: block; margin: 0 0; }
				.category-item a img { display: block; width: 100%; height: auto; filter: brightness(80%); transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; }
				.category-item:hover a img { filter: brightness(100%); }
				
			.category-item .item-text { position: absolute; z-index: 1; bottom: 10px; left: 10px; background: rgba(26,62,142,0.7); border-radius: 5px; -webkit-border-radius: 5px; padding: 10px 15px; }
				.category-item .item-text a { color: #fff !important; text-decoration: none !important; }
				.category-item .item-text p { padding: 6px 0px 0; margin-bottom: 0; font-size: 0.8rem; line-height: 1rem; text-transform: uppercase; font-family: 'Roboto', sans-serif; color: #fff; }
				.category-item .item-text h3 { font-size: 1.45rem; line-height: 1.6rem; margin-bottom: 0px; color: #fff; }
		/* End Post Category Tiles Styles */
		
		
		
		
				
				
		
		
		/* Contact Page Styles */
		body.page-template-page-contact #primary { display: flex; flex-flow: row nowrap; }
			body.page-template-page-contact #primary section:first-of-type { width: 45%; padding-right: 10%; }
			body.page-template-page-contact #primary section:last-of-type { width: 55%; background: #ececec; border-top: 10px solid #1a3e8e; padding: 4%; }
		/* End Contact Page Styles */
		
		
		
		
	/* Content restriction warning styles */
	.content-restricted { background: #eee url(images/bg-content-restricted.png) no-repeat 90% 50%; background-size: 260px auto; -webkit-background-size: 260px auto; border: 2px solid #e2e2e2; padding: 10% 40% 10% 10%; }
		.content-restricted h3 { font-weight: 600; }
		.content-restricted p:first-of-type { margin-bottom: 20px; }
		.content-restricted i { font-size: 5rem; color: #1a3f8b; }
	/* End content restriction warning styles */
	
	
	
	/* Account Template Styles */
	#acc-personal-details { border: 3px dashed #ccc; padding: 4%; border-radius: 20px; margin-bottom: 30px; }
		#acc-personal-details div { display: block; padding: 2px 0px; }
		#acc-personal-details div strong { display: inline-block; padding: 0 5px 0 0; min-width: 23%; }
		
		
		
	
	/********************************* [ SIDEBAR STYLES ] *********************************/
		#secondary { }
			.widget { background: #f9f9f9; padding: 10%; margin: 0 0 20px; border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #e7e7e7; }
				.widget.widget_media_image { padding: 0 0; }
					.widget.widget_media_image img { display: block; }
					.widget h2 { font-size: 2rem; }
					.widget a { }
			
			
			
			
			#widget_my_account.widget_nav_menu { }
				.widget_nav_menu ul { margin: 0 0; padding: 0 0; list-style: none outside; }
					.widget_nav_menu ul li { display: block; width: 100%; }
						.widget_nav_menu ul li a { display: block; width: 100%; color: #666; padding: 8px 10px 8px 15px; margin-bottom: 5px; border-radius: 4px; -webkit-border-radius: 4px; background: rgba(0,0,0,0.05); font-size: 0.9rem; font-weight: bold; }
							.widget_nav_menu ul li a::before { position: relative; top: -1px; margin: 0 20px 0 0; vertical-align: middle; font-size: 20px; font-family: uicons-regular-rounded !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
							.widget_nav_menu ul li a:hover, .widget_nav_menu ul li.current-menu-item a { color: #174abc; background: rgba(0,0,0,0.15); }
							.widget_nav_menu ul li ul.sub-menu li.current-menu-item a { color: #174abc; }
							.widget_nav_menu ul li.current-menu-item a { }
							
					.widget_nav_menu ul li.menu-item-has-children { padding-right: 0px; }
						.widget_nav_menu ul li.menu-item-has-children::before { top: 14px; margin-top: 0; }
						
						.widget_nav_menu ul li ul.sub-menu { margin-left: 20px; }
							.widget_nav_menu ul li ul.sub-menu li a { padding: 3px 10px; background: none transparent; }
								.widget_nav_menu ul li ul.sub-menu li a::before { position: relative; content: "-"; margin-right: 5px; top: -4px; vertical-align: middle; }
			
	/******************************* [ END SIDEBAR STYLES ] *******************************/
	
	
	
	
	
	
	/********************************* [ FOOTER STYLES ] *********************************/
		
		.site-footer { width: 100%; position: relative; padding: 120px 0px 50px; background: #1b2652; color: #fff; }
			.site-info { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; padding-bottom: 30px; }
				.site-info section { width: 32%; }
					.site-info a { color: #fff; }
						.site-info a:hover { }
					.site-info section h1, .site-info section h2, .site-info section h3, .site-info section h4, .site-info section h5, .site-info section h6 { position: relative; font-size: 1.3rem; line-height: 1.3rem; margin-bottom: 20px; color: #fff; }
					.site-info section strong {  }
				
				
				.site-info section.footer-left { width: 30%; }
					.site-info section.footer-left .footer-logo { width: 200px; height: auto; margin: 0 0 50px; }
				
				
				.site-info section.footer-right { width: 70%; }
					.site-info section.footer-right #footer-logos { margin-bottom: 80px; }
						.site-info section.footer-right #footer-logos img { vertical-align: middle; max-width: 200px; height: auto; display: inline-block; margin-right: 100px; }
						.site-info section.footer-right #footer-logos img:last-of-type { margin-right: 0px; }
					.site-info section.footer-right ul { list-style: none outside; margin: 0 0 70px; padding: 0 0; display: flex; flex-flow: row nowrap; align-items: flex-start; }
						.site-info section.footer-right ul li { margin: 0 0; padding: 0 0 10px; width: 33.333%; }
							.site-info section.footer-right ul li a i { vertical-align: middle; position: relative; top: 0px; font-size: 22px; font-style: normal; color: #fff; min-width: 35px; text-align: center; }
							.site-info section.footer-right ul li.ftrloc a i { float: left; top: 2px; margin-bottom: 10px; }
					.site-info section.footer-right .ftrrecognition { color: rgba(255,255,255,0.5); }
				
				
			.site-info-copy { font-size: 70%; margin-top: 50px; color: rgba(255,255,255,0.5); letter-spacing: 2px; text-transform: uppercase; }
				#copyright, #developed { margin-bottom: 0px; }
					#copyright a, #developed a { color: rgba(255,255,255,0.5); }
						#copyright a:hover, #developed a:hover { color: rgba(255,255,255,1); text-decoration: underline; }
		
		
		
		#back-top { padding: 0; bottom: 40%; position: fixed; z-index: 3; right: 20px; opacity: 0.6; -o-opacity: 0.6; -ms-opacity: 0.6; -webkit-opacity: 0.6; }
			#back-top:hover { opacity: 1; -o-opacity: 1; -ms-opacity: 1; -webkit-opacity: 1; }
			#back-top a { display: block; width: 57px; color: #FFF; text-align: center; text-decoration: none; text-transform: uppercase; }
			#back-top span { background: #1a3e8e url(images/up-arrow.png) no-repeat 50% 50%; display: block; width: 57px; height: 58px; margin-bottom: 0; background-size: 100% auto; -webkit-background-size: 100% auto; }
			
			
		#footer-toggle-menu { display: none; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: space-evenly; position: fixed; bottom: 0px; left: 0px; right: 0px; z-index: 99999; background: #132c63; color: #fff; width: 100%; margin: 0 0; padding: 0 0; }
			#footer-toggle-menu li { display: block; width: 33.333%; vertical-align: middle; text-align: center; }
				#footer-toggle-menu li a { display: block; min-height: 62px; padding: 13px 0px 9px; color: #fff; font-size: 0.7rem; line-height: 1rem; font-family: 'Tenor Sans', Arial, sans-sans-serif; }
					#footer-toggle-menu li a i { display: block; margin: 0 auto; font-size: 1.4rem; min-height: 24px; }
					#footer-toggle-menu li a:hover{ opacity: 1.0; background: #152750; text-decoration: none; color: #fff; }
					
					.shiftnav-toggle-button { background: #152750; color: #fff !important; }
					.shiftnav-toggle * { line-height: 1.3rem !important; }
					.shiftnav .fa, .shiftnav-toggle .fa {
						font-family: "Font Awesome 5 Free" !important;
						font-weight: 900 !important;
					}
					.shiftnav-nav .menu-item-has-children::before { top: 1.6rem !important; right: 11px !important; }
					
					.shiftnav.shiftnav-nojs.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target:hover, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-highlight li.menu-item > .shiftnav-target:active, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover { background: transparent !important; }
	/******************************* [ END FOOTER STYLES ] *******************************/
	
	
	
	
	
	
	
	
	/********************** [ GRAVITY FORMS STYLES ] **********************/
		.gform_wrapper { margin: 0 0 !important; }
			.gform_wrapper li { margin-top: 12px !important; }
				body .gform_legacy_markup_wrapper .top_label div.ginput_container { margin-top: 2px  !important; }
				.gform_wrapper div.ginput_container input, .gform_wrapper div.ginput_container textarea, .gform_wrapper div.ginput_container select { font-size: 0.9rem !important; padding: 12px 12px !important; border-radius: 5px; -webkit-border-radius: 5px; }
				.gform_wrapper.gravity-theme .gfield_label { text-transform: uppercase; margin-bottom: 0 !important; font-size: 1rem !important; }
				.gform_wrapper.gravity-theme label { margin-bottom: 0 !important; font-size: 1rem !important; }
				
				.gform_body.gform-body h2, .gform_body.gform-body h3, .gform_body.gform-body h4, .gform_body.gform-body h5, .gform_body.gform-body h6 { margin: 0 0 10px; }
				.gform_wrapper.gravity-theme .gform_previous_button.button svg, .gform_wrapper.gravity-theme .gform_save_link.button svg { vertical-align: middle; }
					.gform_body.gform-body .button svg path { fill: #fff; }
					
					.gform_delete_file { background: #222; padding: 5px 5px; line-height: 1rem; }
					
					.gform_required_legend { display: none; }
		
		body.page-template-page-contact-details .gform_wrapper, .enquiryform { background: #ececec; border-top: 10px solid #f76a00; padding: 4%; }
		
		.gform_wrapper.gravity-theme .gfield.gf_list_inline .gfield_checkbox .gchoice, .gform_wrapper.gravity-theme .gfield.gf_list_inline .gfield_radio .gchoice { padding-right: 3% !important; }
				
				
		/* RADIO BUTTON STYLES */
		.customradio input[type="radio"] {
		  opacity: 0;
		  -webkit-opacity: 0;
		  position: fixed;
		  width: 0;
		}
		.customradio  .gchoice { float: left; width: 31%; margin-right: 2%; margin-bottom: 30px; }
		
		.customradio label {
			display: block !important;
			background-color: #eee;
			padding: 3% 3%;
			font-family: 'Roboto', sans-sans-serif;
			font-weight: 700;
			font-size: 1.6rem !important;
			line-height: 2.2rem;
			border: 2px solid #e3e3e3;
			color: #444;
			cursor: pointer;
			text-align: center;
			width: 100% !important;
			max-width: 100% !important;
		}
		.customradio label:hover { background-color: #ccc; border: 2px solid #c3c3c3; }
		
		.customradio input[type="radio"]:checked + label, .customradio input[type="radio"]:checked + label {
			background-color: #50d49e;
			border-color: #42ae82;
			color: #fff;
		}
		/* RADIO BUTTON STYLES */
		
	/******************** [ END GRAVITY FORMS STYLES ] ********************/
	
	
	.lrm-form a.button, .lrm-form button, .lrm-form button[type=submit], .lrm-form #buddypress input[type=submit], .lrm-form input[type=submit] { background: #1a3e8e !important; }
	
	div.is-ajax-search-details, div.is-ajax-search-result { padding: 1px !important; }
	
	.xoo-el-form-container button.btn.button.xoo-el-action-btn { height: auto !important; }
	
	.strong-view.wpmtst-simple a.disabled { display: block !important; }
	
	.yith-wcwl-add-to-wishlist i { font-family: "Font Awesome 6 Free" !important; font-weight: 400; }
	.fa.fa-facebook, .fa.fa-twitter, .fa.fa-google-plus, .fa.fa-google-plus-square, .fa.fa-pinterest, .fa.fa-pinterest-square { font-family: "Font Awesome 6 Brands" !important; margin-right: 0 !important; }
	.fa.fa-envelope-o, .fa.fa-whatsapp { margin-right: 0 !important; }
	.yith-wcwl-add-to-wishlist i.fa-heart { font-weight: 900; }
	
	
	/* FAQS Accordion Styles */
	.sp-easy-accordion .sp-ea-single .ea-header { font-family: 'Tenor Sans', sans-sans-serif; }
		.sp-easy-accordion .sp-ea-single .ea-header a { padding: 25px !important; font-weight: 700 !important; font-size: 18px !important; }
	.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-body { padding: 35px !important; }
	
	
	#wpgmza_map { border: 20px solid #f4f4f4; }
	
	
	/* MEC Calendar Styles */
	.mec-calendar-row .mec-calendar-day.mec-selected-day a { color: #fff !important; }
	
	.mec-calendar .mec-calendar-events-side .mec-table-side-day { display: inline-block; padding: initial !important; }
	
	
	
	
	/* Login Page Styles */
	body.loginpage { height: 100%; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; background: #8db645; }
		body.loginpage .login-container { width: 500px; background: #fff; border-radius: 20px; -webkit-border-radius: 20px; color: #444; padding: 10px; box-shadow: 0 0 50px rgba(0,0,0,0.15); }
			body.loginpage .login-container p { margin-bottom: 20px; }
			#form-client-login { border: 1px solid #ccc; padding: 8% 10%; border-radius: 15px; -webkit-border-radius: 15px; }
				#form-client-login form { display: flex; flex-direction: row; flex-wrap: wrap; }
					#form-client-login form div#login-fields { width: 100%; }
						#form-client-login form div .login-fields-inner { display: block; width: 100%; }
							#form-client-login form div .login-fields-inner label { display: block; width: 100%; padding: 0 0 20px; }
								#form-client-login form div .login-fields-inner label span, #form-client-login form div .login-fields-inner label input { display: inline-block; vertical-align: middle; }
								#form-client-login form div .login-fields-inner label span { width: 120px; }
								#form-client-login form div .login-fields-inner label input { width: calc(96% - 120px); padding: 10px !important; }
									#form-client-login form div .login-fields-inner label span { background: no-repeat 0 50%; background-size: 19px 19px; -webkit-background-size: 19px 19px; }
										#form-client-login form div .login-fields-inner label.login-user span { background-image: url(images/login-user.png); }
										#form-client-login form div .login-fields-inner label.login-pass span { background-image: url(images/login-password.png); }
								#form-client-login form div .login-fields-inner .button { padding: 15px 20px; border-radius: 10px; -webkit-border-radius: 10px; }
					#form-client-login form div#login-logo { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; margin-bottom: 50px; }
						#form-client-login form div#login-logo img { display: block; width: 75%; }
		
		/* Login Page Responsive */
		@media only screen and ( max-width: 980px ) {
			body.loginpage .login-container { width: 80%; }
				#form-client-login form div .login-fields-inner label span { width: 100%; padding-bottom: 10px; }
				#form-client-login form div .login-fields-inner label input { width: 98%; }
		}
		@media only screen and ( max-width: 768px ) {
			body.loginpage .login-container { width: 90%; }
				#form-client-login form div#login-fields { width: 100%; }
		}
		@media only screen and ( max-width: 479px ) { }
		/* End Login Page Responsive */
	/* End Login Page Styles */
	
	
	
	
	
	
	/********************************* [ SHORTCODES STYLES ] *********************************/
	.shortcode-pdf { position: relative; display: inline-block; margin-bottom: 40px; }
		.shortcode-pdf a { position: relative; display: block; padding: 15px 25px 15px 70px; line-height: 26px; background: #ed3f16; border-radius: 6px; -webkit-border-radius: 6px; color: #fff; font-weight: bold; text-decoration: none; }
			.shortcode-pdf a::before { position: absolute; left: 20px; z-index: 1; font: var(--fa-font-regular); content: '\f1c1'; font-size: 26px; line-height: 26px; color: #fff; }
			.shortcode-pdf a:hover { color: #fff; background: #c93614; text-decoration: none; }

	.shortcode-hr { position: relative; margin: 30px 0px; border-top: 2px solid #93acc7; }

	.shortcode-address, .shortcode-phone, .shortcode-fax, .shortcode-email, .shortcode-time, .shortcode-facebook, .shortcode-instagram, .shortcode-shop { position: relative; margin-bottom: 20px; display: block; background: #1a3e8e; font-size: 1.2rem; color: #fff; padding: 30px 0px; text-align: center; border-radius: 4px; -webkit-border-radius: 4px; }
		.shortcode-address i, .shortcode-phone i, .shortcode-fax i, .shortcode-email i, .shortcode-time i, .shortcode-facebook i, .shortcode-instagram i, .shortcode-shop i { font-size: 1.5rem; margin: -2px 10px 0px 0px; vertical-align: middle; color: #fff; }
		.shortcode-address p, .shortcode-phone p, .shortcode-fax p, .shortcode-email p, .shortcode-time p, .shortcode-facebook p, .shortcode-instagram p, .shortcode-shop p { padding-bottom: 0px; }
		.shortcode-address + br, .shortcode-phone + br, .shortcode-fax + br, .shortcode-email + br, .shortcode-time + br, .shortcode-facebook + br, .shortcode-facebook + br, .shortcode-shop + br { display: none; }
		.shortcode-address a, .shortcode-phone a, .shortcode-fax a, .shortcode-email a, .shortcode-time a, .shortcode-facebook a, .shortcode-instagram a, .shortcode-shop a { color: #fff; text-decoration: none; }
			.shortcode-address a:hover, .shortcode-phone a:hover, .shortcode-fax a:hover, .shortcode-email a:hover, .shortcode-time a:hover, .shortcode-facebook a:hover, .shortcode-instagram a:hover, .shortcode-shop a:hover { color: #fff; text-decoration: underline; }
		.shortcode-time i { margin: 4px 20px 40px 0; float: left; }

	.shortcode-cta { position: relative; display: block; background: #1a3e8e; margin-bottom: 3rem; padding: 6% 8%; border-radius: 10px; -webkit-border-radius: 10px; font-size: 140%; line-height: 150%; text-align: center; }
		.shortcode-cta a { color: #fff; font-size: inherit; text-decoration: none; font-weight: bold; text-transform: uppercase; }
			.shortcode-cta a:hover { color: #fff; font-size: inherit; text-decoration: underline; }
			

	.shortcode-urllink { position: relative; padding-left: 30px; font-weight: bold; color: #1a3e8e; }
		.shortcode-urllink a { color: #1a3e8e; text-decoration: underline; }
			.shortcode-urllink a:hover { color: #1a3e8e; }
		.shortcode-urllink::before { position: absolute; left: 0px; z-index: 1; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0c1"; }
		
	.shortcode-button { display: inline-block; margin-bottom: 30px; }
	
	.shortcode-quote { position: relative; font-family: 'Roboto', sans-serif; font-size: 1.5rem; line-height: 2.5rem; color: #fff; font-weight: 700; margin: 4rem 0; padding: 5% 10%; background: #1a3e8e; }
		.shortcode-quote::before { position: absolute; z-index: 1; content: ''; bottom: -15px; right: 50px; width: 105px; height: 85px; background: url(images/shortcode-quote.svg) no-repeat 0 10px; background-size: 100% auto; -webkit-background-size: 100% auto; }
		.shortcode-quote strong { clear: right; }
	
	
	.shortcode-one-half { display: flex; flex-flow: row nowrap; justify-content: space-between; width: 100%; }
		.shortcode-one-half div.sc-half { width: 47%; }
		.shortcode-one-half div.sc-half:last-of-type p:first-of-type { margin-bottom: 0; }
		.shortcode-one-half div.sc-half h2, .shortcode-one-half div.sc-half h3 { }
		.shortcode-one-half div.sc-half img { display: block; max-width: 100% !important; }
	
	
	.shortcode-one-third, .shortcode-one-third-last { float: left; width: 32%; margin-right: 2%; margin-bottom: 20px; }
	.shortcode-one-third-last { margin-right: 0; }
		.shortcode-one-third p, .shortcode-one-third-last p { margin: 0 0 20px; }
		.shortcode-one-third img, .shortcode-one-third-last img { display: block; margin-bottom: 10px; }
		.shortcode-one-third h3, .shortcode-one-third-last h3 { margin-bottom: 20px; font-size: 1.6rem; }
		.shortcode-one-third p:last-of-type a, .shortcode-one-third-last p:last-of-type a { text-align: center; }
			.shortcode-one-third p:last-of-type a:hover, .shortcode-one-third-last p:last-of-type a:hover { }
		.shortcode-one-third ul, .shortcode-one-third-last ul { margin: 0 0 3rem; padding: 0 0 0 20px; list-style: none outside; }
			.shortcode-one-third ul li, .shortcode-one-third-last ul li { padding: 0 0 5px 40px; background: url(images/icon-list-item.png) no-repeat 0 5px; }
	
	.shortcode-one-fourth, .shortcode-one-fourth-last { float: left; width: 23.5%; margin-right: 2%; margin-bottom: 20px; text-align: center; }
	.shortcode-one-fourth-last { margin-right: 0; }
		.shortcode-one-fourth p, .shortcode-one-fourth-last p { margin: 0 0; }
		.shortcode-one-fourth p:last-of-type, .shortcode-one-fourth-last p:last-of-type { margin: 20px 0 0; }
		.shortcode-one-fourth img, .shortcode-one-fourth-last img { display: block; text-align: center; margin: 10px auto; }
		.shortcode-one-fourth h3, .shortcode-one-fourth-last h3 { margin: 0 0 10px; }
		.shortcode-one-fourth p:last-of-type a, .shortcode-one-fourth-last p:last-of-type a { display: block; text-align: center; }
			.shortcode-one-fourth p:last-of-type a:hover, .shortcode-one-fourth-last p:last-of-type a:hover { }
	
	
	.shortcode-timetable { position: relative; margin-bottom: 15px; }
		.shortcode-timetable::before {  }
		.shortcode-timetable i { float: left; margin: 6px 10px 10px 0; color: #98b10c; }
		.shortcode-timetable strong { display: block; }
	
	
	.shortcode-faq { display: block; border-bottom: 2px solid #e8e8e8; margin-bottom: 50px; padding-left: 100px; background: url(images/icon-faq.png) no-repeat 0 5px; background-size: 70px auto; -webkit-background-size: 70px auto; }
		.shortcode-faq h4 { font-size: 1.6rem; line-height: 2rem; }
		.shortcode-faq p:first-of-type { margin: 0 0; }
		
	
	.shortcode-columns { columns: 2; column-gap: 10%; margin-bottom: 3rem; }
		.shortcode-columns p:first-of-type { margin: 0 0; }
			
	/******************************* [ END SHORTCODES STYLES ] *******************************/

	
	
	
	
	
	
	
	
	
	
	
	
	
	/********************************* [ RESPONSIVE STYLES ] *********************************/
		.post img, #logo { max-width: 100%; height: auto; }
		embed, iframe, object, video { max-width: 100%; }

		@media only screen and ( max-width: 1700px ) {
			body { font-size: 1rem; line-height: 1.5rem; }
			.container, #homepage-slider div { width: 1160px; }
			#homepage-slider div { margin-left: -580px; }
			#primary { width: 65%; }
			#secondary { width: 31%; }
			
			.main-navigation li a { margin: 0 22px; }
			
			#home-intro section h1, #home-news article section.newsposts h2, #home-opshop h2, #home-extras section h3 { font-size: 2.4rem; line-height: 2.5rem; }
			#home-intro section h2 { font-size: 1.8rem; line-height: 2.2rem; margin-bottom: 10px; }
				#home-news article section:last-of-type img { height: 100%; }
			#home-opshop { padding: 60px 0 15px; }
				#home-opshop h2 { margin-bottom: 20px; }
				#home-opshop strong { font-size: 1.3rem; }
				#home-opshop p { font-size: 100%; }
					#home-opshop p:last-of-type { margin-bottom: 50px; }
				#home-opshop img { width: 84%; }
			#home-extras { padding: 100px 0; }
			
			.entry-header { }
				.entry-header h1.entry-title {  }
			h1 { font-size: 3rem; }
			h2 { font-size: 2rem; line-height: 2rem; margin-bottom: 20px; }
			h3 { font-size: 1.6rem; line-height: 2rem; margin-bottom: 20px; }
			.shortcode-quote { background-position: 0 8px; background-size: 110px auto; -webkit-background-size: 110px auto; font-size: 150%; line-height: 126%; margin: 50px 30px 0px; }
			.shortcode-cta { font-size: 1.5rem; line-height: 2.2rem; }
			.alignright { max-width: 40% !important; }
			.shortcode-one-half img, .shortcode-one-half-last img { max-width: 100% !important; }
			.shortcode-address, .shortcode-phone, .shortcode-fax, .shortcode-email, .shortcode-time, .shortcode-facebook, .shortcode-instagram, .shortcode-shop { font-size: 1rem; }
			
			.widget h2 { font-size: 1.6rem; }
			
		}
		
		
		
		
		
		

		@media only screen and ( max-width: 1260px ) {
			.container, #homepage-slider div { width: 960px; }
			#homepage-slider div { margin-left: -480px; }
			h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; }
			h2 { font-size: 1.7rem; line-height: 2rem; }
			h3, h4, h5, h6 { font-size: 1.2rem; line-height: 1.2rem; }
			
			#homepage-slider img { min-height: 350px; }
			
			.category-item .item-text h3 { font-size: 1.2rem; line-height: 1.2rem; }
			
			ul.post-page-loop.subcat-list {}
				ul.post-page-loop.subcat-list li { width: 48%; }
			
			.entry-header { padding: 200px 0px 50px; }
				.entry-header h1.entry-title { font-size: 2rem; line-height: 2rem; }
			p { margin: 0 0 2rem; }
			.alignright, .alignleft { max-width: 50%; }
			ul.post-page-loop li { padding: 20px; width: 48%; }
			ul.post-page-loop li:nth-child(odd) { margin-right: 2%; }
			ul.post-page-loop li:nth-child(even) { margin-right: 0; }
				ul.post-page-loop li .post-page-stats { left: 20px; top: 20px; }
				ul.post-page-loop li h3 { font-size: 1rem; line-height: 1.3rem; }
			#rpwwt-recent-posts-widget-with-thumbnails-2 img { width: 60px; height: auto; }
			ul.contact-details-fields li { padding: 30px 10px; }
			.shortcode-quote { background-position: 0 8px; background-size: 110px auto; -webkit-background-size: 110px auto; font-size: 120%; line-height: 140%; margin: 50px 0px 0px; padding: 0px 0px 3rem 16%; }
			.shortcode-cta { font-size: 1.5rem; line-height: 2.2rem; }
			.post .fg-default .fg-item { width: 31%; }
			.post .post-thumbnail, .team .post-thumbnail { width: 40%; }
			.post .post-content, .team .post-content { width: 60%; }
			
			.widget { }
				.widget h2 { }
			
			.site-info section h1, .site-info section h2, .site-info section h3, .site-info section h4, .site-info section h5, .site-info section h6 { margin-bottom: 10px; font-size: 1.1rem; line-height: 1.3rem; }
			.site-info section.footer-left { }
			.site-info section.footer-right { }
				.site-info section.footer-right #footer-logos img { max-width: 145px; margin-right: 60px; }
				.site-info section.footer-right ul { flex-flow: row wrap; margin: 0 0 20px; }
					.site-info section.footer-right ul li { padding: 0 0 35px; width: 50%; }

		}
		
		
		

		@media only screen and ( max-width: 980px ) {
			.container, #homepage-slider div { width: 750px; }
			#homepage-slider div { margin-left: -375px; }
			
			.body-fixed { padding-top: 0; }
			.site-header, .site-header.scroll-fixed { position: absolute; }
			.site-header { padding: 30px 0 0; }
				.site-header .container { padding: 20px 30px; }
					.header-left { width: 20%; }
						.site-branding { margin: 0 auto; }
					.header-right { width: 80%; display: block; }
						.main-navigation li a { margin: 0 15px; font-size: 0.9rem; }
			
			#homepage-slider img { min-height: 300px; }
			#homepage-slider h2 { font-size: 0.7rem; letter-spacing: 3px; padding: 3px 20px; }
			
			#home-intro { padding: 100px 0px; }
				#home-intro section:last-of-type { display: block; }
			
			
			.entry-header { padding: 200px 0px 50px; margin-bottom: 50px; }
				.entry-header h1.entry-title { font-size: 2rem; line-height: 2rem; }
			#primary { width: 100%; float: none; padding: 20px 0px; }
				h1 { font-size: 2rem; line-height: 2rem; }
				h2, h3 { font-size: 1.5rem; line-height: 2rem; }
				.shortcode-quote { background-size: 80px auto; -webkit-background-size: 80px auto; padding: 0px 0px 3rem 14%; }
				ul.services-page-list { }
					ul.services-page-list li:nth-child(odd) { width: 49%; margin-right: 2%; }
					ul.services-page-list li:nth-child(even) { width: 49%; margin-right: 0; }
						ul.services-page-list li h4 { font-size: 1.3rem; }
				body.page-template-page-contact #primary { display: block; }
					body.page-template-page-contact #primary section:first-of-type { width: 100%; padding: 0; }
					body.page-template-page-contact #primary section:last-of-type { width: 100%; }
				#page-short-desc { font-size: 1.2rem; line-height: 1.7rem; }
				ul.post-page-loop.services-posts li { width: 48%; }
				ul.post-page-loop.services-posts li:nth-child(odd) { margin-right: 2% !important; }
				ul.post-page-loop.services-posts li:nth-child(even) { margin-right: 0 !important; }
			#secondary { float: none; width: 100%; font-size: 100%; margin-right: 0; padding: 0px 0px; }
				.widget { float: none; width: 100%; margin-right: 0; }
				.widget h2 { }
			
			.site-footer { padding: 50px 0px 80px; }
			.site-info { display: block; }
				.site-info section.footer-left { width: 100%; text-align: center; }
				.site-info section.footer-right { width: 100%; }
				.site-info section.footer-right #footer-logos { text-align: center; }
					.site-info section.footer-right #footer-logos img { max-width: 130px; margin-right: 30px; }
				.site-info section.footer-right ul { text-align: center; justify-content: space-evenly; }
				.site-info section.footer-right .ftrrecognition { text-align: center; }
				.site-info-copy { text-align: Center; }
				
			#footer-toggle-menu { display: flex; }
		}

		
		
		
		
		
		
		@media only screen and ( max-width: 768px ) {
			body { font-size: 1rem;   }
			.body-fixed { padding-top: 0px !important; }
			.container, #homepage-slider div { width: auto; padding: 0px 50px; }
			#primary { width: auto; float: none; padding: 50px 0 50px; clear: both; }
			#secondary { width: auto; float: none; clear: both; }
			
			.site-header, .site-header.scroll-fixed { position: absolute; }
			.site-header { padding: 30px 50px 0; }
				.header-left { width: 25%; }
				.header-right { width: 75%; display: flex; justify-content: flex-end; align-items: center; }
					a.mobile-headernav { display: flex; }
					.main-navigation { display: none; }
			
			#homepage-slider div { left: 0; margin-left: 0; }
				#homepage-slider h1 { width: 100%; font-size: 1.5rem !important; }
			
			#home-intro article { display: block; }
			#home-intro section:first-of-type, #home-intro section:last-of-type { padding: 0 0 20px; width: 100%; }
				#home-intro section h2 { font-size: 1.2rem; line-height: 1.5rem; }
			
			
			ul.post-page-loop.subcat-list { display: flex !important; align-items: stretch; }
				ul.post-page-loop.subcat-list li { display: flex !important; align-items: stretch; justify-content: center; width: 48% !important; }
					ul.post-page-loop.subcat-list li a { display: flex !important; align-items: center; justify-content: center; padding: 10px 5px; font-size: 0.9rem; line-height: 1.2rem; }
			
			
			.entry-breadcrumbs, .entry-meta { padding: 10px 15px; line-height: 1.6rem; }
			article.post, article.page { margin-right: 0 !important; }
			ul.post-page-loop { padding-right: 0; justify-content: space-evenly; }
				ul.post-page-loop li { width: 48%; }
			ul.contact-details-fields { display: block; }
				ul.contact-details-fields li { width: 100%; margin: 0 0 20px; }
			.shortcode-quote { font-size: 115%; line-height: 145%; background-position: 0 6px; background-size: 60px auto; -webkit-background-size: 60px auto; padding: 0px 0px 3rem 17%; }
			.shortcode-one-half, .shortcode-one-half-last { display: block; float: none; width: auto; margin-right: 0; }
				.shortcode-one-half div.sc-half { width: 100%; }
			input[type="button"], input[type="submit"], button, .button, a.read-more, .reply-container a, #commentform input#submit, .shortcode-button a, .gform_wrapper.gravity-theme .gform_previous_button.button, .gform_wrapper.gravity-theme .gform_save_link.button { font-size: 1rem; }
			#primary {}
				#page-short-desc { padding: 50px 0; }
				.post .attachment-post-thumbnail { max-width: 100%; float: none; }
				p { margin: 0 0 2rem; }
				.gform_wrapper div.ginput_container input, .gform_wrapper div.ginput_container textarea, .gform_wrapper div.ginput_container select { font-size: 1rem !important; padding: 8px 12px !important; }
			#secondary { text-align: left; display: block; margin-right: 0 !important; font-size: 100% !important; padding: 0px 0px 30px; }
			
			
			#back-top { bottom: 40px; right: 0px; }
		}
		
		
		
		

		@media only screen and ( max-width: 479px ) {
			.body-fixed { padding-top: 0px !important; }
			.container, #homepage-slider div { width: auto; padding: 0px 15px; }
			
			.site-header, .site-header.scroll-fixed { position: relative; }
			.site-header .main-header { display: block; padding: 0 0; }
				.site-header.scroll-fixed .header-left, .site-header.scroll-fixed .header-right { width: inherit; }
				.header-left, .header-right { width: 100%; margin-bottom: 20px; }
					.site-branding { padding: 0 0; }
						.site-branding img { display: block; width: 60%; margin: 0 auto 35px; }
				.header-right { display: block; text-align: center; }
					a.mobile-headernav, a.mobile-headernav:hover { display: block; text-align: center; }
			
			
			#homepage-slider img { min-height: 200px; }
				#homepage-slider div { width: 100%; text-align: center; }
					#homepage-slider h1 { font-size: 1.3rem !important; }
					#homepage-slider h2 { font-size: 0.7rem; letter-spacing: 0; width: 100%; }
			
			
			.tiles-category-list { display: block; }
				.category-item { max-width: 100%; }
			
			
			#home-intro section h2, #home-intro section p { text-align: center; }
			
			input[type="button"], input[type="submit"], button, .button, a.read-more, .reply-container a, #commentform input#submit { display: block; padding: 12px 0px 10px; width: 100%; text-align: center; letter-spacing: 0; font-size: 1rem; }
			input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], input.text, input.title, textarea, select { font-size: 0.9rem !important; }
			
			.entry-header { padding: 90px 0px; text-align: center; }
				.entry-header h1.entry-title { font-size: 1.4rem; line-height: 1.6rem; }
				.post-meta strong { display: block; max-width: 70%; margin: 0 auto 10px; }
				#page-short-desc { font-size: inherit; line-height: inherit; }
				ul.post-page-loop { padding-right: 0; display: block; }
					ul.post-page-loop li { float: none; width: 100%; margin-right: 0; }
				article.type-team .entry-content { display: block; }
					.post .post-thumbnail, .team .post-thumbnail { width: 100%; }
					.post .post-content, .team .post-content { width: 100%; }
				.entry-content > ul { padding: 0 0; }
				.post.type-post { margin-right: 0 !important; }
				.post .post-thumbnail { max-width: 100%; width: 100%; float: none; margin: 0 0 20px; }
				.alignleft, .alignright { display: block; float: none; width: 100%; max-width: 100% !important; margin: 0 0 20px; }
				ul, ol { margin: 0 0 1.5em 0.5em; }
				.shortcode-quote { font-size: 110%; line-height: 140%; background-position: 0 6px; background-size: 60px auto; -webkit-background-size: 60px auto; padding: 0px 0px 3rem 21%; }
				.shortcode-cta { font-size: 1.2rem; line-height: 1.6rem; padding: 15px 6%; }
				.shortcode-address, .shortcode-phone, .shortcode-fax, .shortcode-email, .shortcode-time, .shortcode-facebook, .shortcode-instagram, .shortcode-shop { font-size: 1rem; }
				.shortcode-columns { columns: 1; }
				ul.post-page-loop.services-posts li { width: 100%; }
				ul.post-page-loop.services-posts li:nth-child(odd), ul.post-page-loop.services-posts li:nth-child(even) { margin-right: 0 !important; }
			#secondary { display: block; }
				.widget ul { }
				.widget { width: 100%; margin-right: 0; }
			
			
			.site-info section.footer-left .footer-logo { width: 120px; }
			.site-info section.footer-right ul, .site-info section.footer-right ul li { display: block; text-align: center; width: 100%; }
					
			#back-top span { width: 40px; height: 40px; }
		}
		
		
		
		
		/* Woocommerce Specific Styles */
			@media only screen and ( max-width: 768px ) {
				table.shop_table_responsive tr:first-of-type { display: block !important; }
				table.shop_table_responsive tr.woocommerce-cart-form__cart-item { border-bottom: 1px solid #ccc; display: block; float: left; width: 100%; margin-bottom: 20px; }
				table.shop_table_responsive tr td { display: inline-block !important; float: left !important; text-align: left !important; clear: none !important; }
					table.shop_table_responsive tr td::before { content: '' !important; }
					table.shop_table_responsive tr td.product-remove { width: 10% !important; }
					table.shop_table_responsive tr td.product-thumbnail { width: 18% !important; padding: 10px !important; }
					table.shop_table_responsive tr td.product-name { width: 50% !important; line-height: 1.5rem; }
						table.shop_table_responsive tr td.product-name .variation { margin: 5px 0 0 !important; }
							table.shop_table_responsive tr td.product-name .variation-Colours, table.shop_table_responsive tr td.product-name .variation-Colours p { margin: 0 0 !important; }
					table.shop_table_responsive tr td.product-quantity { width: 20% !important; }
						table.shop_table_responsive tr td.product-quantity input { width: 100% !important; padding: 6px !important; }
					table.shop_table_responsive tr td.product-price, table.shop_table_responsive tr td.product-subtotal { display: none !important; width: 0 !important; }
					
					table.shop_table_responsive tr td.actions, table.shop_table_responsive tr td.actions input, table.shop_table_responsive tr td.actions .button { float: none; width: 100%; display: block !important; }
				.cart_totals th { display: block; width: 100%; }
		/* End Woocommerce Styles */
		
	/********************************* [ RESPONSIVE STYLES ] *********************************/