/*** fonts ***/
@font-face {
    font-family: 'Gotham Light';
    font-style: normal;
    font-weight: normal;
    src: local('Gotham Light'), url('fonts/gotham/GothamLight.woff') format('woff');
}
@font-face {
    font-family: 'Gotham Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Gotham Medium'), url('fonts/gotham/GothamMedium.woff') format('woff');
}
@font-face {
    font-family: 'Gotham Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Gotham Bold'), url('fonts/gotham/GothamBold.woff') format('woff');
}
@font-face {
    font-family: 'Gotham Black Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Gotham Black Regular'), url('fonts/gotham/Gotham-Black.woff') format('woff');
}

@font-face {
	font-family: 'Helvetica Neue LT Std 45 Light';
	font-style: normal;
	font-weight: normal;
	src: local('Helvetica Neue LT Std 45 Light'), url('fonts/helvetica-neue/HelveticaNeueLTStd45Light_22520.woff') format('woff');
}
@font-face {
	font-family: 'Helvetica Neue LT Std 75 Bold';
	font-style: normal;
	font-weight: normal;
	src: local('Helvetica Neue LT Std 75 Bold'), url('fonts/helvetica-neue/HelveticaNeueLTStd75Bold_22539.woff') format('woff');
}

@font-face {
    font-family: 'Helvetica 57 Condensed';
	font-style: normal;
	font-weight: normal;
    src: url('fonts/helvetica-neue/HelveticaNeue-Condensed.otf') format('opentype'),
		 url('fonts/helvetica-neue//HelveticaNeue-Condensed.woff');
}

html {
	scroll-behavior: smooth;
}
body {
	font-family: 'Helvetica Neue LT Std 45 Light';	
	overflow-x: hidden;
}
.font-weight-bold {
	font-family: 'Helvetica Neue LT Std 75 Bold';
}
h1 {
	font-family: 'Gotham Black Regular';
	text-transform: uppercase;
    z-index: 100;
    position: relative;	
}
h2 {
	/*font-family: 'Helvetica Neue LT Std 75 Bold';*/
	font-family: 'Helvetica 57 Condensed';
	color: rgba(0, 44, 119, 1);
	text-transform: uppercase;
	word-wrap: break-word;
}
h3, h4, h5, h6 {
    font-family: 'Gotham Light';
	color: rgba(0, 44, 119, 1);
}
#response a {
	color: rgba(0, 44, 119, 1);
}
.category-overview p:first-child {
	font-weight: 700;	
}
/*** primary colours ***/
.dark-blue, .dark-blue:hover {
	color: rgba(0, 44, 119, 1);
}
.light-blue, .light-blue:hover {
	color: rgba(0, 161, 222, 1);
}
.lime, .lime:hover {
	color: rgba(201, 221, 3, 1);
}
/*** secondary colours ***/
.burgundy, .burgundy:hover {
	color: rgba(158, 28, 100, 1);
}
.teal, .teal:hover {
	color: rgba(0, 139, 149, 1);
}
.olive, .olive:hover {
	color: rgba(144, 182, 152, 1);
}
.orange, .orange:hover {
	color: rgba(255, 144, 18, 1);
}
.black, .black:hover {
	color: #000;
}
.white, .white:hover {
	color: #fff;
}
.white a, .white a:hover {
	color: #fff;
}
/*** background-colours ***/
#pageCarousel .overlay {
	content: "";
	display: block;
	position: absolute;
	top: 0;
    bottom: 24px;
    left: 15px;
    right: 15px;
	opacity: .7;
}
.overlay {
	content: "";
	display: block;
	position: absolute;
	top: 0;
    bottom: 24px;
    left: 15px;
    right: 15px;
	opacity: .3;
	height: 100%;
}
.solid-overlay {
	content: "";
	display: block;
	position: absolute;
	top: 0;
    bottom: 24px;
    left: 15px;
    right: 15px;
	opacity: 1;
}
.dark-blue-bg {
	background: rgba(0, 44, 119, 1);
}
.light-blue-bg {
	background: rgba(0, 161, 222, 1);
}
.lime-bg {
	background: rgba(201, 221, 3, 1);
}
.burgundy-bg {
	background: rgba(158, 28, 100, 1);
}
.teal-bg {
	background: rgba(0, 139, 149, 1);
}
.olive-bg {
	background: rgba(144, 182, 152, 1);
}
.orange-bg {
	background: rgba(255, 144, 18, 1);
}
.grey-bg {
	background: rgba(231, 231, 231, 1);	
}
.black-bg {
	background: rgba(0, 0, 0, 1);	
}
.white-bg {
	background: rgba(255, 255, 255, 1);	
}
/*** buttons ***/
.btn-lime-white, #response .btn-lime-white {
    color: #fff;
    background-color: rgba(201, 221, 3, 1);
    border-color: rgba(201, 221, 3, 1);	
}
.btn-lime-white:hover, #response .btn-lime-white:hover {
    color: #fff;
    background-color: rgba(201, 221, 3, .9);
    border-color: rgba(201, 221, 3, .9);
}
.btn-lime-white:not(:disabled):not(.disabled).active, .btn-lime-white:not(:disabled):not(.disabled):active, .show>.btn-lime-white.dropdown-toggle {
    color: #fff;
    background-color: rgba(201, 221, 3, .9);
    border-color: rgba(201, 221, 3, 1);
}
.btn-lime-white.focus, .btn-lime-white:focus {
    box-shadow: 0 0 0 0.2rem rgba(201, 221, 3, .5);
}

