/*_            __  __       _ _            
 | |          |  \/  |     (_) |           
 | |     ___  | \  / | __ _ _| |_ _ __ ___ 
 | |    / _ \ | |\/| |/ _` | | __| '__/ _ \
 | |___|  __/ | |  | | (_| | | |_| | |  __/
 |______\___| |_|  |_|\__,_|_|\__|_|  \___|
http://www.lemaitreltd.com/                */

/* Universal */
* {
	box-sizing: border-box;
	/*outline: 1px dashed red;*/
	font-family: 'Lato';
}
/*
::selection {
	background-color: #fdf681;
	color: black;
}
*/
body {
	background-color: black;/*background-image: url(../images/design/background.jpg);
	background-size: 100% auto;
	background-position: top center;*/
	color: white;
}
.bg-layer {
	background-image: url('../images/design/background-left.jpg'), url('../images/design/background-right.jpg');
	background-position:left top, right top;
	background-repeat: repeat-y;
}
.bg-opacity {
	padding-bottom: 50px;
	background-color:rgba(0, 0, 0, 0.25);
}
@media (max-width: 1600px) {
	.bg-layer {
		background-size: 30%, 30%;
	}
	.bg-opacity {
		background-color:rgba(0, 0, 0, 0.5);
	}	
}
@media (max-width: 1199px) {
	.bg-layer {
		background-size: 40%, 40%;
	}
}
@media (max-width: 767px) {

	.bg-layer {
		background: none;
	}
	.bg-opacity {
		background-color: black;
	}

}
.btn {
	text-transform: uppercase;
	border: 1px solid #fdf681;
	background-color: #fdf681;
	color: black;
	border-radius: 0;
	transition: all .3s linear;
}
.btn:hover,
.btn:focus {
	background-color: transparent;
	color: #fdf681 !important;
}
.btn--alt {
	border: 2px solid white;
	background-color: transparent;
	color: white;
}
.btn--alt:hover,
.btn--alt:focus e {
	background-color: white;
	color: black;
}
a {
	color: white;
}
p a {
	color: #fdf681;
}
a:hover,
a:active,
a:focus {
	color: #fdf681;
}
.date {
	font-style: italic;
	margin-bottom: 10px;
	display: block;
}
/*
	Colours
	h1 #fdf681
	Yellow: #fdf681;
*/

/* Headings */
.h1,
.h2,
.h3,
.pageTitle {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	letter-spacing: 0.04em;
}
.h1,
.pageTitle {
	font-size: 40px;
}
.pageTitle {
	max-width: 700px;
	text-transform: uppercase;
}
body.product .pageTitle {
	text-transform: none
}
	
.h2 {
	font-size: 30px;
}
h2,
h3,
h3 a {
	color: #fdf681;	
}
#safetyfaqs .h3 {
	color: #fdf681;	
}

/* CMS */
.cms p {
	font-size: 16px;
	line-height: 1.4em;
	margin-bottom: 20px;
    font-weight: 300;
}
.intro,
.cms p:first-of-type {
	font-size: 1.3em;
	font-weight: 400;
	letter-spacing: 0.05em;
	max-width: 800px;
}

#aboutus.depth-4 .cms p:first-of-type,
#contact .cms p:first-of-type,
.cms .uk-distributors p:first-of-type {
	font-size: 1em;
	font-weight: 400;
	letter-spacing: normal;
	max-width: none;
	margin-top: 30px;
}
.staff_img {
	margin: 30px auto 0 auto;	
}

