#sliderVideoHero
{
	width:100%;
}


.careers *
{
    font-family: Poppins !important;
    font-size: 14px !important;
    font-weight: normal;
    letter-spacing: 1px;
}


.careers h1
{
	font-size:28px !important;
}

.table {
  width: 100%;
  max-width: 100%;
  color: #655d60;
}

.table.center, .table.center td { text-align: center; }

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 6px 16px;
  line-height: 1.42857143;
  vertical-align: top;
  font-size: 14px;
  border-top: 1px solid #dddddd;
  text-align: left;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #dddddd;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #e3eff1;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
.table > tbody > tr > td.right { text-align:right; }

@media screen and (max-width: 1250px)
{
#logo_container .tagline { width: 400px; margin-top:5px !important; }
#logo_container img	{ margin-top:5px !Important; }
}

@media screen and (max-width: 1060px) and (min-width: 768px)
{
#top_links { right: 10px !Important; }
#made_in_britain { display:none; }
}
@media screen and (max-width: 920px) and (min-width: 768px)
{
header #top_links .btn
{
width: 160px !important;
text-align: center;
padding: 6px 20px	!important;
}
}
	
@media screen and (max-width: 767px) {
	
.festival { left:0px !important;}
	.case-studies-block h3
	{
		min-height:auto !important;
	}
	.meet-the-team .row > div.col-xs-6
	{
		padding-left:0.5rem;
		padding-right:0.5rem;
	}
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #dddddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes fadeout {
    0% { opacity: 1; z-index: 10;  }
	50% { opacity: 0; z-index: 10; }
    100%   { opacity: 0; z-index: -10;}
}

/* Firefox < 16 */
@-moz-keyframes fadeout {
    0% { opacity: 1; z-index: 10;  }
	50% { opacity: 0; z-index: 10; }
    100%   { opacity: 0; z-index: -10;}
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeout {
    0% { opacity: 1; z-index: 10;  }
	50% { opacity: 0; z-index: 10; }
    100%   { opacity: 0; z-index: -10;}
}

/* Internet Explorer */
@-ms-keyframes fadeout {
    0% { opacity: 1; z-index: 10;  }
	50% { opacity: 0; z-index: 10; }
    100%   { opacity: 0; z-index: -10;}
}


@keyframes slow-slide
{
	0%
	{
		-webkit-transform:translate3d(3%,0,0) scale(1.1);transform:translate3d(3%,0,0) scale(1.1)
	}
	to
	{
	-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)
	}
}

@keyframes slow-slide-right
{
	0%
	{
		-webkit-transform:translate3d(-3%,0,0) scale(1.1);transform:translate3d(-3%,0,0) scale(1.1)
	}
	to
	{
	-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)
	}
}

@keyframes slow-zoom
{
	0%
	{
		-webkit-transform: scale(1.1);transform: scale(1.1)
	}
	to
	{
	-webkit-transform: scale(1);transform: scale(1)
	}
}

@keyframes slow-zoom-in
{
	0%
	{
		-webkit-transform: scale(1.1);transform: scale(1)
	}
	to
	{
	-webkit-transform: scale(1);transform: scale(1.1)
	}
}

body
{
	margin:0;
	padding:0;
	font-size:16px;
	position: relative;
}

/* SITE STYLES */

h1,h2,h3,h4
{
    margin: 0px 0px 30px 0px;
	padding:0;
	line-height:0.9;
	color: #655d60;	
    font-family: "Baskerville";
    font-size: 24px;
    font-weight: 500;
}

h1.alt, h2.alt, h3.alt, h4.alt
{
	font-family: "Poppins";
	text-transform: uppercase;
}

h1
{
	color:#6c6c6c;
	font-size: 36px;
    line-height: 1.2;
    margin-bottom: 0px;
}

h1.initial
{
	text-transform: initial;
	font-size: 40px;
}

h1 b, h2 b
{
	color: #000;
    border-bottom: #ccc 2px dotted;
    height: 45px;
    font-weight: normal;
}

h4 { text-transform:uppercase; }

h1.lower
{
  text-transform: initial;
}

p.header.lower
{
  text-transform: initial;
}

.container-fluid.no-padding { padding:0px !Important; }
.container-fluid.no-padding .row {
    margin: 0px;
}

h2
{
	color:#6c6c6c;
	line-height:1.1;
	font-size: 24px;
}

h2.initial
{
	text-transform: initial;
	font-size:34px;
}

h2.highlight
{
	font-size: 34px;
    line-height: 1.2;
    letter-spacing: 1px;
    max-width: 1150px;
    margin: auto;
}

h3
{
	line-height: 1.1;
    font-size: 26px;
    letter-spacing: 1px;
    color: #695b61;
}
.title-block
{
	background:#ffffff;
	padding:60px 0px;
	text-align: center;
}
.title-block-tag, .title-block .tag
{
	background-color:rgba(0,0,0,0.5);
	color:#fff;
	display:inline-block;
	padding: 10px 20px;
	font-size: 18px;
	letter-spacing: 2px;
}
.title-block h1 span
{
	display: inline-block;
	width:100%;
	text-align: center;
	font-size:50px;
}

p
{
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 28px;
  margin-bottom: 10px;
  color: #655d60;
  font-family: 'Poppins';
}

p.white
{
  color: #ffffff;
}

img.r
{
	max-width: 100%;
	width:100%;
}
.zoom-image 
{
	overflow:hidden;
}

.zoom-image img 
{
	
  transition: transform .5s; 
  
}

.zoom-image img:hover 
{
	 transform: scale(1.075);
}

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

.uppercase { text-trsnform: uppercase; }

.mt-05 { margin-top: 5px; }
.mt-1 { margin-top: 10px; }
.mt-2 { margin-top: 20px; }
.mt-3 { margin-top: 30px; }
.mt-4 { margin-top: 40px; }
.mt-5 { margin-top: 50px; }
.mt-6 { margin-top: 60px; }
.mt-8 { margin-top: 80px; }
.mt-12 { margin-top: 120px; }

.mb-05 { margin-bottom: 5px; }
.mb-1 { margin-bottom: 10px; }
.mb-2 { margin-bottom: 20px; }
.mb-3 { margin-bottom: 30px; }
.mb-4 { margin-bottom: 40px; }
.mb-5 { margin-bottom: 50px; }
.mb-6 { margin-bottom: 60px; }
.mb-8 { margin-bottom: 80px; }
.mb-12 { margin-bottom: 120px; }

.pt-05 { margin-top: 5px; }
.pt-1 { padding-top: 10px; }
.pt-2 { padding-top: 20px; }
.pt-3 { padding-top: 30px; }
.pt-4 { padding-top: 40px; }
.pt-5 { padding-top: 50px; }
.pt-6 { padding-top: 60px; }
.pt-8 { padding-top: 80px; }
.pt-12 { padding-top: 120px; }

.pb-05 { padding-bottom: 5px; }
.pb-1 { padding-bottom: 10px; }
.pb-2 { padding-bottom: 20px; }
.pb-3 { padding-bottom: 30px; }
.pb-4 { padding-bottom: 40px; }
.pb-5 { padding-bottom: 50px; }
.pb-6 { padding-bottom: 60px; }
.pb-8 { padding-bottom: 80px; }
.pb-12 { padding-bottom: 120px; }

.no-padding {
    padding: 0 !important;
}

.p-3 { padding: 0px 3rem !important; }
.p-10 { padding: 0px 1.0rem !important; }
.p-15 { padding: 0px 1.5rem !important; }
.p-3-sides { padding-left:3rem !important; padding-right:3rem !Important;}
.p-6 { padding: 0px 6rem !important; }
.p-8 { padding: 0px 8rem !important; }

#lightgallery { overflow: hidden; }
#lightgallery img { height:100%; max-width:initial; }
#lightgallery .row { margin-bottom:5px; }
#lightgallery a.btn { width: auto; }

#lightgallery a { position:relative; }

a.gallery1 span {
    position: absolute;
    top: 5px;
    left: 10px;
    padding: 4px;
    font-size: 18px;
    text-shadow: -1px -1px 0 #7987a1, 1px -1px 0 #7987a1, -1px 1px 0 #7987a1, 1px 1px 0 #7987a1;
    color: #fff;
}

.gallery1 + h3 {
    font-family: 'Poppins';
    letter-spacing: 0px;
}


.architects-grid > div
{
	background: #a29689; 
	color: #fff; 
	font-size: 13px;	
	letter-spacing: 3px;		
	text-transform: uppercase;	
	padding-bottom: 20px;		
	border: 5px solid white;		
	box-sizing: border-box;		
}