.btn-orange-white {
    color: #fff;
    background-color: rgba(255, 144, 18, 1);
    border-color: rgba(255, 144, 18, 1);	
}
.btn-orange-white:hover {
    color: #fff;
    background-color: rgba(255, 144, 18, .9);
    border-color: rgba(255, 144, 18, .9);
}
.btn-dark-blue-white {
    color: #fff;
    background-color: rgba(0, 44, 119, 1);
    border-color: rgba(0, 44, 119, 1);	
}
.btn-dark-blue-white:hover {
    color: #fff;
    background-color: rgba(0, 44, 119, .9);
    border-color: rgba(0, 44, 119, .9);
}
.btn-light-blue-white {
    color: #fff;
    background-color: rgba(0, 161, 222, 1);
    border-color: rgba(0, 161, 222, 1);	
}
.btn-light-blue-white:hover {
    color: #fff;
    background-color: rgba(0, 161, 222, .9);
    border-color: rgba(0, 161, 222, .9);
}
.btn-burgundy-white {
    color: #fff;
    background-color: rgba(158, 28, 100, 1);
    border-color: rgba(158, 28, 100, 1);	
}
.btn-burgundy-white:hover {
    color: #fff;
    background-color: rgba(158, 28, 100, .9);
    border-color: rgba(158, 28, 100, .9);	
}
.btn-teal-white {
    color: #fff;
    background-color: rgba(0, 139, 149, 1);
    border-color: rgba(0, 139, 149, 1);
}
.btn-teal-white:hover {
    color: #fff;
    background-color: rgba(0, 139, 149, .9);
    border-color: rgba(0, 139, 149, .9);
}
.btn-olive-white {
    color: #fff;
    background-color: rgba(144, 182, 152, 1);
    border-color: rgba(144, 182, 152, 1);
}
.btn-olive-white:hover {
    color: #fff;
    background-color: rgba(144, 182, 152, .9);
    border-color: rgba(144, 182, 152, .9);
}
.btn-grey-white {
    color: #fff;
    background-color: rgba(231, 231, 231, 1);	
    border-color: rgba(231, 231, 231, 1);		
}
.btn-grey-white:hover {
    color: #fff;
    background-color: rgba(231, 231, 231, .9);	
    border-color: rgba(231, 231, 231, .9);		
}
/*** underlines ***/
.light-blue-underline {
    padding: .75rem 0;
	margin-bottom: .75rem;
    border-bottom: 1px solid rgba(0, 161, 222, 1);
}
/*** forms ***/
.form-control:focus {
    color: #000;
    background-color: #fff;
    border-color: rgba(201, 221, 3, 1);
    box-shadow: 0 0 0 0.2rem rgba(201, 221, 3, .25);
}
/*** quotes ***/
.quote {
	border-left: 10px solid rgba(255, 144, 18, 1);
}
.blockquote {
	font-size: 16px;
	line-height: 24px;
}
/*** header ***/
header .form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #000;
    background-color: rgba(247, 247, 247, 1);	
    background-clip: padding-box;
    border: 1px solid rgba(247, 247, 247, 1);
    border-radius: 0rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
