/* @override 
	https://theexhibitionist.co.uk/templates/shaper_helixultimate/css/extracted-override.css */


/* @group burger menu */

@media screen and (max-width: 990px) and (min-width: 100px) {
	.burger-icon {
		display: none !important;
	}
}

/* @end */

body {
	font-family: 'Poppins', sans-serif;
	font-size: 1.4em;
	font-weight: 200;
	color: #413e39;
	line-height: 1.4;
	letter-spacing: -0.02rem;
	text-decoration: none;
	text-align: left;
}

h1 {
	font-family: 'Poppins', sans-serif;
	font-size: 1.4em;
	font-weight: 700;
	color: #000033;
	text-decoration: none;
	text-align: left;
}

h2 {
	font-family: 'Poppins', sans-serif;
	font-size: 31px;
	font-weight: 600;
	text-decoration: none;
}

h3 {
	font-family: 'Poppins', sans-serif;
	font-size: 24px;
	font-weight: 600;
	text-decoration: none;
}

h4 {
	font-family: 'Poppins', sans-serif;
	font-size: 25px;
	font-weight: 500;
	text-decoration: none;
}

h5 {
	font-family: 'Poppins', sans-serif;
	font-size: 24px;
	font-weight: 500;
	text-decoration: none;
}

h6 {
	font-family: 'Poppins', sans-serif;
	font-size: 24px;
	font-weight: 500;
	text-decoration: none;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	text-decoration: none;
}

.menu.nav-pills > li > a, .menu.nav-pills > li > span, .menu.nav-pills .sp-dropdown li.sp-menu-item > a {
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	text-decoration: none;
}

.logo-image {
	height: 50px;
}

.logo-image-phone {
	height: 50px;
}

@media(max-width: 992px) {
	.logo-image {
	height: 36px;
}

.logo-image-phone {
	height: 36px;
}}

@media(max-width: 576px) {
	.logo-image {
	height: 36px;
}

.logo-image-phone {
	height: 36px;
}}

#sp-slider {
	background-color: #000033;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#sp-main-body {
	background-color: #E8E6E4;
	margin: -50px 0px -60px 0px;
}

#sp-homepagecategories {
	background-color: #E8E6E4;
	margin: 0px 0px 0px 0px;
}

#sp-homepagecategories2 {
	background-color: #E8E6E4;
	margin: 0px 0px 0px 0px;
}

#sp-homepagecategory3 {
	background-color: #E8E6E4;
}

#sp-homepagecategory4 {
	background-color: #E8E6E4;
	margin: 0px 0px -40px 0px;
}

#sp-pre-footer {
	background-color: #E8E6E4;
	padding: 30px 0px 50px 0px;
}

#sp-footer {
	background-color: #D1CECA;
	color: #666666;
	padding: 50px 0px 50px 0px;
	margin: 0px;
}

#sp-header {
	box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.2);
}

.sp-page-title .sp-page-title-heading {
	font-size: 1.45em;
	line-height: 1.6em;
}

.sp-page-title .sp-page-title-sub-heading {
	font-size: 1.2em;
	line-height: 1.6em;
}

#sp-left .sp-module, #sp-right .sp-module {
	border: none;
	padding: 0;
}

div#sp-title {
	box-shadow: 5px 10px 50px rgba(0, 0, 0, 0.2);
}

/*div.article {
	border-style: none;
	border-width: 0;
}
*/

.article-body {
	margin: -0px -0px 5%;
	background-color: #efedec;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.05);
}

.articleBody p {
	text-align: justify;
	line-height: 1.6em;
}

.article-details p, .WorkWeveProduced p {
	padding: 10px;
	margin: 0;
	text-align: justify;
	line-height: 1.6em;
}

@media screen and (max-width: 640px) {
	.article-details p, .WorkWeveProduced p {
		text-align: left;
	}
	
	.articleBody p {
		text-align: left;
	}
}

.article-header h2 {
	display: inline;
	margin: 0;
	padding: 0;
}

.article-details  .article-full-image img {
	border-radius: 8px;
}

.article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery {
	float: left;
	display: run-in;
	margin: 0px;
}

