/**
 * Place your custom styles here.
 */
  @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
   @import url('https://fonts.googleapis.com/css?family=Lato');
 /************** Top Menu ****************/
.col-sm-12.header-m {
	background-color: #F5F6F1;
}
body {
	margin-top: 0;
}
#block-topmenu ul.menu.nav {
	text-align: right;
	margin-top: 15px;
}
#block-topmenu ul.menu.nav li {
	display: inline-block;
}
#block-topmenu ul.menu.nav li a {
	color: black;
	font-size: 12px;
	border-right: 1px solid;
	padding: 0 5px;
}
#block-callusheadertext {
	text-align: right;
}
#block-callusheadertext h3 {
	margin-top: 15px;
	font-size: 20px;
}
#block-socialicons {
	text-align: right;
}
.addthis_inline_follow_toolbox * {
	margin: 0;
}
#block-socialicons .addthis_inline_follow_toolbox a {
	float: right;
}
.addthis_inline_follow_toolbox {
	margin-top: -25px;
}

#block-socialicons {
	/* float: right; */
	overflow: hidden;
}
#block-socialicons .field--name-body {
	float: right;
	min-width: 300px;
}
#block-camstage-search {
	width: 200px;
	float: right;
	margin-top: -70px;
	margin-right: 290px;
}
#block-socialicons {
	height: 35px;
}
.name.navbar-brand {
	display: none;
}
.region.region-header {
	position: relative;
	margin: 30px auto 20px;
}
.col-sm-12.blue-m {
	background-color: #016F92;
}
.nav > li > a:hover, .nav > li > a:focus {
	text-decoration: none;
	background-color: transparent;
}
#block-mainbluemenu ul.menu.nav li a {
	color: white;
	font-size: 12px;
	padding: 0 4px;
	text-shadow: 0 0 2px black;
}
#block-mainbluemenu ul.menu.nav > li > a {
	text-align: center;
}
.logo.navbar-btn.pull-left {
	position: absolute;
	bottom: 0;
}
#block-mainbluemenu ul.menu.nav {
	text-align: center;
}
#block-mainbluemenu ul.menu.nav li {
	display: inline-block;
	width: 143px;
	vertical-align: top;
	height: 48px;
	border-right: 1px solid black;
	padding: 5px 0;
}
#block-mainbluemenu ul.menu.nav > li:nth-child(8) {
	width: 143px;
	width: 142px;
	padding-top: 5px;
}
@media all and (max-width: 768px) {
	#block-socialicons .field--name-body {
		min-width: 235px;
	}
}
#block-mainbluemenu ul.menu.nav > li:first-child {
	border-left: 1px solid black;
}
.col-sm-12.blue-m {
	border-bottom: 2px solid #CE7318;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	background-color: transparent;
}
#block-mainbluemenu ul.menu.nav ul.dropdown-menu li {
	border: none;
	height: auto;
	width: 100%;
}
#block-mainbluemenu ul.menu.nav ul.dropdown-menu {
	background: #016F92;
	border-radius: 2px;
	margin-left: -5px;
	width: 250px;
}
#block-mainbluemenu ul.menu.nav ul.dropdown-menu li a {
	background: transparent;
}
#block-mainbluemenu li.expanded:hover > ul {
	display: block;
}
/************************************* Slider Section ******************************/
.header-main > div > * {
	width: 1140px;
	margin: 0 auto;
}
.col-sm-12.slider-m {
	background-color: #514F52;
}
.slider-left > a {
	display: block;
	margin: 15px 0;
}
.region.region-slider {
	overflow: hidden;
}
#block-leftslider, #block-2staticiconsshopknowledge {
	width: 230px;
	float: left;
}
.region-slider #block-2staticiconsshopknowledge, .region-slider section.block-block-content {
	width: 230px;
	float: none;
}
#block-views-block-slider-block-1, #block-views-block-static-slide-block-1 {
	float: right;
	width: 900px;
	height: 350px;
	box-sizing: border-box;
	padding-top: 15px;
}
div.flexslider {
    background: transparent;
    border: none;
}
.flexslider .slides img {
	height: 334px !important;
}
.view-display-id-block_1 .flex-control-nav {
  display: none;
}
.flex-control-nav {
	bottom: 0px;
	z-index: 99;
}
.two-btns-wrapper a {
	display: block;
	margin: 15px 0;
}
#block-views-block-static-slide-block-1 {
    float: right;
    width: 900px;
    height: auto;
    margin-bottom: 15px;
    padding-top: 0;
}
.two-btns-wrapper p {
	margin: 0;
	height: 0px;
}
/************************************* Contents *******************************/
h1.page-header {
	display: none;
}
.field--name-body ul {
    margin-left: 20px;
}
/********************************* Footer **************************************/
footer.footer.container {
	background-color: #514F52;
	color: white;
	width: 100%;
}
footer.footer.container > div {
	width: 1170px;
	margin: 0 auto;
}
.region.region-footer > * {
	width: 32%;
	display: inline-block;
	vertical-align: top;
}
.region.region-footer > * li a {
	color: white;
	padding: 3px 15px;
	background: transparent;
}
.footer-images img {
	height: 75px;
	margin: 0 5px;
}
footer h2 {
	font-size: 24px;
	text-shadow: 0 0 3px black;
}
#block-footercopyright {
	text-align: center;
	display: block;
	width: 100%;
	margin-top: 35px;
}
footer .menu.dropdown-menu {
	background: transparent;
	border: transparent;
	position: static;
	float: none;
	margin-left: 20px;
	box-shadow: none;
	display: block !important;
	margin-top: -5px;
}
footer .caret {
	display: none;
}
/**************************************** Blocks *****************************/
.block-views-exposed-filter-blockswatches-search-page-1 label {
  width: 100% ;
  margin-bottom: 1em !important;
}
.block-views-exposed-filter-blockswatches-search-page-1 input  {
  width: 100% !important;
}
.block-title, .content section h2, .path-frontpage h1.page-header, aside nav h2, .block-views-exposed-filter-blockswatches-search-page-1 label {
	font-size: 15px;
	text-align: center;
	 font-weight: bold;
	color: white;
	background-color: #514F52;
	padding: 6px 0px;
	text-shadow: 0 0 2px black;
	border-radius: 3px;
}
.well.region.region-sidebar-second {
	background: transparent;
	border: none;
	padding: 0;
}
#block-views-block-news-views-block-1 .views-field-field-image{
	float: left;
  width: 15%;
}
#block-views-block-news-views-block-1 .views-field-title{
	float: left;
  width: 85%;
  padding-left: 10px;
}
#block-views-block-news-views-block-1  .views-row {
  clear: both;
  padding-bottom: 8px;
  padding-top: 6px;
  overflow: hidden;
  border-bottom: 1px solid gray;
}
.viewsandnews a, .views-field.views-field-title a, .viewsandnews a, .views-field.views-field-field-short-title a {
	color: #505050;
}
.featuredviews .views-field.views-field-field-image img {
	width: 180px;
	display: inline-block;
}
.featuredviews .views-field.views-field-field-image a {
	display: block;
	text-align: center;
	margin-bottom: 3px;
}
.featuredviews .views-field.views-field-title a, .featuredviews .views-field.views-field-field-short-title a {
	display: block;
	text-align: center;
	margin-bottom: 5px;
}
.baseknowledge .views-row {
	display: inline-block;
	text-align: center;
	width: 30%;
	vertical-align: top;
	margin: 0 1%;
}
.baseknowledge .views-row img {
    width: 100%;
    display: inline-block;
}
aside .featuredviews.related .views-row {
	display: inline-block;
	width: 128px;
	text-align: center;
	margin-top: 20px;
	vertical-align: top;
}
aside .featuredviews.related .views-row a, aside nav ul a {
	color: #505050;
	font-size: 13px;
	line-height: 17px;
	display: block;
}
aside .nav > li > a {
	padding: 5px;
}
aside nav ul a  {
    padding: 5px 15px;
}
/************************************** Swatches **********************************/
.view-swatches .views-row {
	display: inline-block;
	vertical-align: top;
	width: 20%;
	margin: 30px 2%;
	text-align: center;
}
.view-swatches .views-row .views-field-title {
	display: block;
	font-size: 14px;
	line-height: 16px;
	height: 38px;
	overflow: hidden;
}
.view-swatches .views-row .request-btn.btn-primary, .swatches-btn, .custom-field-content .request-btn.btn-primary, .back-btn {
	display: inline-block;
	padding: 4px 11px;
	margin-top: 10px;
	border-radius: 5px;
	box-shadow: 0px 1px 1px gray;
	font-weight: normal;
	font-size: 13px;
	background-color: #CE7318;
	border-color: #CE7318;
	color: white;
}
/* .back-btn {
  font-weight: bold;
  display: inline-block;
  box-shadow: 0px 1px 1px black;
  width: 205px;
} */
.custom-field-content .request-btn.btn-primary,.custom-field-content .back-btn.btn-primary, .custom-field-content .remove-btn.btn-primary {
	text-align: center;

	padding: 8px 28px;
	font-size: 16px;
	border-radius: 5px;
	position: relative;
}
#block-enquirebuttons {
	padding-top: 15px;
}
#block-mainbluemenu ul.menu.nav ul.dropdown-menu {
	padding-bottom: 0;
}
.path-frontpage h1.page-header {
	display: block;
	margin-top: 20px;
	text-transform: uppercase;
	font-size: 18px;
	padding: 6px 15px;
}
.flexslider.optionset-reviews .field-content img {
	height: auto !important;
	width: 250px;
	display: inline-block;
	border-radius: 0;
	border: 4px solid #CE7318;
}
.flexslider.optionset-reviews li {
	text-align: center;
	color: gray;
}
.flexslider.optionset-reviews .flex-control-nav {
	bottom: -25px;
	z-index: 99;
}
.region-content .flexslider.optionset-reviews .field-content img {
	height: auto !important;
	width: 122px;
	display: inline-block;
	border-radius: 0;
	border: 4px solid #CE7318;
}
.region-content .flexslider.optionset-reviews .views-field-field-image {
	float: left;
	margin-right: 10px;
}
.region-content .flexslider.optionset-reviews li {
	color: gray;
	text-align: left;
	min-height: 100px;
}
.flexslider.optionset-reviews .views-field.views-field-title {
	font-weight: bold;
}
.leave-review {
	display: inline-block;
	padding: 4px 11px;
	margin-top: 10px;
	border-radius: 5px;
	box-shadow: 0px 1px 1px gray;
	font-weight: normal;
	font-size: 13px;
	background-color: #CE7318;
	border-color: #CE7318;
	color: white !important;
}
.region-content .leave-review {
    float: none;
    margin-top: 0;
    position: relative;
    top: -25px;
}
aside .flexslider .leave-review {
	margin-top: 0;
}
aside .view-footer {
	text-align: center;
	margin-top: -30px;
}
input.form-file[type="file"] {
	padding: 0;
}
.breadcrumb {
	/* display: none; */
}
.view-swatches .views-row .remove-btn, .custom-field-content .remove-btn {
	padding: 6px 9px;
	display: none;
	border-radius: 5px;
	font-weight: normal;
	font-size: 12px;
	box-shadow: 0 1px 1px black;
}
.swatches-btn {
	display: none;
}
.my-swatches-list img, .region-content .field.field--name-body .my-swatches-list img {
	width: 30px;
	height: auto;
	display: inline-block;
	margin-right: 5px;
}
.my-swatches-list > div {
	margin-bottom: 5px;
}
.my-swatches-list a {
	color: gray;
	font-size: 12px;
}
.my-swatches-list {
	margin-top: -15px;
	margin-bottom: 15px;
}
.remove-btn.btn-primary {
	position: relative;
	top: 13px;
}
.page-node-type-swatches .remove-btn.btn-primary {
	top: 0;
}
.page-node-type-swatches.remove-btn.btn-primary {
	top: 0px;
}
.swatch-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 100;
	display: none;
}
#block-webform-2 {
	position: absolute;
	top: -300px;
	z-index: 999;
	background: white;
	width: 500px;
	padding: 0 20px 30px;
	display: none;
}
#block-webform-2 .form-type-textfield, #block-webform-2 .form-type-email, #block-webform-2 .form-type-checkbox {
	display: inline-block;
	width: 45%;
	margin-right: 3%;
}
#block-webform-2 .form-type-checkbox {
	position: relative;
}
#block-webform-2 .form-submit, #block-webform-2 .captcha {
	margin-top: 15px;
}
#block-webform-2 .tabledrag-toggle-weight {
	display: none;
}
#block-webform-2 table .form-type-textfield {
	width: 100%;
	margin: 0;
}
#block-webform-2 .form-type-webform-multiple {
	display: none;
}
.top-mobile-menu {
    display: none;
}
.view-customer-review .view-footer {
    position: relative;
    z-index: 99;
    text-align: center;
}
.projectsviews .views-row {
	overflow: hidden;
	margin: 20px 0;
	border-bottom: 1px solid gray;
	padding-bottom: 20px;
}
.projectsviews .views-field-field-image, .block-views-blocknews-views-block-2 .views-field-field-image {
	float: left;
	margin-right: 10px;
}
.projectsviews .views-field-title a {
	font-weight: bold;
	font-size: 18px;
	color: #017196;
	margin-top: -5px;
	display: block;
}
.main-container .field--name-body {
	overflow: hidden;
	padding-bottom: 15px;
}
.viewsandnewspage .views-row {
	overflow: hidden;
	margin: 20px 0;
	border-bottom: 1px solid gray;
	padding-bottom: 20px;
}
.viewsandnewspage .views-field-title a {
	font-weight: bold;
	font-size: 18px;
	color: #017196;
	margin-top: -5px;
	display: block;
}
#webform-submission-contact-form {
	margin-top: 15px;
}
#views-exposed-form-swatches-search-page-1 select {
    width: 200px;
    background: #CE7318;
    color: white;
}
#views-exposed-form-swatches-search-page-1 label {
	display: block;
}
#views-exposed-form-swatches-search-page-1 div.form-item {
	margin-right: 15px;
}
#views-exposed-form-swatches-search-page-1 .form-inline .form-group {
	vertical-align: bottom;
}
#views-exposed-form-swatches-search-page-1 .form-item-search-api-fulltext {
	width: 100%;
}
#views-exposed-form-swatches-search-page-1 .form-item-search-api-fulltext input{
	width: 100%;
	margin-top: 23px;
}
#views-exposed-form-swatches-search-page-1 {
	margin-top: 20px;
}
#views-exposed-form-swatches-search-page-1 .select-wrapper::after {
    color: white;
}
#webform-submission-contact-form h3 {
	text-align: center;
	font-size: 41px;
	color: #CF7518;
}
.contact-us-wrapper {
	text-align: center;
	font-size: 15px;
	color: gray;
	background: white;
}
#webform-submission-contact-form div.form-item {
	width: 45%;
	display: inline-block;
	vertical-align: bottom;
	margin-right: 4%;
}
#webform-submission-contact-form div.form-item.form-type-textarea {
	width: 94%;
}
#webform-submission-contact-form label {
	background: white;
}
#block-socialicons-2 a {
	margin-top: 10px;
	float: none;
}
#block-socialicons-2 .addthis_toolbox {
	text-align: center;
}
body.path-webform {
	background: url('/themes/camstage/img/contact15.png');
}
div .btn-primary {
	color: #fff;
	background-color: #CE7318;
	border-color: #CE7318;
}
.region.region-content #views-exposed-form-swatches-search-block-1 {
	display: none;
}
#views-exposed-form-swatches-search-page-1 #edit-field-colour-target-id--wrapper .form-item.form-type-checkbox {
	display: inline-block;
	vertical-align: top;
	width: 49%;
	margin: 2px 0;
}
#views-exposed-form-swatches-search-page-1 .form-item.form-type-checkbox input {
	margin-right: 5px;
}
#views-exposed-form-swatches-search-page-1 .form-item.form-type-checkbox {
	display: block;
	margin: 3px 0;
}
#block-swatchesfilterwrapper h2 {
	margin-bottom: -10px;
}
#block-swatchesfilterwrapper .control-label,
  .block-facet-blockapplication .block-title,
  .block-facet-blockapplication summary,
  .block-facet-blockfabric-standard summary,
  .block-facet-blockcolour summary,
  .block-facet-blockcolour .block-title,
  #block-swatchesfilterwrapper summary  {
	display: block;
	background: #2F99D4;
	color: white;
	padding: 0px 10px;
	margin-top: 15px;
	margin-bottom: -10px;
	font-size: 21px;
	text-align: left;
	height: 30px;
	border-radius: 0px;
	font-weight: normal;
	text-shadow: none;
}
.block-facet-blockfabric-standard summary {
  cursor: pointer;
}
.block-facet-blockfabric-standard summary::after {
  content: "►";
  font-size: 14px;
  position: relative;
  top: -2px;
  right: -11px;
}
.block-facet-blockapplication summary::after {
  content: "►";
  font-size: 14px;
  position: relative;
  top: -2px;
  right: -11px;
}
.block-facet-blockcolour summary::after {
  content: "►";
  font-size: 14px;
  position: relative;
  top: -2px;
  right: -11px;
}
@media all and (max-width: 980px) {
	.block-facet-blockapplication summary::after {
	  content: "►";
	}
	.block-facet-blockcolour summary::after {
	  content: "►";
	}
	details#block-colour {
		padding-bottom: 20px;
	}
	.views-field.views-field-title {
		height: auto;
		min-height: 55px;
	}
	.views-field.views-field-title a {
		line-height: 20px;
	}
	
}
.facets-widget-checkbox {
	margin-top: 23px;
}
.item-list__checkbox {
	padding-left: 0px;
}
.item-list__checkbox li {
	list-style-type: none;
}
.facets-checkbox {
	margin-right: 0.5em !important;
}
.facet-item__value {
  font-weight: normal;
}