.architects-grid img
{
	width: 40px;    
	margin: 20px 0px;
}


.case-studies-block
{
    margin-right: -1.25rem;
    margin-left: -1.25rem;
}
.case-studies-block.row .case-studies-item
{
    padding-right: 1.25rem;
    padding-left: 1.25rem;
}

p.header
{
	color: #6c6c6c;
    line-height: 1.5;
	font-family: "Lora";
	font-family: "Roboto";
	font-weight: 300;
	margin-bottom:0px;
	font-size: 20px;
}

p.header.initial
{
	text-transform: initial;
    font-size: 34px;
}

.feature-img
{
	position: relative;
    margin-bottom: 100px;
}

.feature-img > img {
    width: 85%;
    float: left;
}

.feature-img > img:nth-child(2) {
    width: 300px;
    position: absolute;
    bottom: -110px;
    right: 0px;
    border: 4px solid #fff;
}

.light .feature-img > img:nth-child(2) {
    border: 4px solid #f5f5f5;
}

.compulsory {
    color: #F00;
}

.zero { line-height: 0px;    padding: 0px !important; }

.row.dark { background: #1e1e1e;  color: #c5c5c5; }

.light
{
	background: #f5f5f5; color:#717171;
}

.light.hover-dark
{
	cursor:pointer;
}
.light.hover-dark:hover { background:#1e1e1e; color:#fff; }

a
{
	text-decoration: none;
    color: #1e1e1e;
}
a.underline
{
	text-decoration: underline;
}

.page-section
{
	padding: 80px 0px;
}


.page-section.small
{
	padding: 40px 0px 40px 0px;
}
.page-section.no-padding
{
	padding: 0px;
}
.page-section.no-padding .row
{
	margin-left: -2em;
	margin-right: -2em;
}
.page-section.no-padding .row > div
{
	padding: 0px;
}

.grey-block
{
	background:#f5f5f5;
	box-shadow: rgb(0 0 0 / 30%) 0px 9px 18px -18px inset;
}

.technical
{
    position: absolute;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    top: 90px;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.5;
	z-index: -1;
	background-color: #bebebe;
}



.btn-download span, .btn-gallery span
{	
    vertical-align: middle;
    display: inline-block;
    margin-left: 10px;
}

.btn-download span.img
{
	background-image: url(/images/download.png);
    width: 23px;
    height: 23px;
	float: right; 
	margin-right: 25px;
}

.btn-download .btn, .btn-gallery a {
    line-height: 25px;
    padding: 12px 20px;
}

.btn-download-text
{
	text-transform: uppercase;
    color: #556c51;
    margin-bottom: 10px;
    font-size: 12px;
    letter-spacing: 2px;
}

.btn-gallery span.img
{
	background-image: url(/images/gallery.png);
    width: 23px;
    height: 23px;
}

.nbtn
{
	margin-bottom: 0px;
	padding-right:10px;    
	font-size: 14px;    
	text-transform: uppercase;    
	letter-spacing: 1px;    
	font-family: 'Roboto';    
	font-weight: initial;
	display:block;
	width:100%;
	margin-bottom:20px;
	font-weight:600;
	font-family:'Poppins';
	text-transform:uppercase;
	color: #695b61;
}

.nbtn.right { text-align:right; }
.nbtn.center { text-align:center; }
.nbtn.white { color:#fff; }
.nbtn.grey { color:#afb6bb; }
.nbtn.orange { color:#dd7435; }
.nbtn.large { font-size:18px; }
.nbtn.small { font-size:14px; }

.btn
{
	display: inline-block;
    background-color: #7b7064;
    padding: 28px 30px 25px 30px;
    color: rgba(255, 255, 255, 0.8);
    letter-spacing: 2px;
    font-size: 13px;
    width:100%;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
    text-shadow: 0px 2px 0px rgb(0 0 0 / 53%);
    transition: all .33s ease-in-out;
    -moz-transition: all .33s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.btn:hover
{
	background:#1e1e1e;
	color:#fff;
}

.btn.dark
{
	background: #1e1e1e;
    color: #1a2b3a;
    font-weight: bold;
    background: #fff;
}

.btn.brown
{
	text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.2);
    background: #5a4c40;
    background: -moz-linear-gradient(top, #645341 0%, #514235 100%);
    background: -webkit-linear-gradient(top, #645341 0%,#5a4c40 100%);
    background: linear-gradient(to bottom, #645341 0%,#5a4c40 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#645341', endColorstr='#514235',GradientType=0 );
	color:#ffffff;
}

.btn.light
{
	color: #d4dfe7;
    border-color: #d4dfe7;
	-webkit-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	background-color:transparent;
  background: #cdcdcd;
    text-shadow: none;
    color: #000;
}

.btn.light:hover
{
	background:#ffffff;
	color:#000;
}

.btn.lightsolid
{
    background: #d4dfe7;
    color: #1e1e1e;
}
a.btn.lightsolid:hover
{
	text-decoration:none;
}

.btn.simple
{
	width: auto;
    float: none;
    background: #fff;
    border: 1px solid #797979;
    color: #4d4d4d;
    margin-top: 40px;text-shadow:none;
}


/* END SITE STYLES */
/* RAB */
.dropdown-field
{
	cursor:pointer;
	position:relative;
	width: 300px;
	border: solid 2px #DFDFDF;
	box-sizing: border-box;
	padding: 6px 5px;
	color: #474747;
	font-family: 'Jost',sans-serif;
	font-size: 15px;
	background-color: #fff;
	margin-left:60px;
	display: inline-block;
}
.dropdown-field .inner
{
	display: none;
}
.dropdown-field.open .inner
{
	display: block;
}
.dropdown-field .arrow
{
	position:absolute; top:8px; right:5px;transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    vertical-align: middle;
}
.dropdown-field.open .arrow
{
	border-color: transparent;
}

.dropdown-field.open .arrow:before, .dropdown-field.open .arrow:after {
  position: absolute;
  left: 5px;
  top:-2px;
  content: ' ';
  height: 15px;
  width: 2px;
  background-color: #333;
}
.dropdown-field.open .arrow:before {
  transform: rotate(90deg);
}


.dropdown-field .swatch li
{
    width: 20%;
    height: 50px;
    float: left;
	border: 0px solid transparent !important;
}
.dropdown-field .swatch li.selected::before
{
	content:"";
	display: inline-block;
	transform: rotate(45deg);
	height: 25px;
    margin-top: -4px;
	width: 12px;
	border-bottom: 7px solid #fff;
	border-right: 7px solid #fff;
}

.dropdown-field .inner ul
{
	padding: 0px;
    margin: 0px;
    position: absolute;
    top: 100%;
    margin-top: 2px;
    left: -2px;
    right: -2px;
    background: white;
	z-index:2;
}
.dropdown-field .inner.swatch ul
{
    border: 2px solid #dfdfdf;
	margin-top:-2px;
}
.dropdown-field .inner li {
    border: 2px solid #dfdfdf;
    list-style-type: none;
    padding: 8px;
    margin: 0px;
    margin-top: -2px;
    z-index: 1;
    position: relative;
}
.dropdown-field .inner li.selected
{
    border: 2px solid #1e1e1e;
    z-index: 2
}

.brochure-form .field label {
    font-size: 15px;
    margin-top: 5px;
    display: inline-block;
    box-sizing: border-box;
}
.brochure-form .field {
    padding: 0px 15px;
    display: inline-block;
    width: 49%;
    text-align: left;
    vertical-align: top;
    float: none;
    max-width: 100%;
    box-sizing: border-box;
}
.brochure-form .field input, .brochure-form .field select {
    width: 100%;
    border: solid 2px #DFDFDF;
    box-sizing: border-box;
    padding: 5px 5px;
    color: #474747;
    font-family: "Jost",sans-serif;
    font-size: 15px;
    background-color: #fff;
}
.brochure-form .field input.dark
{
	background: #1e1e1e;
    color: #fff;
}
.brochure-form .field input.btn.dark
{
    padding: 10PX 16PX;
}

.owl-item .item span.white {
    color: #fff;
}
.owl-item .item span {
    position: absolute;
    bottom: 10px;
    left: 10px;
    color: #000;
    font-family: 'microgramma';
    font-size: 16px;
    font-weight: bold;
}

.gallery-link, .gallery-link:hover, .gallery-link:focus {
    position: absolute;
    right: 20px;
    bottom: 10px;
    z-index: 4;
    background: #1e1e1e;
	width:260px;
	height:47px;
	text-align:center;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 12px;
    padding: 14px;
    border: 2px solid #fff;
    text-decoration: none;
}

#sliderVideo
{
	display: block;
    margin: 0 auto;
    object-fit: cover;
    width: 100%;
}

.brochure-form #postcode_results {
    display: none;
    margin-top: 20px;
    background: #dfdfdf;
}form .brochurechoice .logo {
    border: 0px !important;
    width: 175px;
    max-width: 100%;
    margin-top: 10px;
}
div.error {
    width: 100%;
    color: black;
    font-size: 12px;
    background: #ff6d6d;
    display: inline-block;
    padding: 5px 10px;
    box-sizing: border-box;
}
div.notification {
    width: 100%;
    color: black;
    font-size: 12px;
    background: #e8e8e8;
    border: 1px solid #bbb;
    display: inline-block;
    padding: 5px 10px;
    box-sizing: border-box;
    margin: 10px 0px;
}
#reset-postcode {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: normal;
    text-decoration: underline;
    letter-spacing: 1px;
    cursor: pointer;
    float: left;
    margin-top: 10px;
}
.brochure-form .field input.failedred, .brochure-form .field select.failedred {
    border: solid 2px red !important;
}
.brochure-form .field input.failedred, .brochure-form .field select.failedred, .brochure-form .brochurechoice.failedred {
    border: solid 2px #ff6d6d !important;
}
.brochure-form #toggle_manual_address {
	cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0px;
    float: right;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.5px;
    color: #474747;
    margin-top: 6px;
    text-decoration: none;
}
.brochure-notes-container textarea {
    height: 132px;
    width: 100%;
    border: 2px solid rgb(223, 223, 223);
    padding: 5px;
    box-sizing: border-box;
    color: rgb(128, 128, 128);
    margin: 0px;
    resize: vertical;
}
/* END RAB */

/* TEMP POPUP */

.festival
{
	position: fixed;
    text-align: center;
    bottom: 0;
    left: 20px;
    background: #fff;
    z-index: 4;
    padding: 20px;
    box-sizing: border-box;
    width: 600px;
	max-width: 100%;
    font-size: 15px;
    border-top: 4px solid #1e1e1e;
    -webkit-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.15);
    box-shadow: 0px -1px 4px 0px rgba(0,0,0,0.5);
	max-width: 100%;
}

.buildingcentre b 
{
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'Microgramma';
    margin-bottom: 20px;
    float: left;
    width: 100%;
    letter-spacing: 2px;
    color: orange;
}

.festival img
{
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.festival .btn 
{
    width: 100%;
    margin-top: 10px;
}

.festival > span
{
	width: 100%;
    display: block;
    float: left;
    font-size: 14px;
    font-family: 'Lato';
    letter-spacing: 1px;
    margin: 10px 0px;
}

.festival .close
{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.festival .close:before, .festival .close:after
{
    position: absolute;
    left: 8px;
    content: ' ';
    height: 18px;
    width: 3px;
    background-color: #393939;
}
.festival .close:before 
{	
    transform: rotate(45deg);
}
.festival .close:after 
{	
    transform: rotate(-45deg);
}

/* END TEMP POPUP */


.footer-rab
{
	text-transform: uppercase;
    font-size: 12px;
    text-decoration: none;
    border: 1px solid #1e1e1e;
    padding: 15PX 16PX;
	display:none;
    background: #1e1e1e;
    color: #fff;
    letter-spacing: 2px;
    -webkit-transition: opacity ease-out 400ms,color 400ms ease-out,background 240ms ease-out;
    transition: opacity ease-out 400ms,color 400ms ease-out,background 240ms ease-out;
    height: 50px;
    margin-top: -50px;
    text-align: center;
    top: 100%;
    left: 50%;
    margin-left: -125px;
    width: 250px;
    position: fixed;
    z-index: 3;
    box-sizing: border-box;
}


.transition-container
{
	width: 100vw;
	display: flex;
	justify-content: center;
	align-items: center;
}


.transition-inner
{
	width: 100%;
	position: relative;
}

.transition-image.top
{
	width: 50%;
	overflow: hidden;
	border-right: 10px solid #fff;
	position: absolute;
	top: 0;
}

/* HEADER & NAV */

header .header-rab
{
	padding: 6px 5px 4px;
    margin-bottom: 2px;
    border: 1px solid #00000055 !Important;
    position: absolute;
    top: 15px;
    right: 20px;
    line-height: 17px;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
}

header .header-number
{
	position: absolute;
	top: 70px;
	right: 21px;
	line-height: 17px;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
}

.nav {
    position: fixed;
    height: 0;
    top: 0;
    width: 100%;
	border-top: 4px solid #000;
}

.nav.show
{
	height: 100vh;
}

.nav .nbtn.brochure
{
	position: relative;
    top: 0;
    width: 100%;
    font-size: 20px;
    color: #fff;
    padding: 10px;
    background: rgba(0, 0, 0, 0.4);
}

.nav .menu-left
{
    width: 66.66%;
    padding-right: 7%;
    background-color: #ffffff;
    height: 100vh;
    position: absolute;
	top:0;
	left:-67%;
    background-color: white;
	  transition: left 1s ease-in-out;
	-moz-transition: left 1s ease-in-out;
	-webkit-transition: left 1s ease-in-out;
	-o-transition: left 1s ease-in-out;
}

.nav .menu-left .inner
{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    flex-direction: column;
}

.nav .menu-left .inner img 
{
	width: 120px;
    margin-bottom: 20px;
}

/* Submenu headings are buttons (as on the Vale site): strip the button look so they match the links. */
.nav .menu-left .inner .menu-heading
{
	margin: 0;
	border: 0;
	border-radius: 0;
	background: none;
	font: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	text-align: inherit;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}

.nav .menu-left .inner div,
.nav .menu-left .inner a,
.nav .menu-left .inner .menu-heading
{
	font-family: "Lora";
	font-family: "Roboto";
	font-weight: 300;
	width: 500px;
	position: relative;
	max-width: 100%;
}


.nav .menu-left .inner div.open
{
	background:#f1f1f1;
    padding-bottom: 10px;
}

.nav .menu-left .inner div a.sub
{
	display: none;
	font-size: 15px;
    padding: 3px 0px;
    letter-spacing: 1px;
    font-family: 'Poppins';
}
.nav .menu-left .inner div a.sub.caption
{
	background: #e0e0e0;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.nav .menu-left .inner div.open a.sub.caption:hover
{

	background: #e0e0e0;
}

.nav .menu-left .inner div.open a.sub
{
	display:block;
}

.nav .menu-left .inner div.open a.sub:hover
{
    background: #e9e9e9;
}

.nav .menu-left .inner a,
.nav .menu-left .inner .menu-heading
{
	font-size: 20px;
    width: 100%;
    display: inline-block;
    padding: 8px 0px;
    letter-spacing: 1px;
	color:#7b7064;
    text-transform: uppercase;
    font-family: "Poppins";
    font-weight: 400;
}

.nav .menu-left .inner .menu-heading:after
{
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    right: 24px;
    top: 16px;
    border: solid #7b7064;
    border-width: 0px 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

/* Arrow flips up while its group is open, as on the Vale site (on the live Bronze site this rule was
   outranked and never applied). */
.nav .menu-left .inner .open .menu-heading:after
{
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    top: 30px;
}

.nav .menu-right {
    background-color: #1e1e1e;
	display: block;
    width: 41%;
    position: absolute;
    right: -42%;
    top: 0;
    height: 100vh;
	  transition: right 1s ease-in-out;
	-moz-transition: right 1s ease-in-out;
	-webkit-transition: right 1s ease-in-out;
	-o-transition: right 1s ease-in-out;
}

.nav .menu-right img
{
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
}

.nav .menu-right .rab
{
    background-color: #1e1e1e;
    color: #fff;
    border: 1px solid #fff;
    width: 80%;
    max-width: 400px;
    display: inline-block;
    font-size: 30px;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 1px;
	margin-top:20px;
	margin-bottom:20px;
    background: #fff;
    color: #000 !important;
}
.nav .menu-right .details
{
   letter-spacing: 1px;
    text-transform: uppercase;
    width: 100%;
    position: absolute;
    font-family: "Lato";
    font-size: 13px;
    padding: 15px;
    box-sizing: border-box;
    text-align: left;
    color: #d4dfe7;
    bottom: 0px;
    min-height: 250px;
	font-family: 'Microgramma';
}

.nav .menu-right .details p
{
	color:#ffffffa3;
	line-height: 20px;
    text-transform: none;
    font-size: 16px;
    font-weight: 200;
	line-height:1.25;
}

.nav .menu-right .details p b
{
	font-size:17px;
}
.nav .menu-right .details a
{
    color: inherit;
    font-size: inherit;
}

.nav .menu-right .details > div
{
	width: 500px;
    margin: auto;
    max-width: 100%;
    margin-bottom: 50px;
	text-align:center;
}

.nav.show .menu-left
{
	left:0;
}

.nav.show .menu-right
{
	right:0;
}

header
{
	text-align: center;
	padding-top:7px;
    box-sizing: border-box;
	color:#000;
	position: absolute;
	z-index:5;
	height:90px;
	width:100%;
	left:0;
	top:0;
	border-top: 4px solid #1e1e1e;
    margin-bottom: 20px;
}

header.page
{
	position: relative;
	
}

header.page button.menu-burger span
{
	background-color: #000;
}
header.page .menu-burger:after
{
	color: #000;
}

header a.number
{
    padding-bottom: 10px;
	letter-spacing: 2px;
}

header #top_links.right a.number
{
	padding-bottom: 0px;
	padding-right:0px;
	font-size:16px;
	letter-spacing: 3px;
}

header #top_links .btn
{
	font-weight: normal;
	padding: 8px 14px;
	margin-bottom:14px;
	background-color: #7b7064;
    padding: 15px 20px;
    color: rgba(255, 255, 255, 0.92);
    letter-spacing: 2px;
    font-size: 12px;
    text-transform: uppercase;
    float: left;
    width: 240px;
	height:45px;
    cursor: pointer;
    text-decoration: none;
    text-shadow: 0px 2px 0px rgba(0, 0, 0, 1);
    transition: all .33s ease-in-out;
    -moz-transition: all .33s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}

#logo_container
{
	display:inline-block;
}

#logo_container img
{
	max-height: 85px;
    max-width: 360px;
    margin-top: 10px;
}

#logo_container .tagline
{
	display: block;
    text-transform: uppercase;
    font-family: "Microgramma";
    letter-spacing: 2px;
    font-size: 15px;
    margin-top: 8px;
}

#top_links
{
	position: absolute;
	right: 90px;
	top: 10px;
	display: flex;
    flex-direction: column;
    text-align: right;
}

#top_links.right
{
    align-items: center;
    top: 10px;
}

#made_in_britain
{
	position: absolute;
    top: 8px;
    right: 10px;
    max-height: 85px;
}

button.menu-burger
{
	box-sizing: border-box;
	margin: 0;
	border: 0;
	border-radius: 0;
	background: none;
	color: inherit;
	font: inherit;
	text-align: left;
	-webkit-appearance: none;
	appearance: none;
	width: 30px;
    display: block;
    cursor: pointer;
    position: fixed;
    top: 0px;
    z-index: 11;
    padding-left: 25px;
    padding: 37px 25px;
	font-family: "Poppins";
}

button.menu-burger span
{
	float: left;
	height: 2px;
	background-color: #ffffff;
	width:28px;
	display: inline-block;
	margin-bottom: 5px;
}

.show-nav button.menu-burger span
{
	background-color: #000;
}

.show-nav button.menu-burger span:last-child
{
    display: none;
}

.show-nav button.menu-burger span:nth-child(1)
{
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
    margin-top: 7px;
}

.show-nav button.menu-burger span:nth-child(2)
{
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
	margin-top:-7px;
}

.menu-burger:after
{
    content: "MENU";
    position: absolute;
    left: 100%;
    padding: 31px 15px 39px 15px;
    top: 3px;
    letter-spacing: 2px;
    font-size: 16px;
    background: transparent;
    color: #fff;
    font-weight: 500;
    font-family: "Poppins";
}

.show-nav .menu-burger:after
{
	color: #000;
}

/* END HEADER */
/* SLIDER */
.videoslidercontainer
{
	position: relative;
    max-height: 100vh;
    overflow: hidden;
}
.videoslidercontainer.half
{
    max-height: 80vh;
}


.videoslidercontainer.half video
{
	margin-top: -15vh;
}

.valeslidercontainer
{
	position: relative;
}

.valeslidercontainer.home
{
    overflow: hidden;
	position: relative;
}

p.header.home-banner
{
	position: absolute;
    bottom: 45px;
    color: #fff;
    font-size: 33px;
    font-family: 'Baskerville';
    left: 204px;
    right: 200px;
    line-height: 1.1;
}

.home-banner-btn
{
	margin-bottom: 0px;padding-right:10px;    font-size: 16px;    text-transform: uppercase;    letter-spacing: 1px;    font-family: 'Roboto';    font-weight: initial;margin-top:60px;display:block;width:100%;text-align:right;margin-bottom:20px;font-weight:600;font-family:'Poppins';text-transform:uppercase;    color: #695b61;
    position: absolute;
    bottom: 3px;
    right: 60px;
    color: #fff;
}

#valeslider
{
	margin:0;
	padding:0;
	position:relative;
	height: 100%;
	padding-top:110px;
	margin-top:-110px;
}

#valeslider li
{
	width:100%;
	position:absolute;
	height:100%;
	visibility:hidden;
	opacity:0;
	overflow:hidden;
	transition-property: opacity;
	transition-duration: 3s;
	transition-timing-function: ease;
}

#valeslider li.firstdelay img {
    animation-duration: 7s;
	animation-delay: 4s;
}

#valeslider li.active,
#valeslider li.previous
{
	visibility:visible;
	opacity:1;
	z-index: 3;
    background: white;
}


#valeslider li.previous
{
	z-index: 2;
}

#valeslider li:last-child.previous {
    z-index: 2;
}

#valeslider li img
{
  width:100%;
	/*min-height: 100%;
	min-width: 100%;
	position: absolute;
	top: -9999px;
	bottom: -9999px;
	left: -9999px;
	right: -9999px;
	margin: auto;*/
}

#valeslider li.active img,
#valeslider li.active picture,
#valeslider li.active video,
#valeslider li.previous img,
#valeslider li.previous picture,
#valeslider li.previous video
{
	animation-duration: 7s;
	webkit-animation-iteration-count: 1;
    -webkit-animation-name: slow-slide;
    -webkit-animation-timing-function: cubic-bezier(.59,.74,.71,.99);
    animation-iteration-count: 1;
    animation-name: slow-slide;
    animation-timing-function: cubic-bezier(.59,.74,.71,.99);
}


#valeslider li.active img.zoom,
#valeslider li.active picture.zoom,
#valeslider li.previous img.zoom
{
    -webkit-animation-name: slow-zoom;
}

#valeslider li.active img.zoom-in,
#valeslider li.active picture.zoom-in,
#valeslider li.previous img.zoom-in
{
    -webkit-animation-name: slow-zoom-in;
}

#valeslider li.active img.right,
#valeslider li.active picture.right,
#valeslider li.previous img.right
{
    -webkit-animation-name: slow-slide-right;
}

#valeslider .caption
{
	position: absolute;
	bottom: 200px;
	width: 100%;
	color: red;
	height: 40px;
	z-index: 7;
	left: 0;
	right: 0px;
	text-align: center;
	color: #fff;
	font-family: "Microgramma";
	font-size: 40px;
	text-shadow: 2px 2px 4px #1e1e1e;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.valeslidercontainer ul.slides-container li img
{
	max-width: 100%;
}


.valeslidercontainer .play
{
	bottom: 20px;
	left: 50%;
	margin-left: -6px;
	border-color: transparent transparent transparent #ffffff;
	transition: 100ms all ease;
	border-style: solid;
	border-width: 9px 0 9px 15px;
}

.valeslidercontainer > ul
{
	margin: 0px;
}

.valeslidercontainer .play.pause
{
	border-style: double !important;
	border-width: 0px 0px 0px 14px;
	height: 14px;
}

.slides-navigation.imagestest .play
{
	margin-left: -16px;
    background-image: url(/play.svg);
    height: 36px;
    width: 36px;
	border:0;
}

.slides-navigation.imagestest .pause
{
	margin-left: -16px;
    background-image: url(/pause.svg);
    height: 36px;
    width: 36px;
	border:0;
}


.slides-pagination a
{
	border: 1px solid #fff;
	border-radius: 15px;
	width: 10px;
	height: 10px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	margin: 0px 4px;
	overflow: hidden;
	text-indent: -9999px;box-shadow: 0px 0px 4px #1e1e1e;
}

.slides-pagination a.current
{
	background: #fff;
}


.slides-navigation
{
	margin: 0 auto;
	position: absolute;
	z-index: 3;
	bottom: 0;
	width: 100%;
}
.slides-navigation a
{
	position: absolute;
	display: block;
}

.slides-navigation a.prev,
.slides-navigation a.next
{
	width: 25px;
	height: 25px;
	color: white;
	text-decoration: none;
    bottom: 40px;
}

.page_slider .slides-navigation  a.prev,
.page_slider .slides-navigation  a.next
{
	height: 25px;
	bottom: 25px;
}

.page_slider.withtitles .slides-navigation  a.prev,
.page_slider.withtitles .slides-navigation  a.next
{
	height: 25px;
	bottom: 30px;
}

.slides-navigation a.prev
{
	border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    left: 20px;
}

.slides-navigation a.next
{
	border: solid white;
	border-width: 0 3px 3px 0;
	display: inline-block;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	right: 20px;
	left: auto;
}

.slides-navigation a.next:after, .slides-navigation  a.prev:after
{
    position: absolute;
    top: -30px;
    bottom: -30px;
    right: -30px;
    left: -30px;
    content: "";
    -webkit-transform: rotate(-45deg);
}
.slides-pagination
{
	position: absolute;
	z-index: 4;
	bottom: 12px;
	text-align: center;
	width: 100%;
}

.slides-pagination a
{
	border: 1px solid #fff;
	border-radius: 15px;
	width: 10px;
	height: 10px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	margin: 0px 4px;
	overflow: hidden;
	text-indent: -9999px;
}

.slides-pagination a.current
{
	background: #fff;
}

/* FOOTER */

footer
{
	background-color: #1e1e1e;
    color: #d4dfe7;
    padding: 40px 0px 0px;
	width:100%;
	float:left;
}

footer #links
{
	border-top: 1px solid #484848;
    background: #101010;
    width: 100%;
    text-align: center;
    padding: 15px 0px;
    float: left;
    margin-top: 40px;
}

footer h2, footer .header
{
	color: #d4dfe7;color: #fff;
    font-size: 18px;
    opacity: 0.75;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    padding-bottom: 10px;
    margin-bottom: 15px;
	font-weight:bold;
	text-align:left;
    font-weight: 400;
    font-family: 'Poppins';
    text-transform: uppercase;
}

footer a
{
    display: block;
    color: #afb6bb;
    font-size: 13px;
    letter-spacing: 1px;
    margin-bottom: 3px;
    text-align: left;
    font-family: 'Poppins';
}

footer #links a
{
    color: #afb6bb;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
	letter-spacing: 1px;
    border-right: 1px solid #afb6bb;
    padding-right: 20px;
    padding-left: 10px;
    box-sizing: border-box;
	display: inline-block;
    transition: color linear 0.5s;
}
footer #links a:last-child {
    border-right: none;
    padding-right: 0; /* optional, so spacing looks consistent */
}


footer #social a
{
	margin: 0px 10px;
	opacity: 0.5;
    transition: opacity .25s ease-in-out;
    -moz-transition: bopacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

footer #social a > img
{
	width: 48px;
}

footer #social a:hover
{
	opacity: 0.8;
}

footer #social > a
{
    width: 48px;
    height: 48px;
    DISPLAY: inline-block;
    background-image: url(/images/social-icons.png);
}

footer .footer-logo
{
	width: 100%;
	display: inline-block;
	opacity:0.8;
	text-align:center;
}

footer .footer-logo img
{
	width:300px;
	max-width:100%;
}

footer #social .fb {
    background-position: 0 0;
}

footer #social .twitter {
    background-position: 144px 0px;
}

footer #social .instagram {
    background-position: 96px 0px;
}

footer #social .houzz {
    background-position: 48px 0px;
}

footer #social .linkedin {
    background-position: -48px 48px;
}

footer #social .pinterest {
    background-position: 0px 48px;
}

footer #social .youtube {
    background-position: -96px 48px;
}