.cms summary {
	font-size: 16px;
	margin-bottom: 20px;
	font-weight: bold;
}
.cms summary:hover {
	cursor: pointer;
}
/* Navigation */
.icon-bar {
	background-color: white;
}
.navbar {
	margin-bottom: auto;
	background-color: #a57c2a;
	background-image: url(../images/design/yellowbackground.jpg);
	background-size: 125% 100%;
	background-position: center top;
}
.navbar-static-top {
	border-width: 0;
}
.navbar a {
	text-transform: uppercase;
	transition: all .3s linear;
}
@media ( max-width: 992px ) {
	.navbar a {
		text-align: center;
	}
}
.navbar .active a {
	color: #fdf681;
}
.navbar a:hover {
	background-color: black !important;
	color: #fdf681 !important;
}
/* Breadcrumb */
.breadcrumb {
	background-color: transparent;
	padding-left: 0;
	margin-bottom: 0;
	text-transform: uppercase;
	font-weight: 300;
	letter-spacing: .1em;
	font-size: 11px;
	padding-left: 30px;
	margin-top: 15px;
}
.breadcrumb .last a {
	color: #fdf681;	
}
/* Carousel */

#homepage .carousel .item {
	height: 600px;
}
.carousel-caption {
	position: absolute;
	top: 5%;
	left: 10%;
	right: auto;
	bottom: auto;
	text-align: left;
}
.carousel-caption h3 {
	margin: 0;
	text-shadow: 2px 2px 3px black;
	font-size: 28px;
}
.carousel-caption h3 .line1 {
	font-size: 55px;
	font-weight: 900;
	color: #fdf681;
	text-shadow: 5px 5px 12px black;
}
.carousel-caption h3 .line2 {
	font-size: 90px;
	font-weight: 900;
	color: #fdf681;
	text-shadow: 5px 5px 12px black;
}
.carousel-caption h3 .line3 {
	color: #fff;	
}
.carousel-caption p .btn {
	display: inline-block;
    margin-top: 20px;
    min-width: 50%;
	font-weight: 700;
}
 @media (min-width: 992px) and (max-width: 1199px) {
	#homepage .carousel .item {
		height: 500px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#homepage .carousel .item {
		height: 400px;
	}
}
@media (max-width: 767px) {
	#homepage .carousel .item {
		height: 300px;
	}
	.carousel-caption h3 .line1 {
		font-size: 35px;
		font-weight: 900;
		color: #fdf681;
		text-shadow: 4px 4px 8px black;
	}
	.carousel-caption h3 .line2 {
		font-size: 50px;
		font-weight: 900;
		color: #fdf681;
		text-shadow: 4px 4px 8px black;
	}
	.carousel-caption h3 .line3 {
		font-size: 20px;
	}
	.carousel-caption p .btn {
		margin-top: 10px;
	}
}
/* Homepage Main */
.h-main__heading,
.h-news__heading {
	text-transform: none;
	color: #fdf681;
	font-weight: 400;
}
.h-main__subheading,
.h-news__subheading {
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 30px;
}
.h-main__text {
	font-size: 16px;
	font-weight: 300;
}
.h-dist__heading {
	color: #fdf681;
	font-size: 30px;
	font-weight: 400;
}
.h-dist__subheading {
	font-weight: 400;
}
.h-dist__text {
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 25px;
}
.listing-news__heading {
	font-size: 20px;
	font-weight: 400;
}
@media ( min-width: 768px ) {
	.listing-news__heading {
		min-height: 3.5em;
	}
	.prodtype__text {
		min-height: 120px;
	}
}
.listing-news a:hover {
	text-decoration: none;
}
.listing-news p {
	font-weight: 300;
}
/* Homepage Distribution */
.h-dist {
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #a57c2a;
	background-image: url(../images/design/yellowbackground.jpg);
	/*background-size: 100% 100%;*/
	padding-top: 10px;
	padding-bottom: 10px;
	background-size: 125% 100%;
	background-position: center top;
}
.h-dist__postcode {
	width: 100%;
}
.h-dist__searchbutton {
	width: 100%;
	height: 37px;
}
/* Box */
.box {
	border: 1px solid red;
	min-height: 200px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
/* Bar */
.bar {
	background-color: #a57c2a;
	background-image: url(../images/design/yellowbackground.jpg);
	background-size: 125% 100%;
	background-position: center top;
	padding-top: 5px;
	padding-bottom: 5px;
}
footer .bar {
	background-color: transparent;
	background-image: none;	
	border-bottom: 2px solid white;
}
.bar__heading {
	margin: 0;
	text-transform: uppercase;
	color: white;
	font-weight: 400;
}
@media (max-width: 767px) {
	.bar__heading {
		margin-bottom: 10px;
		font-size: 18px;
	}		
}

/* Header */
.header {
	margin-top: 10px;
	margin-bottom: 10px;
}
.header__social {
	display: flex;
}
.header__social .fa {
	/*color: #fdf681;*/
	color: black;
	font-size: 22px;
	border-radius: 0;
	background-color: #fdf681;
	text-align: center;
	height: 34px;
	width: 34px;
	margin-right: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.navbar-right {
	margin-top: 0;
	padding: 0;
	margin-right: 8px;
}
@media (min-width: 992px) and (max-width: 1199px) {
	.navbar-nav > li > a {
		padding-left: 7px;
		padding-right: 7px;
	}
	.navbar-nav > li.first > a {
		padding-left: 0;
	}
	.navbar-nav > li.last > a {
		padding-right: 0;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.navbar-nav > li > a {
		padding-left: 10px;
		padding-right: 10px;
	}
}
.header__logo {
	/*width: 100%;*/
	max-height: 185px;
}
.header__heading {
	font-size: 22px;
	font-weight: 300;
	margin-bottom: 0;
	/*margin-top: 30px;*/
	margin-top: 0;
	color: white;
}
.header__tel {
	font-weight: bold;
	font-size: 25px;
	letter-spacing: 0.1em;
	color: #fdf681;
	display: block;
	
	
}
@media ( max-width: 767px ) {
	.header__tel {
		font-size: 20px;
		line-height: 41px
	}
}
@media ( min-width: 768px ) {
	.header__tel {
		font-size: 30px;
	}
}
@media ( max-width: 991px ){
	.header__heading,
	.header__tel {
		text-align: right;
		margin-right: 8px;
	}
}
@media ( min-width: 992px ){
	.header__logo {
		max-width: 130px;
	}
	.header__heading {
		margin-top: 55px;
	}
	.flags {
		margin-top: 55px !important;
	}
}
/*@media ( min-width: 1200px ) {
	.header__heading {
		margin-top: 80px;
	}
	.flags {
		margin-top: 80px !important;
	}
}*/
.header__tel:hover {
	text-decoration: none;
}
.header__social {
	float: right;
}
/* Search */
.btn-search {
	background-color: white;
	border: none;
	color: #dcdcdc;
	height: 34px;
}
.btn-search:hover {
	background-color: white;
	border: none;
	color: #dcdcdc;
}
.input-searchbox {
	border-radius: 0;
	border-color: white;
	box-shadow: none;
	font-size: 18px;
	width: 150px;
}

input#navKeywords {
	width: calc(100%) !important;
}

@media (max-width: 991px) {
	.navbar-form {
		box-shadow: none;
		margin: 4px 8px 0 0;		
	}
	/*
		.navbar-form .input-group {
			display: inline-table	
		}
		*/
		#searchForm .input-group .form-control {
		float: right;
		width: auto;
		z-index: 2;
	}
}
/* Flags */
.flags {
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
}
.flag {
	height: 29px;
	float: left;
	margin-right: 8px;
	/*margin-bottom: 20px;*/
}
.flag--uk {
	width: 43px;
	background-image: url(../images/design/flag-uk.jpg);
}
.flag--us {
	width: 48px;
	background-image: url(../images/design/flag-us.jpg);
}
/* Footer */
.footer {
	background-image: url(../images/design/yellowbackground.jpg);
	background-size: 125% 100%;
	border-top: 1px solid white;
	border-bottom: 2px solid white;
	margin-bottom: 20px;
	background-position: center top;
	color: white;
}
.footer__heading {
	text-transform: uppercase;
	color: #fdf681;
	font-size: 16px;
	font-weight: 700;
}
.footer__nav {
	text-transform: uppercase;
	margin-top: 20px;
}
.footer__nav ul ul {
	text-transform: none
}
.footer__nav ul {
	padding-left: 0;
	list-style: none;
}
.footer__nav ul li a {
	color: #fdf681;
}
.footer__nav ul ul {
	list-style-type: disc;
	padding-left: 20px;
}
.footer__nav ul ul li a {
	color: white;
}
.footer__btn {
	width: 100%;
}
.footer__social {
	display: flex;
}
.footer__social--item {
	background-color: white;
	display: block;
	width: 38px;
	height: 38px;
	color: black;
	font-size: 22px;
	margin-right: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.footer__social--item:hover {
	color: black;
	text-decoration: none;
}
.footer__input {
	width: 100%;
	height: 40px;
	margin-bottom: 10px;
	color: black;
	padding-left: 10px;
}
/* 5 Products */
.prodbox {
	display: block;
	float: left;
	padding: 5px;
	text-align: center;
	height: 325px;
	position: relative;
}
@media ( min-width: 768px ) {
	.prodbox {
		width: 50%;
	}
}
@media (min-width: 992px) {
	.prodbox {
		width: 33%;
	}
}
@media ( max-width: 767px ) {
	.prodbox {
		width: 100%;
	}
}
.prodbox__inner {
	border: 1px solid white;
	width: 100%;
	height: 100%;
	padding: 10px;
	background-color: #000;
}
.prodbox__inner a:hover {
	text-decoration: none
}
.prodbox__image {
	margin: auto;
	/*height: 100px;*/
	/*height: 175px;*/
	/*max-width: 350px;*/
	max-height: 175px;
}
.prodbox__heading {
	/*text-transform: uppercase;*/
	margin-top: 5px;
	font-weight: 400;
	letter-spacing: -0.025em;
}
.prodbox--callout .prodbox__heading {
	font-weight: 400;
	font-size: 26px;
}
.prodbox__link {
	text-transform: uppercase;
	margin-top: 10px;
	display: block;
}
.prodbox--callout .prodbox__inner {
	background-color: #af862e;
	text-align: left;
	padding: 10px 20px;
	font-size: 16px;
	overflow: hidden;
	height: 315px;
    background-image: url("../images/design/yellowbackground.jpg");
    background-position: center;
    background-size: 200% 100%;
}

.categorybox__inner {
    background-image: url("../images/design/yellowbackground.jpg");
    background-position: center;
    background-size: 200% 100%;	
    padding-bottom: 20px;
	min-height: 250px;
}
.prodbox--callout .prodbox__inner p {
	font-weight: 300;
}
/* News Listing page */
/* mura folder  styles */
#news .hasImage .image {
    float: left;
    margin: 0 1em 1em 0;
    position: static;
}
#news .hasImage .image img {
	width: 300px;	
}
#news .cms p:first-of-type {
	font-size: 1em;
	letter-spacing: normal
}
#news.depth-2 .cms p:first-of-type  {
	font-size: 1.3em;
	margin-top: 20px;
	max-width: none;
}
#news .featured__heading, 
.listing-news__heading {
	text-transform: uppercase;
}
/*
.well a {
	color: black;	
}
*/
.well {
	background-color: transparent;
	border: 0;
	padding: 0;
	margin-top: 30px;
}
.nav h4 {
	color: #fdf681;
	text-transform: uppercase;	
}
.well .nav > li > a {
	border: 1px solid white;
	margin-bottom: 5px;
}
/* highlight active item in peer menus */
#navPeer.well .nav > li > a.active,
#navMultilevel.well > .nav > li > a {
	background-image: url("../images/design/yellowbackground.jpg");
	background-position: center top;
	background-size: 150% 100%;
	border: none;
	
}
#navMultilevel.well > .nav  li.product-category > a {
	text-transform: uppercase;	
}
#navMultilevel.well > .nav  li.product-category.navDepth-3 > a {
	padding: 5px 10px;
	font-weight: 300;
	text-transform: none;	
}
#navMultilevel.well > .nav  li.product-category.navDepth-3.active > a {
	font-weight: 400;	
}
#navMultilevel.well > .nav  li.product > a  {
	padding: 10px;
}