.article-list .article .article-intro-image img, .article-list .article .article-featured-video img, .article-list .article .article-featured-audio img, .article-list .article .article-feature-gallery img {
	border-radius: 10px 10px 0 0;
	float: left;
	display: inline;
	border-bottom: 2px solid #efedec;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
}

.article-list .article .article-header h2 a {
	color: #000033;
	background-color: #000066;
	display: flex;
	width: 100%;
	height: 120px;
	align-items: center;
	color: white;
	margin-right: 0;
	margin-left: 0;
	border-radius: 0px 0px 8px 8px;
	padding: 0 6%;
	line-height: 1.3em;
	text-align: center;
	box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.1);
	font-size: 80%;
}

.article-list .article .article-header h2 a:hover {
	background-color: #000099;
	color: white;
}

.article-details .article-header h1, .article-details .article-header h2 {
	color: #000033;
	display: inline;
}

.article-image-right {
	border-radius: 10px;
	box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.1);
	border: 2px solid #efedec;
	float: right;
	display: inline;
	margin: 1% 0 2% 3%;
}

.article-image-left {
	border-radius: 10px;
	box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.1);
	border: 2px solid #efedec;
	float: left;
	margin: 1% 3% 1% 0;
}

div.article a .article-body a {
	margin: 0;
	padding: 0;
	border-style: none;
	border-width: 0;
}

.LeftOfArticle {
	border-width: 0;
	border-style: none;
}

.tags {
	display: inline-block;
	width: 100%;
	text-align: center
}

.tags li {
	padding-right: 1%;
	padding-top: 20px;
}

.tags>li a {
	padding: 5px 12px 5px 9px;
	border: 1px solid #c0bdb8;
	border-radius: 10px;
	list-style-position: inside;
	list-style-type: disc;
	display: inline-block;
	font-weight: 400;
	font-size: .65em;
	background-color: #d6d4d0;
	color: #44496e;
}

.tags>li a:hover {
	background-color: #c0bdb8;
}

div.article-details.WorkWeveProduced {
	padding: 10px;
	border-radius: 10px 10px 10px 10px;
	margin-bottom: 60px;
	box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.05);
	background-color: #efedec;
}

.WorkWeveProduced h1 {
	margin: 10px 3% 30px;
	float: left;
	width: 97%;
}

.category-desc {
	padding-bottom: 50px;
}

.pagenavigation {
	margin: 0;
	padding: 0;
}

.pagination {
	padding: 20px;
}

img {
	border-radius: 8px;
	border-style: none;
	border-width: 0;
	padding: 0;
	margin: 0;
}

figure.newsflash-image img {
	border-radius: 8px 8px 0px 0px;
	padding: 0;
	margin: 0;
}

/*
.article-list .article {
	border-style: none;
	border-width: 0;
	margin: 0;
	padding: 0;
}

 .article-full-image {
	border-radius: 10px;
	float: left;
	border-bottom: 0px;
}
*/

.relatedtags ul {
	padding: 0px;
	margin: 20px 0 30px;
	text-align: center;
}

.relatedtags li {
	font-size: 0.8em;
	font-weight: 300;
	border-style: none;
	list-style-type: disc;
	display: inline-block;
	margin: 15px 15px 15px 10px;
	list-style-position: inside;
}

.relatedtags li a {
	background-color: #efedec;
	padding: 10px 15px;
	margin: 0px -10px;
	border-radius: 10px;
	box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.05);
	text-align: center;
	color: #44496e;
}

.relatedtags li a:hover {
	background-color: red;
}

li.list-group-item {
	box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.05);
}

.RelatedArticles h3 {
	margin-left: 20px;
}

h2 a {
	font-size: 93%;
	display: inline-block;
}

div.footer p, .sp-copyright, #sp-footer a {
	font-size: 1.1em;
	font-weight: 300;
	color: #413E39;
}

/* @group Ex_Sector */