.block-facet-blockapplication .block-title,
.block-facet-blockcolour .block-title{
	padding-top: 5px;
}
.block-facet-blockcolour .item-list__checkbox li{
  width: 50%;
  float: left;
}
#block-swatchesfilterwrapper summary  {
	margin-bottom: 10px;
}
.cancel-btns.btn-primary.btn {
    margin-top: 15px;
    background: #f00;
}
.cols-wrapper .col-xs-12.col-md-4 {
	text-align: center;
}
.cols-wrapper img {
	display: block;
	width: auto;
	height: auto;
	margin: 15px auto 10px;
}

#comment-form #edit-submit {
	background: #CE7318;
	border-color: #CE7318;
	color: white;
}
#comment-form #edit-preview {
	background: #5cb85c;
	border-color: #5cb85c;
	color: white;
	margin-bottom: 20px;
}
#comment-form .form-actions {
	margin: 30px 0px !important;
}
section#block-proudtohaveworkedwith img {
    width: 100%;
    height: auto;
	max-width: 204px;
}
#go-top-swatches {
	display: none;
}
.field.field--name-field-factsheet.field--type-file {
	margin: 30px 0 50px;
}

details summary::-webkit-details-marker { display:none; }

@media all and (min-width: 1024px) {
	#block-mainbluemenu ul.menu.nav li:hover {
		background: #CE7318 !important;
	}
}
.btn-success {
	color: #fff;
	background-color: #CE7318;
	border-color: #CE7318;
	margin-bottom: 20px;
}
.link.link-edit-summary.btn {
	background: #CE7318;
	color: white;
}
.field--name-body img.align-right {
	margin-top: 23px;
}
@media all and (min-width: 1200px) {
	#block-mainbluemenu ul.menu.nav ul.dropdown-menu {
		border-top: 2px solid #CE7318;
		margin-top: 0px;
		margin-left: -1px;
	}
	#block-mainbluemenu ul.menu.nav > li {
		margin-left: -4px;
	}
}

