@import url('https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
html { scroll-behavior: smooth; }

body {
    color: #535862;
	font-weight: normal;
	font-size: medium;
	font-family: Hind, Helvetica, Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0;
}

iframe { border: 0 none; }
/*
	.autocomplete-w1 { width: 750px; max-width: 100%; background: #eeeeee; position: absolute; top: 0px; left: 0px; margin: 6px 0 0 6px; } 
	.autocomplete { width: 100%; border: 1px solid #999999; background: #ffffff; cursor: default; text-align: left; max-height: 350px; overflow: auto; margin: -6px 6px 6px -6px; } 
	.autocomplete .selected { background: #F0F0F0; } 
	.autocomplete div { padding: 2px 5px; white-space: nowrap; overflow: hidden; } 
	.autocomplete strong { font-weight: normal; color: #3399FF; }
*/
	.autocomplete-suggestions { position: absolute; top: 40px; left: 5px; z-index: 99999; border: 3px solid #D00073; margin-top: 3px; background: #ffffff; cursor: default; overflow: auto; text-align: left; padding: 3px; border-radius: 9px; box-sizing: border-box; width: auto !important; max-width: 95vw; max-height: calc(100vh - 70px) !important;}
	.autocomplete-suggestion { padding: 3px; white-space: nowrap; overflow: hidden; }
	.autocomplete-selected { background: #F0F0F0; }
	.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
	.autocomplete-suggestions::-webkit-scrollbar {
		border-radius: 6px;
	}
	.autocomplete-suggestions::-webkit-scrollbar-track {
		background: #E7E9EB;
		border-radius: 6px;
	}
	.autocomplete-suggestions::-webkit-scrollbar {
		border-radius: 6px;
	}
	.autocomplete-suggestions::-webkit-scrollbar-thumb {
		background: #8B8B8B;
		border-radius: 6px;
	}

#products-autocomplete .autocomplete-suggestions { position: absolute; top: 10px; left: 5px; }

.anchor { padding-top: 110px !important; margin-top: -110px !important; }

/* fonts: */

.hind { font-family: Hind, Helvetica, Verdana, Arial, sans-serif; }
.montserrat { font-family: Montserrat, Helvetica, Verdana, Arial, sans-serif; }

/* colours: */

/* 2025: */
.caltag-yellow { color: #F4981D !important; }
.caltag-pink { color: #D00073 !important; }
.caltag-blue { color: #0665AB !important; }
.caltag-purple { color: #5C4187 !important; }
.caltag-body-text { color: #535862 !important; }
.caltag-text-dark { color: #414651 !important; }
.caltag-almost-black { color: #181D27 !important; }
.caltag-light-grey { color: #A4A7AE !important; }
.caltag-light-purple { color: #F8F6FD !important; }
.caltag-border-light-gray { color: #E9EAEB !important; }

.caltag-yellowbg {  color: #ffffff; background: #F4981D !important; }
.caltag-pinkbg {  color: #ffffff; background: #D00073 !important; }
.caltag-bluebg {  color: #ffffff; background: #0665AB !important; }
.caltag-purplebg {  color: #ffffff; background: #5C4187 !important; }

.gradient-one-40 { background: #F4981D linear-gradient(31deg, #CC0073 -68.46%, #F0941F 56.02%); } /* orange */
.gradient-one-0 { background: #F4981D linear-gradient(90deg, #CC0073 0%, #F0941F 99.9%); }
.gradient-two-40 { background: #F4981D linear-gradient(31deg, #0364A6 -89.83%, #CC0073 62.46%); } /* pink */
.gradient-two-0 { background: #F4981D linear-gradient(90deg, #0364A6 0%, #CC0073 99.9%); }
.gradient-three-40 { background: #F4981D linear-gradient(31deg, #CC0073 -61.05%, #0364A6 63.43%); } /* blue */
.gradient-three-0 { background: #F4981D linear-gradient(90deg, #CC0073 0%, #0364A6 99.9%); }
.gradient-four-40 { background: #F4981D linear-gradient(31deg, #0364A6 -68.46%, #5C4183 56.02%); } /* blue purple */
.gradient-four-0 { background: #F4981D linear-gradient(90deg, #0364A6 0%, #5C4183 99.9%); }
.gradient-five-40 { background: #5C4187 linear-gradient(31deg, #CC0073 -61.05%, #5C4183 63.43%); } /* pink purple */
.gradient-five-0 { background: #5C4187 linear-gradient(90deg, #CC0073 0%, #5C4183 99.9%); }
.gradient-full-40 { background: #F4981D linear-gradient(31deg, #F0941C -3.46%, #CC0073 50.16%, #0364A6 104.21%); } /* orange blue */
.gradient-full--90 { background: #F4981D linear-gradient(180deg, #F0941C -10.98%, #CC0073 50.85%, #0364A6 113.18%); }

/* /2025 */

.house { color: #D00073 !important; }  /* caltag-pink */
.houselight { color: #5C4187 !important; } /* caltag-purple */
.housedark { color: #7484db !important; } /* caltag-light-blue */
.secondary { color: #0665AB !important; } /* caltag-blue */

.housebg { color: #ffffff; background: #D00073; }
.houselightbg { color: #ffffff; background: #5C4187; }
.housedarkbg { color: #ffffff; background: #7484db; }
.secondarybg { color: #ffffff; background: #0665AB; }

.default-text-color { color: #535862; }

.white { color: #ffffff !important; }
.whitebg { background: #ffffff !important; }

.black { color: #000000 !important; }
.blackbg { background: #000000 !important; }

.grey { color: #A4A7AE; }

.red { color: #dd0000 !important; }
.boldred { color: #dd0000 !important; font-weight: 700 !important; }

.redbg { color: #ffffff; background: #dd0000 !important; }
.redbg a { color: #ffffff !important; }

.highlight { color: #D00073 !important; font-weight: bold; }
.highlighted { background: #D00073 !important; color: #ffffff; }

.light { font-weight: 300 !important; }
.normal { font-weight: 400 !important; }
.bold, .strong { font-weight: 700 !important; }

/* /colours */

hr {}
hr.pink { border-top: 1px solid #D00073; }
hr.w33 { width: 33%; margin: 0 auto; }
hr.w50 { width: 50%; margin: 0 auto; }
hr.w66 { width: 66%; margin: 0 auto; }
hr.w100 { width: 100%; margin: 0 auto; }

.circleDonutChart { background: transparent url('/images/white-disc-bg.png') center center no-repeat; background-size: contain; }

.language-choose { }
.language-button, .language-button-selected { float: right; margin: 0 3px 7px 0; padding: 4px 4px 2px 4px; border: 1px solid #DEDFE1; border-radius: 9px; cursor: pointer; text-decoration: none !important; }
.language-button img, .language-button-selected img { vertical-align: text-top; }
.language-button:hover, .language-button-selected { background: #bababa; }

img { max-width: 100%; }
img.natural { width: auto !important; height: auto !important; align-self: center; }

#the_team img.natural { margin: 15px auto; }

.breadcrumb { padding: 2em 0; color: #666666; }
.breadcrumb { float: left; text-align: left; margin: 0; font-size: 0.875em; }
.breadcrumb a { color: #666666 !important; }

.product_groups {}
.product_groups .flexbox h3 { margin: 0 !important; padding: 1em 0 0.25em 0 !important; font-size: 1.25em !important; border-radius: 18px 18px 0 0; box-sizing: border-box; }
.product_groups .lesslinks, .product_groups .morelinks { float: right; font-size: 1.5em; padding: 1px 8px 0 7px !important; border-radius: 50%; }


.group_info {
	display: flex;
	flex: 1 1 75%;
	flex-direction: column;
	align-items: stretch;
	margin: 0%;
	box-sizing: border-box;
}

.group_image {
	display: flex;
	flex: 1 1 25%;
	flex-direction: column;
	align-items: stretch;
	margin: 0%;
	box-sizing: border-box;
    position: relative;
    min-height: 260px;
}

.group_image img {
	width: 240px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.g3_links { max-height: 180px; overflow: hidden; transition: all 12s ease; }
.auto-height { max-height: none !important; transition: all 12s ease; }

/* G2 styles: (not used)
.banner.primary_cells, .banner.primary_cells h1 { color: #ffffff !important; background-color: #087f8c; }

.primary_cells h3, .primary_cells .filter-panel { color: #D00073 !important; background-color: #B5D9DC; }
*/

/* G1 styles: */

.banner.house, .banner.house a, .banner.house h1 { color: #ffffff !important; background-color: #D00073; }
.banner.antibodies, .banner.antibodies a, .banner.antibodies h1 { color: #ffffff !important; background-color: #0665ab; }
.banner.assays_kits, .banner.assays_kits a, .banner.assays_kits h1 { color: #ffffff !important; background-color: #5c4187; }
.banner.biochemicals_nanoparticles, .banner.biochemicals_nanoparticles a, .banner.biochemicals_nanoparticles h1 { color: #000000 !important; background-color: #D7ACC0; }
.banner.biological_samples, .banner.biological_samples a, .banner.biological_samples h1 { color: #000000 !important; background-color: #f4981d; }
.banner.biochemicals_buffers, .banner.biochemicals_buffers a, .banner.biochemicals_buffers h1 { color: #000000 !important; background-color: #f4981d; }
.banner.cell_culture, .banner.cell_culture a, .banner.cell_culture h1 { color: #000000 !important; background-color: #80b192; }
.banner.dna_rna, .banner.dna_rna a, .banner.dna_rna h1 { color: #ffffff !important; background-color: #d00073; }
.banner.labware, .banner.labware a, .banner.labware h1 { color: #ffffff !important; background-color: #0665ab; }
.banner.proteins_peptides, .banner.proteins_peptides a, .banner.proteins_peptides h1 { color: #ffffff !important; background-color: #5c4187; }
.banner a:hover { text-decoration: none; }

/* these styles used to include [g1 classname] h3,*/
.house .filter-panel { color: #000000 !important; background-color: #DFEBF5; }
.antibodies .filter-panel { color: #000000 !important; background-color: #6AA3CD; }
.assays_kits .filter-panel { color: #000000 !important; background-color: #9D8DB7; }
.biochemicals_nanoparticles .filter-panel { color: #000000 !important; background-color: #EBD6E0; }
.biological_samples .filter-panel { color: #000000 !important; background-color: #f7c077; }
.biochemicals_buffers .filter-panel { color: #000000 !important; background-color: #f7c077; }
.cell_culture .filter-panel { color: #000000 !important; background-color: #C0D8C9; }
.dna_rna .filter-panel { color: #000000 !important; background-color: #E366AB; }
.labware .filter-panel { color: #000000 !important; background-color: #6AA3CD; }
.proteins_peptides .filter-panel { color: #000000 !important; background-color: #9D8DB7; }

.product_grid {
	display: flex;
	padding-top: 24px;
	flex-direction: row;
	align-items: stretch;
	flex-wrap: wrap;
}
.product_grid>div {
	padding: 9px;
	margin: 20px 2%;
	text-decoration: none !important;
	border-radius: 16px;
	box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.25);
	background-color: #ffffff;
	border: 3px solid transparent;
	background: linear-gradient(to top, #ffffff 0%, #ffffff 100%), linear-gradient(31deg, #F0941C -3.46%, #CC0073 50.16%, #0364A6 104.21%);
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
}
.product_grid.g1_grid>div {
	position: relative;
	text-align: center;
	padding-top: 42px;
	margin-top: 60px;
	margin-botton: 20px;
}
.product_grid>div h3 {
	color: #5C4187;
	text-align: center;
	font-size: 1.125em;
	font-style: normal;
	font-weight: 600;
	line-height: 1.3em;
}
.product_grid>div p {
	margin: 0 auto;
	line-height: 20px;
}
.g1_icon {
	position: absolute;
	left: 50%;
	top: -32px;
	transform: translateX(-50%);
	z-index: 2;
	width: 68px;
	height: 68px;
	background: #D00073;
	border-radius: 0 12px;
}
.g1_icon img { width: 100%; }
.g1_icon { background: #5C4187; }

.outer-circle {
    width: 100%;
    height: 0px;
    padding-top: 3%;
    padding-bottom: 97%;
    margin: auto;
    border-radius: 50%;
    background: transparent;
}
.inner-circle {
    width: 94%;
    padding-bottom: 94%;
    background: #ffffff;
    border-radius: 50%;
    position: relative;
    top: 0px;
    left: 3%;
}

.swell { padding: 60px 60px; transition: 0.5s; box-sizing: border-box; }
.swell:hover { padding: 40px 40px; transition: 0.5s; }

.thickbordered.caltag-yellow { border-color: #f4981d; }

.swell .house { border: 9px solid transparent; border-color: transparent #D00073 #D00073 transparent; transition: 0.3s }
.swell:hover .house { border-color: #D00073 #D00073 #D00073 #D00073; transition: 0.3s }
.thickbordered.house { border-color: #D00073; }

.swell .antibodies.bgwhite { border: 9px solid #ffffff; border-color: #ffffff #4f52ff #4f52ff #ffffff; transition: 0.3s }
.swell .antibodies { border: 9px solid #D00073; border-color: #D00073 #4f52ff #4f52ff #D00073; transition: 0.3s }
.swell:hover .antibodies { border-color: #4f52ff #4f52ff #4f52ff #4f52ff; transition: 0.3s }
.thickbordered.antibodies { border-color: #4f52ff; }

.swell .assays_kits.bgwhite { border: 9px solid #ffffff; border-color: #ffffff #5C4187 #5C4187 #ffffff; transition: 0.3s }
.swell .assays_kits { border: 9px solid #D00073; border-color: #D00073 #5C4187 #5C4187 #D00073; transition: 0.3s }
.swell:hover .assays_kits { border-color: #5C4187 #5C4187 #5C4187 #5C4187; transition: 0.3s }
.thickbordered.assays_kits { border-color: #5C4187; }

.swell .proteins_peptides.bgwhite { border: 9px solid #ffffff; border-color: #ffffff #99a1a6 #99a1a6 #ffffff; transition: 0.3s }
.swell .proteins_peptides { border: 9px solid #D00073; border-color: #D00073 #99a1a6 #99a1a6 #D00073; transition: 0.3s }
.swell:hover .proteins_peptides { border-color: #99a1a6 #99a1a6 #99a1a6 #99a1a6; transition: 0.3s }
.thickbordered.proteins_peptides { border-color: #99a1a6; }

.swell .dna_rna.bgwhite { border: 9px solid #ffffff; border-color: #ffffff #0665AB #0665AB #ffffff; transition: 0.3s }
.swell .dna_rna { border: 9px solid #D00073; border-color: #D00073 #0665AB #0665AB #D00073; transition: 0.3s }
.swell:hover .dna_rna { border-color: #0665AB #0665AB #0665AB #0665AB; transition: 0.3s }
.thickbordered.dna_rna { border-color: #0665AB; }

.swell .biological_samples.bgwhite { border: 9px solid #ffffff; border-color: #ffffff #087f8c #087f8c #ffffff; transition: 0.3s }
.swell .biological_samples { border: 9px solid #D00073; border-color: #D00073 #087f8c #087f8c #D00073; transition: 0.3s }
.swell:hover .biological_samples { border-color: #087f8c #087f8c #087f8c #087f8c ; transition: 0.3s }
.thickbordered.biological_samples { border-color: #087f8c; }

.swell .cell_culture.bgwhite { border: 9px solid #ffffff; border-color: #ffffff #80b192 #80b192 #ffffff; transition: 0.3s }
.swell .cell_culture { border: 9px solid #D00073; border-color: #D00073 #80b192 #80b192 #D00073; transition: 0.3s }
.swell:hover .cell_culture { border-color: #80b192 #80b192 #80b192 #80b192; transition: 0.3s }
.thickbordered.cell_culture { border-color: #80b192; }

.swell .biochemicals_nanoparticles.bgwhite { border: 9px solid #ffffff; border-color: #ffffff #c98ca7 #c98ca7 #ffffff; transition: 0.3s }
.swell .biochemicals_nanoparticles { border: 9px solid #D00073; border-color: #D00073 #c98ca7 #c98ca7 #D00073; transition: 0.3s }
.swell:hover .biochemicals_nanoparticles { border-color: #c98ca7 #c98ca7 #c98ca7 #c98ca7; transition: 0.3s }
.thickbordered.biochemicals_nanoparticles { border-color: #c98ca7; }

.swell .labware.bgwhite { border: 9px solid #ffffff; border-color: #ffffff #CD698F #CD698F #ffffff; transition: 0.3s }
.swell .labware { border: 9px solid #D00073; border-color: #D00073 #CD698F #CD698F #D00073; transition: 0.3s }
.swell:hover .labware { border-color: #CD698F #CD698F #CD698F #CD698F; transition: 0.3s }
.thickbordered.labware { border-color: #CD698F; }

.swell .biochemicals_buffers.bgwhite { border: 9px solid #ffffff; border-color: #ffffff #a13d63  #a13d63 #ffffff; transition: 0.3s }
.swell .biochemicals_buffers { border: 9px solid #D00073; border-color: #D00073 #a13d63  #a13d63 #D00073; transition: 0.3s }
.swell:hover .biochemicals_buffers { border-color: #a13d63 #a13d63 #a13d63 #a13d63; transition: 0.3s }
.thickbordered.biochemicals_buffers { border-color: #a13d63; }

.swell .quality, .swell .secondary { border: 9px solid transparent; border-color: transparent #0665AB #0665AB transparent; transition: 0.3s }
.swell:hover .quality, .swell:hover .secondary { border-color: #0665AB #0665AB #0665AB #0665AB; transition: 0.3s }
.thickbordered.quality, .thickbordered.secondary { border-color: #0665AB; }

.swell .support { border: 9px solid transparent; border-color: transparent #6F72FF #6F72FF transparent; transition: 0.3s }
.swell:hover .support { border-color: #6F72FF #6F72FF #6F72FF #6F72FF; transition: 0.3s }
.thickbordered.support { border-color: #6F72FF; }

.swell .pricing { border: 9px solid transparent; border-color: transparent #087F8C #087F8C transparent; transition: 0.3s }
.swell:hover .pricing { border-color: #087F8C #087F8C #087F8C #087F8C; transition: 0.3s }
.thickbordered.pricing { border-color: #087F8C; }

.swell .logistics { border: 9px solid transparent; border-color: transparent #A13D63 #A13D63 transparent; transition: 0.3s }
.swell:hover .logistics { border-color: #A13D63 #A13D63 #A13D63 #A13D63; transition: 0.3s }
.thickbordered.logistics { border-color: #A13D63; }

.swell .videos { border: 9px solid transparent; border-color: transparent #80b192 #80b192 transparent; transition: 0.3s }
.swell:hover .videos { border-color: #80b192 #80b192 #80b192 #80b192; transition: 0.3s }
.thickbordered.videos { border-color: #80b192; }

.swell .documents { border: 9px solid transparent; border-color: transparent #c98ca7 #c98ca7 transparent; transition: 0.3s }
.swell:hover .documents { border-color: #c98ca7 #c98ca7 #c98ca7 #c98ca7; transition: 0.3s }
.thickbordered.documents { border-color: #c98ca7; }

.swell .publications { border: 9px solid transparent; border-color: transparent #99a1a6 #99a1a6 transparent; transition: 0.3s }
.swell:hover .publications { border-color: #99a1a6 #99a1a6 #99a1a6 #99a1a6; transition: 0.3s }
.thickbordered.publications { border-color: #99a1a6; }

h1 { font-family: Montserrat, Helvetica, Verdana, Arial, sans-serif; font-weight: 600; font-size: 2.25em; line-height: 1.25em; letter-spacing: -1.44px; color: #5C4187; padding-left: 5px; }
h2 { font-family: Montserrat, Helvetica, Verdana, Arial, sans-serif; font-weight: 600; font-size: 2.125em; line-height: 1.25em; letter-spacing: -0.96px; color: #5C4187; }
h3 { font-family: Montserrat, Helvetica, Verdana, Arial, sans-serif; font-weight: 600; font-size: 1.75em; line-height: 1.25em; letter-spacing: -0.72px; color: #5C4187; }
h4 { font-family: Montserrat, Helvetica, Verdana, Arial, sans-serif; font-weight: 600; font-size: 1.5em; line-height: 1.25em; letter-spacing: -0.60px; color: #5C4187; }
h5 { font-family: Montserrat, Helvetica, Verdana, Arial, sans-serif; font-weight: 600; font-size: 1.25em; line-height: 1.25em; letter-spacing: -0.50px; color: #5C4187; }
h6 { font-family: Montserrat, Helvetica, Verdana, Arial, sans-serif; font-weight: 600; font-size: 1.125em; line-height: 1.25em; letter-spacing: -0.40px; color: #5C4187; }

#primary h1, #primary h2, #primary h3 { font-weight: 600; } 

#home_products h2 {
	color: #5C4187;
	text-align: center;
	font-size: 2.25em;
	font-style: normal;
	font-weight: 600;
	line-height: 44px;
	letter-spacing: -0.72px;
}
#home_products>p {
	text-align: center;
	font-size: 1.25em;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
}

#home_subscribe, #footer_subscribe { padding: 96px 0; }

.product_detail h1 { padding: 0 0 0.75em 0; }

.post-title { font-family: Montserrat, Helvetica, Verdana, Arial, sans-serif; padding: 0 0 0.25em 0; margin: 0; font-size: 1.875em; color: #D00073; }

a:link, a:visited, a:active { color: #D00073; text-decoration: none; }
a:hover { color: #0665AB; text-decoration: underline; }

a.antilink:link, a.antilink:visited, a.antilink:active {  text-decoration: underline; }
a.antilink:hover { text-decoration: none; }

a.whitelink:link, a.whitelink:visited, a.whitelink:active { color: #ffffff !important; text-decoration: underline; }
a.whitelink:hover { text-decoration: none; }

a.whiteantilink:link, a.whiteantilink:visited, a.whiteantilink:active { color: #ffffff !important; text-decoration: none; }
a.whiteantilink:hover { text-decoration: underline; }

a.purple:link, a.purple:visited, a.purple:active { color: #5C4187; text-decoration: none; }
a.purple:hover { color: #D00073; text-decoration: underline; }

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

.container { 
    width: 1280px;
	max-width: 100%;
    margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}

.container.wide { width: 2000px;padding: 0 32px;  }
.container.narrow { width: 1080px; padding: 0 24px; }
.container.box { width: 800px; padding: 0 16px; }

.container.inner { padding: 24px 16px; }
#homepage .container.inner { padding: 0 16px; }

.supplier_page .row { padding-bottom: 24px; }
.supplier_page .container { padding-top: 24px; padding-bottm: 24px; }
.supplier_page #supplier_page_posts { padding-bottom: 48px; }
.supplier_page #supplier_documents { background: #ffffff; }
.supplier_page .flexbox>div { margin-top: 6px; margin-bottom: 6px; }

.featuredpanel {
	width: 800px;
	max-width: 100%;
    margin: 0 auto;
	box-sizing: border-box;
	padding: 0;
}
.featuredpane-left, .featuredpane-right { width: 100%; max-width: 380px; float: left; border-radius: 12px 12px 9px 9px; margin: 10px; padding: 0; }
.featured { position: relative; height: 200px; border: 3px solid #DEDFE1; border-radius: 8px 8px 5px 5px; background-position: center bottom; background-repeat: no-repeat; background-size: cover;}
.featured-heading {
	background: #394191;
	color: #ffffff; 
	text-align: center;
	border-radius: 6px 6px 0px 0px;
	font-size: 1em;
	padding: 5px;
/*	white-space: nowrap; */
	overflow: hidden;
	min-height: 36px
}
.featured-strap { position: absolute; bottom: 10px; left: 0; width: 100%; text-align: center; }

.losenge { margin: 0 auto; }
.losenge-right { border-radius: 0; }
.losenge-left { border-radius: 0; }

/* header styles: */

#masthead { }

#header { position: relative; color: #D00073; margin: 0 auto; padding: 13px 0;}
a:link, a:visited, a:active { color: #D00073; text-decoration: none; }
a:hover { color: #0665AB; text-decoration: none; }

#header-container { display: flex; max-width: 1280px; padding: 0; align-items: center; gap: 16px; align-self: stretch; margin: 0 auto; }
#header-container>div { flex: 1; flex-direction: column; align-items: stretch; }

#header-branding { order: 1; }
#header-logo { width: 150px; margin-left: 16px; display: block; }

#header-navigation { order: 3; flex: 0 0 38px !important; text-align: right; }

#header-cta  { order: 2; white-space: nowrap; min-width: 180px; text-align: right; }

#header-search { position: relative; float: left; width: 400px !important; max-width: calc(100% - 200px) !important; padding: 6px; box-sizing: border-box; }
#header-search #searchwords { border: solid 3px #D00073 !important; border-radius: 8px !important; padding-right: 50px; width: 95% !important; background: #ffffff url('/images/search_bg.png') right center no-repeat; background-color: #ffffff !important; background-size: auto 100%; }
#header-search .search-button { cursor: pointer; position: absolute; top: 7px; right: 20px; z-index: 2; width: 55px; height: 45px; border: 0 none; border-radius: 50%; background: transparent; color: transparent; }

#header-currency { position: relative; float: right; padding: 14px 16px 8px 16px; box-sizing: border-box; }
#header-currency label { display: none; }
#header-currency select { color: #ffffff; background: #D00073; font-size: 8px !important; font-weight: normal !important; width: 65px !important; padding: 6px 4px !important; border: 0 none; box-shadow: none; box-sizing: border-box; cursor: pointer; }

#header-basket { position: relative; float: right; padding: 14px 16px 8px 16px; cursor: pointer; box-sizing: border-box; }
#header-basket:hover { color: #0665AB; }
#basket-count { position: absolute; z-index: 2; bottom: 50%; left: 50%; margin: 0 0 3px 6px; z-index: 2; background: #dd0000; color: #ffffff; border-radius: 50%; padding: 2px 5px; font-size: 0.75em; font-family: sans-serif; display: none; }

#header-admin { display: none; position: relative; float: right; padding: 14px 16px 8px 16px; cursor: pointer; box-sizing: border-box; }
#header-admin:hover { color: #0665AB; }

#header-button { position: relative; float: right; margin: 3px 0; padding: 0px; box-sizing: border-box; }
#header-button .button { font-size: 1em; line-height: 1em; padding: 12px 14px; margin: 0; }

/* /header styles */

.main-navigation, .footer-navigation { }

#menushow, #menuhide { color: #535862; margin: 0 auto; padding: 7px 12px 2px 0; font-weight: normal; cursor: pointer; box-sizing: border-box; text-decoration: none; }
#menushow:hover, #menuhide:hover { color: #0665AB; text-decoration: none; }
#menushow { display: block; }
#menuhide { color: #D00073; display: none; }
#mainmenu { position: absolute; top: 80px; right: 0; width: 100%; z-index: 999; background: #ffffff; box-shadow: 0px 2px 12px 0px rgba(164,167,174,0.75); padding-bottom: 12px; box-sizing: border-box; display: none; }

.main-navigation ul { margin: 0 auto; padding: 0; font-size: 1em; line-height: 24px; font-weight: 500; text-align: right; box-sizing: border-box; }
.main-navigation ul>li { display: block; width: 100%; float: none; padding: 0; text-align: left; margin: 0; box-sizing: border-box; }
.main-navigation #mainmenu>ul>li { font-size: 1em; line-height: 24px; font-weight: 600; }

.footer-navigation ul { font-size: 1em; line-height: 24px; font-weight: 500; display: table; width: 100%; margin: 0; padding: 0; }
.footer-navigation ul>li { display: table-cell; text-align: center; margin: 0; }

.main-navigation ul li>span, .footer-navigation ul li>span
{
	color: #414651 !important;
	display: block;
    padding: 0;
    border-bottom: 0 none;
	text-decoration: none;
	box-sizing: border-box;
	position: relative;
}
.main-navigation ul li>span:hover, .footer-navigation ul li>span:hover
{ 
	color: #D00073 !important;
}

.main-navigation ul>li:hover, .footer-navigation ul>li:hover {}
.main-navigation ul li a, .footer-navigation ul li a,
.main-navigation ul>li>a, .footer-navigation ul>li>a,
.main-navigation ul>li>a:link, .main-navigation ul li a:link, .footer-navigation ul>li>a:link, .footer-navigation ul li a:link,
.main-navigation ul>li>a:visited, .main-navigation ul li a:visited, .footer-navigation ul>li>a:visited, .footer-navigation ul li a:visited,
.main-navigation ul>li>a:focus, .main-navigation ul li a:focus, .footer-navigation ul>li>a:focus, .footer-navigation ul li a:focus,
.main-navigation ul>li>a:active, .main-navigation ul li a:active, .footer-navigation ul>li>a:active, .footer-navigation ul li a:active
{
	color: #414651;
	text-decoration: none;
	display: block;
    padding: 9px;
    border-bottom: 0 none;
	box-sizing: border-box;
	text-decoration: none;
}

.footer-navigation ul>li:hover {}
.footer-navigation ul li a,
.footer-navigation ul li a:link,
.footer-navigation ul li a:visited,
.footer-navigation ul li a:focus,
.footer-navigation ul li a:active
{
	color: #5C4187 !important;
	padding: 9px 2px;
}

.main-navigation ul li span:hover a, .footer-navigation ul li span:hover a,
.main-navigation ul>li>span:hover a, .footer-navigation >li>span:hover a,
.main-navigation ul li a:hover, .footer-navigation ul li a:hover,
.main-navigation ul>li>a:hover, .footer-navigation ul>li>a:hover
{ 
	color: #D00073 !important;
	text-decoration: none;
}

.main-navigation ul ul { width: 100%; padding: 0; background-color: #ffffff; border-radius: 9px; }
.main-navigation ul ul li { width: 100%; padding: 0; }
/* .main-navigation ul ul li:last-of-type, .main-navigation ul ul li:last-of-type a { border-radius: 0 0 9px 9px; } */
.main-navigation ul ul li a { } /* white-space: nowrap; */
.main-navigation ul ul li a:hover { }

.main-navigation ul li ul { border: 0 none !important;}

.main-navigation ul li span, .main-navigation ul li li { padding-left: 2%; padding-right: 2%; box-sizing: border-box; }
/*
	#mainmenu .drop { position: relative; }
	#mainmenu .drop>a { margin-right: 50px; padding: 9px !important; }
*/
#mainmenu>ul>li>span a { padding: 9px 12px !important; }
#mainmenu .drop>span a { padding: 9px 18px 9px 12px; }
/* #mainmenu .drop .submenu a { padding: 9px !important;} */
/* #mainmenu .drop .submenu .hassubsub a { margin-right: 30px !important;} */
#mainmenu .drop .submenu { display: none; border-radius: 8px; margin: 0 10px; max-width: calc(100% - 20px); box-shadow: 2px 2px 12px 0px rgba(164,167,174,0.75); }

#mainmenu .subsubmenu { display: none; width: 100%; }
#mainmenu .subsubmenu ul { display: none; border-radius: 8px; max-width: calc(100% - 20px); box-shadow: 2px 2px 12px 0px rgba(164,167,174,0.75); }
 
.showsub { position: absolute; top: 0; right: 0; z-index: 2; height: 100%; font-size: 1.5em; padding: 9px 0; color: #A4A7AE; cursor: pointer; box-sizing: border-box; }
.showsubsub { display: none; float: right;font-size: 1.5em; padding: 9px 0; color: #A4A7AE; cursor: pointer; box-sizing: border-box; }
.showsub.dropped i, .showsubsub.subsubdropped i { transform: rotate(180deg); }
.dropper.dropped>a, .subshowing>a { color: #D00073 !important; }

ul.g2_links { break-inside: avoid; }
ul.g2_links a { font-size: 0.9em; font-weight: 300; padding: 3px 9px 3px 15px !important; }

.in-page-navigation { margin: 25px 5px; }
.in-page-navigation ul { width: 100%; font-weight: bold; padding: 5px; margin: 0; border: 0 none; list-style-type: none; position: relative; }
.in-page-navigation ul li { vertical-align: middle; list-style-type: none; padding: 0; margin: 0; border: 0 none; box-sizing: border-box; text-align: center; margin: 3px 1%; }
.in-page-navigation ul li a, 
.in-page-navigation ul li span { color: #ffffff; background: #5C4187; border: 2px solid #5C4187; text-decoration: none; border-radius: 8px; padding: 12px 18px; font-size: 1em; font-style: normal; font-weight: 600; line-height: 1.5em; 
	margin: .33em; text-align: center; text-decoration: none; display: inline-block; box-shadow: none; text-shadow: none; width: auto; height: auto; appearance: none; cursor: pointer; transition: all .5s ease; }
.in-page-navigation ul li:hover a, 
.in-page-navigation ul li:hover span { 	color: #5C4187; background: #ffffff; text-decoration: none; cursor: pointer; }
.in-page-navigation ul li.selected span { border: 2px solid #D00073; }
.in-page-navigation ul li.selected span:hover { color: #ffffff; background: #5C4187; border: 2px solid #D00073; text-decoration: none; cursor: default; }
.in-page-navigation #tab_all { display: none; }

.in-page-tabs { list-style-type: none; margin: 25px 5px; padding: 0; }
.in-page-tabs .in-page-tab { margin: 9px; }
.in-page-tabs .in-page-tab a,
.in-page-tabs .in-page-tab span { display: inline-block; width: 100%; color: #D00073; background: #0665AB; border-radius: 8px; padding: 6px 9px; text-decoration: none; }
.in-page-tabs .in-page-tab:not(.selected) a:hover,
.in-page-tabs .in-page-tab:not(.selected) span:hover { color: #0665AB; background: #D00073; cursor: pointer; }
.in-page-tabs .in-page-tab.selected a,
.in-page-tabs .in-page-tab.selected span { color: #0665AB; background: #D00073; }

/* paging: */

.setparams { font-size: 0.875em; margin: 0; padding: 5px; border-top: 1px solid #ffffff;}

.prevnext { float: right; margin: 0 5px; font-size: 0.875em; line-height: 250%; clear: right;}

.paging-bottom { float: right; margin: 0 5px; font-size: 0.875em; line-height: 250%; clear: right;}

.switchview { display: none; float: right; }
.switchview a { padding: 5px 8px; font-weight: normal; white-space: nowrap; border: 1px solid #B8D3E4; border-radius: 2px; }
.switchview a:link { color: #636363; background: #F6FBFE; text-decoration:none; font-weight: normal; } 
.switchview a:visited { color: #636363; background: #F6FBFE; text-decoration:none; font-weight: normal; } 
.switchview a:hover { color: #000000; background: #EFF6FB; text-decoration:none; font-weight: normal; }
.switchview a:active { color: #636363; background: #F6FBFE; text-decoration:none; font-weight: normal; }

.itemsperpage { float: left; font-size: 0.875em; }
.itemsperpage select { padding: 5px 8px; }
.itemsperpage a { padding: 5px 8px; font-weight: normal; white-space: nowrap; border: 1px solid #B8D3E4; border-radius: 2px; }
.itemsperpage a:link { color: #636363; background: #F6FBFE; text-decoration:none; font-weight: normal; } 
.itemsperpage a:visited { color: #636363; background: #F6FBFE; text-decoration:none; font-weight: normal; } 
.itemsperpage a:hover { color: #000000; background: #EFF6FB; text-decoration:none; font-weight: normal; }
.itemsperpage a:active { color: #636363; background: #F6FBFE; text-decoration:none; font-weight: normal; }

a.pagenumber { padding: 5px 8px; font-weight: normal; white-space: nowrap; border: 1px solid #B8D3E4; border-radius: 2px; }
a.pagenumber:link { color: #636363; background: #F6FBFE; text-decoration:none; font-weight: bold; } 
a.pagenumber:visited { color: #636363; background: #F6FBFE; text-decoration:none; font-weight: bold; } 
a.pagenumber:hover { color: #000000; background: #EFF6FB; text-decoration:none; font-weight: bold; }
a.pagenumber:active { color: #636363; background: #F6FBFE; text-decoration:none; font-weight: bold; }

a.pagelink { padding: 5px 8px; font-weight: normal; white-space: nowrap; border: 1px solid #B8D3E4; border-radius: 2px; }
a.pagelink:link { color: #636363; background: #F6FBFE; text-decoration:none; font-weight: normal; } 
a.pagelink:visited { color: #636363; background: #F6FBFE; text-decoration:none; font-weight: normal; } 
a.pagelink:hover { color: #000000; background: #EFF6FB; text-decoration:none; font-weight: normal; }
a.pagelink:active { color: #636363; background: #F6FBFE; text-decoration:none; font-weight: normal; }

.thispage { color: #000000; background: #EFF6FB; padding: 5px 8px; border: 1px solid #000000; border-radius: 2px; font-weight: bold; }

/* /paging */

.videocontainer,
.featured-image,
.featured-slider { 
	margin-top: 0;
	height: calc(37.6vw);
	max-height: calc(50vh);
	overflow: hidden;
}

.home-hero { margin: 32px auto; padding: 96px 0 120px 0; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); }
.home-hero h1 { color: #ffffff; text-align: center; font-size: 4.5em; font-style: normal; font-weight: 600; line-height: 90px; letter-spacing: -1.44px; margin-block-start: 0; margin-block-end: 0; padding: 0 0 24px 0; }
.home-hero p {color: #ffffff; text-align: center; font-size: 1.25em !important; font-style: normal; font-weight: 400; line-height: 30px; }
.home-hero #searchwords { width: 330px !important; margin: 0; }
.home-hero #all_products_button { position: relative; margin-left: 17px; box-sizing: border-box; }
.home-hero #all_products_button::before { content: ''; position: absolute; background-color: #ffffff; width: 1px; height: 170%; top: -35%; left: -17px; }

.about-hero { margin: 32px auto; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); }
.about-hero p { color: #ffffff; font-size: 3em; font-style: normal; font-weight: 600; line-height: 60px; }

#about-team .flexbox .flexbox-item-3 { margin: 15px 0; }
#about-team .flexbox .flexbox-item-3 img { max-width: 33%; margin: 3px; }
#about-team .flexbox .flexbox-item-3 h3 { font-size: 1.125em; color: #ffffff; margin: 0; padding: 4px 3px; line-height: 1.25em; }
#about-team .flexbox .flexbox-item-3 h4 { font-size: 1em; color: #ffffff; margin: 0; padding: 3px 3px; line-height: 1.25em; }
#about-team .flexbox .flexbox-item-3 p { color: #ffffff; margin: 0; padding: 2px 3px; line-height: 1.25em; }

#about-integrity .fa-ul li:nth-child(1) span { color: #F4981D; }
#about-integrity .fa-ul li:nth-child(2) span { color: #D00073; }
#about-integrity .fa-ul li:nth-child(3) span { color: #0665AB; }
#about-integrity .fa-ul li:nth-child(4) span { color: #5C4187; }

.panel_reassurance { margin: 64px auto; padding: 105px 32px; border-radius: 0 64px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); }
.panel_reassurance .flexbox { justify-content: flex-start; }
.panel_reassurance .flexbox>div { padding: 16px 32px; }
.panel_reassurance .flexbox .reassurance_inner { padding-left: 24px; border-left: 5px solid #F4981D; }
.panel_reassurance h4 { color: #ffffff; font-size: 2.8em !important; font-style: normal; font-weight: 600; line-height: 60px; letter-spacing: -0.96px; margin-block-start: 0; margin-block-end: 0; margin: 0 !important; padding: 0 !important; text-align: left !important; }
.panel_reassurance p {color: #F5F5F7; font-size: 1.125em; !important; font-style: normal; font-weight: 400; line-height: 28px; padding: 0; }

.home-testimonials { min-height: 340px; width: 100%; text-align: center; box-sizing: border-box; }
.home-testimonials .testimonials-icon { position: absolute;	position: absolute; left: 50%; top: 12px; transform: translateX(-50%); z-index: 2; width: 68px; height: 68px; }
.home-testimonials .testimonials { }
.home-testimonials .testimonial { min-height: 340px; display: none; align-items: center; width: 100%; box-sizing: border-box; background: transparent; text-align: center; margin: 0 auto; padding-top: 20px; }
.home-testimonials .testimonialcontent { width: 100% !important; padding: 0 25px; box-sizing: border-box; opacity: 0; transition: 0.5s; transition-timing-function: ease-out; }
.home-testimonials .testimonialcontent a { color: #ffffff; text-decoration: none; }
.home-testimonials .customercomment { text-align: center; font-size: 2.25em; line-height: 42px; color: #ffffff; font-weight: 500; letter-spacing: -0.96px; margin: 22px 0; }
.home-testimonials .customercomment div { }
.home-testimonials .testimonial.cycle-slide-active { display: flex !important; }
.home-testimonials .testimonial.cycle-slide-active > .testimonialcontent { opacity: 1; transition: 0.5s; transition-delay: 0.9s; transition-timing-function: ease-in-out; }
.home-testimonials .customer { color: #ffffff; font-size: 1.36em; font-weight: 400; margin: 12px 0; }
.home-testimonials .prevtestimonial { display: none; position: absolute; z-index: 100; top: 50%; transform: translateY(-50%); left: 20px; margin: 0; padding: 0; font-size: 3em; color: #ffffff; background: transparent; cursor: pointer; }
.home-testimonials .nexttestimonial { display: none; position: absolute; z-index: 100; top: 50%; transform: translateY(-50%); right: 20px; margin: 0; padding: 0; font-size: 3em; color: #ffffff; background: transparent; cursor: pointer; }

.home .slide { display: none; height: 100%; width: 100%; }
.home .slides-prev, .home .slides-next { position: absolute; top: 50%; left: 0; right: auto; z-index: 10; transform: translateY(-50%); background: rgba(255,255,255,0.25); color: #D00073; font-size: 2.5em; cursor: pointer; border-radius: 0 9px 9px 0; padding: 18px 9px; }
.home .slides-next { left: auto; right: 0; border-radius: 9px 0 0 9px; }
.home .slides-prev:hover, .home .slides-next:hover { color: #0665AB; background: rgba(255,255,255,0.75); }

.flexbox-slider .slide { background: transparent; height: 100%; width: 100%; padding-bottom: 4%; }

.flexbox-slider .flexbox-heading { padding: 16px 0; }

.flexbox-slider .slide .flexbox h4 { margin: 0; font-size: 1.4em; font-weight: 700; }
.flexbox-slider .slide .flexbox h4 a { color: #000000;; }

.flexbox-slider-container { position: relative; padding-bottom: 60px; }
.flexbox-slider-container .slide-next, .flexbox-slider-container .slide-prev { position: absolute; top: -50px; left: 42px; z-index: 110; color: #ffffff; background: #D00073; font-size: 1.5em; cursor: pointer; border: 2px solid #D00073; border-radius: 50px; line-height: 1em; padding: 13px 0 0 17px; width: 54px; height: 54px; box-sizing: border-box; }
.flexbox-slider-container .slide-next { left: calc(118px); }
.flexbox-slider-container .slide-prev:hover, .flexbox-slider-container .slide-next:hover { color: #D00073; background: #ffffff; }
.flexbox-slider-container .slide-next.bottom, .flexbox-slider-container .slide-prev.bottom { bottom: 12px !important; top: auto !important; }

.flexbox-slider-container .slide-prev.secondarybg, .flexbox-slider-container .slide-next.secondarybg { color: #D00073; background: #0665AB; }
.flexbox-slider-container .slide-prev.secondarybg:hover, .flexbox-slider-container .slide-next.secondarybg:hover { color: #0665AB; background: #D00073; }

.slide-prev.secondarybordered, .slide-next.secondarybordered { border: 2px solid #0665AB; }

.posts-in-columns {}
.posts-in-rows {}
.posts-in-rows-cta { margin: 5px 0; }

.banner-text { height: 100%; }
.banner-text .container { height: 100%; position: relative; }
.banner-text .text { width: 100%; position: absolute; top:50%; left: 0; transform: translateY(-50%); box-sizing: border-box; }
.banner-text .text p { font-size: 2.5em; margin: 0; padding: 0 10px; text-shadow: 4px 4px 8px #666666; }
.banner-text .text .button { margin-top: 1.2em; font-size: 1.5em; }

.splash-panel { position: relative; }
.splash-left { width: 100%; float: left; padding: 0 1%; box-sizing: border-box; }
.splash-text { font-size: 2em; margin-top: 20px; padding: 0; }
.splash-image { display: none; }
a.splash-dotted-link { display: block; width: 100%; height: 50px; background: transparent url('/images/yellow_dotted_arrow.png') right center no-repeat; background-size: cover; }

.site-content { 
    margin-top: 0 !important;
	border-top: 0 none;
}

.site-content li {
	line-height: 2em;
}

.site-footer { 
	padding: 0;
    background: #ffffff;
}

#homepage .site-footer {
	box-shadow: 0 0 4px 1px rgba(204, 204, 204, 0.63);
}


.site-footer .footer-logo { width: 150px; max-width: 100%; }

.site-footer .flexbox { gap: 15px; }

.site-footer a:link,
.site-footer a:visited,
.site-footer a:active { 
    color: #414651;
}

.site-footer a:hover { 
    color: #D00073;
}

.site-footer h5 { text-align: left !important; margin-left: 0 !important; color: #5C4187; }

.site-footer ul.social-links { display: table; width: 100%; }
.site-footer ul.social-links li { display: table-cell; padding-right: 16px; width: auto; float: left; }

#menu-footer-menu { 
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu-footer-menu li { 
	padding: 0 0 12px 0;
}

#footer_suppliers_header, #footer_products_header { background: transparent; }
#footer_suppliers_header:hover, #footer_products_header:hover { background: transparent linear-gradient(90deg, transparent 0%, #CC0073 25%, #CC0073 75%, transparent 100%); cursor: pointer; }
#footer_suppliers_header p, #footer_products_header p { font-size: 1.1em; color: #ffffff; margin: 5px 42px 10px 21px;  }
#footer_suppliers, #footer_products { display: none; }
#footer_suppliers ul, #footer_products ul { margin: 0 2%; padding: 0; list-style-type: none; width: 96%; columns: 2; }
#footer_suppliers ul li, #footer_products ul li {padding: 3px 0; border: 0 none;}
#footer_suppliers a, #footer_products a {color: #78787A; text-decoration: none;}
#footer_suppliers a:hover, #footer_products a:hover {text-decoration: underline;}

.suppliers-show, .products-show {
    float: right;
    display: block;
    width: 42px;
    height: 18px;
	margin-top: 10px;
    color: #ffffff;
}
.suppliers-showing, .products-showing {
	transform: rotate(180deg);
}

.copyright { 
	background: #000000;
	color: #ffffff;
	padding: 16px 0;
}

.copyright a { 
	white-space: nowrap;
}

.copyright a,
.copyright a:link,
.copyright a:visited,
.copyright a:focus,
.copyright a:active
{
	color: #ffffff;
	text-decoration: none;
	white-space: nowrap;
}

.copyright a:hover
{ 
	color: #D00073;
	text-decoration: none;
}

.sp-button,
.wp-block-button__link,
.spacious-button,
.button,
.button_large,
.button_red,
.featured-button,
a.read-more,
.previous>a,
.next>a,
form input[type="submit"] { 
	color: #ffffff !important;
	background: #D00073 !important;
	transition: all .5s ease;
	border: 2px solid #D00073;
	border-radius: 8px !important;
	padding: 12px 18px;
	font-size: 1em;
	font-style: normal;
	font-weight: 600;
	line-height: 1.5em;

	margin: .33em;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	box-shadow: none;
	text-shadow: none;
	width: auto;
	height: auto;
	appearance: none;
	cursor: pointer;
}
.sp-button:hover,
.wp-block-button__link:hover;
.spacious-button,
.button:hover,
.button_large:hover,
.button_red:hover,
.featured-button:hover,
a.read-more:hover,
.previous>a:hover,
.next>a:hover,
form input[type="submit"]:hover { 
	color: #D00073 !important;
	background: #ffffff !important;
	text-decoration: none;
}

.button.white, .button.purple { background: #5C4187 !important; color: #ffffff !important; border: 2px solid #5C4187; }
.button.white:hover, .button.purple:hover { text-decoration: none; color: #5C4187 !important; background: #ffffff !important; border: 2px solid #5C4187; }

.button.transparent { background: transparent !important; border-color: #ffffff !important; color: #ffffff !important; }
.button.transparent:hover { color: #5C4187 !important; background: #ffffff !important; }

.button.hover-transparent { background: #ffffff !important; border-color: #ffffff !important; color: #5C4187 !important; }
.button.hover-transparent:hover { border-color: #ffffff !important; background: transparent !important; color: #ffffff !important; }

.button:disabled { cursor: not-allowed; color: #B3B3B3 !important; background-color: #cccccc !important; }

.secondarybg .button:hover { box-shadow: 2px 2px 4px #D00073; }

.button.secondarybg, .button.secondary { color: #0665AB !important; background: #ffffff !important; border: 2px solid #0665AB; }
.button.secondarybg:hover, .button.secondary:hover { color: #ffffff !important; background: #0665AB !important; }

.button.secondarybordered, .slide-prev.secondarybordered, .slide-next.secondarybordered { border: 2px solid #0665AB; }

.button_large { font-size: 1.2em; }
.button_red { color: #ffffff !important; background: #dd0000 !important; }

.button.small { font-size: 1em; margin: 3px; padding: 6px 18px; }

.button.padded { padding: 1em 2em; }
.button.spaced { margin: 9px 18px; }
.button.square { border-radius: 0; }

.button i { transform: translateY(2px); }

.button a { display: block; text-decoration: none; color: #0665AB !important; }
.button:hover a, .button a:hover { color: #D00073 !important; cursor: pointer; }

.button div { background: #ffffff; padding: 3px 0; margin: 2px 0; min-width: 120px; border-radius: 8px; }

.success { color: #ffffff; background: #008000; border-radius: 4px; padding: 4px; margin: 3px; }
.error { color: #ffffff; background: #dd0000; border-radius: 4px; padding: 4px; margin: 3px; }
.validate-error { position: relative; top: 6px; width: 100%; box-sizing: border-box; min-height: 30px !important; border: 1px solid #999999; border-radius: 9px; padding: 3px 3px 3px 30px; background: #ffffff url('/images/validate-error.png') left center no-repeat; box-shadow: 5px 5px 3px 0px rgba(204,204,204,0.7); }

.validate-error:after, 
.validate-error:before { 
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
}
.validate-error:after { 
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 10px;
    left: 20%;
    margin-left: -10px;
}
.validate-error:before { 
    border-color: rgba(113, 158, 206, 0);
    border-bottom-color: #999999;
    border-width: 11px;
    left: 20%;
    margin-left: -11px;
}

.validate-error p { text-align: left; padding: 6px 0 !important; margin: 0 0 0 9px !important; font-size: 1em; !important; color: #999999 !important; text-shadow: none !important; }

.validate-first-error-box { border-color: #ff9c00 !important; }
.validate-second-error-box { border-color: #ff9c00 !important; border-width: 2px !important; }

.validate-first-error-box:focus { outline-style:none; box-shadow:none; border-color:transparent; }
.validate-second-error-box:focus { outline-style:none; box-shadow:none; border-color:transparent; }

input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"], textarea, .s.field { 
    width: 100%;
    padding: 14px;
	box-sizing: border-box;
	margin: 0 9px 0 0;
    color: #666;
	text-overflow: ellipsis;
	font-size: 1em;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	border-radius: 8px;
	border: 1px solid #E9EAEB;
	background: #ffffff;
	box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05);
}

input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="tel"]::placeholder, input[type="url"]::placeholder, input[type="password"]::placeholder, input[type="search"]::placeholder, textarea::placeholder, .s.field::placeholder { color: #A4A7AE; }

input[type="checkbox"] { width: 26px; height: 26px; padding: 6px 3px; border: 1px solid #a5a5a5; border-radius: 6px; vertical-align: middle; }

.smalltextbox { padding: 3px !important; max-width: 75px !important; }

textarea { 
    height: auto;
    resize: both;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea:focus { 
	border: 1px solid #808080 !important;
}

.videowrapper { 
	position: relative !important;
	padding-bottom: 56.25%; 	/* 16:9 */
	padding-top: 0;
	height: 0;
}
.landscape-wrapper-rwd { 
	position: relative !important;
	padding-bottom: 66.6667%; 	/* 3:2 */
	padding-top: 0;
	height: 0;
}
.portrait-wrapper-rwd { 
	position: relative;
	padding-bottom: 125%; 		/* 4:5 */
	padding-top: 0;
	height: 0;
}
.square-wrapper-rwd { 
	position: relative;
	padding-bottom: 100%; 		/* 1:1 */
	padding-top: 0;
	height: 0;
}
.videowrapper > iframe,
.portrait-wrapper-rwd > iframe,
.square-wrapper-rwd > iframe,
.landscape-wrapper-rwd > iframe,
.landscape-wrapper-rwd > div,
.videowrapper > div,
.portrait-wrapper-rwd > div,
.square-wrapper-rwd > div
{
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	overflow: auto !important;
	background-position: center center;
	 background-repeat: no-repeat;
	background-size: cover;
}

.relative { position: relative; }

.clickable { cursor: pointer; }

.transparent { color: transparent; }
.uppercase { text-transform: uppercase; }

.superscript { vertical-align: super !important; }

.centered { text-align: center !important; margin-left: auto !important; margin-right: auto !important;  }
.justified { text-align: justify !important; }
.alignleft { text-align: left !important; }
.alignright  { text-align: right !important; }
.floatleft { float: left; }
.floatright { float: right; }
.floatleftimg { float: left; margin: 0 10px 10px 0; }
.floatrightimg { float: right; margin: 0 0 10px 10px; }

.valignmiddle {	display: flex; align-items: center; text-align: center; }
.valignmiddle > div:first-of-type {	width: 100%; text-align: center; }

.fill-height { height: 100%; }
.vertically-centered { position: absolute; top: 50%; transform: translateY(-50%); }

.no-wrap { overflow: hidden; }
.nowrap { white-space: nowrap; }
.no-overflow, .nooverflow  {overflow: hidden;}
.nodisplay {display: none !important;}

.column-80 { width: 80%; }
.column-75 { width: 75%; }
.column-70 { width: 70%; }
.column-66 { width: 66.67%; }
.column-60 { width: 60%; }
.column-55 { width: 55%; }
.column-50 { width: 50%; }
.column-45 { width: 40%; }
.column-40 { width: 40%; }
.column-33 { width: 33.33%; }
.column-30 { width: 30%; }
.column-25 { width: 25%; }
.column-20 { width: 20%; }

.columns-2 { columns: 2 }
.columns-3 { columns: 3 }

.smallest { font-size: 0.75em; }
.smaller { font-size: 0.85em; }
.small { font-size: 0.875em; }
.large { font-size: 1.1em; }
.larger { font-size: 1.25em; }
.largest { font-size: 1.4em; }
.verylarge { font-size: 2em; }

.letter-spaced { letter-spacing: 0.25em; line-height: 2em; }

.strike-though, .line-through { text-decoration: line-through; }

img.responsive { max-width: 100% !important; height: auto !important; }
.width-auto { width: auto; }

.tight { margin: 0 !important; padding: 0 !important; min-height: 0 !important; line-height: 1em !important;}
.tight p { margin: 0; padding: 0; }
.tight ul { margin: 0; padding: 0; }
.tight li { margin: 0; padding: 0; }
.tight a:not(.button) { margin: 0; padding: 0; }

.clear { clear: both; }
.clearleft { clear: left; }
.separator { clear: both; height: 0; }
.spacer { clear: both; height: 18px; }
.bigspacer { clear: both; height: 24px; }
.bigspace { clear: both; height: 36px; }
.spaced { margin: 5px; }
.bigspaced { margin: 25px 0; }
.double-line-spaced { padding: 0.75em 0 !important; line-height: 1.1em; }

.round { border-radius: 50%; }

.rounded, .rounder, .radiused { border-radius: 8px; }
.curved { border-radius: 12px; }
.morecurved { border-radius: 18px; }
.bigcurved { border-radius: 25px; }

.asymmetrically-rounded { border-radius: 0 16px; }
.asymmetrically-radiused { border-radius: 0 32px; }
.asymmetrically-curved { border-radius: 0 64px; }

.padded-xxs { padding: 2px !important; box-sizing: border-box }
.padded-xs { padding: 4px !important; box-sizing: border-box }
.padded-sm, .padded { padding: 6px !important; box-sizing: border-box }
.padded-lg { padding: 12px !important; box-sizing: border-box }
.padded-xl { padding: 16px !important; box-sizing: border-box }
.padded-2xl, .bigpadded { padding: 20px !important; box-sizing: border-box }
.padded-3xl { padding: 24px !important; box-sizing: border-box }
.padded-4xl { padding: 32px !important; box-sizing: border-box }
.padded-5xl { padding: 40px !important; box-sizing: border-box }
.padded-6xl { padding: 48px !important; box-sizing: border-box }
.padded-7xl { padding: 64px !important; box-sizing: border-box }
.padded-8xl { padding: 80px !important; box-sizing: border-box }
.padded-9xl { padding: 96px !important; box-sizing: border-box }

.paddedpercent { padding: 5px 1% !important; box-sizing: border-box; }

/* vertical padding: */
.v-padded-sm, .v-padded { padding-top: 6px; padding-bottom: 6px; box-sizing: border-box; }
.v-padded-lg { padding-top: 12px; padding-bottom: 12px; box-sizing: border-box; }
.v-padded-xl { padding-top: 16px; padding-bottom: 16px; box-sizing: border-box; }
.v-padded-2xl, .v-bigpadded { padding-top: 20px; padding-bottom: 20px; box-sizing: border-box; }
.v-padded-3xl { padding-top: 24px; padding-bottom: 24px; box-sizing: border-box; }
.v-padded-4xl { padding-top: 32px; padding-bottom: 32px; box-sizing: border-box; }
.v-padded-5xl { padding-top: 40px; padding-bottom: 40px; box-sizing: border-box; }
.v-padded-6xl { padding-top: 48px; padding-bottom: 48px; box-sizing: border-box; }
.v-padded-7xl { padding-top: 64px; padding-bottom: 64px; box-sizing: border-box; }
.v-padded-8xl { padding-top: 80px; padding-bottom: 80px; box-sizing: border-box; }
.v-padded-9xl { padding-top: 96px; padding-bottom: 96px; box-sizing: border-box; }

.bordered { border: 2px solid #D00073; }
.thickbordered { border: 4px solid #D00073; }
.thickerbordered { border: 9px solid #D00073; }
.secondarythickbordered { border: 4px solid #0665AB; }
.secondarythickerbordered { border: 12px solid #0665AB; }
.dashed { border: 1px dashed #D00073; }

.bordered-full-40 {
	box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.25);
	background-color: #ffffff;
	border: 5px solid transparent;
	background: linear-gradient(to top, #ffffff 0%, #ffffff 100%), linear-gradient(31deg, #F0941C -3.46%, #CC0073 50.16%, #0364A6 104.21%);
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
}

.indented, .indent1 { margin-left: 25px; }

.shaded { background: #EDEDED; }
.shaded-light, .shadedlight { background: #F1EEF6; }
.shaded-dark, .shadeddark { background: #5C4187; }
.shadedlightblue { background: #DFEBF5; }

.shadowed { box-shadow: 2px 2px 6px 3px rgba(204,204,204,0.63); }

.noscreen { display: none; }
.block { display: block; }
.inline-block { display: inline-block; }

.dateinput, .smalltextbox  { width: 100px !important; }
.plainbox { background: transparent !important; border: 0 none !important; }
.formlabel, .formlabelwide { width: 100% !important; text-align: left !important; float: left; margin: 0; font-weight: bold; }
select { font-size: 1.2em; margin: 2px 0; padding: 6px 3px; border: 1px solid #a5a5a5; border-radius: 9px; max-width: 98%; }

.detail { padding: 3px 5%; display: none; }
.details { padding: 18px 2%; display: none; text-align: center; clear: both; overflow: hidden; }
.closedetails { position: absolute; top: 5px; right: 5px; width: 40px; height: 40px; color: #D00073; font-weight: bold; cursor: pointer; }
.closedetails:hover { color: #dd0000; }

ul.list, ul.list>li { margin: 0; padding: 0; }
#listsearch { 
	float: left; 
	font-size: 1.1em;
	padding: 6px 14px;
	margin-right: 12px;
	width: calc(100% - 112px) !important; 
}
#clearsearch { 
	float: right; margin: 0;
	background: #e7e7e7;
	color: #333333;
	font-size: 0.875em;
	text-decoration: none;
	margin: 0 0.5em;
	padding: 6px 9px;
	border-radius: 5px;
	cursor: pointer;
}

ul.nobull { list-style-type: none; padding-left: 0; margin-left: 0; }

li.nobull { list-style-type: none; padding: 9px 0; margin: 3px 0; }
li.pdf { list-style-type: none; background: url('/images/pdf_38.png') 0 0 no-repeat; padding: 9px 0 9px 45px; margin: 3px 0; }
li.ppt { list-style-type: none; background: url('/images/ppt_38.png') 0 0 no-repeat; padding: 9px 0 9px 45px; margin: 3px 0; }
li.doc { list-style-type: none; background: url('/images/doc_38.png') 0 0 no-repeat; padding: 9px 0 9px 45px; margin: 3px 0; }
li.xls { list-style-type: none; background: url('/images/xls_38.png') 0 0 no-repeat; padding: 9px 0 9px 45px; margin: 3px 0; }
li.web { list-style-type: none; background: url('/images/web_38.png') 0 0 no-repeat; padding: 9px 0 9px 45px; margin: 3px 0; }
li.img { list-style-type: none; background: url('/images/img_38.png') 0 0 no-repeat; padding: 9px 0 9px 45px; margin: 3px 0; }
li.email { list-style-type: none; background: url('/images/email_38.png') 0 0 no-repeat; padding: 9px 0 9px 45px; margin: 3px 0; }
li.facebook { list-style-type: none; background: url('/images/facebook_38.png') 0 0 no-repeat; padding: 9px 0 9px 45px; margin: 3px 0; }
li.youtube { list-style-type: none; background: url('/images/youtube_38.png') 0 0 no-repeat; padding: 9px 0 9px 45px; margin: 3px 0; }
li.pdf a, li.ppt a, li.doc a, li.xls a, li.web a, li.img a, li.email a, li.youtube a, li.facebook a { display: block; }

.floatedbox-suppliers { padding-top: 20px; text-align: center; box-sizing: border-box; color: #D00073; font-size: 0.875em; }
.floatedbox-suppliers img {border: 3px solid #D00073; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.floatedbox-suppliers a:link {text-decoration: none;}
.floatedbox-suppliers a:visited {text-decoration: none;}
.floatedbox-suppliers a:hover {text-decoration: underline;}
.floatedbox-suppliers a:active {text-decoration: none;}

.flexbox
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
	flex-direction: row;
	align-items: stretch;
    justify-content: flex-start;
	margin: 0 auto;
}

.flexbox.right { align-items: flex-end; }
.flexbox.center { justify-content: center; }
.flexbox.spaced { justify-content: space-between; }

.flexbox h2 { padding: 0; margin: 0.75em 1.5em; font-size: 1.6em; }
.flexbox h3 { padding: 0; margin: 0.75em 1.5em; font-size: 1.5em; }
.flexbox h4 { padding: 0; margin: 0.75em 1.5em; font-size: 1.4em; }
.flexbox h5 { padding: 0; margin: 0.75em 1.5em; font-size: 1.3em; }
.flexbox h6 { padding: 0; margin: 0.75em 1.5em; font-size: 1.2em; }
.flexbox p { padding: 0; margin: 0.75em 0; font-size: 1em; }
.flexbox p.padded { padding: 0 1.5em; }
.flexbox ul, .flexbox ol { margin-top: 0.75em, margin-left: 0.75em ; text-align: left; }

.flexbox img { max-width: 100%; }
.flexbox img.featured { border-radius: 0 !important; max-width: 100%; }
.flexbox .videowrapper { width: 100% !important; }
.flexbox .middle { flex: 1 !important; }

.flexbox-item,
.flexbox-item-2, .flexbox-wide-item-2,
.flexbox-item-3,
.flexbox-item-4,
.flexbox-item-5,
.flexbox-item-6
{
	display: flex;
	flex: 1 1 96%;
	flex-direction: column;
	align-items: stretch;
	padding: 0;
	margin: 32px 2%;
	box-sizing: border-box;
}

#resources_links .flexbox-item-4,
.flexbox-item-5
{
	flex: 0 1 46%;
}
.flexbox-item-6
{
	flex: 0 1 29.3%;
}

.flexbox-cta { 
	display: flex; /* set the context */
	flex: 1; /* flex an equal amount of space */
	align-items: flex-end; /* pin to bottom */
}
.flexbox-cta .button, .flexbox-cta .button_red, .flexbox-cta .spacious-button { 
	margin: 15px auto !important;
}

.flexbox a .link-icon, ul.g2_links a .link-icon { display: inline-block; margin-left: 4px; padding: 1px 3px; color: #ffffff; background: #5C4187; border-radius: 4px 0; }
.flexbox a:hover .link-icon, ul.g2_links a:hover .link-icon { background: #D00073; }

.flexbox.panel-links { row-gap: 9px !important; }
.panel-links a { display: block; padding: 6px; box-sizing: border-box; }

/* product side-bar: */

.product-side-bar { box-sizing: border-box; padding-left: 5%; }

/* image slider: */

.slider-container { width: 100%; max-width: 500px; margin: 0 auto; position: relative; }
.product-side-bar .slider-container { width: 100%; max-width: 300px; }

/* product notes panel: */

.product-notes { font-size: 0.875em; width: 100%; box-sizing: border-box; margin: 0 auto; position: relative; }
.product-notes .notes-icon { text-align: center; margin: 9px 3px 9px 9px; }
.product-notes div>div { width: calc(100% - 50px); float: right; box-sizing: border-box; padding: 5px; }

/* Hide the images by default */
.slides { display: none; text-align: center; }
/* .slides img { width: 100%; } */

/* Add a pointer when hovering over the thumbnail images */
.slides-cursor { cursor: pointer; }

/* Next and previous buttons */
.slides-prev {
  cursor: pointer;
  position: absolute;
  top: 40%;
  left: 0;
  padding: 16px;
  margin-top: -50px;
  color: #ffffff !important;
  font-weight: bold;
  font-size: 1.875em;
  border-radius: 0 3px 3px 0;
  background-color: rgba(0, 0, 0, 0.2);
  user-select: none;
}

.slides-next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  right: 0;
  padding: 16px;
  margin-top: -50px;
  color: #ffffff !important;
  font-weight: bold;
  font-size: 1.875em;
  border-radius: 3px 0 0 3px;
  background-color: rgba(0, 0, 0, 0.2);
  user-select: none;
}

/* On hover, add a black background color with a little bit see-through */
.slides-prev:hover,
.slides-next:hover { background-color: rgba(0, 0, 0, 0.8); text-decoration: none !important; }

/* Number text (1 / 6 etc) */
.numbertext {
  color: #F1EEF6;
  font-size: 0.75em;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  left: 45%;
  background-color: rgba(0,0,0,0.50);
  border-radius: 0 0 3px 3px;
}

/* Container for image text */
.caption-container {
  text-align: center;
  background: transparent;
  padding: 8px;
  box-sizing: border-box;
  min-height: 60px;
}

.thumbs {
	width: 100%;
	height: 40px;
	padding: 5px;
	box-sizing: border-box;
}
.thumbs:after {
	content: "";
	display: table;
	clear: both;
}

/* Six columns side by side */
.thumb {
  float: left;
  width: 16.66%;
}

.thumb.dot {
  float: none;
  width: auto;
  display: inline;
}

.slide-thumb { max-width: 100%; max-height: 100%; }

/* Add a transparency effect for thumnbail images */
.slide-thumb { opacity: 0.6; }

.active,
.slide-thumb:hover { opacity: 1; }

/* /image slider */

/* accordion styles: */

.itemheader { cursor: pointer; margin: 0; padding: 18px; box-sizing: border-box; }
.itemheader h2 { font-size: 1.8em; margin: 0; padding: 0 72px 0 0;}
.itemheader h3 { font-size: 1.6em; margin: 0; padding: 0 72px 0 0;}
.itemheader h4 { font-size: 1.4em; margin: 0; padding: 0 72px 0 0;}
.accordion-toggle { font-size: 2.6em; float: right; padding: 20px; color: #D00073; }
.accordion-toggle:hover { color: #0665AB; }
.itemcontent { margin: 0; padding: 18px; box-sizing: border-box; }
.openanswer {}
.closedanswer {}
.itemcontent {}

.collapse-all, .expand-all { font-size: 0.875em; border: 0 none; margin: 3px; padding: 5px 10px; color: #D00073; background: #ededed; border-radius: 9px; cursor: pointer; position: }
.collapse-all:hover, .expand-all:hover { color: #D00073; background: #0665AB; }

/* /accordion styles: */

#suppliers_ticker { text-align: center; padding: 32px 0; }
#suppliers_ticker p { font-weight: 500; line-height: 24px; }
.supplier-ticker {
    margin: 32px auto;
    padding: 0;
/*   max-width: 1280px; */
}
.supplier-ticker-item { float: left; padding: 12px 16px; }
.supplier-ticker-item img { border: 0 solid #D00073; border-radius: 5px; height: 90px; }

.detail, .hidedetail, .hidden, .hide { display: none; }

.tinyscreen { display: none; }
.nottinyscreen { display: inline; }

.smallscreen { display: none; }
.notsmallscreen { display: inline; }
.button .notsmallscreen { display: inline !important; }
.listingtable .notsmallscreen { display: table-cell; }
.listingtable .product_summary .notsmallscreen { display: inline; }

.mediumscreen { display: none; }
.notmediumscreen { display: inline; }
.button .notmediumscreen { display: inline !important; }
.listingtable .notmediumscreen { display: table-cell; }
.listingtable .product_summary .notmediumscreen { display: inline; }

#cartmessage { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999999; }
#cartmessagecontents { position: relative; max-width: 1280px; margin: 5px auto 25px auto; padding: 10px; border: 2.5px #db8300 solid; color: #454545; background: #29B785; background: url('/images/basket_bg.png') right center no-repeat, radial-gradient(ellipse at center, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%); cursor: pointer; }
#cartmessagecontents a { color: #ffffff !important; }

/* product filtering and listing styles: */

	.fullshareurl { display: none; }

	.loading { height: 64px; background: transparent url('/images/loading.gif') center 16px no-repeat; }
	
	#products_heading { }
	#products_info { margin-bottom: 18px; }
	#products_info>div { font-size: 1.6em; padding: 25px 1%; }	

	.products_listing { width: 100%; box-sizing: border-box; }
	
	.listingtable { width: 100%; background: #DFEBF5; border-collapse: collapse; }
	.listingtable tr { background-color: #DFEBF5; }
	.listingtable tr:nth-child(4n+1), .listingtable tr:nth-child(4n+2) { background-color: #FFFFFF; }
	.listingtable .headings { position: sticky; top: 0; box-shadow: 0 2px 1px -1px rgba(192,192,192,0.25); display: none; }
	.listingtable th { 
		text-align: left; white-space: nowrap; 
		font-size: 1.4em; color: #394191; font-weight: 500; padding: 6px 3px; 
		font-family: Montserrat, Helvetica, Verdana, Arial, sans-serif;
	}
	.listingtable td { padding: 9px; }
	.listingtable .button.small.secondarybg { font-weight: 500; }

	.listingtable td.summary { background-color: #ffffff; padding: 3px; display: none; }
	.listingtable td.summary .flexbox>div { margin: 6px 1% !important; }
	
	.show_summary {}
	.hide_summary {}
	.view_details {}
	.show_summary i, .view_details i { font-size: 1.15em; }
	.hide_summary i { font-size: 1.15em; transform: rotate(180deg); }

	.product_summary { background: #E8E5EF; margin: 6px; padding: 9px; border-radius: 9px; }
	.pricing_panel { background: #E8E5EF; padding: 9px; border-radius: 9px; }
	.pricingtable { width: 100%; background: transparent; border-collapse: collapse; }
	.pricingtable tr { background-color: transparent !important; }
	.pricingtable th {
		color: #535862;
		font-weight: bold;
		font-size: 1em;
		font-family: Hind, Helvetica, Verdana, Arial, sans-serif;
		text-align: left;
		padding: 3px;
	}
	.pricingtable td {text-align: left; padding: 3px; }
	
	.normally { display: block; color: #dd0000; text-decoration: line-through; }
	
	.filter-panel {
		background: #DFEBF5;
	}
	.filter-wrapper {
		min-height: 42px;
		width: 100%;
		padding: 0;
		margin: 0;
		background: transparent url('/images/ajax-loader.gif') center center no-repeat;
	}
	.empty-selector,
	.filter-selector {
		display: block;
		font-size: 1em;
		font-family: sans-serif;
		font-weight: normal;
		color: #535862;
		background-color: #ffffff; /* #DCEBF8 */
		padding: 8px 6px;
		width: 98%;
		max-width: 100%; /* useful when width is set to anything other than 100% */
		box-sizing: border-box;
		margin: 2px 0;
		border: solid 2px #e8e8e8 !important;
		/* box-shadow: 0 1px 0 1px rgba(0,0,0,.04); */
		box-shadow: none;
		border-radius: 9px;
		/* -moz-appearance: none; */
		/* -webkit-appearance: none; */
		/* appearance: none; */
	}
	.empty-selector { color: #999999; }
	
	.inline-filters .filter-selector { width: auto; display: inline; }

	.filter-selector:hover {
		border-color: #88bfff !important;
	}
	.filter-selector:active {
		border-color: #88bfff !important;
	}
	.filter-selector.open {
		border-color: #e8e8e8 !important;
	}
	.filter-selector:focus {
		border-color: #88bfff !important;
	}

	.filter-selector option {
		font-weight:normal;
	}
	.filter-selector option:selected {
		font-weight:bold;
	}
	.filter-selector:disabled, .filter-selector[aria-disabled=true] {
	}
	.filter-selector:disabled:hover, .filter-selector[aria-disabled=true] {
		border-color: #aaa;
	}

	.filter-panel .flexbox .flexbox-item-3, .filter-panel .flexbox .flexbox-item-4 { position: relative; margin: 0 2% 12px 2%; }
	.optioncount { position: absolute; top: 3px; right: 3%; font-size: 0.8em; }
	
	.filter-search {
		width: 100%;
	}	
	.filter-search label {
		display: block;
	}

	.filter-search-input,
	.filter-search-input .search-input,
	.filter-search-submit { width: 100%; }

	.filter-search .search-input, 
	.filter-panel .search-input	{
		width: 100% !important;
		display: block;
		font-size: 1em;
		font-family: sans-serif;
		font-weight: normal;
		color: #535862 !important;
		background-color: #ffffff !important; /* #DCEBF8 */
		padding: 8px 6px;
		box-sizing: border-box !important;
		margin: 2px 0;
		border: solid 2px #e8e8e8 !important;
		box-shadow: none;
		border-radius: 9px;
	}

/* /product filtering and listing styles */

/* /product detail styles */

.product_detail {}
.product_detail h2 { color: #ffffff; background: #D00073; border-radius: 8px; padding: 5px 25px; margin: 1.2em 0 0.65em 0; display: block; }
.product_detail .flexbox-item-4 { margin-left: 0; padding-left: 5px; }

.overview { background-color: #DFEBF5; padding: 9px; border-radius: 9px; }

/* /product detailstyles */

/* supplier page styles: */

.supplier_logo { padding: 30px 50px; }
.supplier_logo img { border: 0 none; border-radius: 6px; }

/* /supplier page styles */

/* modal basket and streamlined checkout 2021: */

.modal {
    display: none;
    position: absolute;
	z-index: 5000;
	top: 0;
	left: 50%;
	width: 90%;
    max-width: 1200px;
    height: auto;
    min-height: calc(100vh - 100px);
    transform: translate(-50%, 50px);
	background: #E9E9E9;
    border-radius: 6px;
    padding: 0;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
	box-sizing: border-box;
}
.modal-close {
    position: absolute;
    top: 20px;
    right: 30px;
    z-index: 2;
    font-size: 4em !important;
    cursor: pointer;
    color: #dd0000;
}
.modal-overlay, .modal-slideshow {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: rgba(0, 0, 0, 0.5);
}

.add_to_cart { cursor: pointer; }

#basket-button { display: block; font-size: 1.2em; font-weight: 700; margin: 0; padding: 9px 3px; color: #ffffff; background-color: #29B785; border: 0 none; border-radius: 12px; box-sizing: border-box; }
#basket-button:hover { background-color: #D00073; }
#basket-button.disabled { cursor: not-allowed; color: #B3B3B3 !important; background-color: #E6E6E6 !important; }

#basket, #basket a { color: #535862; }

#basket_top { font-size: 1.6em; font-weight: 700; color: #000000; padding: 30px; box-sizing: border-box; }
#basket_top i { transform: translateY(4px); margin-right: 20px; }

#vat-exemption { text-align: right; padding: 0 25px 0 0; box-sizing: border-box; }
.tax-exempt div { text-align: right; margin: 5px 75px 0 0; font-size: 1.3em; font-weight: 700; color: #000000; }
.tax-exempt div span { font-size: 0.7em; font-weight: 500; color: #555555; }
.tax-exempt.checked { display: block; width: 100%; height: 60px; background: transparent url('/pricing_ordering/icons/checked_60.png') right center no-repeat; border: 0 none; cursor: pointer; transform: translateY(-15px); }
.tax-exempt.unchecked { display: block; width: 100%; height: 60px; background: transparent url('/pricing_ordering/icons/unchecked_60.png') right center no-repeat; border: 0 none; cursor: pointer; transform: translateY(-15px); }

.basket-container { width: 100%; clear: both; background: #F5F5F5; margin: 0; padding: 0;}
.basket-item { width: 96%; clear: both; color: #000000; margin: 0 2%; padding: 30px 0 10px 0; box-sizing: border-box; }
.basket-item p { margin: 0; padding: 0; }
.basket-heading { font-size: 0.9em !important; font-weight: 700 !important; color: #CCCCCC !important; }
.basket-item-delete { width: 85px; text-align: center; float: left; color: #808080; cursor: pointer; }
.basket-item-image { width: 115px; text-align: left; float: left; margin-right: 3px; }
.basket-item-image img { transform: translateY(-20px); max-width: 100%; border-radius: 9px; margin: 0 auto;}
.basket-item-description { width: calc(100% - 85px); float: left; }
.basket-item-name { font-size: 1.2em; color: #000000; }
.basket-item-name a { color: #000000; text-decoration: none; }
.basket-item-code { font-size: 1em; color: #808080; margin: 0; padding: 0; }
.basket-item-options { font-size: 1em; color: #808080; max-height: 160px; position: relative; overflow: hidden; }
.basket-item-options .showmoreoptions { font-size: 0.875em; border: 0 none; margin: 3px; padding: 5px 10px; color: #ffffff; background: #aaaaaa; border-radius: 9px; cursor: pointer; position: absolute; bottom: 3px; right: 0; z-index: 10; }
.basket-item-options .hidemoreoptions { font-size: 0.875em; border: 0 none; margin: 3px; padding: 5px 10px; color: #ffffff; background: #aaaaaa; border-radius: 9px; cursor: pointer; position: absolute; bottom: 3px; right: 0; z-index: 5;}
.basket-item-options .hidemoreoptions:hover, .basket-item-options .hidemoreoptions:hover { background: #999999; }
.basket-item-quantity { width: 33%; text-align: center; font-size: 1.25em; float: left; }
.basket-item-quantity .update-item.dec { width: 15%; float: left; text-align: right; color: #808080; cursor: pointer; }
.basket-item-quantity .update-item.inc { width: 15%; float: left; text-align: left; color: #808080; cursor: pointer; }
.basket-item-quantity .input-field { transform: translateY(-6px); width: 70%; float: left; text-align: center; }
.basket-item-net { width: 33%; text-align: right; float: left; font-size: 1.25em; color: #808080; }
.basket-item-vat { width: 33%; text-align: right; float: left; font-size: 1.25em; color: #808080; }
.basket-item-gross { width: 33%; text-align: right; float: left; font-size: 1.35em; color: #000000; }
.basket-item-total { width: 33%; text-align: right; font-size: 1.25em; float: left; color: #808080; }
.basket-item-end { width: 100%; height: 1px; background: #cccccc;  }

.basket-totals { width: 96%; clear: both; color: #000000; margin: 0 2%; padding: 10px 0; box-sizing: border-box; }
.discount-description { text-align: right; font-size: 1.25em; color: #808080; }

.coupon-panel { width: 96%; clear: both; color: #000000; font-size: 1.3em; margin: 0 2%; padding: 10px 0; text-align: right; box-sizing: border-box; }

#coupon_code {
    text-align: center;
	background-color: #ffffff !important;
	font-size: 1em; !important;
	width: 300px; 
    max-width: calc(100% - 110px) !important;
    border: 1px solid #555555 !important;
    padding: 9px 0 !important;
	margin: 3px 12px !important;
    border-radius: 9px !important;
}

#apply-button { font-size: 1em; font-weight: 700; margin: 0; padding: 9px 12px; color: #ffffff !important; background-color: #29B785 !important; border: 0 none; border-radius: 12px; box-sizing: border-box; cursor: pointer; }

#remove-button { font-size: 1em; font-weight: 700; margin: 0; padding: 9px 12px; color: #ffffff !important; background-color: #D00073 !important; border: 0 none; border-radius: 12px; box-sizing: border-box; cursor: pointer; }

.basket-container .qtybox {
    text-align: center;
	background-color: #ffffff !important;
	font-size: 1em; !important;
    max-width: 80px !important;
    padding: 3px 0 !important;
    border-radius: 6px !important;
	border: 2px solid #888b8d !important;
}

.basket-buttons { width: 100%; padding: 9px 2%; box-sizing: border-box; }

#update-button, #update-button:hover { display: block; font-size: 1.6em; font-weight: 700; margin: 20px 0; padding: 9px 3px; color: #ffffff !important; background-color: #D00073 !important; border: 0 none; border-radius: 12px; box-sizing: border-box; text-align: center; cursor: pointer; -webkit-appearance: none; appearance: none; width: 100%; }
#update-button.disabled { cursor: not-allowed; color: #B3B3B3 !important; background-color: #cccccc !important; }

#checkout-button { display: block; font-size: 1.8em; font-weight: 700; margin: 10px 0 30px 0; padding: 12px 3px; color: #ffffff !important; background-color: #29B785; border: 0 none; border-radius: 12px; box-sizing: border-box; text-align: center; text-decoration: none; width: 100%; }
#checkout-button:hover { background-color: #D00073; }
#checkout-button.disabled { cursor: not-allowed; color: #B3B3B3 !important; background-color: #cccccc !important; }

#cartmessagecontents {
    position: relative;
    max-width: 1280px;
    margin: 0 auto 100px auto;
    padding: 9px 3px; 
    border: 0 none;
    color: #ffffff;
    background: #29B785;
    cursor: pointer;
	border-radius: 12px;
	font-size: 1.6em;
	font-weight: 700; 
	text-align: center;
}

.emptycartmessage { background: #D00073 !important; }
.form-error { background: #D00073 !important; }

.empty-basket {
    padding: 9px 3px; 
    color: #ffffff;
    background: #D00073;
	font-size: 1.6em;
	font-weight: 700; 
	text-align: center;
    cursor: pointer;
}

#set_same { min-height: 60px; }
#set_same div { float: left; text-align: right; width: calc(100% - 60px); padding-right: 15px; margin: 0; font-size: 1.3em; line-height: 1.2em; font-weight: 700; color: #000000; box-sizing: border-box; }
.same_del.checked{ float: right; width: 60px; height: 60px; background: transparent url('/pricing_ordering/icons/checked_60.png') center center no-repeat; border: 0 none; cursor: pointer; transform: translateY(0); }
.same_del.unchecked { float: right; width: 60px; height: 60px; background: transparent url('/pricing_ordering/icons/unchecked_60.png') center center no-repeat; border: 0 none; cursor: pointer; transform: translateY(0); }

.cataloguecontainer {}
.catalogue-panel { width: 100%; background: #EBEBEB; }
.catalogue-panel .fullwidth { max-width: 1350px; }
.catalogue-panel-padding { padding: 25px 5% 10px 5%; }

#contact-form { width: 100%; border-radius: 0 0 9px 9px;}

.checkout-panel { width: 100%; border-radius: 9px; background: #F5F5F5; padding: 0 0 15px 0; margin: 15px 0 40px 0; }
#enquiry-form { width: 100%; border-radius: 9px; padding: 0; margin: 0; }
.checkout-top { font-weight: 700; font-size: 2.3em; padding: 30px 5% 20px 5%; border-radius: 9px 9px 0 0; box-sizing: border-box; color: #6f7271; background: #E7E7E7; }
.enquiry-form-top { font-weight: 700; font-size: 2.3em; padding: 30px 5% 20px 5%; border-radius: 9px 9px 0 0; box-sizing: border-box; } /* was color: #6f7271; background: #E7E7E7; */
.enquiry-form-top { font-size: 1.8em;  }
.checkout-panel label, #enquiry-form label { color: #000000; font-size: 1.2em; padding: 3px 0; }
.checkout-panel input[type="text"], .checkout-panel select, .checkout-panel textarea,
#enquiry-form input[type="text"], #enquiry-form select, #enquiry-form textarea  { width: 100% !important; border-radius: 15px; font-size 1.2em; padding: 12px 9px; box-sizing: border-box; }
#enquiry-form .verification_box { width: 75px !important; height: 30px !important; overflow: hidden; float: left; margin-right: 5px; }
#enquiry-form #verification { width: 150px !important; max-width: none !important;}

.formfield.checkbox { width: 98%; margin-right: 2%; text-align: right; }
.formfield.checkbox label, .label-checkbox { display: inline-block; float: left; font-size: 1.4em; font-weight: bold; width: calc(100% - 60px); }
.formfield.checkbox input[type="checkbox"] { margin: 5px 0; }

#enquiry-form .formfield.checkbox label { font-size: 1em; font-weight: normal; }

.checkout-basket-container {}
.checkout-basket-container .basket-item { border-bottom: 1px solid #cccccc; width: 100%; margin: 0 0 7px 0; padding: 22px 0; }
.checkout-basket-container .basket-item .basket-item-image img { transform: none; }
.checkout-basket-container .basket-item-description { width: 60%; float: left; }
.checkout-basket-container .basket-item .basket-item-name { font-size: 1.3em; line-height: 1em; }
.checkout-basket-container .basket-item .basket-item-code { padding: 0 0 3px 0; }
.checkout-basket-container .basket-item .basket-item-options { margin: 0; padding: 0 0 3px 0; }
.checkout-basket-container .basket-item .basket-item-gross { width: 33%; float: left; text-align: right; font-size: 1.2em; color: #000000; }
/* .checkout-basket-container .basket-item .exemption-tick { float: right; color: #555555 !important; font-size: 0.875em; margin: 5px; } */

.checkout-basket-container .basket-totals { width: 100%; margin: 0; padding: 25px 0; }
.checkout-basket-container .basket-totals .basket-totals-label { width: 60%; float: left; text-align: right; font-size: 1em; font-weight: 700; color: #A8A8A8; padding: 0 5px 0 0; box-sizing: border-box; }

.basket-discount { width: 100%; }
.checkout-basket-container .basket-totals .discount-description { display: inline-block; white-space: nowrap; width: 60%; max-width: 100%; text-align: right; font-size: 1em; font-weight: 500; color: #A8A8A8; padding: 0 5px 0 0; box-sizing: border-box; }

.checkout-basket-container .basket-totals .basket-item-net, 
.checkout-basket-container .basket-totals .basket-item-vat, 
.checkout-basket-container .basket-totals .basket-item-gross, 
.checkout-basket-container .basket-totals .basket-item-total { width: 40%; float: left; text-align: right; font-size: 1.2em; font-weight: 500; color: #A8A8A8; box-sizing: border-box; }

.checkout-basket-container .shipping-info { border-bottom: 1px solid #cccccc; width: 100%; margin: 0; padding: 25px 0; }
.checkout-basket-container .shipping-region { margin: 0; }

.delivery_region_label { font-size: 1.4em; font-weight: bold; padding: 2px 0 0 0; }
.delivery_region select { font-size: 1.4em; border-radius: 12px; border: 0 none; padding: 6px; margin: 0; }
.delivery_region input[type="text"] { font-size: 1.4em; border-radius: 12px; border: 0 none; padding: 6px; margin: 0; }
.delivery_notes { color: #333333; padding: 0; margin: 0; }
.delivery_notes p { padding: 3px 0; margin: 0; }
.delivery_notes p:first-of-type { margin-top: 20px; }
.shipping_explanation { }
.shipping_explanation p { }

.order-totals { border-top: 1px solid #cccccc; width: 100%; font-size: 1.6em; font-weight: 700; color: #000000; margin: 20px 0 0 0; padding: 30px 0 0 0; box-sizing: border-box; }
.order-total-label { float: left; }
.order-total { float: right; }

.cardsaccepted-label { text-align: center; margin: 9px 6px; color: #000000; font-size: 1.8em; font-weight: 700; }
.cardsaccepted { display: inline-block; margin: 0 auto; }
.cardsaccepted img { float: right; margin: 6px; }

.checkout-cta { margin: 15px 0 40px 0; width: 100%; max-width: 100%; text-align: center; }
.quote-button { display: block; font-size: 1.6em; font-weight: 700; margin: 10px 0; padding: 12px 3px; color: #ffffff !important; background-color: #D00073 !important; border: 0 none; border-radius: 12px; box-sizing: border-box; text-align: center; text-decoration: none; width: 100%; cursor: pointer; }
.checkout-button { display: block; font-size: 1.8em; font-weight: 700; margin: 10px 0; padding: 12px 3px; color: #ffffff !important; background-color: #29B785 !important; border: 0 none; border-radius: 12px; box-sizing: border-box; text-align: center; text-decoration: none; width: 100%; cursor: pointer; }

.basket-error { display: block; font-size: 1.6em; font-weight: 700; margin: 10px 0; padding: 12px 3px; color: #ffffff !important; background-color: #D00073 !important; border: 0 none; border-radius: 12px; box-sizing: border-box; text-align: center; text-decoration: none; width: 100%; }

.validate-error { position: relative; top: 6px; width: 100%; box-sizing: border-box; min-height: 30px !important; border: 1px solid #999999; border-radius: 9px; padding: 3px 3px 3px 30px; background: #ffffff url('/images/validate-error.png') left center no-repeat; box-shadow: 5px 5px 3px 0px rgba(204,204,204,0.7); cursor: pointer; }

.validate-error:after, 
.validate-error:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
}
.validate-error:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 10px;
    left: 20%;
    margin-left: -10px;
}
.validate-error:before {
    border-color: rgba(113, 158, 206, 0);
    border-bottom-color: #999999;
    border-width: 11px;
    left: 20%;
    margin-left: -11px;
}

.validate-error p { text-align: left; padding: 6px 0 !important; margin: 0 !important; color: #999999 !important; text-shadow: none !important; }

.validate-first-error-box { border-color: #ff9c00 !important; }
.validate-second-error-box { border-color: #ff9c00 !important; border-width: 2px !important;}

.validate-first-error-box:focus { outline-style:none; box-shadow:none; border-color:transparent; }
.validate-second-error-box:focus { outline-style:none; box-shadow:none; border-color:transparent; }

.payment-redirect {
	max-width: 600px;
	margin: 40px auto !important;
	padding: 32px 32px 64px 32px ;
	text-align: center;
	background-image: url('/images/ajax-loader.gif');
	background-position: center bottom 16px;
	background-repeat: no-repeat;
	box-sizing: border-box;
}

.button_checkout_view, .button_checkout_continue
{
	color: #ffffff;
	background: #D00073;
	text-decoration: none;
	text-align: center;
	font-size: 2.25em;
	font-weight: 700;
	padding: 9px 18px;
	border: 0 none;
	border-radius: 12px;
	appearance: none;
	cursor: pointer;
}

.button_checkout_continue
{
	background: #29B785;
}

.button_checkout_view:hover, .button_checkout_continue:hover
{
	background: #29B785;	
}

/* /modal basket and streamlined checkout 2021 */

.mapcontainer { position: relative; clear: both; width: 100%; height: 400px; margin: 0; padding: 0; background: url('/images/loading.gif') no-repeat center center; }
.mapcontainer iframe { width: 100%;  height: 100%; }
.page-scroll-reserve {position: absolute; z-index: 10; top: 15%; right: 1%; height: 55%; width: 7%; background: rgba(0,0,0,0.1); border-radius: 9px;}
.directionscontainer { position: absolute; z-index: 20; bottom: 0; left: 0; width: 80%; margin: 0 10% 50px 10%; padding: 0; text-align: center; }
.directionspanel { display: inline-block; margin: 0 auto; padding: 9px; background: rgba(255,255,255,0.5); border-radius: 9px; }
.directionspanel .button { margin-left: 3px; margin-right: 3px; }

/* responsive styles: */

/* max-width styles: */

@media only screen and (max-width: 1600px)
{
	.banner-text .text { padding: 0 70px; }
}
	
@media only screen and (max-width: 991px)
{
	.container { width: auto; }

	.column-50 { width: 100%; }
	.column-75 { width: 50%; }
	.column-25 { width: 50%; }

	.mediumscreen { display: inline; }
	.button .notmediumscreen { display: none !important; }
	.notmediumscreen, .listingtable .notmediumscreen, .listingtable .product_summary .notmediumscreen { display: none; }
	
	.centered-right { text-align: center; }

	.videocontainer { height: 400px; }
	.videocontainer { 
		margin-top: 0 !important;
	}

	.video-overlay .text { 
		transform: translateY(-55%);
		font-size: 1.875em !important;
		line-height: 30px !important;
	}

	.banner-text .text { padding: 0 60px; }
	.banner-text .text p {
		max-width: none;
	}
	.banner-text .text .button { margin-top: 1.2em; font-size: 1.4em; }

	.group_image { display: none; }
	.group_info { display: block; width: 100%; }
}
	
@media only screen and (max-width: 767px)
{
	.home-hero h1 { font-size: 3em; line-height: 56px; letter-spacing: -0.96px; padding: 0 0 22px 0; }

	.floatleftimg { float: none; margin: 10px; }
	.floatrightimg { float: none; margin: 10px; }
	
	.supplier_logo { padding: 10px; }

	.column-80 { width: 100%; }
	.column-75 { width: 100%; }
	.column-70 { width: 100%; }
	.column-66 { width: 100%; }
	.column-60 { width: 100%; }
	.column-55 { width: 100%; }
	.column-50 { width: 100%; }
	.column-45 { width: 100%; }
	.column-40 { width: 100%; }
	.column-33 { width: 100%; }
	.column-30 { width: 100%; }
	.column-25 { width: 100%; }
	.column-20 { width: 100%; }

	.product-side-bar { padding: 0; }

	.product-side-bar .slider-container { max-width: 500px; }

	.product-side-bar .product-notes { max-width: 500px; float: none; }

	.videocontainer { height: 320px; }
	
	.video-overlay .text { 
		font-size: 28px !important;
		line-height: 28px !important;
	}

	.banner-text .text { padding: 0 50px; }
	.banner-text .text p,
	.home .slides-prev, .home .slides-next { 
		font-size: 1.6em;
	}
	.banner-text .text .button { margin-top: 1.2em; font-size: 1.3em; }
}

@media only screen and (max-width: 700px)
{
	.verylarge { font-size: 1.4em; }

	#about-us-left { display: none; }
}

@media only screen and (max-width: 600px)
{
	.sp-form, .sp-form-fields-wrapper { width: 100% !important; max-width: 100% !important; }

	.home-hero { border-radius: 0 64px; margin: 16px auto; padding: 64px 0 80px 0; padding-left: 5px !important; padding-right: 5px !important; }
	.home-hero h1 { font-size: 2.25em; line-height: 44px; letter-spacing: -0.72px; padding: 0 0 16px 0; }
	.home-hero p {font-size: 1.125em; !important; line-height: 28px; padding: 0 0 40px 0; }
	.home-hero #searchwords { width: 100% !important; }
	.home-hero .button { margin: 9px 0; width: 100%; box-sizing: border-box; }
	.home-hero #all_products_button { position: relative; margin: 50px 0; width: 100%;  }
	.home-hero #all_products_button::before { content: ''; position: absolute; background-color: #ffffff; width: 70%; height: 1px; top: -27px; left: 15%; }

	#home_products h2 {	font-size: 1.75em; line-height: 36px; }
	#home_products p { font-size: 1.125em; font-style: normal; font-weight: 400; line-height: 30px; }

	#suppliers_ticker { text-align: center; padding: 64px 0; }
	.supplier-ticker { margin: 32px 0; padding: 0; }
	.supplier-ticker-item { float: left; padding: 6px 8px; }
	.supplier-ticker-item img { height: 60px; }

	#home_subscribe, #footer_subscribe { padding: 64px 0; }

	.panel_subscribe .button { margin: 9px 0; width: 100%; }

	.about-hero p { font-size: 1.5em; line-height: 30px; text-align: center; padding: 16px; }

	.columns-2, .columns-3 { columns: 1; }

	.videocontainer { height: 240px; }

	.banner-text .text { padding: 0 40px; }
	.banner-text .text p,
	.home .slides-prev, .home .slides-next {
		font-size: 1.4em;
	}
	.banner-text .text .button { margin-top: 1.2em; font-size: 1.2em; }

	.smallscreen { display: inline; }
	.button .notsmallscreen { display: none !important; }
	.notsmallscreen, .listingtable .notsmallscreen, .listingtable .product_summary .notsmallscreen { display: none; }
}

@media only screen and (max-width: 500px)
{
	.nottinyscreen { display: none !important; }

	.videocontainer,
	.featured-image,
	.featured-slider	{ 
		height: calc(40vh)
	}
}

@media only screen and (max-width: 430px)
{

	#header-basket,	#header-search,	#header-admin { font-size: 0.75em; }

	.container { padding-left: 25px; padding-right: 25px; }

	h1 { font-size: 1.625em; }
	h2, .post-title { font-size: 1.5em; }
	h3 { font-size: 1.25em; }
	h4 { font-size: 1.125em; }
	h5 { font-size: 1em; }
	h6 { font-size: 0.875em; }

	.video-overlay .text { 
		font-size: 1.5em!important;
		line-height: 1em !important;
	}

	.banner-text .text { padding: 0 35px; }
	.banner-text .text p,
	.home .slides-prev, .home .slides-next {
		font-size: 1.2em;
	}
	.banner-text .text .button { margin-top: 1.2em; font-size: 1.1em; }

}

/* min-width styles: */

@media only screen and (min-width: 600px)
{
	.container.inner { padding: 24px 32px; }
	#homepage .container.inner { padding: 0 32px; }

	.flexbox-item-5, .flexbox-item-6
	{
		flex: 0 1 29.3%;
	}
	.in-page-navigation ul li { width: 50%; }
	
	.splash-panel { }
	.splash-text { font-size: 2.25em; margin-top: 10px; padding-top: 5px; }
	a.splash-dotted-link { height: 60px; }

	.losenge-right { border-radius: 0 8px 8px 0; }
	.losenge-left { border-radius: 8px 0 0 8px;  }

	.listingtable .headings { display: table-row; }

	.flexbox-slider-container .flexbox-item-3, .flexbox-slider-container .flexbox-item-4 { flex: 0 1 46%; }	
}

@media only screen and (min-width: 700px)
{
/*	.main-navigation #mainmenu>ul>li>ul>li { width: 50%; float: left; } */
	#mainmenu .subsubmenu ul, #mainmenu .submenu.showing { columns: 2; }

	.site-footer .footer-logo { width: 200px; }

	.site-footer ul.social-links { display: block; }
	.site-footer ul.social-links li { display:  list-item; float: none; }

	.footer-navigation ul { font-size: 1.25em; line-height: 24px; font-weight: 500; }
	.footer-navigation ul>li>a { padding: 9px; }
	
	
	.panel_subscribe { }
	.panel_subscribe .flexbox { gap: 16px 64px; align-self: stretch; }
	.panel_subscribe h3 { font-size: 2.25em; font-style: normal; font-weight: 600; line-height: 44px; letter-spacing: 0.72px; }
	.panel_subscribe p { font-size: 1.25em; font-style: normal; font-weight: 400; line-height: 30px; }

	.flexbox-item-2,
	.flexbox-item-3,
	.flexbox-item-4
	{
		flex: 0 1 46%;
	}
	.flexbox-item-5
	{
		flex: 0 1 21%;
	}
	.flexbox-item-6
	{
		flex: 0 1 12.5%;
	}

	.losenge { border-radius: 8px; margin: 50px auto; padding: 0 50px; box-sizing: border-box; }

	#about-us-left { min-height: 200px; } 
	#about-us-left img { position: absolute; bottom: -27px; left: 0; }
	
	.splash-left { width: 60%; }
	.splash-image { display: inline; height: 150px; }
	.splash-text { font-size: 2em; margin-top: 10px; }
	a.splash-dotted-link { height: 70px; }

	.home-testimonials .prevtestimonial, .home-testimonials .nexttestimonial { display: inline; }
	.home-testimonials .testimonialcontent { padding: 0 100px; }

}

@media screen and (min-width: 800px)
{
	.filter-search-input {
		width: calc(100% - 350px);
		float: left;
	}
	.filter-search-submit {
		float: left;
		width: 350px;
		text-align: center;
		white-space: nowrap;
	}

	.flexbox-item-3 
	{
		flex: 0 1 29.3%;
	}
	#resources_links .flexbox-item-4
	{
		flex: 0 1 21%;
	}

	.flexbox-item-5
	{
		flex: 0 1 16%;
	}

	.flexbox-slider-container .flexbox-item-3 { flex: 0 1 29.3%; }
	.flexbox-slider-container .flexbox-item-4 { flex: 0 1 21%; }

	#footer_suppliers ul, #footer_products ul { columns: 4; }
	
	.formfield { clear: both; margin: 5px 0; }
	.formlabel { width: 30% !important; text-align: left !important; margin-right: 10px; }
	.formlabelwide { width: 50% !important; margin-right: 10px; }

	input[type="text"],
	input[type="tel"],	
	input[type="email"],
	input[type="password"],
	textarea { width: auto !important; }

	.in-page-navigation ul li { width: 25%; }

	.splash-left { width: 60%; }
	.splash-text { font-size: 2.15em; margin-top: 15px; }
	a.splash-dotted-link { height: 80px; }

	.mapcontainer { width: 100%; height: 500px; }
	.directionscontainer { margin-bottom: 35px; }
	.ui-resizable-helper { display: block; }
}

@media all and (min-width: 980px) {	
	.fullshareurl { display: inline; }
}

@media only screen and (min-width: 991px)
{

	#header-container { padding: 0 32px; }

	#header-branding { flex: 0 0 150px !important; }
	#header-logo { margin-left: 0; }

	#header-navigation { order: 2; flex: 1 !important; text-align: center; }

	#header-cta  { order: 3; flex: 0 0 260px !important; }

	#header-admin { display: inline; }

	#menushow, #menuhide { display: none !important; }
	#mainmenu { position: static; display: block; top: auto; right: auto; width: auto; z-index: 1; box-shadow: none; padding-bottom: 0; }
	#mainmenu>span a { padding: 9px 12px !important; }
	#mainmenu .drop>span a { padding: 9px 24px 9px 12px !important; }
	#mainmenu .drop .submenu { position: absolute; top: 80px; left: 50%; transform: translateX(-50%); z-index: 999; margin: 0; width: 1260px; }
	.main-navigation ul { display: table; margin: 0 auto; padding: 0; }
	.main-navigation ul>li { display: table-cell; float: none; width: auto; margin: 0; }
	.main-navigation ul ul li { display: list-item; list-style-type: none; }

/*	.main-navigation #mainmenu>ul>li>ul>li { width: 33%; float: left; } */
	#mainmenu .subsubmenu ul, #mainmenu ul.submenu.showing { columns: 3; }

	.showsub { font-size: 1em; }
	.showsubsub { font-size: 1em; display: block; }
	#mainmenu .subsubmenu ul { display: block; }

	.video-overlay .text { 
		max-width: 980px;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.flexbox-wide-item-2
	{
		flex: 0 1 46.5%;		
	}
 
	.flexbox-item-4,
	#resources_links .flexbox-item-4
	{
		flex: 0 1 21%;
	}
}

@media only screen and (min-width: 1080px)
{
	.mapcontainer { width: 100%; height: 600px; }
}

@media only screen and (min-width: 1281px)
{
	.banner-text .text p,
	.home .slides-prev, .home .slides-next {
		font-size: 3.5em;
	}

	.verylarge { font-size: 2.5em; }
	
	.splash-left { width: 70%; }
	.splash-image { left: 70%; height: 260px; }
	.splash-text { font-size: 3em; margin-top: 30px; }
}

@media only screen and (min-width: 1381px)
{
	.splash-image { height: 280px; }
	
	#footer_suppliers ul, #footer_products ul { columns: 5; }
}

@media print { 
	/* all print styles go here */

	body { background: #ffffff; }

	#site-navigation { display: none; }

	.main-navigation, .footer-navigation, .banner, .videocontainer, .featured-image, .featured-slider, .scrolldown, .scrollup, .btn-readmore, #contactform { display: none !important; }

	.flexbox, .flexbox-item, .flexbox-item-2, .flexbox-wide-item-2, .flexbox-item-3, .flexbox-item-4, .flexbox-item-5, .flexbox-item-6 { width: 100%; display: block; margin: 0 0 25px 0; box-sizing: border-box; }

	.products .flexbox-item-3,
	#resources_links .flexbox-item-4,
	.flexbox-item-5 { 
		width: 46%; float:left; }
	.flexbox-item-6 { width: 21%; float:left; }

	.noprint { display: none; }

	.column-80.floatleft,
	.column-75.floatleft,
	.column-70.floatleft,
	.column-66.floatleft,
	.column-60.floatleft,
	.column-55.floatleft,
	.column-50.floatleft,
	.column-44.floatleft,
	.column-40.floatleft,
	.column-33.floatleft,
	.column-30.floatleft,
	.column-25.floatleft,
	.column-20.floatleft { width: 100%; float: none; }

	.columns-2 { columns: 1; }
	.columns-3 { columns: 2; }

	.details { display: block; }
	.closedetails { display: none; }
	
	.pagenumber, .pagelink, #numrecs { display: none; }
	#loadmore { display: none; }

	.animatedcontent { display: none !important; }
	.defaultcontent { display: inline-block !important; }
	
	.in-page-navigation,
	.footer-logos,
	.footer-widgets,
	.footer-navigation,
	#header-navigation,
	#header-cta,
	#footer_links,
	#copyright-privacy,
	#copyright-sitemaps,
	#purechat-container 
	{ display: none; }

}