.ex-sector a {
	background-image: linear-gradient(#000066,#000033);
	text-align: center;
	align-items: center;
	padding: 13% 20px 12%;
	border-radius: 0px 0px 8px 8px;
	color: #ffffff;
	width: 100%;
	font-size: .9em;
	font-weight: 600;
	margin: 2px 0 2px;
	position: relative;
	display: flex;
	height: 130px;
	float: left;
	justify-content: center;
}

.ex-sector a:hover {
	background-image: linear-gradient(#000099,#000066);
}

/* @end */

/* @group Homepage categories */

.homepage-category {
	border-radius: 10px;
	box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.1);
	visibility: visible;
	overflow: hidden;
}

.category-image-left {
	float: left;
	width: 170px;
	padding: 0;
	margin-left: 0;
		border-right: 2px solid #e8e6e4;
	margin-right: 15px;
}

.category-image-right {
	float: right;
	width: 170px;
	padding: 0;
	margin-left: 0;
	margin-right: px;
	border-left: 2px solid white;
}

a.category-link-block {
	display: inline-block;
	background-image: linear-gradient( #000044, #000066);
	width: 100%;
	height: 200px;
}

a.category-mob-image {
	border-radius: 10px;
	display: inline-block;
	background-image: linear-gradient( #000044, #000066);
	width: 100%;
	margin-bottom: 20px;
	border: 2px solid white;
}
.vertical-middle {
	float: left;
}
.homepage-category-mob h3 {
	color: white;
	padding-left: 5%;
	padding-top: 4%;
}

.homepage-category-mob p {
	color: white;
	padding-left: 5%;
	padding-top: 4%;
}

a.category-link-block p {
	color: #e8e8e8;
	font-size: .8em;
	font-weight: 300;
	line-height: 1.4em;
	white-space: nowrap;
}

a:hover.category-link-block {
	box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.4);
	border: 2px solid red;
}

a.homepage-categories h3 {
	border: 2px solid white;
}

.homepage-categories a:hover {
	background-image: linear-gradient(#000066,#000099);
	padding: 0;
	margin: 0;
	border-style: none;
}

.homepage-categories {
	margin-bottom: 30px;
}

.homepage-categories h3 {
	color: #e2e2e2;
	font-size: .9em;
	margin-top: 15px;
	margin-bottom: 06px;
	display: flex;
	padding-bottom: 0;
	margin-left: 15px;
}

.homepage-categories ul {
	color: #cccccc;
	padding: 0% 0 0% 1%;
	margin: 2% 0 0 4%;
	font-size: .8em;
	text-align: justify;
}

.homepage-categories li {
	padding: 0;
	display: inline;
	margin: 0;
}

.homepage-categories p {
	padding: 0 0 40px 20px;
	margin: 0;
}

.fa-circle {
	color: #606060;
	bottom: 2px;
	position: relative;
	font-size: .37em;
	margin-right: 10px;
}

/* @end */

.article-image-right-nomargin {
	border-radius: 10px;
	border: 2px solid #efedec;
	margin: 0 0 3% 3%;
	float: right;
	display: flex;
}

.margined-header {
	padding: 20px;
}

.FloatLeft {
	float: left;
}

/* @group Ex_subtext */

.margin_below {
	margin-bottom: 40px;
}

div.ex_subtext {
	background-color: #efedec;
	box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	border: 2px solid #efedec;
	position: relative;
	height: 100%;
	padding-bottom: 20px;
}

div.ex_subtext-nolink {
	margin-bottom: 30px;
}

.sp-module-content .mod-custom {
	margin-bottom: -10px;
}

div#sp-below2right, div#sp-below2middle, div#sp-below2left, div#sp-below2-right2, div#sp-below2-middle2, div#sp-below2-left2, div#sp-below2-1up {
	padding: 2%;
}

h2.title_ex_subtext {
	background-color: #000055;
	text-align: center;
	color: white;
	margin-top: -14px;
	padding: 20px 0;
	font-size: .85em;
}

.ex_subtext h2 {
	background-color: #000055;
	text-align: center;
	color: white;
	padding: 20px 0;
	font-size: .85em;
	margin-top: 2px;
}

.ex_subtext h3 {
	margin: 20px 30px 40px;
}

.ex_subtext h4 {
	margin: 30px 30px 30px 40px;
	font-size: .9em;
	font-weight: 600;
}

.ex_subtext img {
	border-radius: 8px 8px 0px 0px;
}

.fa-link {
	color: #707070;
	padding-right: 6px;
}

.fa.fa-chevron-right {
	color: #707070;
	padding-left: 16px;
}

.ex_subtext_link {
	float: left;
	margin-top: 75px;
}

.ex_subtext_link a {
	background-image: linear-gradient(#000066,#000033);
	display: block;
	text-align: center;
	margin: 0 -10px -16px 0;
	padding: 20px 3px;
	border-radius: 8px;
	color: #ffffff;
	position: absolute;
	bottom: 16px;
	width: 100%;
	font-size: .85em;
	font-weight: 400;
}

.ex_subtext_link a:hover {
	background-image: linear-gradient(#000099,#000066);
}

.ex_subtext p {
	padding: 0 5px 0 10px;
	margin: 20px 10px 15px;
	font-size: .9em;
	font-weight: 300;
	line-height: 1.6em;
}

p.ex_subtext {
	padding: 0 5px 0 10px;
	margin: 15px 5px 5px;
	font-size: .9em;
	font-weight: 300;
}

div.ex_subtext_que {
	height: 100%;
	margin-bottom: 30px;
}

p.ex_subtext_que {
	padding: 0 7px 0 10px;
	margin: 20px 5px;
	color: #413e39;
}

.ex_subtext_que li {
	color: #413e39;
}

.ex_subtext_que strong {
	font-size: 1.1em;
	font-weight: 500;
	margin: -20px;
}

#jform_spacer-lbl {
	color: gray;
	text-align: right;
	font-size: .8em;
	float: right;
}

.ex_subtext ul {
	list-style-type: none;
	margin-right: 7%;
	margin-top: 1%;
}

.ex_subtext li {
	font-size: 0.8em;
	font-weight: 400;
	list-style-position: inside;
	margin-bottom: 10px;
}

li.ex_subtext {
	font-size: 0.8em;
	font-weight: 400;
	text-decoration: none;
}

.answer {
	background-color: #e2e0dd;
	padding: 8px 10px 10px;
	border-radius: 9px;
	margin: 10px 10px -10px;
}

/* @end */

/* @group Contact us */

.ContacMod {
	color: red;
}

.RightOfArticle {
	margin: 0;
	padding: 0;
}

.LeftOfArticle {
	margin: 140px 0px 0px 0px;
}

.margin15 {
	margin-right: 10px;
	font-weight: bold;
	font-size: .65em;
}

.margin20 {
	margin-right: 20px;
}

.fa, .fa.fa, .fab, .contactinline strong {
	color: gray;
}

.contactinline {
	display: flex;
}

.contactinline p {
	font-size: .645em;
	font-weight: 400;
	margin-bottom: 20px;
}

.ContactIcon {
	color: gray;
}

.sp-contact-phone a, .sp-contact-email a, .social-icons li a {
	padding: 20px;
	margin: 0;
}

div.MapContact {
	padding: 0;
	margin: 0 0 -58px;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.1);
	background-color: silver;
}

.form-label {
	color: gray;
	font-size: .8em;
}

.ulbox li {
	background-color: #e2e0dd;
	padding: 15px 10px 15px 15px;
	border-radius: 9px;
	margin-left: -10px;
	margin-bottom: 15px;
}

.ulbox ol {
	margin-bottom: -25px;
	margin-left: -25px;
	list-style-type: none;
}

/* @end */

/* @group Work Produced */

.mod-articlesnews-horizontal li {
	display: flex;
	justify-content: flex-end;
	flex-direction: column-reverse;
}

h4.newsflash-title {
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	text-align: center;
	font-weight: 600;
	font-size: 1em;
	margin: -10px 0 0;
}

.RelatedArticles b h4 {
	margin: 1% 0 2% 2%;
}

.RelatedArticles li {
	background-color: #efedec;
	padding: 2px 2px;
	margin: 3% 2%;
	border-radius: 10px;
	box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.1);
	font-size: 90%;
}

.RelatedArticles a {
	background-color: #000066;
	display: flex;
	width: 100%;
	height: 120px;
	align-items: center;
	color: white;
	margin: -19px 0 -5px;
	border-radius: 0px 0px 8px 8px;
	padding: 10px;
	line-height: 1.3em;
	justify-content: center;
}

.RelatedArticles a:hover {
	background-color: #000099;
}

/* @end */

/* @group Sign Category Tags */

.signcattags p {
	background-color: #efedec;
	box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	position: relative;
	height: 100%;
	border-radius: 10px;
	font-size: .85em;
	font-weight: 300;
	margin-bottom: 10px;
	padding: 15px;
	line-height: 1.6em;
}

.signcattags {
	margin: 0px;
	padding: 0px;
}

.mod-articlecategories.categories-module.mod-list ul {
	padding-left: 20px;
	margin-left: -20px;
}

.signcattags li {
	background-color: #efedec;
	box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	position: relative;
	height: 100%;
	border-radius: 10px;
	font-size: .75em;
	font-weight: 600;
	margin-bottom: 10px;
	padding: 9px 20px 6px;
	margin-left: -10px;
}

.signcattags li.active a {
	border-top: 2px solid #efedec;
	border-bottom: 2px solid #efedec;
	position: relative;
}

.signcattags li a {
	height: 100%;
	border-bottom: 2px solid #efedec;
}

.signcattags li a:hover {
	border-bottom: 2px solid gray;
}

/* @end */

table.extable {
	width: 100%;
	margin: 30px 0;
}

.extable tr {
	padding: 0;
	margin: 0;
}

.extable td {
	border: 3px solid #e8e6e4;
	border-radius: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: .8em;
	font-weight: 400;
}

.tabletextr p {
	font-size: .75em;
	font-weight: 400;
	text-align: right;
	padding: 4% 4% 4% 2%;
}

.tabletextc p {
	font-size: .75em;
	font-weight: 400;
	text-align: center;
	padding: 4%;
	color: white;
}

.extable_td {
	vertical-align: middle;
	border-radius: 5px;
	background-color: #aaaaaa;
	position: relative;
	color: white;
}

p.extable_td {
	color: white;
}

p.extable_td_c {
	color: white;
	text-align: center;
}

.text-center p {
	text-align: center;
	padding: 1%;
}

.text-right p {
	text-align: right;
	height: 100%;
	position: relative;
	padding: 10px 1%;
}

.column1 {
	background-color: red;
	border-radius: 5px;
	color: white;
}

.column2 {
	background-color: orange;
	border-radius: 5px;
}

.column3 {
	background-color: yellow;
	border-radius: 5px;
}

.column4 {
	background-color: #cbef50;
	border-radius: 5px;
}

.column5 {
	background-color: lime;
	border-radius: 5px;
}

.column-white {
	background-color: white;
}

.column-yellow {
	background-color: #ffd72a;
}

.column-gold {
	background-color: #f9c231;
}

.column-orange {
	background-color: #ee642b;
	color: #fff;
}

.column-red {
	background-color: #eb1853;
	color: #fff;
}

.column-rgreen {
	background-color: #165135;
	color: #fff;
}

.column-green {
	background-color: #139851;
	color: #fff;
}

.column-pblue {
	background-color: #5bc1cd;
	color: #fff;
}

.column-sblue {
	background-color: #1994d7;
	color: #fff;
}

.column-rblue {
	background-color: #2d3387;
	color: #fff;
}

.column-beige {
	background-color: #f9e2ae;
}

.column-ivory {
	background-color: #f3edb8;
}

.column-blk {
	background-color: #000;
	color: #fff;
}

.column-grey {
	background-color: #aca6a6;
	color: #fff;
}

.column-silver {
	background-color: #c7c8c2;
	color: #fff;
}

.column-brushedsilver {
	background: #ccc url('https://theexhibitionist.co.uk/2023/images/LargeFormatPrint/brushed-metal-effect.png') scroll 0 0;
	color: maroon;
}

.column-brushedgold {
	background: #ffeb09 url('https://theexhibitionist.co.uk/2023/images/LargeFormatPrint/brushed-metal-effect.png') scroll 0 0;
	color: white;
}

.column-brushedbronze {
	background: #cc670e url('https://theexhibitionist.co.uk/2023/images/LargeFormatPrint/brushed-metal-effect.png') scroll 0 0;
	color: white;
}

.extable th {
	background-color: #aaa;
	border: 3px solid #e8e6e4;
	border-radius: 10px;
}

.extable h6 {
	margin: 20px auto;
	padding: 5px 10% 4px;
	text-align: center;
	font-weight: bold;
	color: white;
	visibility: visible;
}

.readmore {
	font-weight: 400;
	text-align: center;
	margin-top: -20px;
}

#sp-footer .container-inner {
	border-top-style: none;
}