.enquiries-buttons a {
	margin-right: 12px;
}
.enquiries-buttons-wrap {
	display: none;
}
.related-items a {
	color: #505050;
	padding-left: 5px;
	display: inline-block;
}
.two-btns-wrapper {
	position: relative;
	z-index: 2;
}
.main-container .form-actions button.btn {
    margin-top: 10px;
    box-shadow: 0 0 2px black;
}
span.remove-swatch {
	color: white;
	font-weight: bold;
	display: inline-block;
	float: right;
	border: 1px solid #2F99D4;
	padding: 0px 5px 3px 5px;
	line-height: 15px;
	cursor: pointer;
	position: absolute;
	right: 0;
	background: #2F99D4;
	border-radius: 3px;
}
.swatch-element {
	position: relative;
}
#block-swatchesfilterwrapper summary::after {
	content: '▼';
	font-size: 14px;
	position: relative;
	top: -2px;
	right: -11px;
}

.block-facets summary[aria-expanded="true"]::after {
    content: "▼" !important;
}
.block-facets summary[aria-expanded="false"]::after {
  content: "►" !important;
  font-size: 14px;
  position: relative;
  top: -2px;
  right: -11px;
}
div .block-facets details[open] > summary::after {
    content: "▼" !important;
}
/******************************************** Mobile **********************************************/
@media all and (max-width: 1200px) {
	.header-main > div > *, footer.footer.container > div {
		width: 100%;
		margin: 0 auto;
	}
	.col-sm-12.blue-m {
		padding: 0;
		position: fixed;
		top: 0;
		left: -260px;
		height: 800px;
		width: 260px;
		z-index: 9999;
		transition: 1s;
	}
	.col-sm-12.blue-m.opened {
		left: 0;
		transition: 1s;
	}
	#block-mainbluemenu ul.menu.nav li {
		display: inline-block;
		width: 100%;
		vertical-align: top;
		height: auto;
		border-right: none;
		padding: 0;
		/* text-align: left; */
	}
	#block-mainbluemenu ul.menu.nav > li > a {
		text-align: left;
		margin-left: 5px;
		padding: 9px 0 13px;
		border-bottom: 1px solid gray;
		/* background: red; */
	}
	.top-mobile-menu {
		display: block;
		border-bottom: 2px solid #CE7318;
		background-color: #016F92;
		text-align: center;
		color: white;
		width: 100%;
		font-size: 20px;
		overflow: hidden;
		width: 100%;
		padding: 5px 0px;
		cursor: pointer;
	}
	span.glyphicon.glyphicon-align-justify {
		display: inline-block;
		width: auto;
		padding: 0 5px;
		font-size: 18px;
	}
	.blue-m .dropdown-menu {
		position: static !important;
		box-shadow: none;
		border-bottom: 2px solid #e5e5e5;
	}
	.blue-m .dropdown-menu.opened {
		display: block;
	}
	#block-mainbluemenu ul.menu.nav ul.dropdown-menu li {
    padding: 7px 0;
    border-bottom: 1px solid rgba(204, 204, 204, 0.28);
    width: 100%;
    padding-left: 15px;
}
aside .views-row {
    display: block;
    vertical-align: top;
    width: 95%;
    margin: auto;
}
aside .viewsandnews .views-row {
    width: 100%;
    padding: 5px 4px;
    border-bottom: 1px solid gray;
}
section#block-leftslider {
    position: absolute;
    z-index: 7;
}
.path-frontpage .slider-left a {
    display: inline-block;
    vertical-align: top;
    width: 23%;
    margin: 20px 0 0 0;
}
.path-frontpage .slider-left img {
    width: 100%;
}
.path-frontpage section#block-leftslider {
    position: absolute;
    z-index: 7;
    width: 100%;
}
#block-mainbluemenu ul.menu.nav ul.dropdown-menu {
	width: auto;
}
.enquiries-buttons a {
	margin-right: 0;
	display: inline-block;
	width: 33%;
}
.enquiries-buttons a {
	margin-right: 0;
	display: inline-block;
	width: 33%;
}
.enquiries-buttons a img {
	width: 95%;
}
.region-slider #block-2staticiconsshopknowledge, .region-slider section.block-block-content {
    width: 100%;
    float: none;
}
.flexslider .slides img {
    height: auto !important;
}
#block-views-block-slider-block-1, #block-views-block-static-slide-block-1 {
    float: right;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding-top: 15px;
}
#block-mainbluemenu ul.menu.nav > li:nth-child(8) {
		width: 100%;
		display: block;
		margin: 0;
		padding: 0;
	}

}
@media all and (max-width: 1025px) {
aside .views-row {
    display: block;
    vertical-align: top;
    width: 95%;
    margin: 0 auto;
}
aside .viewsandnews .views-row {
    width: 95%;
	padding: 5px 3px;
}
section.col-sm-9, section.col-sm-6 {
	margin-top: 30px;
}

}