/*
#navMultilevel.well > .nav > li > ul > li.product-category > a {
	border: 0;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}
*/
#navMultilevel.well > .nav  li.product > a,
#navMultilevel.well > .nav  li.default > a {
	border: 0;
	border-bottom: 1px solid white;
	margin-bottom: 0;
}
#navMultilevel.well > .nav  li.product > a.active {
	color: #fdf681;
	font-weight: 700;
}

#navMultilevel.well > .nav  li.last.product > a {
	border: 0;
}
.well .nav > li > a:focus, 
.well .nav > li > a:hover {
    background-color: transparent;
    text-decoration: none;
}

/* indent related nav */
#navRelated.well .nav > li > a {
	margin-left: 10px;
}
#navMultilevel.well .nav > li > ul > li.navDepth-3 {
	margin-left: 15px;
}
/*
.product-category.navDepth-3 {
	background-color: grey;	
}
.well .nav > li.product-category > a.active {
	border: 0;
}
.well .nav > li.product-category.active.navDepth-3  {
	background-color: blue;	
}
.product.navDepth-4 {
	
}

.product a {
	margin-left: 20px	
}*/
@media (max-width: 767px) {
	#news .hasImage .image {
		float: none;
		margin: 1em 0; 
	}
	#news .hasImage {
		padding-left: 0 !important;	
	}
}