header .btn {
	border-radius: 0;
}
/*** navbar ***/

.navbar-light .navbar-toggler {
    color: rgba(255, 255, 255, .5);
	border-color: rgba(255, 255, 255, .1);
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/*** carousel ***/
#productCarousel .carousel-indicators li {
	width: 10px;
	height: 10px;
	border-radius: 100%;
}
#pageCarousel .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;	
    z-index: 2;
    background: linear-gradient(rgba(0, 44, 119, .5), rgba(0, 44, 119, .5));
}
#pageCarousel .carousel-caption {
    position: absolute;
    right: 15%;
    top: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #fff;
    text-align: center;
}
#pageCarousel .carousel-item p {
    z-index: 100;
    position: relative;
}
/*** breadcrumbs ***/
#breadcrumbs {
    font-size: .8rem;
}
#breadcrumbs a {
	color: rgba(0, 44, 119, 1);
}
/*** three tiles ***/
.three-tiles .carousel-caption {
	transform: translateY(-50%);
	bottom: 0;
	top: 50%;
	left: 10%;
	width: 80%;
}
.three-tiles a:hover {
	text-decoration: none;
}
/*** two tiles ***/
.two-tiles {
	position: relative;
	z-index: 0;
}
.two-tiles .carousel-caption {
	transform: translateY(-65%);
    bottom: 0;
    top: 65%;
}
.two-tiles a:hover {
	text-decoration: none;
}
.made-in-britain {
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 10px;
    max-width: 300px;
	background: #fff;
}
.tiles .card {
	border: 0px solid rgba(0, 0, 0, .125);
}
.tiles .card-footer {
	background-color: rgba(0, 0, 0, 0);	
	padding: .75rem 0rem;
}
/*** product range carousel ***/
#productRangeOverviewCarousel .carousel-control-next-icon:after {
	content: '>';
	font-size: 55px;
	color: rgba(0, 44, 119, 1);
	font-weight: 700;
}
#productRangeOverviewCarousel .carousel-control-prev-icon:after {
	content: '<';
	font-size: 55px;
	color: rgba(0, 44, 119, 1);
	font-weight: 700;	
}