@media all and (max-width: 980px) {
	.mobile-list aside.col-sm-3 {
		width: 100%;
	}
	.dropdown-backdrop {
		display: none;
	}
	.please-select {
		text-align: center;
		color: gray;
		font-weight: bold;
		font-size: 19px;
		margin-top: 20px;
	}
	.region.region-content .field--name-body #views-exposed-form-swatches-search-page-1 {
		display: block;
	}
	.region.region-content .field--name-body #block-views-block-customer-review-block-1 {
		display: none;
	}
	.mobile-list {
		overflow: hidden;
	}
	#go-top-swatches {
		text-align: center;
		background: #337ab7;
		color: white;
		font-size: 18px;
		padding: 6px 0;
		margin: 10px 0 40px;
		border-radius: 5px;
		box-shadow: 0 0 1px black;
		cursor: pointer;
		display: block;
	}
  #block-webform-2 {
    top: -30px}
	
}

@media all and (max-width: 830px) {
.logo.navbar-btn.pull-left {
    bottom: -8px;
}
.region.region-header {
    margin: 0;
}
#block-topmenu ul.menu.nav {
    margin-top: 0px;
}
.region.region-header .form-group {
    margin-bottom: 0px;
}
.logo.navbar-btn.pull-left img {
    width: 100px;
    position: relative;
    top: -8px;
}
.region-slider #block-2staticiconsshopknowledge, .region-slider section.block-block-content {
    width: 100%;
    float: none;
}
aside ul.menu.nav li {
    display: inline-block;
    width: 44%;
    border-bottom: 1px solid gray;
    margin: 0 2%;
	vertical-align: bottom;
}
section#block-footerphotos {
    width: 100%;
    text-align: center;
}
nav#block-sitemenu, nav#block-products {
    width: 40%;
    margin: 0 4%;
}
.two-btns-wrapper img {
    width: 180px;
    margin-top: 10px;
}
#block-webform-2 {
    left: 5%;
}
nav#block-topmenu li {
    display: inline-block;
    width: 32%;
    text-align: center;
    padding: 4px 0;
}
nav#block-topmenu {
    margin-bottom: 20px;
    padding-top: 10px;
}
.flexslider {
    border: none;
}
.col-sm-12.slider-m {
    padding: 0;
}
#block-views-block-slider-block-1 {
    width: 100%;
    height: auto;
    padding-top: 0;
}
.flexslider .slides img {
     height: auto !important; 
}
.path-frontpage section#block-leftslider {
    bottom: 10px;
}
.path-frontpage .slider-left a {
    width: 24%;
}
.baseknowledge .views-row {
    width: 49%;
    margin: 0 0px;
}
.region-content .leave-review {
    float: none;
    margin-top: -25px;
    width: 100%;
    text-align: center;
    font-size: 15px;
	top: -10px
}
aside .viewsandnews .views-row {
    vertical-align: bottom;
}
.region-content .field.field--name-body img {
    width: 100%;
    height: auto;
}
.two-btns-wrapper a {
    display: block;
    margin: 0px 0;
}
.path-frontpage .two-btns-wrapper p a:last-child {
    right: 0;
    position: absolute;
}
.path-frontpage .two-btns-wrapper p a:first-child {
    position: absolute;
    left: 0;
}
.path-frontpage .two-btns-wrapper img {
    width: 140px;
}
.two-btns-wrapper p a:last-child {
    right: 0;
    position: static;
	    display: inline-block;
    margin: 0 5px;
}
.two-btns-wrapper p a:first-child {
    position: static;
    left: 0;
	    display: inline-block;
    margin: 0 5px;
}
.two-btns-wrapper img {
    height: 5vh;
    width: auto;
}
.logo.navbar-btn.pull-left {
    bottom: -8px;
    left: -8px;
}
.region.region-header {
    padding: 20px 0 5px;
    position: relative;
}
nav#block-topmenu {
    display: none;
}
#block-views-block-static-slide-block-1 {
    margin-bottom: 10px;
		padding-top: 0px;
}
div#atstbx {
    text-align: center;
}
aside .featuredviews.related .views-row {
    width: 32%;
}
.projectsviews .views-field-field-image {
    display: block;
    float: none;
    margin: 0 auto 20px;
    text-align: center;
}
.projectsviews .views-field-field-image img {
    margin: 0 auto;
}
.view-swatches {
    text-align: center;
}
.view-swatches .views-row {
    display: inline-block;
    vertical-align: top;
    width: 45%;
    margin: 30px 2%;
    text-align: center;
}
.view-swatches .views-row .views-field.views-field-field-image {
    display: inline-block;
}