/* other news styles */

.featured__image {
	width: 100%;
}
.featured__btn {
}
.listing-news {
	margin-top: 20px;
	margin-bottom: 20px;
}
.listing-news__image {
	width: 100%;
}
.listing-news__btn {
	width: 100%;
	margin-bottom: 40px;
}
/* Downloads */
.dl-box {
	border: 1px solid white;
	margin-bottom: 20px;
	background-color: black;
}
.dl-box__inner {
	padding: 10px;
}
.dl-box__heading {
	margin-top: 0;
	color: #fdf681;
}
.dl-box__image {
	height: 45px;
	margin: 0 5px 5px 5px;
}
.dl-box__inner .h3 {
	font-size: 20px;	
}
/* Product Landing page */
.landing__image {
	margin: auto;
}
/* Product Type page */
.prodtype {
	border: 1px solid white;
	margin-bottom: 20px;
	background-color: black;
}
.prodtype .row {
	margin: 0	
}
.prodtype__rightcol {
	padding-top: 0;
	padding-bottom: 0;
	padding: 0
}
.prodtype__inner {
	background-image: url(../images/design/yellowbackground.jpg);
	background-size: 200% 100%;
	background-position: center center;
	min-height: 165px;
	padding: 10px;
}
.prodtype__image {
	min-height: 165px;
	padding: 0	
}
.prodtype__image a {
	display: block;	
	min-height: 165px;
}
.prodtype__inner .btn {
	position: absolute; bottom: 10px; right: 25px
}
.prodtype__heading {
	margin-top: 0;
	padding-top: 10px;
}
.prodtype__text {
	padding-bottom: 40px;
}
/* product page */
.product__image img {
	border: 1px solid white;
}
.product__image .product__mainImg {
	min-width: 100%;
}
.product__image .product__thumb {
	display: inline-block;
	margin: 15px 5% 0 0;
	width: 30%;
/*	border: 0*/
}