/* @group HomepageNews */

.HomepageNews a {
	display: inline-block;
	background-color: #000066;
	color: white;
	width: 100%;
	padding: 40px 10px;
	font-size: .8em;
	text-align: center;
	font-weight: 600;
	margin: -15px 0 -10px;
}

.HomepageNews a:hover {
	background-color: #000099;
}

div.mod-articlesnews__item {
	display: flex;
	justify-content: flex-end;
	flex-direction: column-reverse;
	margin: 0px 0px 30px 0px;
	padding: 30px;
	box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	border: 2px solid #e8e8e8;
	overflow: hidden;
	background-color: #efedec;
}

.HomepageNews h3 {
	border-radius: 10px;
	background-color: gray;
	text-align: center;
	color: white;
	padding: 20px 10px 10px;
	border: 2px solid #e8e8e8;
	box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.1);
}

/* @end */

/* @group menu4blog articles */

h3.sp-module-title {
	text-align: center;
}

.sp-module-title, #sp-right .sp-module .sp-module-title {
	margin: 0 0 -5px;
	padding-bottom: 20px;
	font-size: 22px;
	font-weight: 700;
	border-bottom: 0px solid #f3f3f3
}

/* @end */

.article-list .article .article-full-image {
	margin: 0;
	border-bottom: 0px solid #f5f5f5;
	border-radius: 10px;
	box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.1);
}