.view-swatches .views-row .request-btn.btn-primary, .swatches-btn, .view-swatches .views-row .remove-btn {
    width: 100%;
    font-size: 18px;
    padding: 5px !important;
}
.view-swatches .views-row .views-field-title {
    height: 63px;
}
.view-swatches .views-row .views-field.views-field-title a {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    display: block;
}
#block-swatchesfilterwrapper .fieldset-legend, #block-swatchesfilterwrapper summary {
    position: relative;
    top: 15px;
}
#block-webform-2 {
    width: 90%;
}
#block-webform-2 .form-type-textfield, #block-webform-2 .form-type-email, #block-webform-2 .form-type-checkbox {
    display: inline-block;
    width: 98%;
    margin-right: 3%;
}
#block-webform-2 .form-type-checkbox {
    position: relative;
    top: 0;
}
.enquiries-buttons a img {

}
aside .views-row {
    display: block;
    vertical-align: top;
    width: 95%;
    margin: 0 auto;
}
.block-title, .content section h2, .path-frontpage h1.page-header, aside nav h2 {
    font-size: 13px;
}
aside .viewsandnews .views-row {
    width: 100%;
	padding: 5px 3px;
}
.path-frontpage h1.page-header {
    font-size: 16px;
}
.path-frontpage .two-btns-wrapper {
		position: absolute;
		z-index: 33;
		width: 100%;
		bottom: 68px;
		text-align: center;
	}
	.two-btns-wrapper {
		position: absolute;
		z-index: 33;
		width: 100%;
		bottom: 48px;
		text-align: center;
	}
	.region.region-slider {
			padding-bottom: 6vh;
	}
	.path-frontpage .region.region-slider {
			padding-bottom: 0;
	}
	div .flexslider {
		margin: 0 0 43px;
	}
	
}