.modal-content {
	background-color: black;	
	border: 1px solid white;
}

.product__image .product__thumb.last {
	margin: 15px 0 0 0;
}
.product__related {
	margin-bottom: 40px;
}
.product__related img,
.product__related p {
	margin: auto;	
	text-align: center;
}


/* Distributors */

#distributorForm button,
#distributorForm input {
	color: #333;
}
#distributorForm input {
	padding: 7px;
	font-size: 14px;
	border: 1px #999 white;
}
/* Contact Page */
.form {
	margin-bottom: 60px;
	padding-bottom: 60px;
}
.form input,
.form textarea,
.form select {
	border-radius: 0 !important;
	margin-bottom: 20px;
}
.form label {
	font-family: 'Lato';
	font-size: 18px;
	font-weight: 300;
}
.form-control {
	width: auto;	
}
/* Grid */
.grid {
	margin-bottom: 6px;
}
@media ( min-width: 992px ) {
	.grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 6px;

		display: -ms-grid;
		-ms-grid-columns: (1fr)[3];
		    grid-template-columns: repeat(3, 1fr);
		grid-gap: 6px;
	}
	.grid div:nth-child(1) { -ms-grid-column: 1; }
	.grid div:nth-child(2) { -ms-grid-column: 2; }
	.grid div:nth-child(3) { -ms-grid-column: 3; }
}		
.grid__specs {
	/*grid-template-columns: repeat(2, 1fr);*/
	-ms-grid-row: 2;
	-ms-grid-column: 1;
	 -ms-grid-column-span: 3;
}	

