/* Compiled Less CSS File */
/* Generated from "styles.css" */

/*
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Roboto', sans-serifl;
pointer-events: none;
*/
html {
  min-height: 100%;
}
body {
  font-family: 'Roboto Condensed', sans-serif;
  min-height: 100%;
  position: relative;
  padding-bottom: 60px;
}
h1 {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  font-size: 4.8em;
  text-transform: uppercase;
}
h2 {
  font-weight: 700;
  font-family: 'Roboto Condensed', sans-serif;
}
h3 {
  font-weight: 400;
  font-family: 'Roboto Condensed', sans-serif;
}
p {
  font-weight: 400;
  font-family: 'Roboto Condensed', sans-serif;
}
img {
  vertical-align: bottom;
}
.white {
  background: #ffffff;
}
.overlay {
  position: absolute;
  pointer-events: none;
  z-index: 1;
  width: auto;
  bottom: 0;
}
.overlay img {
  vertical-align: auto;
  width: 100%;
  pointer-events: none;
}
.sheetcalculator,
.sheetcalculator h2,
.sheetcalculator p,
.casemaker_calculator,
.casemaker_calculator h2,
.casemaker_calculator p {
  pointer-events: none;
  z-index: 0;
  font-family: 'Roboto Condensed', sans-serif;
}
/* header */
.logo img,
.logo svg,
.logo object {
  width: 100%;
}

.logo .caselogo{width:75%; margin-top:15px;margin-bottom:10px;}

.header {
  float: right;
}
.header ul.top {
  margin: 10px 0 0 0;
  list-style: none;
  float: right;
  font-family: 'Roboto Condensed', sans-serif;
}
.header ul.top li {
  float: left;
  font-size: 2em;
  text-transform: uppercase;
  margin-left: 18px;
  color: #61bb47;
}
.navcontain ul.socialcontain{margin-left:10px;}
.navcontain ul.top li.social{margin:0 0 0 5px;}
.header ul.top li a,
.header ul.top li strong {
  color: #000;
  font-weight: 400;
}
.header .navbar-default {
  background: none;
  border: none;
  margin-top: 136px;
}
.header .navbar-default .nav {
  clear: both;
  float: right;
}
.header .navbar-default .nav ul {
  list-style: none;
  font-family: 'Roboto Condensed', sans-serif;
}
.header .navbar-default .nav ul li {
  float: left;
  text-transform: uppercase;
  margin-left: 15px;
  font-size: 2.6em;
}
.header .navbar-default .nav ul li ul li {
  font-size: 1em;
  margin-left: 0;
  clear: both;
}
.header .navbar-default .nav > .navbar-nav > li > a {
  color: #61bb47;
  padding-right: 0;
}
.header .navbar-default .nav > .navbar-nav > .open > a,
.header .navbar-default .header .navbar-default .nav > .navbar-nav > .open > a:hover {
  background-color: #ffffff;
}