.number {
	margin-bottom: 0;
}
/*** blog ***/
#blog .card {
	border: 0;
}
#blog .card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(255, 255, 255, 1);
    border-top: 0;
}
/*** newsletter ***/
#newsletter {
    background-size: cover;	
    padding-top: 100px;
    padding-bottom: 100px;		
}
#newsletter h2 {
    line-height: 1.2;
    font-size: 60px;
    letter-spacing: 0.1em;	
	color: #fff;
}
#newsletter p {
	color: #fff;
    line-height: 1.3;
    font-size: 18px;	
	font-weight: 300;
}
#newsletter a {
	color: #fff;
}
#newsletter .form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #fff;
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid #fff;
    border-radius: 0rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#newsletter .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #fff;
	opacity: 1; /* Firefox */
}
#newsletter .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #fff;
}
#newsletter .form-control::-ms-input-placeholder { /* Microsoft Edge */
	color: #fff;
}
#newsletter .form-group {
	margin-bottom: 1rem;
}
/*** tabs ***/
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	color: #fff;
	background-color: rgba(0, 44, 119, 1);
}
#v-pills-tab a.nav-link {
	color: rgba(0, 44, 119, 1);
}
#v-pills-tab a.nav-link.active {
	color: #fff;
}
/*** accordions ***/
#accordion h5 > a {
	display: block;
	position: relative;
}
#accordion h5 > a:after {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f068";
	position: absolute;
	right: 0;
	padding: 10px;
	color: rgba(201, 221, 3, 1);
	font-size: 12px;	  
}
#accordion h5	 > a[aria-expanded="true"]:after {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f067";
	padding: 10px;
	color: rgba(0, 44, 119, 1);
	font-size: 12px;	  
}
#accordion h5 a {
	color: rgba(0, 44, 119, 1);
	font-weight: 700;
}
#accordion .card {
	margin-bottom: 0;
}
#accordion .card-header {
    padding: .75rem 0;
    margin-bottom: 0;
	background-color: rgba(0, 0, 0,.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
#accordion .card-body {
	color: #252525;
}
/*** background images ***/
.bg-image {
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover; /* Resize the background image to cover the entire container */	
}
/*** ACF oEmbed ***/
.embed-container { 
	position: relative; 
	padding-bottom: 56.25%;
	overflow: hidden;
	max-width: 100%;
	height: auto;
} 
.embed-container iframe,
.embed-container object,
.embed-container embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Pagination */
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: rgba(201, 221, 3, 1);
    text-decoration:none;
}
.navigation li {
    display: inline;
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #f7f7f7;
	color: rgba(201, 221, 3, 1);
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
}
.navigation li a:hover,
.navigation li.active a {
    background-color: rgba(201, 221, 3, 1);
	color: #fff;
}
/*** datatable pagination ***/
.page-link {
    z-index: 1;
    color: #fff;
    background-color: rgba(201, 221, 3, 1);
    border-color: rgba(201, 221, 3, 1);
}
.page-link:hover {
    z-index: 1;
    color: #fff;
    background-color: rgba(201, 221, 3, .8);
    border-color: rgba(201, 221, 3, 1);
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 0!important;
    background: none!important;
}
#sales-rep-results_paginate {
	display: none;
}
#sales-rep-results_length {
    display: none;
}
/*** tables ***/
.table td, .table th {
    padding: .6rem;
}
/*** back to top ***/
#backToTop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 99;
	font-size: 14px;
	border: none;
	outline: none;
	background-color: rgba(201, 221, 3, .8);
	color: #fff;
	cursor: pointer;
	padding: 10px;
	border-radius: 5px;
}
#backToTop:hover {
	background-color: rgba(201, 221, 3, 1);
}

/*** product ranges ***/
.product-category {
	min-height: 300px;
}
/*** woocommerce ***/
h1.product_title {
	font-family: 'Helvetica 57 Condensed';
	font-size: 2.2rem;
	letter-spacing: 1px;
}