.article-list .article {
	margin-bottom: 0px;
	padding: 0 0px 20px;
	border: 0px solid #f5f5f5;
}

div.sm-top {
	padding-top: 25px;
	padding-right: 25px;
	padding-left: 25px;
	margin-right: auto;
	margin-left: auto;
	background-color: #000033;
}

.sm-top-block p {
	background-color: #000033;
	color: #f8f8f8;
	text-align: center;
	font-size: .8em;
	padding: 10px;
}

div.centermiddle {
	margin-left: 12%;
}

.ex-icon-commercial {
	height: 40px;
	width: 50px;
	background-image: url(images/menu-images/sign_trays.jpg);
}

div.sm-bottom {
	padding: 15px 15px 0;
	margin-right: 0;
	margin-left: 0;
}

/* @group footer */

.contactbox {
	border-radius: 10px;
	box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.1);
	background-color: #c6c2be;
	padding: 10px 10px 0 0;
	position: relative;
	display: inline-block;
	width: 555px;
	margin-bottom: 60px;
}

.contactboxinner {
	border-radius: 8px;
	background-color: #dcdad6;
	padding: 10px;
	margin: 0 0 10px 10px;
	float: left;
	clear: left;
	width: 250px;
}

.contactboxinnerright {
	border-radius: 8px;
	background-color: #dcdad6;
	padding: 11px;
	margin-bottom: 10px;
	width: 270px;
	float: right;
}