.headline{ background:#61bb47; margin-left:0; margin-right:0;}
.headline p{font-size:16px; color:#fff; font-family:'Roboto', sans-serif; text-transform:uppercase; line-height:30px;}


/* --------*/
/* Homepage */
.latestnews_contain,
.twitter {
  margin-top: 15px;
}
.latestnews_contain {
  padding: 15px;
  padding-bottom: 12px;
}
.latestnews_contain img {
  width: 100%;
}
.latestnews_contain .latest_news {
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  padding: 15px 5px 15px 15px;
  width: 60%;
  bottom: 12px;
  pointer-events: none;
}
.latestnews_contain .latest_news h2 {
  font-size: 3em;
  font-weight: 400;
  text-transform: uppercase;
  color: #61bb47;
  font-family: 'Roboto Condensed', sans-serif;
}
.latestnews_contain .latest_news p {
  font-size: 1.6em;
  line-height: 1em;
  font-weight: 700;
  color: #fff;
  margin-top: 8px;
  font-family: 'Roboto Condensed', sans-serif;
}
.twitter {
  background: #4099ff;
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
}
.twitter span {
  display: block;
  word-wrap: break-word;
}
.twitter blockquote:before {
  color: #fff;
  content: open-quote;
  font-size: 6em;
  line-height: 0em;
  margin-right: 0em;
  vertical-align: -1em;
}
.twitter a {
  color: #fff;
  word-wrap: break-word;
}
.twitter blockquote {
  padding: 10px 10px 10px 15px;
  quotes: "\201C" "\201D" "\2018" "\2019";
  font-family: Arial, Helvetica, sans-serif;
}
.twitter blockquote p {
  margin: 0 10px;
  font-size: 1.8em;
  line-height: 1.2em;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;

}
.twitter blockquote small {
  color: #000;
}
.twitter blockquote p:after {
  color: #fff;
  content: close-quote;
  font-size: 1.8em;
  line-height: 0.1em;
  margin-left: 8px;
  vertical-align: -10px;
  font-family: Arial, Helvetica, sans-serif;
}
.twitter h2 {
  font-size: 2.8em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.2);
  margin-left: 25px;
  padding-bottom: 40px;
  margin-top: 10px;
}
.twitter h2 a {

  -webkit-transition: all 0.4s ease-in;
  -moz-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  -ms-transition: all 0.4s ease-in;
  background:url(../images/twitter.png) no-repeat right;
	padding-right:32px;
	/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";

  /* IE 5-7 */
  filter: alpha(opacity=20);

  /* Netscape */
  -moz-opacity: 0.2;

  /* Safari 1.x */
  -khtml-opacity: 0.2;

  /* Good browsers */
  opacity: 0.2;
}
.twitter h2 a:hover {
  color: #ffffff;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  /* IE 5-7 */
  filter: alpha(opacity=100);

  /* Netscape */
  -moz-opacity: 1;

  /* Safari 1.x */
  -khtml-opacity: 1;

  /* Good browsers */
  opacity: 1;
}

.caseshplink{margin-top:15px;}

.sheetcal_contain,
.casemaker_contain {
  margin-top: 15px;
  font-family: 'Roboto Condensed', sans-serif;
}
.sheetcal_contain .overlay {

background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 72%, rgba(255,255,255,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 72%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 72%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */


}
.sheetcal_contain img,
.casemaker_contain img,
.caseshplink img {
  width: 100%;
}
.general .content .casemaker_contain{padding-right:0; padding-left:10px}
.sheetcal_contain .sheetcalculator,
.casemaker_contain .casemaker_calculator,
.general .content .casemaker_contain .casemaker_calculator {
  width: auto;
  position: absolute;
  top: 50px;
  z-index: 2;
  pointer-events: none;
}
.casemaker_contain .casemaker_calculator{
  right: 15px;
  text-align: right;
  top: 30px;
}

.general .content .casemaker_contain .casemaker_calculator {
  right: -10px;
  text-align: right;
  top: 25px;
}

.sheetcal_contain .sheetcalculator h2,
.casemaker_contain .casemaker_calculator h2,
.general .content .casemaker_contain .casemaker_calculator h2 {
  font-size: 3.4em;
  color: #fff;
  background: #333;
  text-transform: uppercase;
  line-height: 1em;
  display: inline;
  float: left;
  padding: 8px;
  font-family: 'Roboto Condensed', sans-serif;
}
.casemaker_contain .casemaker_calculator h2,
.general .content .casemaker_contain .casemaker_calculator h2 {
  float: right;
  background: #61bb47;
  text-align: left;
  width: 250px;
  line-height: 0.9em;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight:600;
  margin-bottom:0;
}
.sheetcal_contain .sheetcalculator p,
.casemaker_contain .casemaker_calculator p,
.general .content .casemaker_contain .casemaker_calculator p {
  display: inline;
  text-align: right;
  background: #61bb47;
  color: #fff;
  text-transform: uppercase;
  float: right;
  clear: both;
  padding: 8px;
  font-size: 26px;
  line-height: 1em;
  font-family: 'Roboto Condensed', sans-serif;
}
.casemaker_contain .casemaker_calculator p,
.general .content .casemaker_contain .casemaker_calculator p {
  background: #333;
  width: 250px;
  text-align: left;
  font-family: 'Roboto Condensed', sans-serif;

}

.general .content .casemaker_contain .casemaker_calculator p {margin-top:0;margin-right:10px;}

.team {
  margin-top: 15px;
}
.team h3 {
  color: #fff;
  font-size: 4em;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  bottom: 18px;
  margin-left: 18px;
  line-height: 0.9em;
  z-index: 20;
  pointer-events: none;
  font-family: 'Roboto Condensed', sans-serif;
}
.team img {
  width: 100%;
}
.mailing_contain {
  margin-top: 15px;
}
.mailing {
  background: #544b42;
  min-height: 317px;
}
.mailing h2,
.mailing h3 {
  text-transform: uppercase;
  font-size: 2.6em;
  color: #fff;
  margin-left: 15px;
  padding-top: 15px;
  margin-bottom: 10px;
  line-height: 1em;
  text-align: left;
  font-family: 'Roboto Condensed', sans-serif;
}
.mailing h3 {
  margin-left: 0;
  margin-top: 0;
  line-height: 1em;
  padding-top: 0;
  font-size: 2em;
  font-family: 'Roboto Condensed', sans-serif;
}
.mailing img {
  margin-top: 2px;
}
.mailing label.clearfix {
  float: left;
  clear: both;
  font-family: Arial, Helvetica, sans-serif;
  color: #fff;
  font-size: 1em;
  width: 40%;
  line-height: 3.2em;
}
.mailing input {
  background: #88817b;
  border-color: #88817b;
  margin-bottom: 5px;
  color: #fff;
}
.mailing .submit {
  clear: both;
  float: left;
  border-radius: 5px;
  padding: 9px 0 9px 0;
  width: 100%;
  font-size: 1.2em;
  font-family: Arial, Helvetica, sans-serif;
  border: none;
  border: 1px solid rgba(0, 0, 0, 0.6);
  background: #bbb7b4;
  /* Old browsers */

  background: -moz-linear-gradient(top, #bbb7b4 0%, #bbb7b4 0%, #807a73 3%, #7d766f 50%, #665f59 51%, #68615a 83%, #68615a 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bbb7b4), color-stop(0%, #bbb7b4), color-stop(3%, #807a73), color-stop(50%, #7d766f), color-stop(51%, #665f59), color-stop(83%, #68615a), color-stop(100%, #68615a));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #bbb7b4 0%, #bbb7b4 0%, #807a73 3%, #7d766f 50%, #665f59 51%, #68615a 83%, #68615a 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #bbb7b4 0%, #bbb7b4 0%, #807a73 3%, #7d766f 50%, #665f59 51%, #68615a 83%, #68615a 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #bbb7b4 0%, #bbb7b4 0%, #807a73 3%, #7d766f 50%, #665f59 51%, #68615a 83%, #68615a 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #bbb7b4 0%, #bbb7b4 0%, #807a73 3%, #7d766f 50%, #665f59 51%, #68615a 83%, #68615a 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbb7b4', endColorstr='#68615a', GradientType=0);
  /* IE6-9 */
}
.mailing ::-webkit-input-placeholder {
  /* WebKit browsers */

  color: white !important;
}
.mailing :-moz-placeholder {
  /* Mozilla Firefox 4 - 18 */

  color: white !important;
}
.mailing ::-moz-placeholder {
  /* Mozilla Firefox 19+ */

  color: white !important;
}
.mailing :-ms-input-placeholder {
  /* Internet Explorer 10+ */

  color: white !important;
}
.mailing .contacts label {
  display: none;
}
/* --------*/
/* Fields radio */
.field {
  float: right;
  margin: 0 0 5px;
  width: 60%;
  border: 1px solid #333;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.1);
}
.field input {
  margin: 0 0 0 0px;
}
/* Used for the Switch effect: */
.cb-enable,
.cb-disable,
.cb-enable span,
.cb-disable span {
  background: url(../images/switch.png) repeat-x;
  display: block;
  float: left;
  width: 50%;
  height: 36px;
  text-align: center;
  font-size: 1.3em;
  color: #fff;
  line-height: 2.6em;
}
.cb-enable span,
.cb-disable span {
  line-height: 30px;
  display: block;
  background-repeat: no-repeat;
  font-weight: bold;
}
.cb-enable span {
  background-position: left -90px;
  padding: 0 10px;
}
.cb-disable span {
  background-position: right -180px;
  padding: 0 10px;
}
.cb-disable.selected {
  border: 1px solid rgba(0, 0, 0, 0.4);
  background-color: #807973;
  border-radius: 5px;
  text-indent: -30000px;
  background: #bbb7b4;
  /* Old browsers */

  background: -moz-linear-gradient(top, #bbb7b4 0%, #bbb7b4 0%, #86807c 3%, #837c75 50%, #6f6962 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bbb7b4), color-stop(0%, #bbb7b4), color-stop(3%, #86807c), color-stop(50%, #837c75), color-stop(100%, #6f6962));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #bbb7b4 0%, #bbb7b4 0%, #86807c 3%, #837c75 50%, #6f6962 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #bbb7b4 0%, #bbb7b4 0%, #86807c 3%, #837c75 50%, #6f6962 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #bbb7b4 0%, #bbb7b4 0%, #86807c 3%, #837c75 50%, #6f6962 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #bbb7b4 0%, #bbb7b4 0%, #86807c 3%, #837c75 50%, #6f6962 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbb7b4', endColorstr='#6f6962',GradientType=0);
  /* IE6-9 */

}
/*.cb-disable.selected span { background-position: right -210px; color: #fff; }*/
.cb-enable.selected {
  border: 1px solid rgba(0, 0, 0, 0.4);
  background-color: #807973;
  border-radius: 5px;
  text-indent: -30000px;
  background: #bbb7b4;
  /* Old browsers */

  background: -moz-linear-gradient(top, #bbb7b4 0%, #bbb7b4 0%, #86807c 3%, #837c75 50%, #6f6962 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bbb7b4), color-stop(0%, #bbb7b4), color-stop(3%, #86807c), color-stop(50%, #837c75), color-stop(100%, #6f6962));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #bbb7b4 0%, #bbb7b4 0%, #86807c 3%, #837c75 50%, #6f6962 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #bbb7b4 0%, #bbb7b4 0%, #86807c 3%, #837c75 50%, #6f6962 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #bbb7b4 0%, #bbb7b4 0%, #86807c 3%, #837c75 50%, #6f6962 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #bbb7b4 0%, #bbb7b4 0%, #86807c 3%, #837c75 50%, #6f6962 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbb7b4', endColorstr='#6f6962',GradientType=0);
  /* IE6-9 */
}
/*.cb-enable.selected span { background-position:bottom left; color: #fff; }*/
.switch label {
  cursor: pointer;
}
/* ------------- */
/* Footer */
.footer {
  margin-top: 20px;
  background: #4d4f57;
  position: absolute;
  right: 0;
  bottom: 5px;
  left: 0;
  z-index: 999;

}
.footer h3 {
  font-size: 1.3em;
  font-weight: 500;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2);
}
.footer h3 a {
  color: #fff;
  display: block;
  padding: 10px 20px 10px 20px;
  float: left;
  background: #86888d;
  /* Old browsers */

  background: -moz-linear-gradient(top, #86888d 0%, #65666d 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #86888d), color-stop(100%, #65666d));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #86888d 0%, #65666d 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #86888d 0%, #65666d 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #86888d 0%, #65666d 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #86888d 0%, #65666d 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86888d', endColorstr='#65666d',GradientType=0);
  /* IE6-9 */

}

.logson {
  margin-top: 10px;
  background: #fff;

  text-align:right;
}

/* General */
.general {
  background: #f0f0f0;
}
.general .content {
  margin-top: 20px;
  padding-top: 20px;
  padding-bottom: 80px;
}
.general .content h1,
.general .content h2,
.general .content h3,
.general .content h4,
.general .content p {
  margin-left: 10px;
  margin-right: 10px;
}
.general .content h1 {
  color: #61bb47;
  margin-bottom: 8px;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 4.8em;
}
.general .content h2, #response p {
  color: #333;
  font-size: 2.8em;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
  margin-bottom: 15px;
}
.general .content ul {
  font-family: 'Roboto', sans-serif;
  font-size: 1.4em;
  color: #333;
  line-height: 1.6em;
  margin-bottom: 25px;
  margin-top: 25px;
  margin-left: 30px;
}

.general .content a{color:#61bb47;}

#response {clear:both}
#response p{padding-top: 20px;
text-align: center;
margin-left: -30px;margin-bottom:25px;}
.general .content p {
  font-family: 'Roboto', sans-serif;
  font-size: 1.4em;
  color: #333;
  line-height: 1.6em;
  margin-bottom: 25px;
  margin-top: 25px;
}
/* Meet the Team */
.meet_team {
  margin-top: 20px;
}
.meet_team .position-nav {
  margin-bottom: 20px;
}
.meet_team .position-nav h2 {
  font-size: 2.5em;
  text-transform: uppercase;
  display: inline;
  color: #000;
  padding-right: 10px;
}
.meet_team .position-nav .nav ul {
  display: inline;
  list-style: none;
}
.meet_team .position-nav .nav ul li {
  display: inline;
  font-weight: 300;
  font-size: 2.5em;
}
.meet_team .position-nav .nav ul li a {
  color: #999999;
  padding-right: 10px;
}
.meet_team .position-nav .nav ul li a:hover,
.meet_team .position-nav .nav ul li a.active {
  color: #000;
}
.meet_team .team_contain .member .first {
  transition-duration: 0.5s;
  pointer-events: none;
}
.meet_team .team_contain .member .first:hover {
  opacity: 0;
}
.meet_team .team_contain .member .second {
  position: absolute;
  top: 0;
  z-index: 0;
  min-height: 161px;
  min-width: 281px;
}
.meet_team .team_contain .member .second .info {
  opacity: 0;
  transition-duration: 1.3s;
}
.meet_team .team_contain .member img {
  width: 100%;
  vertical-align: top;
}
.meet_team .team_contain .member .image {
  vertical-align: top;
  opacity: 0;
}
.meet_team .team_contain .member .profile {
  position: absolute;
  z-index: 1;
  bottom: 2px;
  transition-duration: 0.5s;
}
.meet_team .team_contain .member .profile h2 {
  font-size: 1.5em;
  line-height: 1.1em;
  color: #fff;
  background: #61bb47;
  font-weight: 500;
  padding: 3px 10px 3px 15px;
  display: inline;
}
.meet_team .team_contain .member .profile p {
  font-size: 1.2em;
  line-height: 1.6em;
  margin-top: 5px;
}
.meet_team .team_contain .member .profile p a {
  color: #fff;
  background: #333;
  padding: 3px 10px 1px 15px;
  margin-bottom: 3px;
}
.meet_team .team_contain .member .profile p a.tel {
  font-size: 1.2em;
  padding-top: 1px;
  padding-bottom: 3px;
  line-height: 1.3em;
}
.meet_team .team_contain .member .profile p.location {
  background: #000;
  color: #fff;
  padding: 3px 10px 1px 18px;
  clear: both;
  display: inline-block;
  margin-top: 0px;
  float: left;
}
.meet_team .team_contain .member .profile h1 {
  font-size: 1.6em;
  color: #333;
  line-height: 1.2em;
  background: #f0f0f0;
  font-weight: 300;
  padding: 0px 35px 2px 18px;
  margin-top: 2px;
  display: inline;
  text-transform: none;
  float: left;
  clear: both;
}
.meet_team .member.height2 .profile,
.meet_team .member.height3 .profile {
  bottom: 15px;
}
.meet_team .member.height2 .profile h2,
.meet_team .member.height3 .profile h2 {
  font-size: 1.7em;
}
.meet_team .member.height2 .profile p,
.meet_team .member.height3 .profile p {
  font-size: 1.4em;
  margin-top: 6px;
}
.meet_team .member.height2 .profile p a.tel,
.meet_team .member.height3 .profile p a.tel {
  font-size: 1.3em;
}
.meet_team .member.height2 .profile h1,
.meet_team .member.height3 .profile h1 {
  font-size: 3em;
  margin-top: 15px;
}
.meet_team .member.width2 .profile {
  bottom: 15px;
}
.meet_team .member.width2 .profile h2 {
  font-size: 2.8em;
  line-height: 1.6em;
}
.meet_team .member.width2 .profile p {
  font-size: 1.9em;
}
.meet_team .member.width2 .profile p a.tel {
  font-size: 1.3em;
}
.meet_team .member.width2 .profile h1 {
  font-size: 3em;
  margin-top: 15px;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Claycoat */

.claycoat{margin-top:20px;}
.claycoat h1{color: #61bb47;padding-top:20px;margin-top:0;}

.clay h3, .clay h4{font-family: 'Roboto', sans-serif;  font-size: 31px; line-height:28px; font-weight:bold; margin-bottom:10px;margin-left:0; font-weight:300;}
.clay h3{margin-top:20px;margin-bottom:10px;}
.clay h4{color: #61bb47;}
.clay p{font-size:16px; line-height:22px; font-weight:100;margin-bottom:20px; width:50%;margin-top:20px; z-index:2; position:relative;}
.clay .row{margin-bottom:10px;}
.clay .row.last{margin-bottom:0;}
.clay .row.last .col-md-4 .lines, .clay .row.last .col-md-8 .lines{}
.clay .col-md-8 .lines, .clay .col-md-4 .lines{border-top:1px solid #61bb47;border-bottom:1px solid #61bb47; height:233px;}
.clay .last .col-md-8 .lines, .clay .last .col-md-4 .lines{height:231px; }
.clay .first:after{
	margin-top:1px;
	margin-bottom:2px;
	content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 99%;
    z-index: 0;
    opacity: 1;
	background-position:right top; background-repeat:no-repeat; background-image:url(/assets/site/images/claycoat/first.jpg);
	background-size:412px 235px;
	 transition:all 1s ;
    -webkit-transition:all 1s ;
    -o-transition:all 1s ;
    -moz-transition:all 1s ;
	-webkit-filter: grayscale(0); /* Old WebKit */
  filter: grayscale(0);}
.clay .second:after{
	margin-top:1px;
	margin-bottom:2px;
	content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 99%;
    z-index: 0;
    opacity: 1;
	background:url(/assets/site/images/claycoat/second.jpg) right top no-repeat;background-size:412px 235px;
 transition:all 1s ;
    -webkit-transition:all 1s ;
    -o-transition:all 1s ;
    -moz-transition:all 1s ;

	-webkit-filter: grayscale(0); /* Old WebKit */
  filter: grayscale(0);}
.clay .third:after{
	margin-top:1px;
	content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 99%;
    z-index: 0;
    opacity: 1;
	background:url(/assets/site/images/claycoat/third.jpg) right top no-repeat;background-size:495px 229px;
 transition:all 1s ;
    -webkit-transition:all 1s ;
    -o-transition:all 1s ;
    -moz-transition:all 1s ;

	-webkit-filter: grayscale(0); /* Old WebKit */
  filter: grayscale(0);}
.clay .cta{ background:#074d17; margin-top:10px;}
.clay .cta h2, .clay .cta h2 a{font-size:36px; line-height:38px; color:#fff; font-weight:normal; text-align:center; text-decoration:none;margin-bottom:8px;}
.clay .cta h2 strong{font-weight:bold;}
.clay .cta h2 a:hover{text-decoration:underline;}
.clay .downloadinfo{display:block; background:#61bb47; color:#fff; font-size:15px; line-height:18px; padding:10px; text-align:center; border:1px solid #61bb47; border-radius:10px; }
.clay .downloadinfo:hover{background:#074d17; text-decoration:none;}

.clay .over:hover .first:after, .clay .over:hover .second:after{-webkit-filter: grayscale(1); /* Old WebKit */
  filter: grayscale(1);background-size:618px 352px;opacity:0.5; }

  .clay .over:hover .third:after{-webkit-filter: grayscale(1); /* Old WebKit */
  filter: grayscale(1);background-size:742px 433px; opacity:0.2;}

/* ---- isotope ---- */
.isotope {
  max-width: 1200px;
}
/* clear fix */
.isotope:after {
  content: '';
  display: block;
  clear: both;
}
/* ---- .item ---- */
.item {
  float: left;
  width: 281px;
  height: 160px;
  overflow: hidden;
  margin-bottom: 5px;
  background: black;
}
.item.width2 {
  width: 567px;
}
.item.height2, .item.height2 .second {
  height: 325px;
}
.item.height3, .item.height3 .second {
  height: 490px;
}
/* ------------- */
#tail1 {
  position: absolute;
  bottom: -10px;
  left: 32px;
  width: 0;
  height: 0;
  border-color: #65666d transparent transparent transparent;
  border-width: 5px;
  border-style: solid;
}
.footer .sitemap {
  display: none;
  clear: both;
}
.footer .sitemap ul {
  list-style: none;
  margin-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.footer .sitemap ul li {
  font-size: 2em;
  margin-left: 15px;
}
/* image zoom */
.transition {
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}
.image {
  -webkit-transition: all 0.4s ease-in;
  -moz-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  -ms-transition: all 0.4s ease-in;
}
.overflowhide {
  overflow: hidden;
  opacity: 1;
}
/* on of switch for form */.onoffswitch {
  position: relative;
  width: 118px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  float: left;
  margin-bottom: 5px;
}
.onoffswitch-checkbox {
  display: none;
}
.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid ;
  border-radius: 5px;
}
.onoffswitch-inner {
  width: 200%;
  margin-left: -100%;
  -moz-transition: margin 0.3s ease-in 0s;
  -webkit-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before,
.onoffswitch-inner:after {
  float: left;
  width: 50%;
  height: 36px;
  padding: 0;
  line-height: 36px;
  font-size: 13px;
  color: white;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.onoffswitch-inner:before {
  content: "On";
  padding-left: 20px;
  background-color: #645C54;
  color: #FFFFFF;
}
.onoffswitch-inner:after {
  content: "Off";
  padding-right: 20px;
  background-color: #645C54;
  color: #FFFFFF;
  text-align: right;
}
.onoffswitch-switch {
  width: 50%;
  margin: 2px;
  background: #837C76;
  border: 1px solid ;
  border-radius: 5px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 55px;
  -moz-transition: all 0.3s ease-in 0s;
  -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
  background: #bbb7b4;
  /* Old browsers */

  background: -moz-linear-gradient(top, #bbb7b4 0%, #bbb7b4 0%, #86807c 3%, #837c75 50%, #6f6962 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bbb7b4), color-stop(0%, #bbb7b4), color-stop(3%, #86807c), color-stop(50%, #837c75), color-stop(100%, #6f6962));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #bbb7b4 0%, #bbb7b4 0%, #86807c 3%, #837c75 50%, #6f6962 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #bbb7b4 0%, #bbb7b4 0%, #86807c 3%, #837c75 50%, #6f6962 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #bbb7b4 0%, #bbb7b4 0%, #86807c 3%, #837c75 50%, #6f6962 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #bbb7b4 0%, #bbb7b4 0%, #86807c 3%, #837c75 50%, #6f6962 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbb7b4', endColorstr='#6f6962',GradientType=0);
  /* IE6-9 */

}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
}

.general .content .contact-form h1, .general .content .contact-form h2{margin-left:0;}
.contact-form label{font-size:14px;}
.contact-form input.error{border:1px solid red;}
.contact-form label.error{color:red;}
.contact-form label.checkbox-inline{padding-left:0; width:200px;}
.contact-form input[type=checkbox], .contact-form input[type=radio]{margin-right:20px;}
.contact-form .enquiryform{margin-top:20px;}

/* Cases Updates */

.general .cases_landing { text-align:center;}
.general .cases_landing h1{ font-size:41px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; text-transform:none; letter-spacing:-0.5px;margin:0; line-height:49px; }
.general .cases_landing p{font-size:37px; color:#07601f; line-height:46px; letter-spacing:-0.5px; font-weight:300;margin-top:10px; margin-bottom:15px;}
.general .cases_landing .caseslogo{width:154px;}
.general .cases_landing .casescontent{border-top:2px solid #61bb47;border-bottom:2px solid #61bb47; margin-top:40px; margin-bottom:40px; padding-top:30px; padding-bottom:30px; }
.general .cases_landing p.enter{margin:0;font-size:20px; line-height:24px; }
.general .cases_landing p.enter a{color:#61bb47; text-transform:uppercase;}
.general .cases_landing img.outlines{width:100%; max-width:929px;}

.general .casescarousel .item{width:auto; height:auto; }
.general .casescarousel .item img{max-width:none;}
.general .casescarousel .carousel{max-width:505px; width:100%; float:right;}
.general .casescarousel .carousel-control{display:none;}

/* ---------- */


/* you tube embed */

.videoWrapper {
	position: relative;
	padding-bottom:52.90%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (max-width: 1199px) {
  .header .navbar-default {
    margin-top: 100px;
  }
  .header .navbar-default .nav ul li {
    font-size: 2.2em;
  }
  .sheetcal_contain .sheetcalculator {
    top: 25px;
  }
  .casemaker_contain .casemaker_calculator {
    top: 18px;
  }
  .overlay {
    right: 15px;
    width: 455px;
  }
  .headline p{font-size:14px; line-height:25px;}
  .clay .last h3 {


}
}
@media (max-width: 992px) {
	.headline .col-md-12, .headline .row{padding-left:0;margin-left:0}
  .header .navbar-default {
    margin-top: 65px;
    margin-bottom: 0px;
  }
  .header .navbar-default .nav ul li {
    margin-left: 6px;
  }
  .header .navbar-default .nav ul li {
    font-size: 1.8em;
  }
  .navbar-nav > li > a {
    padding-bottom: 0px;
  }
  #tail1 {
    bottom: -43px;
  }
  .overlay {
    left: 15px;
    width: auto;
  }
  .overlay img {
    max-width: 100%;
  }
  .headline p{font-size:12px; line-height:20px;}
  .general .casescarousel{display:none;}


  /* Claycoat */

	.clay .row{margin-bottom:10px;}
	.clay .row.last{margin-bottom:0;}
	.clay .row.last .col-md-8 .lines{border-bottom:1px solid #074d17;}
	.clay .col-md-8 .lines, .clay .col-md-4 .lines{height:auto !important;}
	.clay .col-md-4 .lines{border-bottom:none; }
	.clay .col-md-8 .lines{border-top:1px solid #e7e7e7}

	.clay .cta{ background:#074d17;}
	.clay .cta h2, .clay .cta h2 a{font-size:20px; line-height:22px; color:#fff; font-weight:normal; text-align:center; text-decoration:none;margin-bottom:0px; margin-top:0; padding-top:10px;padding-bottom:10px;}
	.clay .cta h2 strong{font-weight:bold;}
	.clay .cta h2 a:hover{text-decoration:underline;}
	.clay .downloadinfo{width:340px;margin-bottom:20px;}
	.clay h3{margin-bottom:20px;}

}
@media (max-width: 767px) {
  .navbar-header {
    margin-top: 8px;
  }
  .navbar-toggle {
    margin-right: 0;
  }
  .header .navbar-default {
    margin-top: 0;
  }
  .header .navbar-default .nav {
    float: right;
    margin-top: 0;
    margin-bottom: 10px;
    margin-right: 3px;
  }
  .header .navbar-default .nav ul li {
    clear: both;
    margin-left: 0;
    float: right;
    text-align: right;
    text-indent: 15px;
  }
  .header .navbar-default .nav ul li ul {
    margin-left: 0px !important;
  }
  .header .navbar-default .nav > .navbar-nav > li > a {
    padding-right: 15px;
    display: block;
  }
  .header .navbar-default .nav > .navbar-nav > li > a.has-submenu {
    padding-right: 0;
  }
  .logo {
    width: 125px;
    margin: 0;

  }
  .navcontain {
    width: 55%;
    margin: 0;
    padding: 0;
    float: right;
    margin-right: 10px;
  }
  .header ul.top {
    float: right;
    text-align: right;margin-top:3px; margin-bottom:5px;
  }
  .navcontain ul.top li {
    float: right;
  }
.navcontain ul.socialcontain{margin-left:10px;margin-top:5px;}
.navcontain ul.top li.social{margin:0 0 0 5px;}
.navcontain ul.top li.social img{width:25px;}
.navbar-default .navbar-toggle{margin-top:0;}
}
@media (max-width: 701px) {
	.clay p{width:100%;}
	.clay .first:after, .clay .second:after, .clay .third:after{background:none;}
}
@media (max-width: 600px) {
  /*.item, .item.height2, .item.height3{width:100%; height:auto;}  */
}
@media (max-width: 585px) {

  .item.width2 {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 495px) {

	.headline p {
font-size: 10px;
line-height: 14px;
padding:5px 0 5px 0;
}

	.navcontain{padding-bottom:10px;}
  .navcontain ul.top li {
    font-size: 1.3em;
  }
  .latestnews_contain .latest_news {
    position: relative;
    width: 100%;
    bottom: 0;
  }
  .sheetcal_contain,
  .casemaker_contain,
  .team {
    font-size: 0.6em;
  }
  .sheetcal_contain .sheetcalculator,
  .casemaker_contain .casemaker_calculator {
    top: 10px;
  }
  .overlay {
    right: 15px;
  }
}

@media (max-width: 430px) {
.clay .downloadinfo{width:100%;}
}

@media (max-width: 400px) {
  .meet_team .member.width2 .profile {
    bottom: 15px;
  }
  .meet_team .member.width2 .profile h2 {
    font-size: 2.2em;
    line-height: 1.2em;
  }
  .meet_team .member.width2 .profile p {
    font-size: 1.6em;
  }
  .meet_team .member.width2 .profile h1 {
    font-size: 2.8em;
    margin-top: 15px;
  }
  .scrollslide {
    margin-bottom: 25px;
  }
  .general .article_image{width:100% !important;}
}

@media (max-width:372px){

.navcontain {

margin-right: 10px;
}




}

@media (max-width: 360px) {
	.navcontain{width:59%;}
	 .headline p {
font-size: 13px;
line-height:16px;
}

}


@media (max-width: 320px) {
  .meet_team .member.width2 .profile {
    bottom: 15px;
  }
  .meet_team .member.width2 .profile h2 {
    font-size: 1.8em;
    line-height: 1.2em;
  }
  .meet_team .member.width2 .profile p {
    font-size: 1.5em;
  }
  .meet_team .member.width2 .profile h1 {
    font-size: 2em;
    margin-top: 15px;
  }
  .header ul.top li {
    margin: 0;
  }
  .logo {
    width: 100px;
  }
  .navcontain {
    width: 215px;
    margin-right: 5px ;
  }
  .header .navbar-default {
    margin-top: 0px;
  }
  h1 {
    font-size: 3em;
  }
  .meet_team .position-nav h2 {
    font-size: 1.8em;
    margin-top: 8px;
  }
  .meet_team .position-nav .nav ul li {
    font-size: 1.6em;
    clear: both;
    display: block;
  }

}
#map-canvas {
  height: 580px;
}

.gender-pay{
      font-size: 1.4rem;

}
.gender-pay th{font-weight: bold;}

.cookie_info .rowclear {
    width: 100%;
    clear: both;
    border-top: 1px solid #e7e7e7;}

    .cookie_info h4, .cookie_browser ol li {
    font-family: 'Roboto', sans-serif;
    font-size: 1.4em;
    color: #333;
    line-height: 1.6em;

}

.cookie_browser ol li, .cookie_browser ol  {list-style: none;margin:0;padding:0;}
  .cookie_browser ol{ margin-bottom: 20px;}
  .general .content .cookie_browser h4{margin-left: 0;
    font-size: 21px;}

.cookie_browser img{max-width: 60px; width: 100%;}

.cookie_browser .rowclear {
    border-top: none;
  }

  .footer-links{ position: absolute; bottom:0; left:0;right:0; background: #ccc;}
  .footer-links a{color:#999;}
  .footer-links p{font-size: 1.1rem;}