.grid__row {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[2];
	    grid-template-columns: repeat(2, 1fr);	
	    grid-gap: 6px;
}
.grid__row__right {
	-ms-grid-column: 2;
}


.grid__specs div.specsLabeladditionalinformation {
	grid-column: 1 / span 2; 
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
}
.grid__specs div.specsValueadditionalinformation {
	grid-column: 1 / span 2; 
	-ms-grid-row: 2;
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
}	
.grid__link:hover {
	cursor: pointer;
}
.grid__specs {
	grid-column: span 3;
	grid-column: 1 / span 3;

/*	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 4px;*/
}
.grid__specs div {
	padding: 5px;
}
.grid__specs div.grid__row {
	padding: 5px 0 0 0;	
}
.grid__row > div:nth-child(2n-1) {
	background-color: rgba(61,58,56,.6)
}
.grid__row > div:nth-child(2n) {
	background-color: rgba(102,98,96,.6)
}
.grid__top {
	background-color: white;
	color: black;
	text-align: center;
	font-weight: bold;
	padding: 5px;
	text-transform: uppercase;
}
.grid__top .grid__title {
	font-size: 14px;
    font-weight: 900;
}
.grid__code.grid__top .grid__title {
	font-size: 14px;
}
.grid__quantity {
	position: relative;
}
.js-spec-link {
	display: inline-block;
	color: black;
	background-color: #b58a2e;
	border: 1px solid #b58a2e;
	text-transform: uppercase;
	font-size: 12px;
	color: white;
	padding: 2px 15px;
	font-weight: normal;
	letter-spacing: .1em;
	position: absolute;
	right: 0;
	bottom: 0;
}
.js-spec-link:hover {
	color: white;
	text-decoration: none;
}
/*.js-spec-link:hover {
	background-color: white;
	color: #b58a2e;
	text-decoration: none;
	
}*/
.hide {
	display: none;
}
/* Symbols */
.symbols_grid {
	margin-top: 30px;	
}
.symbols_grid img {
	margin: auto;
}
.symbols_grid .symbol {
	min-height: 200px;
}
.symbols_grid p {
	text-align: center;
}
/* Staff */
.staff_grid {
	margin-top: 10px;	
}
.staff_grid img {
	margin: auto;
}
.staff_grid .symbol {
	min-height: 200px;
}
.staff_grid p,
.staff_grid h4 {
	text-align: center;
}
.staff_grid p {
	margin-bottom: 40px;
}	
/* search */
.mura-search-results .moreResults {
	background-color: transparent;
}
#searchresults .mura-index dt, 
#searchresults .mura-index li h3 {
    font-size: 1.2em;
	font-weight: 400;
}



/* Modal  */
.modal * {
	color: black;
}


/* Contact Page Form */
.new-form input,
.new-form textarea,
.new-form select {
	width: 100% !important;
}

/* General */
input, textarea, select {
	border-radius: 0 !important; 
}


.view-range {
	text-transform: uppercase;
}

a.category-box-link:hover,
a.category-box-link:active, 
a.category-box-link:focus { 
	text-decoration: none;
	color: white;
}

/* News Archive */
.news-archive {
	display: flex;
    justify-content: space-between;
}
.news-archive li {
	border: 2px solid white;
	width: 100%;
	text-align: center;
}