.contactboxinnerright strong {
	color: #413E39;
}

.contactboxinnericon {
	border-radius: 8px;
	background-color: #dcdad6;
	padding: 14px 8px 14px 17px;
	margin-bottom: 10px;
	float: right;
	margin-left: 10px;
}

.contact-icons {
	max-width: 25px;
	max-height: auto;
	width: 40px;
	height: auto;
	float: left;
	padding: 0;
	margin: 0 10px 0 0;
}
.footer-address {
	margin: 15px 0 10px 35px;
}
/* @end */

/* @group coloured vinyl chart */

.collapsible-swatch {
	
}

ul.colour-swatchs  {
	margin-left: 20px;
}

.colour-swatchs li {
	list-style-type: none;
}

.colour-swatch {
	float: left;
	display: inline-block;
}

.colour-content {
	width: 120px;
	height: 120px;
	margin: 4px;
	border-radius: 5px;
	box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.1);
}

.colour-info {
	display: none;
}

.colour-content:hover .colour-info {
	display: block;
}

.colour-info {
	font-size: 0.6em;
	font-weight: 500;
	text-align: center;
	padding-top: 10px;
	background-color: white;
	border-radius: 5px;
	height: 120px;
}

.colour-code {
	font-weight: 700;
	display: block;
	font-size: 1.1em;
}