@media all and (max-width: 830px) and (min-width: 665px) {
	.two-btns-wrapper {
		bottom: 65px;
	}
	.path-frontpage .slider-left a {
		width: 18%;
		margin: 0 5px;
	}
	.slider-left {
		position: relative;
		top: 10px;
		text-align: center;
	}
}
@media all and (max-width: 830px) and (min-width: 665px) and (orientation:landscape) {
	.two-btns-wrapper {
		bottom: 38px;
	}
}
@media all and (max-width: 768px) {
  .page-node-type-swatches .col-sm-3 #block-sharethispage {
    display: none;
  }
  .page-node-type-swatches  .col-sm-3 #block-myswatcheslist {
    display: none;
  }
	.enquiries-buttons {
		display: none;
	}
	.enquiries-buttons-wrap {
		display: block;
		margin-top: 30px;
	}
	
	.view-swatches .views-row .remove-btn {
		font-size: 17px;
		background-color: #337ab7;
		border-color: #2e6da4;
		margin-top: -3px;
	}
	.projectsviews .views-field-field-image, .block-views-blocknews-views-block-2 .views-field-field-image {
		float: none;
		margin: 0 auto 15px;
		text-align: center;
		width: 250px;
	}
	.projectsviews .views-field.views-field-title, .block-views-blocknews-views-block-2 .views-field.views-field-title {
		text-align: center;
		height: auto;
		min-height: initial;
		margin-bottom: 10px;
	}
	.news-views h2 {
		font-size: 26px;
	}
	.news-views .field--name-body img.align-right {
		margin-top: 5px;
		margin-bottom: 8px;
	}
}
@media all and (min-width: 900px) and (max-width: 1040px) and (orientation:landscape) {
	.two-btns-wrapper {
		bottom: -13px;
	}
}
@media all and (max-width: 768px) {
	.two-btns-wrapper {
		bottom: 65px;
	}
}