/* END FOOTER */


.cs-overlay
{
	position: absolute;
	font-size: 28px;
	color: #fff;
	font-family: Times new Roman;
	font-style: italic;
    background: #c6d4e58c;
	line-height: initial;
	max-width:1000px;
	padding: 8px 20px;
}

.cs-overlay.green { background: #368c2d8c; }
.cs-overlay.black { background: #2317094c; }
.cs-overlay.grey { background: #c6d4e58c; }
.cs-overlay.brown { background: #7b675a73; }

.cs-overlay.left { left: 80px; }
.cs-overlay.top { top: 80px; }
.cs-overlay.right { right: 80px; }
.cs-overlay.bottom { bottom: 80px; }

ul.incontent {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 30px;
    list-style-type: initial;
    list-style-position: inside;
    margin-bottom: 25px;
    text-indent: -20px;
    padding-left: 20px;
    text-align: left;
	color: #655d60;
	max-width:800px;
	margin: auto;
}

.case-studies-block h3 {
    min-height: 50px;
}

.casestudy b { letter-spacing: 2px; }
.casestudy b + p { margin-top: 0px; }
.casestudy .row > div { padding-left: 0.4em; padding-right: 0.4em; }
.cs-btn { display:inline-block; margin-top:100px; position:relative; padding-left:20px; letter-spacing:1px; font-size: 14px;}
.cs-btn { margin-bottom: 100px; }
.cs-btn::before 
{
border-color: #7b7064;
border-style: solid;
border-width: 0 0 2px 2px;
content: "";
display: block;
height: 6px;
left: 0px;
position: absolute;
width: 6px;

/* These two lines vertically centre the point of the arrow */
margin-top: -3px;
top: 50%;

/* The arrow sprints to the left when the link is hovered */
transition: left 0.1s;

transform: rotate( 45deg );
-webkit-transform: rotate( 45deg );
}
.cs-btn::after 
{
    background: #7b7064;
    content: "";
    display: block;
    height: 2px;
    left: 0px;
    position: absolute;
    top: 50%;
    width: 11px;

    /* We need to animate the shaft too, to be able to look at a moving arrow */
    transition: left 0.1s;
}

.about-box
{
	z-index:0;
	position:absolute;
	top:0;
	left:0;
	right:0;
}

.line-height { line-height:0px !Important; }


@media screen and (max-width: 1025px)
{
  	h1, p.header { font-size: 28px !important;}
    h2.initial { font-size: 28px }
	
	
	.nav .nbtn.brochure
	{
		position: relative;
	}

  	.nav .menu-left .inner a, .nav .menu-left .inner .menu-heading { font-size: 22px; }
    .nav .menu-left .inner div a.sub { padding: 3px 0px; }
  	.nav .menu-left .inner .menu-heading:after { top: 14px !important; }
  	.nav .menu-left .inner .open .menu-heading:after { top: 24px !important; }

    	.no-padding-sm { padding: 0px !important}

    	.mt-05 { margin-top: 5px; }
    	.mt-1 { margin-top: 10px; }
    	.mt-2 { margin-top: 10px; }
    	.mt-3 { margin-top: 10px; }
    	.mt-4 { margin-top: 20px; }
    	.mt-5 { margin-top: 20px; }
    	.mt-6 { margin-top: 20px; }
    	.mt-8 { margin-top: 20px; }
    	.mt-12 { margin-top: 20px; }

    	.mb-05 { margin-bottom: 5px; }
    	.mb-1 { margin-bottom: 10px; }
    	.mb-2 { margin-bottom: 10px; }
    	.mb-3 { margin-bottom: 10px; }
    	.mb-4 { margin-bottom: 20px; }
    	.mb-5 { margin-bottom: 20px; }
    	.mb-6 { margin-bottom: 20px; }
    	.mb-8 { margin-bottom: 20px; }
    	.mb-12 { margin-bottom: 20px; }

    	.pt-05 { margin-top: 5px; }
    	.pt-1 { padding-top: 10px; }
    	.pt-2 { padding-top: 10px; }
    	.pt-3 { padding-top: 10px; }
    	.pt-4 { padding-top: 20px; }
    	.pt-5 { padding-top: 20px; }
    	.pt-6 { padding-top: 20px; }
    	.pt-8 { padding-top: 20px; }
    	.pt-12 { padding-top: 20px; }

    	.pb-05 { padding-bottom: 5px; }
    	.pb-1 { padding-bottom: 10px; }
    	.pb-2 { padding-bottom: 10px; }
    	.pb-3 { padding-bottom: 10px; }
    	.pb-4 { padding-bottom: 20px; }
    	.pb-5 { padding-bottom: 20px; }
    	.pb-6 { padding-bottom: 20px; }
    	.pb-8 { padding-bottom: 20px; }
    	.pb-12 { padding-bottom: 20px; }

    	.mt-0-xs { margin-top: 0px; }
    	.mt-05-xs { margin-top: 5px; }
    	.mt-1-xs { margin-top: 10px; }
    	.mt-2-xs { margin-top: 20px; }
    	.mt-3-xs { margin-top: 30px; }
    	.mt-4-xs { margin-top: 40px; }
    	.mt-5-xs { margin-top: 50px; }
    	.mt-6-xs { margin-top: 60px; }
    	.mt-8-xs { margin-top: 60px; }
    	.mt-12-xs { margin-top: 120px; }

    	.mb-0-xs { margin-bottom: 0px; }
    	.mb-05-xs { margin-bottom: 5px; }
    	.mb-1-xs { margin-bottom: 10px; }
    	.mb-2-xs { margin-bottom: 20px; }
    	.mb-3-xs { margin-bottom: 30px; }
    	.mb-4-xs { margin-bottom: 40px; }
    	.mb-5-xs { margin-bottom: 50px; }
    	.mb-6-xs { margin-bottom: 60px; }
    	.mb-8-xs { margin-bottom: 60px; }
    	.mb-12-xs { margin-bottom: 120px; }

    	.p-3 { padding: 0px 1rem !important; }
    	.p-3-sides { padding-left:1rem !important; padding-right:1rem !important; }
    	.p-6 { padding: 0px 2rem !important; }
		.p-8 { padding: 0px 3rem !important; }

}

@media screen and (max-width: 767px)
{
	p.header.home-banner
	{
		position:relative;       
		font-size: 20px !important;
        line-height: initial;
        font-family: 'Jost', sans-serif;color: #6c6c6c;
        left: auto;
        right: auto;
        top: auto;
        padding: 0px 20px;
	}
	.home-banner-btn
	{
		color: #6c6c6c;
	}
	
	#sliderVideoHero
	{
		width: 175%;
		margin-left: -35%;
	}
	
		
	.videoslidercontainer.half video
	{
		margin-top:-10vh;
	}
	p
	{
		margin-block-start: 20px;
		margin-block-end: 20px;
	}

	.case-studies .dropdown-field
	{
		margin: 0px;
		width: 100%;
	}
	
	header button.menu-burger
	{
		top: 0px;
		padding-top:25px;
	}
	
	header .header-rab
	{
		position: absolute;
		top: 75px;
		right: 21px;
		line-height: 17px;
		text-transform: uppercase;
		font-size: 13px;
		letter-spacing: 1px;
		border: none !important;
		padding: 0px !important;
		right: auto;
		left: 20px;
	}
	
	header .header-rab br{ display:none; }
	
	header .header-number
	{
		position: absolute;
		top: 75px;
		right: 21px;
		line-height: 17px;
		text-transform: uppercase;
		font-size: 13px;
		letter-spacing: 1px;
	}
	
	#made_in_britain { width:45px; }


  .nav .menu-left { padding-right: 0;}

	.thin-image-xs {     height: 175px;    overflow: hidden; }
	.hidden-xs { display: none !important; }
	.visible-xs { display: block; }
	.page-section { padding: 40px 0px; }

	h1, p.header { font-size: 24px !important;}
  h1 { margin-bottom: 20px; }
  h1.lower, p.header.lower { text-transform: initial; }
  h1.lower-xs, p.header.lower-xs { text-transform: initial; }
	p.header { font-size: 20px !important; line-height: initial;    font-family: 'Jost', sans-serif; }
	h2.highlight { font-size: 28px; margin-bottom:15px; line-height: initial;  letter-spacing:initial;}
  h2.initial { font-size: 16px !important; line-height: initial;    font-family: 'Jost', sans-serif;}

	.text-center-xs { text-align: center; }
	.text-left-xs { text-align: left; }
	.text-right-xs { text-align: right; }

	.galleries { padding: 0px 80px; }

	.galleries a
	{
		padding: 0px !important;
	}
	/* mobile resize */
	.page-section.small { padding: 20px 0px 20px 0px; }

	.mt-05 { margin-top: 5px; }
	.mt-1 { margin-top: 10px; }
	.mt-2 { margin-top: 10px; }
	.mt-3 { margin-top: 10px; }
	.mt-4 { margin-top: 20px; }
	.mt-5 { margin-top: 20px; }
	.mt-6 { margin-top: 20px; }
	.mt-8 { margin-top: 20px; }
	.mt-12 { margin-top: 20px; }

	.mb-05 { margin-bottom: 5px; }
	.mb-1 { margin-bottom: 10px; }
	.mb-2 { margin-bottom: 10px; }
	.mb-3 { margin-bottom: 10px; }
	.mb-4 { margin-bottom: 20px; }
	.mb-5 { margin-bottom: 20px; }
	.mb-6 { margin-bottom: 20px; }
	.mb-8 { margin-bottom: 20px; }
	.mb-12 { margin-bottom: 20px; }

	.pt-05 { margin-top: 5px; }
	.pt-1 { padding-top: 10px; }
	.pt-2 { padding-top: 10px; }
	.pt-3 { padding-top: 10px; }
	.pt-4 { padding-top: 20px; }
	.pt-5 { padding-top: 20px; }
	.pt-6 { padding-top: 20px; }
	.pt-8 { padding-top: 20px; }
	.pt-12 { padding-top: 20px; }

	.pb-05 { padding-bottom: 5px; }
	.pb-1 { padding-bottom: 10px; }
	.pb-2 { padding-bottom: 10px; }
	.pb-3 { padding-bottom: 10px; }
	.pb-4 { padding-bottom: 20px; }
	.pb-5 { padding-bottom: 20px; }
	.pb-6 { padding-bottom: 20px; }
	.pb-8 { padding-bottom: 20px; }
	.pb-12 { padding-bottom: 20px; }

	.mt-0-xs { margin-top: 0px; }
	.mt-05-xs { margin-top: 5px; }
	.mt-1-xs { margin-top: 10px; }
	.mt-2-xs { margin-top: 20px; }
	.mt-3-xs { margin-top: 30px; }
	.mt-4-xs { margin-top: 40px; }
	.mt-5-xs { margin-top: 50px; }
	.mt-6-xs { margin-top: 60px; }
	.mt-8-xs { margin-top: 60px; }
	.mt-12-xs { margin-top: 120px; }

	.mb-0-xs { margin-bottom: 0px; }
	.mb-05-xs { margin-bottom: 5px; }
	.mb-1-xs { margin-bottom: 10px; }
	.mb-2-xs { margin-bottom: 20px; }
	.mb-3-xs { margin-bottom: 30px; }
	.mb-4-xs { margin-bottom: 40px; }
	.mb-5-xs { margin-bottom: 50px; }
	.mb-6-xs { margin-bottom: 60px; }
	.mb-8-xs { margin-bottom: 60px; }
	.mb-12-xs { margin-bottom: 120px; }

	.p-3 { padding: 0px 1rem !important; }
	.p-6 { padding: 0px 2rem !important; }
	.p-8 { padding: 0px 3rem !important; }
	
	.p-3-xs { padding: 0px 1rem !important; }
	.p-6-xs { padding: 0px 2rem !important; }


	.no-padding-xs { padding: 0px; }
	div.no-padding-xs { padding: 0px !Important; }


	.footer-rab
	{
		display: block;
	}
/*
	#valeslider
	{
		height: 50vh;
		max-height: 750px;
	}

	.valeslidercontainer.home #valeslider
	{
		max-height:75vh;
    height: 100vh;
	}
*/

	.nav .menu-left,
	.nav .menu-right
	{
		width:100%;
		left:-100%;
	}
	
	.nav .menu-right .details > div
	{
		margin-bottom:0px;
	}
	
	.nav .menu-right
	{
		transition: left 1s 
ease-in-out;
    -moz-transition: left 1s ease-in-out;
    -webkit-transition: left 1s 
ease-in-out;
    -o-transition: left 1s ease-in-out;
	}

	.nav .menu-right
	{
        width: 100%;
        bottom: 0px;
        top: initial;
        height: auto;
	}
	
	.nav .menu-right .details p
	{
		font-size: 15px;
	}
	.nav .menu-right .details p b
	{
		font-size:15px;
	}
	
	.nav .menu-right img
	{
		display:none;
	}
	
	.nav .menu-right p
	{
		margin-block-start: 4px;
        margin-block-end: 4px;
		line-height:1.1;
	}

	.nav.show .menu-left,
	.nav.show .menu-right
	{
		left: 0;
	}

  .cs-font-change
  {
    font-size: 16px !important;
    font-family: 'Jost', sans-serif !Important;
    padding-left: 40px;
    padding-right: 40px;
  }

	.cs-xs-override
	{
		position: relative !Important;
		width: 100%!Important;
		top: auto!Important;
		left: auto!Important;
		right: auto!Important;
		bottom: auto!Important;
		text-align: center!Important;
		max-width: initial!Important;
		font-style: normal;
    font-size: 16px !important;
    padding: 0px 2rem;
    font-family: 'Jost', sans-serif !Important;
	}

	.about-box
	{
		position:relative !important;
	}
}


@media only screen and (min-width: 767px)
{
		.hidden-sm
		{
			display: none;
		}
}


@media screen and (max-width: 900px) and (max-height: 1000px)
{
	.valeslidercontainer .play
	{
		border-width: 11px 0 11px 20px;
	}
	.valeslidercontainer .slides-navigation
	{
		margin-bottom:-10px;
	}

}
/*
@media screen and (max-width: 470px)
{
	#valeslider li img
	{
		height:100%;
	}
}
@media screen and (min-width: 470px)
{
	#valeslider li img
	{
		height:130%;
	}
}
@media screen and (min-width: 600px)
{
	#valeslider li img
	{
		height:150%;
	}
}

@media only screen and (min-width:1921px)
{
	#valeslider li img
	{
		min-height: 100%;
		min-width: 100%;
		position: absolute;
		top: -9999px;
		bottom: -9999px;
		left: -9999px;
		right: -9999px;
		margin: auto;
	}
}
@media only screen and (max-width:1900px)
{
	#valeslider li img
	{
		min-height: 100%;
		min-width: 100%;
		position: absolute;
		top: -9999px;
		bottom: -9999px;
		left: -9999px;
		right: -9999px;
		margin: auto;
	}
}
*/
@media only screen and (max-width: 1400px)
{
	.nav .menu-right .details { position: relative; }
}

@media only screen and (max-width: 1300px)
{
	.brochure-form .field { width: 100%; margin-left: auto !important; padding:0px; }
	.p-6 { padding: 0px 2rem !important; }
	.p-8 { padding: 0px 3rem !important; }
	.about-box { position: relative; }
	.about-box
	{
		position:relative !important;
	}
	#valeslider .caption
	{
		font-size: 16px !important;
		top: auto !important;
		bottom: 120px !important;
	}
}

@media only screen and (max-width: 767px)
{
	.loading .text
	{
		font-size:22px !important;
	}
	div.cs-overlay
	{
		position: relative !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		bottom: auto !important;
		background: transparent !important;
		color: #6c6c6c !important;
		text-align: center !important;
		padding: 20px 2rem !important;
		font-style: normal;
		font-family: 'Jost', sans-serif;
		font-size:16px;
	}
	header #top_links.right a.number
	{
		letter-spacing: 1px;
		line-height: 18px;
		text-align:center;
		padding-top: 10px;
	}
	.nav .menu-left .inner
	{
		min-height: auto;
		margin-top: 20px;
		z-index: 10;
		position: relative;
		background: #fff;
	}
	
	.nav .menu-left .inner img 
	{
		width: 90px;
		margin-bottom: 5px;
	}

	#logo_container img
	{
		max-width: 50%; 
		/*width:175px;*/
	}

	#logo_container .tagline
	{
		display: none;
	}

	.loading
	{
		padding-top: 23vh !important;
	}
	.loading img
	{
		max-width: 100%;
	}

	.slides-pagination
	{
		bottom: 10px;
		display: none;
	}

	.slides-navigation a.prev
	{
		left: 15px;
	}

	.slides-navigation a.next
	{
		right: 15px;
	}

	.slides-navigation a.prev,
	.slides-navigation a.next
	{
		height: 25px !important;
		bottom: 15px !important;
	}

	.menu-burger:after { display: none; }
	header a.number { max-width: 80px; padding-right:0px !important; }
	.nav .menu-left .inner a, .nav .menu-left .inner .menu-heading { font-size: 16px; padding:2px 0px; }
  .nav .menu-left .inner div a.sub {  padding: 3px 0px; }
	.nav .menu-left .inner .menu-heading:after { top: 3px !important; }
	.nav .menu-left .inner .open .menu-heading:after { top: 13px !important; }
}
/* END SLIDER */

.wrap {
    box-sizing: border-box;
    max-width: 1400px;
    margin: 0 auto;
}

.wrap-wide {
  max-width:1600px;
}

.valeslidercontainer.animated, header.animated
{
	opacity: 0;
	animation: fadein 1s linear 3s 1 forwards;
}

.loading
{
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #1e1e1e;
    z-index: 10;
    text-align: center;
    padding-top: 30VH;
	opacity: 1;
	animation: fadeout 3s linear 4s 1 forwards;
}
.loading .inner
{
	opacity: 0;
	animation: fadein 3s linear 0s 1 forwards;
}
.loading img
{
	width: 500px;
    height: auto;
	max-width: 100%;

}
.loading .text
{
	opacity: 0;
	animation: fadein 3s linear 0.5s 1 forwards;
	font-family: "Microgramma";
    font-size: 26px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 45px;
	color:#fff;
}

* {
  box-sizing: border-box;
}

/* BOUNCE ARROW */

.arrow-bounce
{
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left:-20px;
  width: 40px;
  height: 40px;
  background-image: url(/images/down-arrow6-03.svg);
  background-size: contain;
  animation: bounce 2s infinite;
  z-index: 4;
  display: none;
}

.arrow-bounce.big
{
	bottom: 370px;
    left: 50%;
    margin-left: -29px;
    width: 56px;
    height: 64px;
}

.arrow-bounce::before
{
	position: absolute;
    top: -20px;
    content: "";
    left: 0;
    bottom: -20px;
    right: 0PX;
    CURSOR: POINTER;
}

.arrow-bounce.show
{
	display: block;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

/* END BOUNCE ARROW */


/*Paint*/
.paint
{
	margin-bottom: 7px;
    display:flex;
    width: 100%;
}

.paint > div
{
	width: 16.666%;
	float: left;
}

.paint > div > div
{
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #fff;
	height: 75px;
	text-align: center;
	color: #363636;
	line-height: 75px;
	font-size: 14px;
    text-shadow: 1px 1px 0px rgba(255, 255,255, 0.5);
}

.paint > div > div.white
{
	color: #fff;
    text-shadow: 1px 1px 0px rgba(0,0,0, 0.5);
}



.paint1 {	background-color: rgb(244,239,226); }
.paint2 {	background-color: rgb(241,232,203); }
.paint3 {	background-color: rgb(239,232,215); }
.paint4 {	background-color: rgb(224,220,193); }
.paint5 {	background-color: rgb(204,198,179); }
.paint6 {	background-color: rgb(223,216,181); }
.paint7 {	background-color: rgb(212,200,166); }
.paint8 {	background-color: rgb(199,189,163); }
.paint9 {	background-color: rgb(193,201,169); }
.paint10 {	background-color: rgb(188,187,156); }
.paint11 {	background-color: rgb(166,162,116); }
.paint12 {	background-color: rgb(115,72,35); }
.paint13 {	background-color: rgb(182,202,144); }
.paint14 {	background-color: rgb(186,196,176); }
.paint15 {	background-color: rgb(195,212,204); }
.paint16 {	background-color: rgb(124,163,154); }
.paint17 {	background-color: rgb(158,164,119); }
.paint18 {	background-color: rgb(106,141,98); }
.paint19 {	background-color: rgb(100,124,101); }
.paint20 {	background-color: rgb(21,40,18); }
.paint21 {	background-color: rgb(251,248,230); }
.paint22 {	background-color: rgb(254,248,230); }
.paint23 {	background-color: rgb(217,210,187); }
.paint24 {	background-color: rgb(173,171,153); }
.paint25 {	background-color: rgb(201,198,186); }
.paint26 {	background-color: rgb(173,177,167); }
.paint27 {	background-color: rgb(146,150,138); }
.paint28 {	background-color: rgb(196,188,175); }
.paint29 {	background-color: rgb(138,135,123); }
.paint30 {	background-color: rgb(120,120,104); }
.paint31 {	background-color: rgb(152,165,158); }
.paint32 {	background-color: rgb(78,93,86); }
.paint33 {	background-color: rgb(41,55,55); }
.paint34 {	background-color: rgb(151,162,136); }
.paint35 {	background-color: rgb(120,131,109); }
.paint36 {	background-color: rgb(79,105,106); }
.paint37 {	background-color: rgb(62,72,65); }
.paint38 {	background-color: rgb(58,62,52); }
.paint39 {	background-color: rgb(40,38,30); }
.paint40 {	background-color: rgb(18,22,17); }
.paint41 {	background-color: rgb(200,200,198); }
.paint42 {	background-color: rgb(227,231,230); }
.paint43 {	background-color: rgb(203,203,191); }
.paint44 {	background-color: rgb(158,164,150); }
.paint45 {	background-color: rgb(187,190,183); }
.paint46 {	background-color: rgb(158,161,152); }
.paint47 {	background-color: rgb(212,215,208); }
.paint48 {	background-color: rgb(185,190,186); }
.paint49 {	background-color: rgb(171,182,184); }
.paint50 {	background-color: rgb(150,162,162); }
.paint51 {	background-color: rgb(227,227,225); }

.lighting-bespoke
{
  float:left;position:relative;width:100%;text-align:center;
}

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

.lighting-bespoke img {
    max-width: 100%;
    text-align: center;
    display: block;
    margin: auto !Important;
    float: none !important;
}

.lighting-bespoke div {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    margin: auto !important;
    float: left;
    width: 100%;
}

.lighting-bespoke > div
{
  width: 50%;
}

.lighting-bespoke > div.lighting-break {
  width: 100%; float:left; margin-top: 40px !Important;
}

}


@media (min-width: 1200px)
{
	.technical
	{	
		background-image: url(/technical-pages.jpg);
	}
}


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

  .lighting-bespoke > div
  {
    width: 50%;
    margin-left: 25% !important;
  }
}


.galleries div { position: relative; }
.galleries .row > a {
    padding-right: 1.25rem;
padding-left: 1.25rem; }

.meet-the-team .row > div, .meet-the-team.ironmongery .row > a {
	padding-right: 2.75rem;
    padding-left: 2.75rem;
}

.meet-the-team span {
    letter-spacing: 1px;
    font-size: 14px;
    margin-bottom: 50px;
    display: inline-block;
    width: 100%;
    text-align: left;
}
.meet-the-team h3 {
    text-align: left;
    padding: 0px !important;
    margin-bottom: 10px;
}
.meet-the-team.ironmongery h3 {
text-align: left;
    padding: 0px !important;
    margin-bottom: 10px;
    text-align: center;
    margin-bottom: 30px;
    font-size: 13px;
}
.galleries .row > a:hover span
{
    background: #22222208;
}

.galleries span
{
	background-color: #2222224d;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: background-color .2s ease;
	text-align:center;color:#fff;
	padding-top: 45%;
    font-size: 24px;
    text-transform: uppercase;
    font-family: "Microgramma";
    letter-spacing: 2px;

.dbtn {
  display: inline-block;
  position: relative;
  border: none;
  color: #1e1e1e;
  cursor: pointer;
  font-size: 18px;
    padding: 22px 5px 12px;
  box-sizing: border-box;
MARGIN-TOP: -100PX;
}
.dbtn::before, .dbtn::after,
.dbtn span::before,
.dbtn span::after {
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  background: #1e1e1e;
  content: "";
  opacity: 0;
  position: absolute;
  transition: opacity 1s ease;
}
.dbtn::before, .dbtn::after {
  height: 1px;
  width: 0%;
}
.dbtn::before {
  right: 0;
  top: 0;
}
.dbtn::after {
  bottom: 0;
  left: 0;
}
.dbtn span::before,
.dbtn span::after {
  height: 0%;
  width: 1px;
}
.dbtn span::before {
  left: 0;
  top: 0;
}
.dbtn span::after {
  bottom: 0;
  right: 0;
}
.dbtn::before, .dbtn::after,
.dbtn span::before,
.dbtn span::after {
  opacity: 1;
}
.dbtn::before {
  -webkit-animation-name: btn-border-top;
          animation-name: btn-border-top;
  -webkit-animation-duration: 2.8s;
          animation-duration: 2.8s;
}
.dbtn::after {
  -webkit-animation-name: btn-border-bottom;
          animation-name: btn-border-bottom;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
  -webkit-animation-duration: 2.8s;
          animation-duration: 2.8s;
}
.dbtn span::before {
  -webkit-animation-name: btn-border-span-left;
          animation-name: btn-border-span-left;
  -webkit-animation-delay: 0.35s;
          animation-delay: 0.35s;
  -webkit-animation-duration: 2.8s;
          animation-duration: 2.8s;
}
.dbtn span::after {
  -webkit-animation-name: btn-border-span-right;
          animation-name: btn-border-span-right;
  -webkit-animation-delay: 1.05s;
          animation-delay: 1.05s;
  -webkit-animation-duration: 2.8s;
          animation-duration: 2.8s;
}

@-webkit-keyframes btn-border-top {
  0% {
    left: auto;
    right: 0;
    width: 0%;
  }
  12.5% {
    left: auto;
    right: 0;
    width: 100%;
  }
  12.6% {
    left: 0;
    right: auto;
  }
  50% {
    width: 100%;
  }
  62.5% {
    width: 0%;
  }
  100% {
    left: 0;
    right: auto;
    width: 0%;
  }
}

@keyframes btn-border-top {
  0% {
    left: auto;
    right: 0;
    width: 0%;
  }
  12.5% {
    left: auto;
    right: 0;
    width: 100%;
  }
  12.6% {
    left: 0;
    right: auto;
  }
  50% {
    width: 100%;
  }
  62.5% {
    width: 0%;
  }
  100% {
    left: 0;
    right: auto;
    width: 0%;
  }
}
@-webkit-keyframes btn-border-bottom {
  0% {
    right: auto;
    left: 0;
    width: 0%;
  }
  12.5% {
    right: auto;
    left: 0;
    width: 100%;
  }
  12.6% {
    right: 0;
    left: auto;
  }
  50% {
    width: 100%;
  }
  62.5% {
    width: 0%;
  }
  100% {
    right: 0;
    left: auto;
    width: 0%;
  }
}
@keyframes btn-border-bottom {
  0% {
    right: auto;
    left: 0;
    width: 0%;
  }
  12.5% {
    right: auto;
    left: 0;
    width: 100%;
  }
  12.6% {
    right: 0;
    left: auto;
  }
  50% {
    width: 100%;
  }
  62.5% {
    width: 0%;
  }
  100% {
    right: 0;
    left: auto;
    width: 0%;
  }
}
@-webkit-keyframes btn-border-span-left {
  0% {
    bottom: auto;
    top: 0;
    height: 0%;
  }
  12.5% {
    bottom: auto;
    top: 0;
    height: 100%;
  }
  12.6% {
    bottom: 0;
    top: auto;
  }
  50% {
    height: 100%;
  }
  62.5% {
    height: 0%;
  }
  100% {
    bottom: 0;
    top: auto;
    height: 0%;
  }
}
@keyframes btn-border-span-left {
  0% {
    bottom: auto;
    top: 0;
    height: 0%;
  }
  12.5% {
    bottom: auto;
    top: 0;
    height: 100%;
  }
  12.6% {
    bottom: 0;
    top: auto;
  }
  50% {
    height: 100%;
  }
  62.5% {
    height: 0%;
  }
  100% {
    bottom: 0;
    top: auto;
    height: 0%;
  }
}
@-webkit-keyframes btn-border-span-right {
  0% {
    top: auto;
    bottom: 0;
    height: 0%;
  }
  12.5% {
    top: auto;
    bottom: 0;
    height: 100%;
  }
  12.6% {
    top: 0;
    bottom: auto;
  }
  50% {
    height: 100%;
  }
  62.5% {
    height: 0%;
  }
  100% {
    top: 0;
    bottom: auto;
    height: 0%;
  }
}
@keyframes btn-border-span-right {
  0% {
    top: auto;
    bottom: 0;
    height: 0%;
  }
  12.5% {
    top: auto;
    bottom: 0;
    height: 100%;
  }
  12.6% {
    top: 0;
    bottom: auto;
  }
  50% {
    height: 100%;
  }
  62.5% {
    height: 0%;
  }
  100% {
    top: 0;
    bottom: auto;
    height: 0%;
  }
}

body.full header
{
	background: none; border-bottom: 0px;
}

body.full .valeslidercontainer.home #valeslider
{
	padding-top:0px;
}

.force-grid
{
	padding: 0px !important;
    margin: 0px !important;
}

.force-grid .row
{
    padding: 0px !important;
    margin: 0px !important;
}

.force-grid .row div
{
    padding: 0px !important;
}