.colour-name {
	margin: 5px 0 5px;
	display: block;
	padding: 0;
	font-weight: 300;
}

.label-value {
	margin-bottom: 5px;
	display: block;
}

.hexcode {
	margin-bottom: 10px;
}

.silver-metallic {
	width: 120px;
	height: 120px;
	background: linear-gradient(45deg, #eaeaea, #f5f5f5);
	position: relative;
	overflow: hidden;
}

.silver-metallic::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: radial-gradient(circle at 10% 20%, #ffffff 10%, #eaeaea 60%);
	opacity: 0.5;
	background: url('https://theexhibitionist.co.uk/images/web/metallic-texture.png');
	background-size: cover;
	opacity: 1;
}

.silver-metallic::after {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.7));
}

.silver-metallic .colour-info {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	justify-content: center;
	align-items: center;
}

.silver-metallic .colour-content:hover .colour-info, .silver-metallic .colour-content:focus .colour-info {
	display: flex;
	background-color: white;
}

.silver-metallic .colour-info span {
	color: black; /* or whatever color you prefer */
}

.gold-metallic {
	position: relative;
	background: rgb(148,109,6);
}

.gold-metallic:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(45deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
	z-index: 1;
	border-radius: 5px;
	background: url('https://theexhibitionist.co.uk/images/web/metallic-texture.png');
	background-size: cover;
	opacity: 0.5;
}

.gold-metallic:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	background: linear-gradient(45deg, rgba(148,109,6, 1) 0%, rgba(189,139,6, 0) 100%);
	z-index: 2;
	border-radius: 5px;
}

.Anthracite {
	position: relative;
	background: rgb(67, 69, 66);
	border-radius: 5px;
}

.Anthracite:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(45deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
	z-index: 1;
	border-radius: 5px;
	background: url('https://theexhibitionist.co.uk/images/web/metallic-texture.png');
	background-size: cover;
	opacity: 0.5;
}

.Anthracite:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	background: linear-gradient(45deg, rgba(51, 51, 51, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
	z-index: 2;
	border-radius: 5px;
}

.nickel {
	position: relative;
	background: rgb(114, 116, 114);
	border-radius: 5px;
}

.nickel:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(45deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
	z-index: 1;
	border-radius: 5px;
	background: url('https://theexhibitionist.co.uk/images/web/metallic-texture.png');
	background-size: cover;
	opacity: 0.5;
}

.nickel:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	background: linear-gradient(45deg, rgba(150, 150, 150, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
	z-index: 2;
	border-radius: 5px;
}

.graphite {
	position: relative;
	background: rgb(68, 70, 72);
}

.graphite:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(45deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
	z-index: 1;
	border-radius: 5px;
	background: url('https://theexhibitionist.co.uk/images/web/metallic-texture.png');
	background-size: cover;
	opacity: 0.5;
}

.graphite:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	background: linear-gradient(45deg, rgba(34, 34, 34, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
	z-index: 2;
	border-radius: 5px;
}

.reflective {
		position: relative;
}

.reflective:before {
		content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 5px;
	background: url('https://theexhibitionist.co.uk/images/web/metallic-texture.png');
	opacity: 0.2;
}
.prismatic {
		position: relative;
}

.prismatic:before {
		content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 5px;
	background: url('https://theexhibitionist.co.uk/images/web/prismatic.png');
	opacity: 0.2;
}

.vinylbutton {
	margin-top: 20px;
	margin-bottom: 50px;
}

.vinylbutton a {
	padding: 5px 10px;
	background-image: linear-gradient(#000099,#000066);
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 0;
	border-radius: 5px;
	font-weight: 400;
	color: white;
	position: relative;
	display: inline-block;
}


.vinylbutton a:hover {
	background-image: linear-gradient(#000066,#000033);
	color: white;
}
/* @end */