@media all and (max-width: 769px) and (orientation:landscape) {
	.two-btns-wrapper {
		bottom: 53px;
	}
	.region.region-slider {
		padding-bottom: 12vh;
	}
	.two-btns-wrapper img {
		height: 10vh;
		width: auto;
	}
	.flex-control-nav {
		bottom: 60px;
	}
	.path-frontpage .slider-left {
		position: relative;
		top: 7px;
	}
}


@media all and (max-width: 765px) {
aside .views-row {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    margin: 0 auto;
}
li.pager__item.pager__item--previous, li.pager__item.pager__item--next {
    display: none;
}
body #search-block-form .input-group {
	width: 100%;
}
body div#block-camstage-search {
    display: block;
    float: none;
    width: 100%;
    position: static;
	margin-top: 0;
}
body .logo.navbar-btn.pull-left {
	bottom: 25px;
	left: -8px;
}

}

@media all and (max-width: 550px) {
	div#block-camstage-search {
		display: none;
	}
	#block-callusheadertext h3 {
    font-size: 16px;
    position: relative;
    top: -10px;
}
	
}
@media all and (max-width: 450px) {
	.two-btns-wrapper {
		bottom: 55px;
	}
}

@media all and (max-width: 365px) {
	.footer-images img{
		margin-bottom: 20px;
	}
}
@media all and (max-width: 376px) {
	.logo.navbar-btn.pull-left img {
		width: 75px;
	}
	.two-btns-wrapper {
		bottom: 54px;
	}
}
@media all and (max-width: 376px) and (max-height: 668px)  {
	.two-btns-wrapper {
		bottom: 52px;
	}
}
@media all and (device-width : 375px) and (device-height : 812px)  {
	.two-btns-wrapper {
		bottom: 57px;
	}
}
@media all and (max-width: 325px) {
	.two-btns-wrapper {
		bottom: 46px;
	}


  #block-webform-2 {
    width: 96%;
    left: 2%;
  }
  #block-webform-2 .g-recaptcha {
    margin-left: -18px;
  }
}

@media (max-width: 1200px) {

}

@media all and (max-width: 680px) {

}