.woocommerce-products-header .carousel-item {
  	height: 33vh;
  	background-size: cover;
  	background-position: center center;
}
h2.woocommerce-loop-category__title {
    font-size: 1.9rem;
}
.woocommerce-product-gallery.woocommerce-product-gallery--without-images.woocommerce-product-gallery--columns-4.images {
	float: right!important; /*swap product image and description position*/
}
.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
	float: right!important; /*swap product image and description position*/
}
.woocommerce div.product form.cart .variations {
    margin-bottom: 1em;
    border: 0;
    width: 100%;
    border-bottom: solid 1px rgba(0, 161, 222, 1)!important;
}
.woocommerce div.product form.cart .variations select {
    border: 0!important;
}
.woocommerce div.product form.cart .variations td.label {
    padding-right: 0;
    width: 20%;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image--placeholder {
    border: 0px!important;
}
.woocommerce div.product div.images img {
    padding: .2rem;
}
#response thead {
    background: rgba(0, 161, 222, 0.1);
}
#product-tabs-accordion h5 > a {
	display: block;
	position: relative;
}
#product-tabs-accordion h5 > a:after {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f068";
	position: absolute;
	right: 0;
	padding: 10px;
	color: rgba(0, 44, 119, 1);
	font-size: 12px;	  
}
#product-tabs-accordion h5	 > a[aria-expanded="true"]:after {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f067";
	padding: 10px;
	color: rgba(0, 44, 119, 1);
	font-size: 12px;	  
}
#product-tabs-accordion h5 a {
	color: rgba(0, 44, 119, 1);
	font-weight: 700;
}
#product-tabs-accordion .card {
	margin-bottom: 0;
	border: 0;
}
#product-tabs-accordion .card-header {
    padding: .75rem 0;
    margin-bottom: 0;
	background-color: rgba(255, 255, 255, 1);
    border-bottom: 1px solid rgba(0, 161, 222, 1);
}
#product-tabs-accordion .card-body {
	color: #252525;
}
#product-tabs-accordion img {
	max-height: 50px;
}
.products .card-deck .card {
	border: 0;
}
.products .card-deck .card-body {
    padding: 0;
}
.products .card-deck .card-footer {
	padding: 0;
    background-color: rgba(0,0,0,.0);
    border-top: 0px solid rgba(0,0,0,.125);
}
.catalogues .card-body {
    padding: 0;
}
/*** form wrapper ***/
.form-wrapper {
	padding: 20px;
	display: none;
}
/*** gravity forms ***/
body .gform_wrapper .gform_footer input[type=submit] {
	color: #fff;
    background-color: rgba(201, 221, 3, 1);
    border-color: rgba(201, 221, 3, 1);
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;	
	float: right;
}
body .gform_wrapper .gform_footer input[type=submit]:hover {
    color: #fff;
    background-color: rgba(201, 221, 3, .8);
    border-color: rgba(201, 221, 3, 1);
}
body .gform_wrapper .gform_body .gform_fields .gfield input[type=text] {border: 1px solid #fff; background-color: transparent;color: #fff;}
body .gform_wrapper .gform_body .gform_fields .gfield input[type=text]::placeholder {color: #fff;}

body .gform_wrapper .gform_body .gform_fields .gfield textarea {border: 1px solid #fff; background-color: transparent;color: #fff;}
body .gform_wrapper .gform_body .gform_fields .gfield textarea::placeholder {color: #fff;}

body .gform_wrapper .gform_body .gform_fields .gfield input[type=email] {border: 1px solid #fff; background-color: transparent;color: #fff;}
body .gform_wrapper .gform_body .gform_fields .gfield input[type=email]::placeholder {color: #fff;}

body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel] {border: 1px solid #fff; background-color: transparent;color: #fff;}
body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel]::placeholder {color: #fff;}

body .gform_wrapper .gform_body .gform_fields .gfield select {border: 1px solid #fff; padding: 7px 4px}

body .gform_wrapper .gform_body .gform_fields .gfield label.gfield_consent_label {color: #fff;}
body .gform_wrapper .gform_body .gform_fields .gfield label.gfield_consent_label a {color: #fff;}

body .gform_wrapper .gform_footer {padding: 0; margin: 0;}

body .gform_wrapper ul li.gfield {
	margin-bottom: 0 !important;
	margin-top: 0 !important;
	padding-top: 0;
}
.block-content ul li {
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}
.gform_body ul li .ginput_container select,.gform_body ul li .ginput_container input{
	margin-top: 0 !important;
	margin-bottom: 10px;
}
.gform_wrapper .top_label .gfield_label {
	display: none!important;
}
body .gform_wrapper .gform_body .gform_fields .gfield input[type=text]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=email]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=url]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=number]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=password]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield select:focus,
body .gform_wrapper .gform_body .gform_fields .gfield textarea:focus {
	color: #000;
    background-color: #fff;
    border-color: rgba(201, 221, 3, 1);
    box-shadow: 0 0 0 0.2rem rgba(201, 221, 3, .25);
}

.gform_wrapper div.validation_error {
    color: #fff!important;
    border-top: 2px solid #fff!important;
    border-bottom: 2px solid #fff!important;
}
.gform_wrapper .validation_message {
    color: #fff!important;
}
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
    border: 1px solid #fff!important;
}

.gform_confirmation_message {
    color: #fff!important;
}

/* Customize the label (the container) */
.label-container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.label-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
}

/* On mouse-over, add a grey background color */
.label-container:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.label-container input:checked ~ .checkmark {
	background-color: rgba(0, 161, 222, 1);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.label-container input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.label-container .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
/*** acf ***/
.acf-map {
	width: 100%;
    height: 400px;
    border: #ccc solid 1px;
    margin: 20px 0;
}
.acf-map img {
	max-width: inherit !important;
}

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%;
	overflow: hidden;
	max-width: 100%;
	height: auto;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*** misc ***/
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.flex-list {
	display: flex;
	flex-wrap: wrap;
}
.flex-list .flex-list-item-1-column {
	flex: 1 0 100%;
	box-sizing: border-box;
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
}
.flex-list .flex-list-item-2-column {
	flex: 1 0 50%;
	box-sizing: border-box;
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
}
/*** ask a question ***/
.radio-toolbar input[type="radio"] {
	opacity: 0;
	position: fixed;
	width: 0;
}
.radio-toolbar label {
    display: inline-block;
	width: 100%;
	color: #fff;
    background-color: rgba(0, 161, 222, 1);
    border-color: rgba(0, 161, 222, 1);
	
	font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	
}
.radio-toolbar input[type="radio"]:checked + label {
	color: #fff;
    background-color: rgba(0, 161, 222, 1);
    border-color: rgba(0, 161, 222, 1);
}
.radio-toolbar label:hover {
	color: #fff;
    background-color: rgba(0, 161, 222, .9);
    border-color: rgba(0, 161, 222, .9);
}
/*** stockist logos ***/
#stockist_carousel .col-md-3 {
	display: inline-block;
	margin-left: -4px;
	height: 220px;
	position: relative;
}
.vertical-center {
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
/*** media queries ***/
@media (min-width: 1901px) {
	h1 {
		font-size: 4.5rem;
		letter-spacing: -3px;
		line-height: 4rem;
		margin-bottom: 30px;
	}	
	#productCarousel .carousel-item h2 {
		font-size: 4.5rem;
		letter-spacing: -3px;
		line-height: 4rem;
		margin-bottom: 30px;
	}
	#pageCarousel .carousel-item h1 {
		font-size: 3.5rem;
		letter-spacing: 0px;
		line-height: 3rem;
		margin-bottom: 30px;
		text-transform: uppercase;
	}		
	#pageCarousel .carousel-item h2 {
		font-size: 3.5rem;
		letter-spacing: 0px;
		line-height: 3rem;
		margin-bottom: 30px;
		font-family: 'Gotham Black Regular';
		text-transform: uppercase;
	}	
	#productCarousel .carousel-item p {
		font-size: 1.4rem;
	}	
}
@media (min-width: 1600px) and (max-width: 1900px) {
	h1 {
		font-size: 4rem;
		letter-spacing: -3px;
		line-height: 4rem;
		margin-bottom: 30px;
		text-transform: uppercase;		
	}	
	#productCarousel .carousel-item h2 {
		font-size: 4rem;
		letter-spacing: -3px;
		line-height: 4rem;
		margin-bottom: 30px;
		font-family: 'Gotham Black Regular';
		text-transform: uppercase;		
	}	
	#pageCarousel .carousel-item h1 {
		font-size: 3rem;
		letter-spacing: 0px;
		line-height: 3rem;
		margin-bottom: 30px;
		text-transform: uppercase;		
	}	
	#pageCarousel .carousel-item h2 {
		font-size: 3rem;
		letter-spacing: 0px;
		line-height: 3rem;
		margin-bottom: 30px;
		font-family: 'Gotham Black Regular';
		text-transform: uppercase;		
	}	
	#productCarousel .carousel-item p {
		font-size: 1.2rem;
	}		
}
@media (min-width: 992px) {
	/*
	.navbar-expand-lg .navbar-nav .dropdown-menu {
		top: 45px;
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-menu {
		top: 22px;
	}	
	.navbar-expand-lg .navbar-nav .dropdown-menu {
		border-radius: 0;
		border: 0;
	}	
	*/
	.min-50{
		width: calc(100% - 50%);
		position: absolute;
		left: 0;
	}	
}
@media screen and (min-width: 1001px) and (max-width: 1540px) {
	#productCarousel .carousel-item h1, #productCarousel .carousel-item h2 {
		font-size: 20px;
		margin-bottom: 20px;
	}	
	#pageCarousel .carousel-item h1, #pageCarousel .carousel-item h2 {
		font-size: 20px;
		margin-bottom: 20px;
	}		
	.made-in-britain img {
		max-width: 200px;
	}	
	.two-tiles h2, .three-tiles h2 {
		font-size: 1rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
	#productCarousel .carousel-caption p {
		font-size: 16px;
	}	
	#quick-links span {
		font-size: 0.7rem;
	}	
	#stockist_carousel .col-md-3 {
		height: 100px;
	}	
}
@media screen and (min-width: 768px) and (max-width: 1140px) {
	#pageCarousel .carousel-caption {
		top: 0px;
		padding-bottom: 0px;
	}		
}
@media screen and (max-width: 991px) {
	h2 {
		font-size: 1rem;
	}
	#newsletter h2 {
		font-size: 30px;
	}	
	#productCarousel .carousel-item h1, #productCarousel .carousel-item h2 {
		font-size: 20px;
		margin-top: 20px;
	}	
	#pageCarousel .carousel-item h1, #pageCarousel .carousel-item h2 {
		font-size: 20px;
		margin-top: 20px;
	}	
}
@media screen and (min-width: 481px) and (max-width: 767px) {

}
@media screen and (max-width: 480px) {	
	#productCarousel .carousel-caption {
		position: relative;
		left: 0;
		top: 0;				
	}	
	#productCarousel .carousel-caption br {
		display: none;
	}		
	.made-in-britain {
		padding: 35px;
		width: 100%;
	}
	#newsletter h2 {
		font-size: 30px;
	}	
	#stockist_carousel .col-md-3 {
		height: 100px;
	}		
}