@media all and (max-width: 445px) {
	.remove-btn {
		margin-bottom: 10px;
	}
 .back-btn {
   margin-top: 10px;
 }
}

@media all and (max-width: 500px) {

}

/* <details> and <summary> are block level elements */
details, summary { display: block; }

/* The following styles will only get applied if JavaScript is enabled and <details> is not natively supported */

/* Add focus styles (for keyboard accessibility) */
.no-details summary:hover, .no-details summary:focus { background: #ddd; }

/* The following styles are not really needed, since the jQuery script takes care of hiding/displaying the elements. */
/* However, we’re still gonna use CSS as well to prevent FOUC in browsers that understand these selectors. */
/* Remember: by default (and probably most of the time), the contents of the <details> element are hidden. */

/* Hide all direct descendants of every <details> element */
/* Note that IE6 doesn’t support the child selector; we’ll work around that using jQuery later */
/* .no-details details > * { display: none; } */

/* Make sure summary remains visible */
.no-details details summary { display: block; }

/* Apply a pointer cursor upon hover to indicate it’s a clickable element. These styles can be applied regardless of whether the fallback is needed */
summary { cursor: pointer; }


#block-views-block-news-views-block-1 h2 {
	cursor: pointer;
}
body .eu-cookie-compliance-default-button, body .eu-cookie-compliance-hide-button, body .eu-cookie-compliance-more-button-thank-you, body .eu-cookie-withdraw-button {
	background: #a45506;
	color: white;
	font-weight: normal;
	text-shadow: none;
	box-shadow: 0px 0px 1px black;
	border-radius: 5px;
	text-transform: uppercase;
}
.views-field.views-field-edit-node a {
	color: white;
	font-weight: bold;
	background: red;
	display: inline-block;
	padding: 0px 10px;
}
.views-field .full-review {
	display: none;
}
#node-customer-review-form #edit-body-0-format, #node-customer-review-form span.field-edit-link, #node-customer-review-form #edit-actions, #node-customer-review-form #edit-actions {
	display: none;
}
.feed-icons {
	display: none;
}

aside .related-items .views-row {
	display: block;
	width: 100%;
	text-align: left;
}
.customer-reviews h1.page-header {
	display: block;
}
.customer-reviews .views-field.views-field-field-image, .viewsandnewspage .views-field.views-field-field-image {
	float: left;
	margin-right: 15px;
}
@media all and (max-width: 765px) {
	.customer-reviews .views-field.views-field-field-image, .viewsandnewspage .views-field.views-field-field-image {
		float: none;
		margin: 0 auto 25px;
		display: block;
		width: 250px;
	}
	.customer-reviews .views-field.views-field-title, .viewsandnewspage .views-field.views-field-title {
		height: auto;
		min-height: 55px;
		text-align: center;
	}
}
.customer-reviews .views-row {
	clear: both;
	margin-bottom: 15px;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	padding-bottom: 15px;
}
.customer-reviews .views-row .views-field-title a {
	font-weight: bold;
	font-size: 18px;
	color: #017196;
	margin-top: -5px;
	display: block;
}
.customer-reviews {
	margin-top: 25px;
}
.back-to-page {
	background: #ce7318;
	color: white !important;
	display: inline-block;
	text-align: center;
	font-size: 15px;
	padding: 5px 25px;
	border-radius: 5px;
	box-shadow: 0px 1px 1px gray;
	margin: 0 auto;
}
#block-backtonewsviews, #block-backtoknowledgebase, #block-backtocasestudies, #block-backtoprojects, #block-backtocustomersreviews {
	text-align: center;
	margin-top: 30px;
}
.page-node-type-customer-review h1, .page-node-type-customer-review .field--name-field-short-title {
	display: block;
	margin: 20px auto;
}
#block-backtocustomersreviews .back-to-page {
	margin: 10px 15px; 
}

body.lato, body.lato * {
	font-family: lato !important;
}
body.sanspro, body.sanspro * {
	font-family: "Source Sans Pro" !important;
}

.field--name-field-image a {
	display: inline-block;
}
.field--name-field-image {
	text-align: center;
}

figcaption {
	font-style: italic;
}

@media all and (max-width: 765px) {
	.field--name-body figure {
		width: 100%;
		margin-bottom: 10px;
	}
}


/************************ Slidshow ******************************/
.optionset-slideshow .flex-control-nav.flex-control-thumbs {
	text-align: center;
	display: block;
	background: #f2f2f2;
	padding: 5px 0;
}
.optionset-slideshow .flex-control-nav.flex-control-thumbs li {
	max-width: 161px;
	margin: 2px 4px;
}
.optionset-slideshow .flex-direction-nav li a {
	top: 40%;
}
.optionset-slideshow .flexslider .flex-direction-nav a, .optionset-slideshow .flexslider .flex-direction-nav a {
	display: block;
}
.optionset-slideshow .flex-caption {
	background: #000000c9;
	color: white;
	font-size: 20px;
	padding: 5px 10px;
	margin-top: -40px;
	position: relative;
	text-align: center;
}
.optionset-slideshow {
	margin-top: 30px;
}