/*******************************************************/
/* https://bootsnipp.com/snippets/35p8X */
#title-bar .navbar-default .navbar-nav > li > a, #title-bar ul li a, #title-bar .navbar-expand-lg .navbar-nav .nav-link {
    color: rgba(0, 161, 222, 1);
    font-size: 16px;
    padding: 16px 15px;
    text-transform: uppercase;
    font-family: 'Gotham Bold';
    display: block!important;
}
.menu-area{
	background: #fff;
}
nav.navbar.navbar-light.navbar-expand-lg.mainmenu {
    background: rgba(0, 161, 222, 1);
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #fff;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #fff;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 161, 222, 1)!important;
}

.dropdown-menu{padding:0;margin:0;border:0 solid transition!important;border:0 solid rgba(0,0,0,.15);border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important}
.dropdown-toggle:after { content: none }
.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a , .navbar-expand-lg .navbar-nav .nav-link{
	color:#fff;
	font-size:16px;
	padding:10px 15px;
	text-transform: uppercase;
	font-family: 'Gotham Bold';
	display: block!important;
}
/*
.mainmenu .active a,.mainmenu .active a:focus,.mainmenu .active a:hover,.mainmenu li a:hover,.mainmenu li a:focus ,.navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover{
	color: #fff;
	background: rgba(0, 161, 222, 1);
	outline: 0;
}
*/
.mainmenu a.dropdown-item {
    color: rgba(0, 161, 222, 1)!important;
	text-transform: capitalize;
	font-weight: 400!important;
	font-family: 'Gotham Medium';
}
/*==========Sub Menu=v==========*/
.dropdown-menu a.dropdown-toggle.nav-link {
    color: rgba(0, 161, 222, 1)!important;
	text-transform: capitalize;
	font-weight: 400!important;
	font-family: 'Gotham Medium';	
}
.mainmenu .collapse ul > li:hover > a{
	background: #fff;
	color: rgba(0, 161, 222, 1);
}
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover{
	background: #fff;
	color: rgba(0, 161, 222, 1);
}
.mainmenu .collapse ul ul ul > li:hover > a{
	background: #fff;
	color: rgba(0, 161, 222, 1);
}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background:#fff;}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{background:#fff;}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{background:#fff}

/******************************Drop-down menu work on hover**********************************/
.mainmenu{background: none;border: 0 solid;margin: 0;padding: 0;min-height:20px;width: 100%;}
@media only screen and (min-width: 767px) {
	.mainmenu .collapse ul li:hover> ul{display:block}
	.mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
	/*******/
	.mainmenu .collapse ul ul li{position:relative}
	.mainmenu .collapse ul ul li:hover> ul{display:block}
	.mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
	/*******/
	.mainmenu .collapse ul ul ul li{position:relative}
	.mainmenu .collapse ul ul ul li:hover ul{display:block}
	.mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}
}
@media only screen and (max-width: 767px) {
	.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 35px}
	.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 45px}
}