/* @override 
	https://www.tourguide-systems.co.uk/themes/tgs/assets/css/style.css?r3owxq
	https://www.tourguide-systems.co.uk/themes/tgs/assets/css/style.css?r7i1m3
	https://www.tourguide-systems.co.uk/themes/tgs/assets/css/style.css?r7i30p
	https://www.tourguide-systems.co.uk/themes/tgs/assets/css/style.css?r7i38u
	https://www.tourguide-systems.co.uk/themes/tgs/assets/css/style.css?r7i3f1
	https://www.tourguide-systems.co.uk/themes/tgs/assets/css/style.css?* */





@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,900');


/* Reset
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}


/* Body & Main
================================================== */
body {
  nowhitespace: afterproperty;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  font: 1em/1.6em 'Source Sans Pro',sans-serif;
  color: #606060;
}

#page {
	overflow-x:hidden !important;
}

/* Links */
a {
  color: #f4473a;

}
a:visited {
  color: #f4473a;
}
a:hover,
a:focus,
a:active {
  color:#000;
  text-decoration: none;
}

/*set max img width*/
img {
  max-width: 100%;
}


/* Commons
================================================== */

/*clear floats*/
.remove-margin {
  margin-right: 0 !important;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clear {
  clear: both;
}


/*preformatted text*/
pre {
  background: #fff url("images/pre-bg.png") repeat;
  margin: 40px 0px;
  padding: 25px 20px;
  line-height: 25px;
  border: 1px solid #ddd;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

ul, ol {
  margin: 0 0 1em 1.5em;
}
ul {
  list-style: disc;
}
ol {
  list-style-type: decimal;
}
ol ol {
  list-style: upper-alpha;
}
ol ol ol {
  list-style: lower-roman;
}
ol ol ol ol {
  list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
  margin-bottom: 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}
th {
  font-weight: bold;
  padding:10px 10px;
}

tr{
  padding:5px 5px;
}

td{
  padding:5px 10px;
}

#primary table {
  margin: 0 0 1.5em;
  width: 100%;
  border:1px solid #ddd;
  border-right:none;
  background:#fff;
}

#primary th {
  font-weight: bold;
  padding:10px 10px;
  background:#555;
  color:#fff;
}

#primary tr{
  padding:5px 5px;
}

#primary td{
  padding:5px 10px;
  border-top:1px solid #ddd;
  border-right:1px solid #ddd;
}

/* Typography
================================================== */

/* Headings */
h1,h2,h3,h4,h5,h6 {
  clear: both;
}

h1 { font-size: 32px; }
h2 { font-size: 26px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

p {
  margin: 0 0 20px;
}

p img {
  margin: 0;
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

small {
  font-size: 80%;
}

hr {
  border: solid rgba(0, 0, 0, 0.2);
  border-width: 1px 0 0;
  clear: both;
  margin: 10px 0 30px;
  height: 0;
}

p a, p a:visited {
  line-height: inherit;
}

a:link {
  text-decoration: none;
}

a:focus {
  outline: 0;
}

a {
  outline: 0;
}

p a, p a:visited {
  line-height: inherit;
}

a:focus {
  outline: 0;
}


/* Head */

#masthead{

  padding-top: 12px;
  padding-bottom: 8px;
  background-color: #FFF;
}

#outer-masthead {
	background-color: #FFF !important;
	z-index: 999 !important;
	border-bottom: 1px solid #EEE;
}

#masthead #site-logo img {
	max-width: 225px;
}


#masthead p {
	margin: 0px;
}


#outer-masthead.stickynav-active {
	padding: 0px;

	border-bottom: 1px solid #EEE;

}

#outer-masthead.stickynav-active #masthead {
	padding: 0px;
}

#outer-masthead.stickynav-active #search-region {
	margin: 5px 0px 0px 0px;
}

#outer-masthead.stickynav-active #site-logo img {
	height: 45px;
	padding-top: 5px;
}

#outer-masthead.stickynav-active #top-contact-region {
	padding-top: 0px !important;
}

#outer-masthead.stickynav-active #block-nicemenus li a {
	padding: 13px 15px 13px 15px;
}



#outer-masthead.stickynav-active #block-nicemenus li.menuparent {
	padding: 13px 15px 13px 15px;	
}

#outer-masthead.stickynav-active .top-telephone {
	padding-top: 0px;
	margin-top: -13px;
	font-size: 0em;
	margin-bottom: -2px;
}
	

#outer-masthead.stickynav-active .top-contact a.top-contact-link {
	padding: 13px 10px 15px 10px;
}


#outer-masthead.stickynav-active #search-region  {
	margin-top: 7px;
	height: 30px;
}




#masthead #search-region {
	margin: 17px 0px 0px 0px;
}

#masthead #search-region input#edit-keys {
	min-width: 100% !important;
}

#masthead #search-region .form-item {
	min-width: 100%;
}



#masthead #search-region input#edit-submit--2,
#masthead #search-region input#edit-submit,
#masthead #search-region input#edit-submit,
#masthead #search-region input#edit-submit--2,
#masthead #search-region input#edit-submit--2,
#masthead input#edit-submit

 {
	position: absolute;
	top:1px;
	right: 15px !important;
	border: none !important;
	width: 34px;
	border-radius:0px;
	background: #199ad8 url(../images/search-icon.png) no-repeat center center;
	font-size: 0em;
	color: transparent;
	height: 36px;
	
}


#logo-region {
	text-align: center;
}

.top-telephone {
	font-weight: 900;
	color: #555;
	letter-spacing: 0.15em;
	padding-top: 0px;
	font-size: 1em;
	margin-top: -8px;
}

.top-social {
	
}

.top-social img{
	width: 30px;
	margin-left: 5px;
}

.top-contact {
	padding: 16px 0px 0px 0px !important;
	text-align: right;

}

.top-contact .col-sm-4 {
	padding: 0px;
}

.top-contact a.top-contact-link {
	background-color: #1898d7;
	text-transform: uppercase;
	display: block;
	padding: 9px 10px 9px 10px;
	text-align: center;
	letter-spacing: 0.15em;
	font-weight: 900;
	font-size: 0.9em;
	color: #FFF;
}

.top-contact a.top-contact-link:hover {
	background-color: #036eb6;
}

/*Navigation*/




#block-mainnavigation {
	width: 670px !important;
	margin-left: auto;
	margin-right: auto;
}

#block-mainnavigation li {
	background-color: transparent;
	border: none;
	line-height: 1em;
	font-size: 1em;
	margin-right: 0px !important;
}

#block-mainnavigation li a {
	text-transform: uppercase;
	color: #666;
	font-weight: 300;

	display: inherit;
	letter-spacing: 0.1em;
	margin-right: 0px !important;
	
}

#block-mainnavigation li a,
#block-mainnavigation li .nolink	  {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

#block-mainnavigation li a:hover {
	text-transform: uppercase;
	color: #FFF;
	font-weight: 300;
	display: block;
	letter-spacing: 0.1em;
	background-image: linear-gradient(to right, #199cd9 , #056fb6);
}

#block-mainnavigation .sf-sub-indicator {
	right: 5px;
}

#block-mainnavigation li{
	margin-right: 10px !important;
	text-transform: uppercase !important;
	color: #666666;
	font-weight: 300;

	display: block;
	letter-spacing: 0.1em;	
	margin-right: 0px !important;

}

#block-mainnavigation li.menuparent span.nolink {

}

#block-mainnavigation li.menuparent:hover {
		text-transform: uppercase;
	color: #FFF;
	font-weight: 300;
	padding: 0px 0px 0px 00px;
	display: block;
	letter-spacing: 0.1em;
		background-image: linear-gradient(to right, #199cd9 , #056fb6);
}

#block-mainnavigation ul ul {
	margin-top: 8px;
	border-top: none;
	width:280px !important;
}


.stickynav-active #block-mainnavigation ul ul {
	margin-top: 13px;
	border-top: none;
	width:280px !important;
}

#block-mainnavigation ul ul li a {
	background-color: #0e84c7;
	border-bottom: 1px solid #027aca;
	padding: 13px 15px 13px 15px;
		line-height: 1.2em;
		width:280px !important;
	color: #FFF;
	font-size: 0.9em;
}


#block-mainnavigation ul ul li a:hover {
	background-color: #009ee2;
	color: #FFF;
	padding: 13px 15px 13px 15px;
}



/* Banner */

.node-1 #preface-area {
	background-size: 100% !important;
	clear: both;
	background-color
	 z-index: -31 !important;
	 margin-top: 0px;
	 	 background: linear-gradient(90deg, #036eb6 50%, #1999d8 50%);
	 	 display: block;
	
}

#preface-area {
	display: none;
}

.node-1 #preface-area .feature-image {
	z-index: -1;
}


#block-views-block-home-page-banner-block-1 {
	text-align: left;
	padding-top: 25px;
	font-weight: 300;
	font-size: 1.2em;
	line-height: 1.6em;
	z-index: 1 !important;
	
}

#block-views-block-home-page-banner-block-1,
#block-views-block-home-page-banner-block-1 li {
	overflow: visible;
	z-index: 1 !important;
}





#block-views-block-home-page-banner-block-1 ul.slides {
	overflow: visible !important;
}

#block-views-block-home-page-banner-block-1 ol.flex-control-nav {
	bottom: 0px;
	z-index: 555 !important;
}

#block-views-block-home-page-banner-block-1 ol.flex-control-nav a{
	background-color: rgba(255,255,255,0.5);
}

#block-views-block-home-page-banner-block-1 ol.flex-control-nav a.flex-active {
	background-color: #FFF;
}

#block-views-block-home-page-banner-block-1 .hire-buy-box {
	padding-top: 45px;
	padding-bottom: 30px;
	padding-right: 50px;
	text-align: left !important;
	padding: ;

}

#block-views-block-home-page-banner-block-1 .hire-buy-box h2 {
	font-size: 3em;
	line-height: 1.3em;
	font-weight: 300;
	margin-bottom: 10px;
	padding: 0px;
		font-family: "Source Sans Pro", sans-serif;
	text-align: left !important;
}

#block-views-block-home-page-banner-block-1 .hire-buy-box p {
	text-align: left;
	font-family: "Source Sans Pro", sans-serif;
	padding: 0px;
	padding-bottom: 25px
}


#block-views-block-home-page-banner-block-1 .hire-buy-box .more-links {
	padding-top: 10px;

}

#block-views-block-home-page-banner-block-1 .hire-buy-box .more-links a {
	font-weight: bold;
	letter-spacing: 0.2em;
	font-size: 0.8em;
}

#block-views-block-home-page-banner-block-1 .hire-buy-box .more-links a.browse {
	background-color: #FFF;
	text-transform: uppercase;
	color: #0d82c5;
	padding: 8px 20px 8px 20px;
	border: 2px solid #FFF;
}

#block-views-block-home-page-banner-block-1 .hire-buy-box .more-links a:hover.browse {
	border: 2px solid #FFF;
	background-color: transparent;
	color: #FFF;
}

#block-views-block-home-page-banner-block-1 .hire-buy-box .more-links a.enquire {
	background-color: transparent;
	text-transform: uppercase;
	color: #FFF;
	border: 2px solid #FFF;
	padding: 8px 20px 8px 20px;
}

#block-views-block-home-page-banner-block-1 .hire-buy-box .more-links a:hover.enquire {
	background-color: #FFF;
	color: #0d82c5;
}

#block-views-block-home-page-banner-block-1 img {
	height: auto;
}

#block-views-block-home-page-banner-block-1 .swiper-pagination {
	margin-top: -30px;
	z-index: 999 !important;

}

#block-views-block-home-page-banner-block-1 .swiper-pagination-bullet {

	height: 10px;
	width: 10px;
}

#block-views-block-home-page-banner-block-1 .swiper-pagination-bullet-active {
	background-color: #FFF !important;
	height: 10px;
	width: 10px;
}

#block-views-block-home-page-banner-block-1 .owl-pagination .owl-page.active span {
	color: #FFF !important;
}

#block-tgs-footer {
	clear: both;
}

#block-tgs-content nav {
	clear: both;
}

#block-tgs-content nav li a {
	border-radius: 0px;
	border: 1px solid #1999d8;
	color: #1999d8;
	font-weight: 300;
}

#block-tgs-content nav li a:hover {
	background-color: #1999d8;
	color: #FFF;
}

#block-tgs-content header .col-lg-12 {
	padding-bottom: 15px !important;
	clear: both !important;
	
}


#block-tgs-content header h1 {
	margin-bottom: 15px;
}

#block-tgs-content blockquote {
	background-color: #f5f5f5;
	padding: 17px 15px 1px 15px;
	margin-bottom: 10px;
	border-left: 3px solid #1696d7;
}

#views-exposed-form-products-page-1 {
	background-color: #FFF;
	padding-bottom: 30px;
}


#block-exposedformproductspage-1 {
background: rgb(245,245,245);
background: linear-gradient(0deg, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%);
	padding: 0px;
margin-bottom: 30px;
}



#sidebar button {
	display: none;
}



#block-tgs-exposedformproductsblock-1  legend {
	min-width: 100% !important;
	display: block;
	padding-bottom: 0px;
	line-height: 1.3em;
}

#block-tgs-exposedformproductsblock-1 span.fieldset-legend {
	min-width: 100% !important;

}

#block-tgs-exposedformproductsblock-1 .views-exposed-form .form-item {
	margin-bottom: 0px !important;

}

#block-tgs-exposedformproductsblock-1 .form-item label {
	font-weight: 400;
	padding-left: 0px;

	color: #333;
	
}

#block-tgs-exposedformproductsblock-1 legend {
	padding-top: 20px;
	width: 100% !important;

}

#block-tgs-exposedformproductsblock-1  .form-item {
	margin-bottom: 0px !important;

}

#block-tgs-exposedformproductsblock-1  fieldset {
	background-color: transparent !important;
	padding-bottom: 30px !important;
	padding-top: 5px;
	width: 100%;
}



#block-tgs-exposedformproductsblock-1  .fieldset-wrapper {
	
	margin-top: 0px ;
	padding-top: 5px;
	margin-bottom: 0px;
}



#block-tgs-exposedformproductsblock-1  summary {
	text-transform: uppercase;
	font-weight: 300;
	padding-top: 10px;
	padding-bottom: 10px !important;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	margin-bottom: 0px;
	background: url(../images/refine-by.png) 15px center no-repeat;
	background-size: 18px;
	padding-left: 45px;
	
}

#block-tgs-exposedformproductsblock-1  summary {
	outline: 0;
}

#block-tgs-exposedformproductsblock-1 details {
	margin-bottom: 20px;
}

#block-exposedformproductspage-1 .form-item {
	line-height: 1em;
	padding-top: 5px;
	padding-bottom: 5px;
}


#block-exposedformproductspage-1 label {
overflow: hidden;
letter-spacing: 0em !important;
padding-left: 5px !important;
font-size: 0.9em;
}



#block-exposedformproductspage-1 input#edit-submit-products {
	background-color: #036db4;
	background-image: none;
	text-transform: uppercase;
	color: #FFF;
	text-shadow: none;
	font-weight: 500;
	letter-spacing: 0.1em;
	border-radius:0px;
	box-shadow:none;
	border: none;
	padding: 7px 20px 7px 20px;
	font-size: 1.1em;
}

#block-exposedformproductspage-1 input#edit-reset {
	background-color: #AAA;
	background-image: none;
	text-transform: uppercase;
	color: #FFF;
	text-shadow: none;
	font-weight: 500;
	letter-spacing: 0.1em;
	border-radius:0px;
	box-shadow:none;
	border: none;
	padding: 7px 20px 7px 20px;
	font-size: 1.1em;
}


.views-exposed-form legend {
	text-transform: uppercase;
	font-weight: 700;
	background-color: transparent !important;
	width: 100%;
	background-image: none !important;
	border: none;
	font-size: 1em;
	letter-spacing: 0.1em;
	border-bottom: 2px solid #036eb6;
	display: block !important;
	color: #036eb6;
	padding-bottom: 5px !important;

}

.node--type-product .crumbs {
	border-bottom: 1px solid #DDD;
	padding-bottom: 8px;
	margin-bottom: 20px;
	letter-spacing: 0.1em;
	font-size: 0.9em;
	color: #99;
}

.node--type-product .crumbs a:hover {
	text-decoration: none !important;
}

.node--type-product .group-left  {
	padding-bottom: 30px;
}

.node--type-product .group-left img {
	margin-bottom: 25px;
	border: 1px solid #DDD;
}


.node--type-product  h1 {
	border-bottom: 1px solid #EEE;
	padding-bottom:26px;
	margin-bottom: 0px !important;
}

.node--type-product  .field--name-field-stock-types {
		background-color: #1897d7;
	position: absolute;
	text-transform: uppercase;
	color: #FFF;
	right: 15px;
	top: 15px;
	width: 120px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 6px;
	padding-bottom: 5px;
	text-align: center;
	letter-spacing: 0.1em;
	font-size: 1.4em;
	font-weight: 300;
}

.search-row-container .views-field-field-stock-types a{
		background-color: #1897d7;
	position: absolute;
	text-transform: uppercase;
	color: #FFF;
	right: 15px;
	top: 15px;
	width: 120px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 6px;
	padding-bottom: 5px;
	text-align: center;
	letter-spacing: 0.1em;
	font-size: 1.2em;
	font-weight: 300;
}

.search-row-container img {
	width: 100%;
}

.search-row-container .views-field-field-stock-types a {
	color: #ffffff !important;
	text-decoration: none !important;
}

#block-tgs-views-block-faqs-block-1 .views-field-field-question {
	background-color: #FFF;
	padding-top: 21px;
	padding-bottom: 20px;
	padding-left: 0px;
	border-left: none !important;
	border-right: none;
	font-size: 1.1em;
	font-weight: bold;
	border-radius: 0px;
	border-bottom: none;
	padding-right: 30px;
}

.field--name-field-faq-title {
	text-align: center;
	font-size: 2em;
	margin-bottom: 30px;
	color: #066db6;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-top: 40px;
}

#block-tgs-enquirenow a {

	text-transform: uppercase;
	color: #FFF !important;
	font-weight: bold;
	background-color: #0e93d3;
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 200px;
	text-align: center;
	padding: 10px;
	margin-top: 14px;
	margin-bottom: 14px;
	text-decoration: none;
	letter-spacing: 0.05em;
}

#block-tgs-enquirenow a:hover {
	background-color: #0875aa;
	text-decoration: none !important;
}

a.call2action {

	text-transform: uppercase;
	color: #FFF !important;
	font-weight: bold;
	background-color: #0e93d3;
	margin-left: auto;
	margin-right: auto;
	display: block;
	max-width: 300px;
	text-align: center;
	padding: 10px;
	margin-top: 14px;
	margin-bottom: 14px;
	text-decoration: none;
	letter-spacing: 0.05em;
}

a.call2action:hover {
	background-color: #0875aa;
	text-decoration: none !important;
}


#block-tgs-views-block-faqs-block-1 .ui-accordion-content {
	border: none !important;
	padding: 25px 20px 40px 20px;
}

#block-tgs-views-block-faqs-block-1 .views-field-field-question.ui-state-active {
	background-color: #1194d3;
	border-top: none !important;
}

#block-tgs-views-block-faqs-block-1 .ui-accordion-header-icon {
	float: right;
	top: 5px;
	  transform: scale(1.5);
}

#block-tgs-views-block-faqs-block-1 .views-field-field-question .field-content {
	
	padding-left: 20px;
}

.node--type-product .group-left .field-label-above {
	color: #1999d8;
	font-size: 1.3em;
	font-weight: 700;
	letter-spacing: 0.1em;
	margin-bottom: 20px;
	border-bottom: 2px solid #1999d8;
	padding-bottom: 7px;
	padding-top: 20px;
	clear: both;


}

.node--type-product .group-left .field--name-field-hire-description .field__label {
	color: #1999d8;
	font-size: 1.3em;
	font-weight: 700;
	letter-spacing: 0.1em;
	margin-bottom: 20px;
	border-bottom: 2px solid #1999d8;
	padding-bottom: 7px;
	margin-top: 30px;
	clear: both;
	padding-top: 20px;

}

.node--type-product .group-left .field--name-field-brand,
.node--type-product .group-left .field--name-field-listen-or-interactive,
.node--type-product .group-left .field--name-field-application-group {
	width: 33%;
	float: left;
	padding-top: 17px;
	padding-bottom: 20px;
	line-height: 1.5em;

}

.node--type-product .group-left .field--name-field-brand .field__label,
.node--type-product .group-left .field--name-field-listen-or-interactive .field__label,
.node--type-product .group-left .field--name-field-application-group .field__label {
	letter-spacing: 0.1em;
	color: #777;
	font-weight: 300;
}

.node--type-product .group-left .field--name-field-brand .field__item,
.node--type-product .group-left .field--name-field-listen-or-interactive .field__item,
.node--type-product .group-left .field--name-field-application-group .field__item {
	letter-spacing: 0.1em;
	color: #1897d7;
	font-weight: 600;
}

.node--type-product .enquiry  {
		padding: 32px 24px 24px 24px;
	border: 1px solid #DDD;
	background-color: #fafafa;
}

.node--type-product .enquiry h2 {
	margin-bottom: 15px !important;
}

.node--type-product .enquiry p {
	font-size: 1.1em !important;
	color: #036eb6;
	line-height: 1.4em;
}

.node--type-product .download-link a {
	letter-spacing: 0.1em;
	font-size: 1.1em;
	padding: 20px 20px 20px 58px;
	display: block;
	background: url(../images/pdf-icon.png) no-repeat left center;
}

.node--type-product .download-link a:hover {
	letter-spacing: 0.1em;
	font-size: 1.1em;
	padding: 20px 20px 20px 58px;
	display: block;
	background: url(../images/pdf-icon.png) no-repeat left center;
	text-decoration: none !important;
	color: #036db4 !important;
}

.node--type-product .alternative-products {
	background-color: #f6f8f8;
	padding: 5px 25px 20px 25px;
	margin-top: 45px;
	margin-bottom: 20px;
}

.field--name-field-relevant-blog-posts,
.field--name-field-blog-posts,
.field--name-field-relevant-case-study {
	background-color: #f6f8f8;
	padding: 5px 20px 20px 20px;
	margin-top: 45px;
	margin-bottom: 20px;
	padding-top: 20px;
	
}

.field--name-field-relevant-blog-posts .paragraph,
.field--name-field-blog-posts .paragraph,
.field--name-field-relevant-case-study .paragraph {
	background-color: #FFF;
	padding: 15px 0px 10px 0px;
	border-bottom: 1px solid #CCC;
}

.field--name-field-relevant-blog-posts .field__label,
.field--name-field-blog-posts .field__label,
.field--name-field-relevant-case-study .field__label {
	color: #1896d7 !important;
	font-size: 1.3em;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding-bottom: 6px;
	border-bottom: 2px solid #1896d7;
	margin-bottom: 20px;
}

.field--name-field-blog-posts img {
	margin: 0px !important;
}

.field--name-field-relevant-case-study img {
	min-width: 100%;
}

.field--name-field-relevant-blog-posts .field--name-field-blog-url,
.field--name-field-blog-posts .field--name-field-blog-url,
.field--name-field-relevant-case-study .field--name-field-case {
	font-weight: bold;
	letter-spacing: 0.1em;
	font-size: 1em;
	line-height: 1.3em;
	margin-top: 5px;
}



.addtoany_list {
	display: block;
	padding-bottom: 25px;
}

.node--type-product .alternative-products .layout--onecol  {
	background-color: #FFF;
	padding-top: 15px;
}

.node--type-product .alternative-products .col-lg-3 img {
	border: none !important;
	margin-bottom: 0px;
}

.node--type-product .alternative-products .clearfix {
	border-bottom: 1px solid #DDD;
	clear: both;
	margin-bottom: 0px;
	padding-top: 10px;
}

.node--type-product .alternative-products h5.related-products a {
	margin-top: 25px !important;
	display: block;
	color: #1896d7 !important;
}

.webform-submission-form label,
.node--type-product .enquiry label {
	text-transform: uppercase;
	font-weight: 700;

	color: #036eb6;
	letter-spacing: 0.1em;
	padding-bottom: 4px;
}

.webform-submission-form .form-required,
.node--type-product .form-required {
	padding-right: 8px;
	background: url(../images/required.png) no-repeat right 4px;
}

.webform-submission-form input,
.node--type-product .enquiry input {
	width: 100%;
	background-color: #EEE;
	border: none !important;
	padding: 7px 12px 7px 12px;
}

.node--type-product .enquiry .js-form-item-product-name{
	display: none;	
}

.webform-submission-form textarea,
.node--type-product .enquiry textarea {
	width: 100%;
	background-color: #EEE;
	border: none !important;
	padding: 7px 12px 7px 12px;
}

.webform-submission-form select,
.node--type-product .enquiry select {
	width: 100%;
}

.webform-submission-form #edit-actions,
.node--type-product .enquiry #edit-actions {
	padding-top: 0px;
}

.webform-submission-form input#edit-submit,
.webform-submission-form input#edit-submit--2,
.node--type-product .enquiry input#edit-submit,
.node--type-product .enquiry input#edit-submit--2 {
	width: 100%;
	background-image: none;
	background-color: #FFF;
	border: 2px solid #0772b8 !important;
	text-transform: uppercase;
	color: #0772b8;
	letter-spacing: 0.1em;
	border-radius:0px;

}

.enquiry-confirmation {
	text-align: center;
	margin-top: 30px;
	border: 1px solid #75d226;
	padding: 8px 12px 8px 12px;
	font-weight: bold;
	color: #75d226;
	background-color: rgba(116,209,37,0.07391535);
	letter-spacing: 0.1em;
	margin-left: 10px;
	margin-right: 10px;
}

.social-block {
	margin-top: 25px;
	border-top: 3px solid #EEE;
	border-bottom: 3px solid #EEE;
	padding-top: 22px;
	padding-bottom: 15px;
	margin-bottom: 25px;
}

.social-block h3 {
	margin-bottom: 15px !important;
}

.social-block ul {
	margin-bottom: 0px;
	margin-left: 0px;
}



.information-container {
	border: 1px solid #DDD;
	padding: 15px;
	margin-bottom: 30px;
	text-align: center;
	min-height: 400px;
	background-color: #FFF;
	
}

.information-container img {
	height: auto;
	margin-bottom: 10px;
}

.information-container .views-field-title-1 a {
		font-size: 1.2em;
	font-weight: 300;
	letter-spacing: 0.05em;
	line-height: 1.3em;
	color: #036eb6;
	margin-bottom: 20px;
	display: block;
}

.information-container .more-link a {
	display: block;
	border: 2px solid #036eb6;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	font-weight: 700;
	padding: 6px;
	color: #036eb6;
	font-size: 0.9em;


	width: 100%;
	background-color: #FFF;
	text-decoration: none !important;
}

.information-container .more-link a:hover {
	background-color: #036eb6;
	color: #FFF !important;
}


#block-views-block-featured-on-home-page-block-1 img {
	height: auto !important;
	margin: 0px;
	margin-bottom: 10px;
}

#block-views-block-featured-on-home-page-block-1 .read-more {
	padding: 0px;
}

#block-views-block-featured-on-home-page-block-1 .read-more a {
	display: block;
	border: 2px solid #036eb6;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	font-weight: 700;
	padding: 6px;
	color: #036eb6;
	font-size: 0.9em;
	position: relative;
	bottom: 90px;
	margin-left: 15px;
	margin-right: 15px;
	background-color: #FFF;
	text-decoration: none !important;

}

#block-views-block-featured-on-home-page-block-1 .read-more a:hover {
	background-color: #036eb6;
	color: #FFF !important;
}

#block-views-block-featured-on-home-page-block-1  .views-field-title a {
	display: block;
	margin-bottom: 20px;
	height: 130px;
}

#block-views-block-information-recently-read-content-block-1 {
	clear: both;
}


#block-views-block-information-recently-read-content-block-1 .more-link a {
	display: block;
	border: 2px solid #036eb6;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	font-weight: 700;
	padding: 6px;
	color: #036eb6;
	font-size: 0.9em;
	position: relative;
	bottom: 90px;
	margin-left: 15px;
	margin-right: 15px;
	background-color: #FFF;
	text-decoration: none !important;
	text-align: center;
}

#block-views-block-information-recently-read-content-block-1 .more-link a:hover {
	background-color: #036eb6;
	color: #FFF;
}

.product-listings {
	clear: both;
}

.product-container {
	border: 1px solid #DDD;
	padding: 15px;
	margin-bottom: 30px;
	text-align: center;
	min-height: 400px;
	background-color: #FFF;
	
}

.product-container .views-field-field-stock-types {
	background-color: #1897d7;
	position: absolute;
	text-transform: uppercase;
	color: #FFF;
	right: 15px;
	top: 15px;
	width: 80px;
	padding-left: 12px;
	text-align: left;
	letter-spacing: 0.1em;
}

.product-container img {
	margin-bottom: 15px;
	margin-top: -35px;

}


.node-1 .product-container .views-field-title {
	color: #036eb6;
	display: block;
	padding: 0px 10px 20px 10px;
}


.product-container .views-field-title-1,
.product-container .views-field-title {
	font-size: 1.2em;
	font-weight: 300;
	letter-spacing: 0.05em;
	line-height: 1.3em;
	
}

.product-container .views-field-title-1 a,
.product-container .views-field-title a {
	color: #036eb6;
	text-decoration: none !important;
}

.product-container .more-link a {
	display: block;
	border: 2px solid #036eb6;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	font-weight: 700;
	padding: 6px;
	color: #036eb6;
	font-size: 0.9em;
bottom: -320px;
	position: relative;
	width: 100%;
	background-color: #FFF;
	text-decoration: none !important;
}

.product-container .more-link a:hover {
	background-color: #036eb6;
	color: #FFF !important;
}

#block-tgs-views-block-instruction-manuals-block-1 ul {
	margin: 0px;
	padding: 0px;
}

#block-tgs-views-block-instruction-manuals-block-1 ul li {
	list-style-type: none;
	display: inline;
}

#block-tgs-views-block-instruction-manuals-block-1 ul li a {
	background-color: #EEE;
	width: 150px;

	color: #138bcc;
	margin-right: 2px;
	text-align: center;
	padding: 8px 25px 8px 25px;
	border-bottom: 2px solid #138bcc;
	font-weight: 400 !important;
}

#block-tgs-views-block-instruction-manuals-block-1 ul li a:hover {
	background-color: #444444;
	border-bottom: 2px solid #138bcc;
	color: #FFF;
	text-decoration: none;
	
}

#block-tgs-views-block-instruction-manuals-block-1 ul li a.bef-link--selected{
	background-color: #138bcc;
	border-bottom: 2px solid #138bcc;
	color: #FFF;
	text-decoration: none;
	
}

#block-tgs-views-block-instruction-manuals-block-1 .views-row a {
	display: block;
	padding: 11px 15px 10px 15px;
	background-color: #f5f5f5;
	margin-bottom: 5px;
	border-bottom: 2px solid #DDD;
}

.page #main-content,
.page #primary {
	padding-top: 30px;

}

.field--name-field-link {
	padding-top: 30px;
	padding-bottom: 0px;
	clear: both;
}

.field--name-field-link a {
	display: block;
	border: 2px solid #036eb6;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	font-weight: 700;
	padding: 9px;
	color: #036eb6;
	font-size: 0.9em;
	line-height: 1.5em;
	text-align: center;
	width: 100%;
	background-color: #FFF;
	text-decoration: none !important;
	margin-bottom: 10px;
}

.field--name-field-link a:hover {
	border: 2px solid #036eb6;
	background-color: #036eb6;
	color: #FFF !important;
}

.node-1 #preface-area-two {

	padding-top: 0px;
	padding-bottom: 10px;
		background-color: #fff !important;
		background-image: none !important;
}

.page #preface-area-two {
	padding-top: 150px;
	background-size: 100% !important;
	background-position: center center;
	background-color: #000;
	padding-bottom: 150px;
	height: 360px !important;
}

.page #preface-area-two h1 {
	display: block;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 3.2em;
	line-height: 1.1em;
	margin: 0px;
	padding-left: 20px;
	padding-right: 20px;
}



.brand #preface-area-two {
	height: 440px;
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	background-size:100% !important;
	margin-top: 30px;
	background-position: center center !important;

}

.page .field--name-field-left-image img {
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

#preface-area-two p {
	margin-top: 12px;
	margin-bottom: 21px;
	font-size: 2.2em;
	line-height: 1.1em;
	font-weight: 300;
	text-align: left;
}

#preface-area-two a.read-more {
	font-weight: bold;
	letter-spacing: 0.2em;
	font-size: 1em;
	background-color: #FFF;
	text-transform: uppercase;
	color: #046eb6;
	padding: 7px 20px 7px 20px;
	border: 2px solid #FFF;	

	width: 120px;
	text-align: center;



}


#preface-area-two a:hover.read-more {
	border: 2px solid #FFF;
	background-color: transparent;
	color: #FFF;
}

#preface-area-two a.enquire {
	font-weight: bold;
	letter-spacing: 0.2em;
	font-size: 1em;
	background-color: transparent;
	text-transform: uppercase;
	color: #FFF;
	padding: 7px 20px 7px 20px;
	border: 2px solid #FFF;	
	width: 120px;
	text-align: center;

	border: 2px solid #FFF;
}

.node-1 #preface-area-two .col-lg-4 {


	padding-top: 18px;
}

#footer-block {
	background-image: linear-gradient(to right, #199cd9 , #056fb6);
	padding: 42px 0px 26px 0px;
	clear: both;
	text-align: center;
}

#footer-block p {
	font-size: 1.9em;
	line-height: 1.2em;
	font-weight: 300;
	color: #FFF;
	margin-bottom: 25px;
}
#footer-block a {
		background-color: transparent;
	text-transform: uppercase;
	color: #FFF;
	border: 2px solid #FFF;
	padding: 9px 20px 9px 20px;
	font-size: 0.5em;
	font-weight: 700;
	letter-spacing: 0.2em;
}

#footer-block a:hover {
	background-color: #FFF;
	color: #0e85c7;
}

#block-socialmedia {
	text-align: center;
	margin-bottom: 20px;
}

#block-socialmedia img {
	margin-left: 3px;
	margin-right: 3px;
}


#pre-bottom ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	clear: both;
}

#pre-bottom ul li {
	list-style-type: none;
	display: inline;
}

#pre-bottom ul li a {
	text-transform: uppercase;
	font-weight: 800;
	color: #FFF;
	margin-left: 10px;
	margin-right: 10px;
	letter-spacing: 0.1em;
}

#pre-bottom ul li a:hover {
	color: #4dabe1;
}


#block-tradingstyletext {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #999;
	padding-top: 20px;
	font-size: 0.9em;
	padding-bottom: 30px;
}

#block-tradingstyletext p {
	margin-bottom: 5px;
	color: #68bff7 !important;
	font-size: 0.9em;
}

#block-tradingstyletext p a {
	color: #68bff7 !important
}

#block-footercontactdetails ul li a{
	text-transform: none;
	font-size: 1.1em;
}

#bottom {
	background-color: #036eb6;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}

#bottom img {
	max-width: 225px;
	margin-bottom: 20px;
}



#bottom ul {
	margin: 0px;
}

#bottom ul li {
	list-style-type: none;
	display: inline;
	padding: 0px 10px 0px 10px;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 0.1em;
	font-size: 1.1em;
}

#bottom ul li a {
	color: #FFF;
	font-weight: bold;
	letter-spacing: 0.1em;
}

#bottom ul li a:hover {
	text-decoration: underline;
}

#bottom p {
	color: #FFF;
	padding-top: 10px;
	margin-bottom: 0px;
}

#bottom #block-extras {
	line-height: 1.3em;
	border-top: 1px solid #179ad7;
	clear: both;
	padding-top: 10px;

	
}

#bottom #block-extras ul li  {
	padding: 0px !important;
}


#bottom #block-extras ul li a {
	font-size: 0.7em;
	font-weight: 300;
	line-height: 1.3em;
	padding-left: 6px !important;
	padding-right: 6px !important;
	color: #67c2fe;
}

#bottom #block-extras ul li a:hover {
	color: #FFF;
}

#bottom #block-extra ul {
	margin-top: 30px;

}

/* Menu */

#top-navigation {
	border-top: 1px solid #DDD;
	background-color: #FFF;
	z-index:999 !important;

	width: 100%;

}



/* Layout */

.group-left img {
	height: auto;
}

#primary, #sidebar{
  padding-top: 20px;
  padding-bottom: 20px;
}

.page #main-content {
  padding-top: 45px;
  padding-bottom: 40px;
  line-height: 1.7em;
}

#main-content {
  padding-top: 35px;
  padding-bottom: 65px;
  line-height: 1.7em;
}


#main-content p {
	font-weight: 300;
	font-size: 1.1em;
}

.node-1 #main-content {
	text-align: center !important;
	 padding-bottom: 15px;
	 padding-left: 350px;
	 padding-right: 350px;
}

.node-1 #main-content h1 {
	line-height: 1.2em;
	font-weight: 300;
	margin-bottom: 25px;
	color: #046eb6;
	font-size: 2em;
	text-transform: none;
	letter-spacing: 0em;
}


#main-content h1 {
	line-height: 1.1em;
	font-weight: 700;
	margin-bottom: 25px;
	color: #046eb6;
	font-size: 2.4em;
	letter-spacing: 0.1em;
}

#main-content h2 {
	line-height: 1.1em;
	font-weight: 700;
	margin-bottom: 22px;
	color: #046eb6;
	font-size: 1.6em;
	letter-spacing: 0.1em;
}

#main-content h3 {
	line-height: 1.3em;
	font-size: 1.3em;
	font-weight: 700;
	margin-bottom: 15px;
	color: #046eb6;
	letter-spacing: 0.1em;
}

#main-content h4 {
	line-height: 1.3em;
	font-weight: 300;
	margin-bottom: 25px;
	color: #046eb6;
	font-size: 1.6em;
}

#main-content h5 {
	line-height: 1.3em;
	font-weight: 700;
	margin-bottom: 15px;
	color: #555;
	font-size: 1.2em;
	letter-spacing: 0.1em;
}

#main-content p {
	margin-top: 0px;
	margin-bottom: 18px;
}

#main-content ul, 
#main-content ol {
	font-weight: 300;
}

#main-content ul li,
#main-content ol li {
	padding-bottom: 5px;
	font-size: 1.1em;
}

#main-content a {
	color: #0e84c6;
	text-decoration: none;
}

#main-content a:hover {
	text-decoration: underline;
}

#main-content .group-header img {
	height: auto !important;
}

#main-content .feature-columns {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	b
}

#main-content .feature-columns h5 {
	color: #066db6;
}

#main-content .feature-columns img {
	width: 100px;
	margin-bottom: 5px;
}

#video-block {
background-color: #efefef;
 text-align: center;
 padding-bottom: 30px;
 padding-top: 50px;

}


#prefooterone-block {
	background-color: #f5f5f5;
	padding-top: 60px;
	padding-bottom: 70px;
}

.node-3091 #prefooterone-block {
	background-color: #FFFFFF;
	padding-top: 40px;
	padding-bottom: 60px;
	border-top: 1px solid #EEE;
}

#prefooterone-block h2 {
	text-align: center;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 40px;
	letter-spacing: 0.1em;
	color: #036eb6;
	font-size: 1.7em;
}

#block-featured-products-block .views-row {
	text-align: center;
	margin-bottom: 0px;
}

#block-featured-products-block .views-row img {
	margin-bottom: 15px;
}

#block-featured-products-block .views-row .views-field-title-1 a {

	font-weight: 300;
	letter-spacing: 0.1em;

	line-height: 1.3em;
	display: block;
	color: #036eb6;
	margin-bottom: 20px;
}

#block-featured-products-block .views-row .views-field-view-node-1 a {
	display: block;
	border: 2px solid #036eb6;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	font-weight: 700;
	padding: 6px;
	color: #036eb6;
	font-size: 0.9em;
}

#block-featured-products-block .views-row .views-field-view-node-1 a:hover {
	background-color: #036eb6;
	color: #FFF;
}

.node-3090 #main-content .col-sm-5 {
	padding-left: 0px;
	margin-bottom: 30px;
}

.node-3090 #prefooterone-block {
	padding: 0px;
	margin-bottom: -5px;
}

.node-3090 #prefooterone-block .container {
	min-width: 100%;
	margin: 0px;
}

.node-3090 #prefooterone-block p {
	margin-bottom: 0px;
}

.node-3090 #prefooterone-block .col-sm-12 {
	padding: 0px !important;
	width: 100% !important;
}

#block-views-block-client-logos-block-1 img {
	padding: 15px 25px 15px 25px;
	width: 19%;
	margin: 0px;
	height: auto;
	 mix-blend-mode: multiply;
}

#block-views-block-logo-carousel-block-1 {
	padding-top: 20px;
}

#block-views-block-logo-carousel-block-1 img{
	height: auto !important;
	mix-blend-mode: multiply !important;
	
}


#prefooterthree-block {
	border-top:  1px solid #EEE;
}


#prefooterthree-block {
	text-align: center;
	padding: 16px 0px 10px 0px;
}

#prefooterthree-block p {
	margin-bottom: 0px;
}

#prefooterthree-block img {
	padding: 0px 5px 0px 5px;
	height: 66px;
}

#prefooterfour-block {
	background-color: #F5f5f5;
	padding-top: 65px;
	padding-bottom: 90px;
	text-align: center;
	border-top: 1px solid #DDD;
}

#block-views-block-home-page-banner-block-1 {
	background-color: transparent;
}


#block-views-block-testimonial-block-1  h2 {
	text-align: center;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 40px;
	letter-spacing: 0.1em;
	color: #036eb6;
	font-size: 1.7em;
}

#block-views-block-testimonial-block-1  .swiper-wrapper {
	background-color: transparent;
	border: none;
	font-size: 1.4em;
	line-height: 1.4em;
	font-weight: 300;
}


#block-views-block-testimonial-block-1   .swiper-wrapper .views-field-field-cite {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.8em;
	letter-spacing: 0.1em;
	color: #036eb6;
	padding-bottom: 20px;
}

#block-views-block-testimonial-block-1 .swiper-pagination {
	position: relative;
	margin-top: 20px;
}

#block-views-block-testimonial-block-1 .swiper-pagination-bullet {
	height: 10px;
	width: 10px;
}

#block-views-block-testimonial-block-1 .swiper-pagination-bullet-active {
	background-color: #0e91d1;
}

/* Slider */



.preface-block{
  color: #fff;
  text-align: center;
}


.preface-block .block > h2{
  font-size: 24px;
  font-weight: bold;
}



#pre-bottom{
  padding: 45px 0px 40px 0px;
  background: #444;
border-top: 1px solid #FFF;
}



.footer-block .block > h2{
  font-size: 16px;
  margin-bottom: 10px;
  padding: 10px 0px;
  color:#fff;
  text-transform: uppercase;
}

/* Footer */

.site-footer{
  padding: 0px 0px;
  background: #036eb6;
  font-size: 12px;
}

.fcred{
  padding: 10px 0px;
  color: #bbb;
}

.fcred a:link, .fcred a:visited{
  color:#fff;
}

/* =Content
----------------------------------------------- */

.node h2.title a, h1.page-title {
  color: #000000;
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 10px;
}

#content .node-teaser {
  padding-bottom:30px;
  border-bottom:1px solid #DDDDDD;
  margin-bottom: 15px;
}

.node-teaser img {
  border: 1px solid #CCCCCC;
  padding: 6px;
  height: auto;
  max-width: 97.4%;
  margin: 0.5em 1em 0.5em 0;
  float: left;
}
.page-node #content-wrap img {
  border: 1px solid #CCCCCC;
  padding: 6px;
  height: auto;
  max-width: 97.4%;
  margin: 0.5em 1em 0.5em 0;
}

.region-content-top {
  margin-bottom: 20px;
}

#sidebar .block {
  margin-bottom: 30px;
}

#sidebar .block > h2 {
  font-size: 20px;
  color:#000;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-weight: bold;
}

.preface-block .block, .footer-block .block, .region-footer .block, .region-header .block, .region-content-top .block {
  margin-bottom: 30px;
}


/* -------------- Form Elements  ------------- */

fieldset { background: #ffffff; border: 1px solid #cccccc; margin-top: 10px; margin-bottom: 32px;
padding: 0 0 10px; position: relative; top: 12px; /* Offsets the negative margin of legends */
-khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.fieldset-wrapper { margin-top: 25px; }

.node-form .vertical-tabs .fieldset-wrapper { margin-top: 0; }

.filter-wrapper { top: 0; padding: 1em 0 0.2em;
-khtml-border-radius-topright: 0; -khtml-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-topleft: 0;
-webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; }

.filter-help a { font-size: 0.857em; padding: 2px 20px 0; }

.filter-wrapper .form-item label { margin-right: 10px; }

.filter-wrapper .form-item { padding: 0 0 0.5em 0.5em; }

.filter-guidelines { padding: 0 1.5em 0 0.5em; }

fieldset.collapsed { background: transparent; -khtml-border-radius: 0; -moz-border-radius: 0;  -webkit-border-radius: 0; border-radius: 0; }



fieldset.collapsed legend { -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

fieldset .fieldset-wrapper { padding: 0 10px; }

fieldset .fieldset-description { margin-top: 5px; margin-bottom: 1em; line-height: 1.4; font-style: italic; }

input { margin: 2px 0; padding: 4px; }

input, textarea {  font-size: 0.929em; }

textarea { line-height: 1.5; }

textarea.form-textarea, select.form-select { padding: 4px; }

input.form-text, textarea.form-textarea, select.form-select { border: 1px solid #ccc; }

.password-suggestions ul li { margin-left: 1.2em; }

.form-item { margin-bottom: 1em; margin-top: 2px; }

.form-item label { font-size: 0.929em; }

.form-type-radio label, .form-type-checkbox label { margin-left: 4px; }

.form-type-radio .description, .form-type-checkbox .description { margin-left: 2px; }

.form-actions { padding-top: 10px; }

/* Contact Form */

.contact-form #edit-name { width: 100%;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
-khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.contact-form #edit-mail { width: 100%;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
-khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.contact-form #edit-subject { width: 100%;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
-khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.contact-form #edit-message { width: 100%;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
-khtml-border-top-left-radius: 4px; -khtml-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px;
border-top-left-radius: 4px; border-top-right-radius: 4px; }

.contact-form .resizable-textarea .grippie {  width: 100%;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
-khtml-border-bottom-left-radius: 4px; -khtml-border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

/* Comment form */

.comment-form label { float: left; font-size: 0.929em; }

.comment-form input, .comment-form .form-select { margin: 0;
-khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.comment-form .form-type-textarea label { float: none; }

.comment-form .form-item,
.comment-form .form-radios,
.comment-form .form-type-checkbox,
.comment-form .form-select { margin-bottom: 10px; overflow: hidden; }

.comment-form .form-type-checkbox,
.comment-form .form-radios { margin-left: 120px; }

.comment-form .form-type-checkbox label,
.comment-form .form-radios label { float: none; margin-top: 0; }

.comment-form input.form-file { width: auto; }

.comment-form .form-text { display: block; margin: 0; width: 100%;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.comment-form .form-item .description { font-size: 0.786em; line-height: 1.2; margin-left: 120px; }

#content h2.comment-form { margin-bottom: 0.5em; }

.comment-form .form-textarea { -khtml-border-radius-topleft: 4px; -khtml-border-radius-topright: 4px;
-moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px;
-webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px;
border-top-left-radius: 4px; border-top-right-radius: 4px; }

.comment-form fieldset.filter-wrapper .fieldset-wrapper,
.comment-form .text-format-wrapper .form-item { margin-top: 0; margin-bottom: 0; }

.filter-wrapper label { width: auto; float: none; }

.filter-wrapper .form-select { min-width: 120px; }

.comment-form fieldset.filter-wrapper .tips { font-size: 0.786em; }

#comment-body-add-more-wrapper .form-type-textarea label { margin-bottom: 0.4em; }

#edit-actions input { margin-right: 0.6em; }

/* Other Overrides */

div.password-suggestions { border: 0; }

.ui-widget-overlay { background: #222222; opacity: 0.7; }

div.vertical-tabs .vertical-tabs-panes fieldset.vertical-tabs-pane { padding: 1em; }

#forum .name { font-size: 1.083em; }

#forum .description { font-size: 1em; }

/* Form Buttons */

button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
/* IE10 */
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
/* Opera */
background-image: -o-linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E3E3E3));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
/* Proposed W3C Markup */
background-image: linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
/* IE6-9 */
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E3E3E3');

border: 1px solid #dbdbdb;
-moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;
-moz-box-shadow: inset 0 1px 0 0 white; -webkit-box-shadow: inset 0 1px 0 0 white; -o-box-shadow: inset 0 1px 0 0 white; box-shadow: inset 0 1px 0 0 white;
color: #333333; text-shadow: 0 1px 0 white; position: relative; font-weight:bold; padding: 4px .8em 5px .8em; font-size: 13px; }

button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
/* IE10 */
background-image: -ms-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
/* Opera */
background-image: -o-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #DBDBDB), color-stop(1, #F2F2F2));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
/* Proposed W3C Markup */
background-image: linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
/* IE6-9 */
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#DBDBDB', endColorstr='#F2F2F2');

-moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;
-moz-box-shadow: inset 0 1px 0 0 white;
-webkit-box-shadow: inset 0 1px 0 0 white;
-o-box-shadow: inset 0 1px 0 0 white;
box-shadow: inset 0 1px 0 0 white;
cursor: pointer; }

button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; }


#search-region {
	margin-top: 17px;
}

#block-search-form { 
padding-bottom: 0px; 
}



#block-search-form .content { margin-top: 0; }

input#edit-keys.form-search {
	width: 70%;
	background-color: #F5f5f5;
	height: 34px;
	border: none;
}

#search-block-form div.js-form-item.form-item.js-form-type-search.form-item-keys.js-form-item-keys.form-no-label {
	margin: 0px;
}

#search-block-form #edit-actions {
	padding: 0px;
}

#block-exposedformproductspage-1 {

}


.views-ef-fieldset-container-6 {
	clear: both;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	border-bottom: 1px solid #DDD;
}

.views-ef-fieldset-container-6 input {
	width: 100%;
	
}



.views-element-container #views-exposed-form-search-content-page-1 {
	padding: 17px 20px 17px 20px;
	margin-bottom: 20px;
	background-color: #F8f8f8;
	border: 1px solid #DDD;
	margin-top: 10px;
}


.views-element-container #views-exposed-form-search-content-page-1 label {
	text-transform: uppercase;
	display: block;
	color: #2699d7;
	letter-spacing: 0.1em;
	font-size: 1em;
	padding-bottom: 5px;
}

.views-element-container #views-exposed-form-search-content-page-1  input.form-text {
	width: 100%;
	border: none;
	padding: 7px 12px 7px 12px;
}

.views-element-container #views-exposed-form-search-content-page-1 #edit-actions {
	padding: 0px;
}

.views-element-container #views-exposed-form-search-content-page-1 .form-item {
	margin-bottom: 0px;
}

.views-element-container #views-exposed-form-search-content-page-1 input.form-submit {
	position: absolute;
	top: 108px;

	right: 30px !important;
	border: none !important;
	width: 40px;
	border-radius:0px;
	background: #199ad8 url(../images/search-icon.png) no-repeat center center;
	font-size: 0em;
	color: transparent;
	height: 42px;
}

.search-row-container {
	border-bottom: 1px solid #DDD;
	padding-bottom: 20px;
	padding-top: 20px;
}

.search-row-container .views-field-type {
	text-transform: uppercase;
	color: #999;
	font-weight: 700;
	letter-spacing: 0.1em;
	padding-top: 5px;
}


.search-row-container .views-field-title-1 {
	padding-top: 3px;
	font-size: 1.4em;
	font-weight: 300;
}



.case_study  #main-content .case-study-container {
	padding: 50px 30px 50px 30px;
}

.case_study .group-header {
	background-image: linear-gradient(to right, #199cd9 , #056fb6);
	left: 0px;
	color: #FFF;
}

.case_study .group-header img {
	height: 80px;
	margin-bottom: 15px;
	width: auto;
}

.case_study #main-content .group-header h4 {
	color: #FFF;
	font-size: 1.8em;
}

.case_study .group-left {
	padding-left: 40px;
	
}

.case_study .group-left img {
	margin-top: 40px;
	position: relative;
	background-color: #EEE;
	height: auto;
	min-width: 100%;
	margin-bottom: 20px;
}

.case_study .group-left .field--name-field-testimonial {
	color: #1999d8;
	font-size: 1.4em;

	text-align: right;
	padding-right: 20px;
	padding-left: 20px;
}


.case_study .group-left .field--name-field-testimonial p {
		line-height: 1.4em !important;
}

.case_study .group-left .field--name-field-testimonial p strong {
	font-size: 0.8em !important;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.case_study .group-right {
	padding-top: 20px;
	padding-left: 20px;
}

.case_study .group-right img {
	height: auto;
}

.page .group-left img,
.page .group-right img,
.page .group-header img,
.page .group-footer img {
	height: auto !important;
}

.case_study .group-right .field__label {
	color: #1999d8;
	font-size: 1.3em;
	font-weight: 700;
	letter-spacing: 0.1em;
	margin-bottom: 20px;
	border-bottom: 2px solid #1999d8;
	padding-bottom: 7px;
	padding-top: 20px;

}

.view-case-study-container {
	font-size: 1em;
	font-weight: 300;
	margin-bottom: 145px;
}

.view-case-study-container .views-field-field-challenge {
	font-size: 1.1em;
	padding-top: 7px;
	height: 60px;
}


.view-case-study-container .views-field-field-c {
	background-image: linear-gradient(to right, #199cd9 , #056fb6);
	text-align: center;

	margin-bottom: 0px;
	margin-top: -45px;
	
}

.view-case-study-container .views-field-field-c img {
	max-height: 80px;
	width: auto;
	margin-bottom: 0px;
	
}

.view-case-study-container .views-field-field-c a {
	padding-top: 35px;
	padding-bottom: 30px;
	display: block;
}

.view-case-study-container  .views-field-title {
	font-size: 1.3em;

	padding-bottom: 0px;
	margin-bottom: 5px;
}

.view-case-study-container  .views-field-title a  {
	display: block;
	font-weight: 300;
	letter-spacing: 0.1em;
	text-decoration: none !important;
	background-image: linear-gradient(to right,  #056fb6, #199cd9);
	color: #FFF !important;
	text-align: center;
	padding: 9px 8px 8px 8px;
	
}



.view-case-study-container .more-link a {
	display: block;
	border: 2px solid #036eb6;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	font-weight: 700;
	padding: 6px;
	color: #036eb6;
	font-size: 0.9em;
bottom: -320px;
	position: relative;
	width: 100%;
	background-color: #FFF;
	text-decoration: none !important;
	text-align: center;
	
}

.view-case-study-container .more-link a:hover {
	background-color: #036eb5;
	color: #FFF !important;
}


.view-case-study-container .views-field-field-intro {
	font-weight: 300;
	font-size: 1.1em;
}

.view-case-study-container .views-field-field-intro {
	padding-top: 14px;
	text-align: center;
}



:target:before {
content:"";
display:block;
height:90px; /* fixed header height*/
margin:-90px 0 0; /* negative fixed header height */
}

.node--type-help-page .field__label {
	color: #1799d8;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 0.1em;
	border-bottom: 2px solid #1799d8;
	padding-bottom: 4px;
	padding-top: 15px;
	margin-bottom: 10px;
}

.node--type-help-page  h2 {
	color: #1499d8 !important;
	font-size: 1.4em !important;
	font-weight: bold;
	letter-spacing: 0.1em;
	border-bottom: 2px solid #1799d8;
	padding-bottom: 4px;
	padding-top: 15px;
	margin-bottom: 10px;
	text-transform: none !important;

}


.node--type-help-page .field--name-field-useful-links .field__label {
	padding-top: 30px;
}

.node--type-help-page .field--name-field-useful-links .field__item a {
	display: block;
	padding: 13px 20px 11px 20px;
	background: #F5f5f5;
	text-decoration: none !important;
	border-bottom: 2px solid #EEE;
	margin-bottom: 4px;
	line-height: 1.4em;
	
}

.node--type-help-page .field--name-field-useful-links .field__item .field__item a:hover {
	background: #1799d8;
	color: #FFF !important;
	border-bottom: 2px solid #1799d8;
}

.expanding-formatter {
	padding-bottom: 20px !important;
	margin-bottom: 20px;
}

.expanding-formatter-trigger {
	margin-top:0px;
}
.expanding-formatter-trigger a.more-less {
	text-align: center;
	display: block !important;
	text-transform: uppercase !important;
	font-weight: 800;
	text-decoration: none;
	border-top: 2px solid #1696d7;

	padding-top: 7px;
	text-decoration: none !important;

	
}

.expanding-formatter-trigger a.more-less:hover {
	border-top: 2px solid #01ccff;
	color: #01ccff !important;
}

#search-form .form-item-keys label { display: block; }



.pager a {
	text-decoration: none !important;
}


ol.search-results { padding-left: 0; }

.search-results li { border-bottom: 1px solid #d3d7d9; padding-bottom: 0.4285em; margin-bottom: 0.5em; }

.search-results li:last-child { border-bottom: none; padding-bottom: none; margin-bottom: 1em; }

.search-results .search-snippet-info { padding-left: 0; }


.meta {
  margin: 5px 0 10px 0;
}

.meta a {
  color: #999;
}

.meta a:hover {
  color: #000;
}

.meta li {
  display: inline;
  margin-right: 5px;
  margin-right: 10px;
}

.meta strong{
  font-weight: 600;
  color: #111;
}

.meta li:last-child {
  margin-right: 0;
  padding-right: 0;
  background: none;
}

.links li a {
  background-color: #E7E5E3;
  color: #100100;
  padding: 4px 5px;
  border-radius: 4px;
  text-shadow: 1px 1px #fff;
  font-weight: normal;
}

.links li a:hover {
  background-color: #D7D5D3;
  color: #100101;
}


/*-------------------------------------------*
/* Fix CKEditor style
/*-------------------------------------------*/
#content table.cke_editor {
  background: transparent;
  border: 0;
}
#content table.cke_editor td {
  background: transparent;
  padding: 0;
  border: 0;
}

/*-------------------------------------------*
/* Poll, Buttons, Form
/*-------------------------------------------*/
.poll .vote-form .choices .title {
  font-size: 14px;
  font-weight: normal;
  line-height: 2;
}

.poll .vote-form .choices {
  margin: 0;
}

.form-item label {
  font-size: 13px;
  font-weight: bold;
}

/*-------------------------------------------*
/* Menus and item lists
/*-------------------------------------------*/
.item-list ul {
  margin: 0;
  padding: 0 0 0 1.5385em;
}

.item-list ul li {
  margin: 0;
  padding: 0;
}

ul.menu li {
  margin: 0;
  padding: 0;
}

ul.inline {
  clear: both;
}

ul.inline li {
  display: inline;
  list-style: none;
  margin: 0 2px;
  padding: 0;
}

/*-------------------------------------------*
/* Admin Tabs
/*-------------------------------------------*/
.tabs-wrapper {
  border-bottom: 1px solid #b7b7b7;
  margin: 0 0 5px 0;
}

ul.primary li {
  display: inline;
}

ul.primary {
  border: none;
  margin: 0;
  padding: 0;
}

ul.primary li a {
  background: none;
  border: none;
  display: block;
  float: left;
  line-height: 1.5385em;
  margin: 0;
  padding: 0 1em;
  border-radius: 4px 4px 0 0;
  margin-right: 5px;
}

ul.primary li a:hover, ul.primary li a.is-active {
  background: #666;
  border: none;
  color: #fff;
}

ul.primary li a:hover {
  background: #888;
  text-decoration: none;
}

ul.secondary {
  background: #666;
  border-bottom: none;
  clear: both;
  margin: 0;
  padding: 0;
}

ul.secondary li {
  display: inline;
  border-right: none;
}

ul.secondary li a, ul.secondary li a:link {
  border: none;
  color: #ccc;
  display: block;
  float: left;
  line-height: 1.5385em;
  padding: 0 1em;
}

ul.secondary li a:hover, ul.secondary li a.is-active {
  background: #888;
  color: #fff;
  text-decoration: none;
}

ul.secondary a.active {
  border-bottom: none;
}

ul.inline, ul.links.inline {
  margin-left: 0;
}

/*-------------------------------------------*
/* Tabs and Tags
/*-------------------------------------------*/

.field--name-field-tags {
  display: flex;
}
.field--name-field-tags label.field__label {
  font-weight: bold;
}
.field--name-field-tags label.field__label:after {
  content: ':';
}
.field--name-field-tags ul{
  display: flex;
  margin: 0;
  list-style: none;
}
.field--name-field-tags ul li{
  margin: 0 0 0 0.3em;
}
.field--name-field-tags ul li a {
  background: #ed564b;
  text-shadow: none;
  border-radius: 2px;
  color: #fff;
  padding: 2px 6px;
}

/*-------------------------------------------*
/* Profile
/*-------------------------------------------*/
.profile {
  margin: 1.5385em 0;
}

.profile dd {
  margin-bottom: 1.5385em;
}

.profile h3 {
  border: none;
}

.profile dt {
  margin-bottom: 0;
}

.password-parent {
  width: 36em;
}

/* Comments */

.comment h2.title { margin-bottom: 1em; }

.comment div.user-picture img { margin-left: 0; }

.comment { margin-bottom: 20px; display: table; vertical-align: top; }

.comment .attribution { display: table-cell; padding: 0 35px 0 0; vertical-align: top; overflow: hidden; }

.comment .attribution img { margin: 0; border: 1px solid #d3d7d9; }

.comment .attribution .username { white-space: nowrap; }

.comment .comment-submitted p { margin: 4px 0; font-size: 1.071em; line-height: 1.2; }

.comment .comment-submitted .comment-time { font-size: 0.786em; }

.comment .comment-submitted .comment-permalink { font-size: 0.786em; text-transform: lowercase; }

.comment .content { font-size: 0.929em; line-height: 1.6; }

.comment .comment-arrow { background: url(../images/comment-arrow.gif) no-repeat 0 center transparent;
border-left: 1px solid; border-right: 1px solid; height: 40px; margin-left: -36px; margin-top: 15px; position: absolute; width: 22px; }

.comment .comment-text { padding: 0 25px 10px 35px; display: table-cell; vertical-align: top; position: relative; width: 100%; border-left: 1px solid #d3d7d9; }

.comment .indented { margin-left: 40px; }

.comment-unpublished { margin-right: 5px; padding: 5px 2px 5px 5px; }

.comment .comment-text .comment-arrow { border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; }

.comments .indented { margin-left: 40px; }

.comments img { max-width: none; }

/*-------------------------------------------*
/* Forum
/*-------------------------------------------*/
.field-name-taxonomy-forums div {
  display: inline;
  margin-top: 4px;
}

.field-name-taxonomy-forums .field-items {
}

#forum .title {
  font-size: 16px;
}

#forum .submitted {
  font-size: 12px;
  font-family: Lucida Grande, Verdana, Arial, sans-serif;
  background: transparent;
  padding: 0;
}

#forum .container {
  background: #a1a1a1;
  color: #fff;
}

#forum .container a {
  color: #000;
  font-weight: bold;
}

#forum div.indent {
  margin-left: 2px;
}

.forum-starter-picture {
  float: left;
  padding: 4px;
  border: 1px solid #d9d9d9;
  margin: 5px 7px 5px 0;
}

#forum th {
  background: #434343;
  text-shadow: none;
  color: #fff;
}

#forum th a {
  color: #fff;
}

#forum td.forum .icon, #forum .icon div {
  background: url(images/no-new-posts.png) no-repeat;
  width: 35px;
  height: 35px;
}

#forum .name a{
  font-size: 16px;
}

/*-------------------------------------------*
/* Breadcrumbs
/*-------------------------------------------*/
.breadcrumb>li+li:before {
    content: "»";
}

#headline-text {

	background-color: #024f85;
}

#headline-text #block-tgs-headlinetext {
	padding-top: 40px;
	padding-bottom: 20px;
	background-color: #024f85;
}

#headline-text h2 {
	font-weight: 700;
	letter-spacing: 2px;
	color: #ffffff;
	margin-bottom: 20px;
	font-size: 2.1em;
	text-align: center;
}

#headline-text p {
	font-weight: 300 !important;
	letter-spacing: 1px;
	color: #ffffff;
	margin-bottom: 10px;
	font-size: 1.0em;
	text-align: center;
}

#block-tgs-views-block-highlighted-testimonial-block-1,
#block-highlighted-testimonial-information {
	max-width: 800px;
	padding-right: 80px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}

#block-tgs-views-block-highlighted-testimonial-block-1 .tns-nav {
	padding-left:80px;
}

.highlighted-testimonial-text {
	background-color: #026db3;
	padding: 25px 30px 25px 30px;
	color: #FFF;
	line-height: 1.5em;
	font-style: italic;
	min-height: 170px;
	padding-left: 80px;
	text-align: center;
}

.highlighted-testimonial-text .views-field-field-citation {
	font-weight: bold;
	padding-top: 10px;
	font-style: normal;
}

.highlighted-testimonial-image {
	left: 80px;
	top: 10px;
	z-index: 100;
}

.highlighted-testimonial-image img {
	border-radius: 180px;
	width: 360px;
	height: 360px;
	height: auto;
}

.youtube-video {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}




#slideshow img {
	width: 100%;
	height: auto;
}

#slideshow .views-field-field-caption {
	width: 100%;
	text-align: center;
	position: absolute !important;
	z-index: 999 !important;
	bottom: 46%;
}

#slideshow .views-field-field-caption h1 {
	font-size: 2.4em !important;
	font-weight: 700;
	color: #ffffff;
	 text-shadow: 0 0 20px rgba(0,0,0,0.9);
	 margin-bottom: 15px;
	 padding-left: 40px;
	 padding-right: 40px;
	 line-height: 0.9em;
}

#slideshow .views-field-field-caption h2 {
	font-size: 1.4em !important;
	font-weight: 400;
	color: #ffffff;
	 text-shadow: 0 0 20px rgba(0,0,0,0.9);
}

@media (max-width: 1400px) {
.node-1 #main-content {
	text-align: center !important;
	 padding-bottom: 15px;
	 padding-left: 260px;
	 padding-right: 260px;
}	

.page #preface-area-two {
	height: 400px;
	background-size: 140%;
	top: 0px;
	background-position: center center !important;
	
}


	
}


@media (max-width: 1200px) {
	
body {
	font-size: 95%;
}



.node-1 #main-content {
	text-align: center !important;
	 padding-bottom: 25px;
	 padding-left: 200px;
	 padding-right: 200px;
}
	
	
#flexslider-1 .hire-buy-box {
	padding-top: 18px;
	padding-bottom: 30px;
	padding-right: 0px
}



#block-tgs-content .product-container  {
	min-height: 390px;
}

#block-tgs-content .product-container .more-link {
	position: relative;
	bottom: 10px;
}

.brand #preface-area-two {
	height: 440px;
	width: 100%;
	background-size:100% !important;
	margin-top: -1px;
	background-position: center center !important;
	background-attachment: scroll !important;
}

.node--type-product .alternative-products h5.related-products a {
	margin-top: 17px !important;
	display: block;
}

#prefooterthree-block img {
	padding: 0px 5px 0px 5px;
	height: 52px;
}



#block-exposedformproductspage-1 fieldset {
	font-size: 0.9em;
	padding-right: 3px;
}

#preface-area-two .col-lg-4 {
	padding-top: 8px !important;
}

#preface-area-two a {
	display: block;
	width: 100% !important;
	margin-top: 5px;
	padding: 5px !important;
}

#block-views-block-featured-on-home-page-block-1  .views-field-title a {
	display: block;
	margin-bottom: 20px;
	height: 170px;
}

#block-mainnavigation {
	width: 66%;
	margin-left: auto;
	margin-right: auto;
}

}

@media (max-width: 992px) {
  .flex-caption {
    top: 50%;
    margin-top: -84px;
    padding: 0 150px;
  }
  .flex-direction-nav .flex-prev,
  .flex-direction-nav .flex-next {
    z-index: 1000;
  }
  .flex-direction-nav .flex-prev:hover,
  .flex-direction-nav .flex-next:hover {
    z-index: 1012;
  }
  

.node-1 #preface-area-two p{
text-align: center;	
}

#preface-area-two a.read-more {
	margin-left: auto;
	margin-right: auto;
}


.node-1 #preface-area {
	background-size: 100% !important;
	margin-top: 0px !important;
	clear: both;

}

#preface-area .feature-image {
	
	position: absolute !important;
	max-width: 360px !important;
	text-align: center !important;
	margin-left:30% !important;
	margin-top: -180px !important;
	display: none;
}  

#block-views-block-home-page-banner-block-1 {
	margin-top: 0px;
	padding-top: ;
}



#block-views-block-home-page-banner-block-1 .hire-buy-box {
	padding-top: 8px;
	padding-bottom: 25px;
	padding-right: 20px;
	padding-left: 15px;
 
}

#block-views-block-home-page-banner-block-1 .hire-buy-box.first {
	padding-top: 8px;
	padding-bottom: 25px;
	padding-right: 20px;
	padding-left: 15px;
	padding-top: 0px !important;
 
}

#block-views-block-home-page-banner-block-1 ol.flex-control-nav {
	display: none;
}

.hire-buy-box .more-links {
	padding-bottom: 15px;
}



.node-1 #main-content {
	text-align: center !important;
	 padding-bottom: 25px;
	 padding-left: 100px;
	 padding-right: 100px;
	 margin-top: 0px;
}

#search-region {
	margin-top: 7px !important;
}

.top-contact {
	padding-top: 7px !important;
}

#block-nicemenus li a { 
font-size: 0.9em;
}

.page #preface-area-two {
	height: 300px;
	background-size: 160% !important;
	top: 0px;
	position: relative;
	background-position: 20% top !important;
	margin-bottom: 0px;
}
	
.product-container {
	border: 1px solid #DDD;
	padding: 15px;
	margin-bottom: 30px;
	text-align: center;

	background-color: #FFF;
	
}


#block-tgs-content .product-container  {
	min-height: 390px;
}

#block-tgs-content .product-container .more-link {
	position: relative;
	bottom: 10px;
}

#block-views-block-client-logos-block-1 img {
	width: 24%;
}

.case_study .group-left {
	padding-left: 15px !important;
	
}

.case_study .group-left .field--name-field-testimonial {
	text-align: center;
	padding-right: 0px;
	padding-left: 0px;
	border-top: 2px solid #DDD;
	border-bottom: 2px solid #DDD;
	padding-top: 30px;
	padding-bottom: 15px;
}

#site-logo img {
	width: 100% !important;
	height: auto !important;
}

.stickynav-active #site-logo img {
	width: 80% !important;
	height: auto !important;
}

.stickynav-active .top-telephone {
	margin-top: -1px;
}

.stickynav-active .top-contact a.top-contact-link {
	margin-top:0px;
	padding-top: 14px !important;
	padding-bottom: 17px !important;
}

#outer-masthead{
	position: static !important;

}

#masthead #edit-actions {
	height: 0px;
	padding: 0px;
}

#block-exposedformproductspage-1 {
background: rgb(245,245,245);
background: linear-gradient(0deg, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%);
	padding: 0px;


}

#block-exposedformproductspage-1 fieldset {
	font-size: 0.9em;
	padding-right: 33px;
	width: 33%;
	height: 300px;
}
.brand #preface-area-two {
	height: 370px;
	width: 100%;
	background-size:100% !important;
	margin-top: -1px;
	background-position: center center !important;
	background-attachment: scroll !important;
}

.node--type-product .alternative-products .col-lg-3  {
	border: none !important;
	margin-bottom: 0px;
	width: 40%;
	float: left;
}

.node--type-product .alternative-products .col-lg-9  {
	border: none !important;
	margin-bottom: 0px;
	width: 60%;
	float: left;
}

.node--type-product .alternative-products .clearfix {
	border-bottom: 1px solid #DDD;
	clear: both;
	margin-bottom: 10px;
	padding-top: 10px;
}

.node--type-product .alternative-products h5.related-products a {
	margin-top: 30px !important;
	display: block;
}

.field--name-field-relevant-blog-posts .field--name-field-blog-url,
.field--name-field-blog-posts .field--name-field-blog-url,
.field--name-field-relevant-case-study .field--name-field-case {
	font-weight: bold;
	letter-spacing: 0.1em;
	font-size: 1em;
	line-height: 1.3em;
	margin-top: 25px;
	padding-bottom: 5px;
}

#prefooterthree-block img {
	padding: 0px 5px 0px 5px;
	height: 69px;
}

.search-row-container .views-field-field-stock-types {
		background-color: #1897d7;
	position: relative;
	text-transform: uppercase;
	color: #FFF;
	right: 0px;
	top: 15px;
	width: 120px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 6px;
	padding-bottom: 5px;
	text-align: center;
	letter-spacing: 0.1em;
	font-size: 1.2em;
	font-weight: 300;
	margin-bottom: 20px;
}


#block-views-block-featured-on-home-page-block-1  .views-field-title a {
	height: 90px;
}

#block-mainnavigation  {
	display: none !important;
}

#top-navigation {
			background-color: #1897d7;
			padding-top: 10px;
			text-align: center;
			clear: both;
}


#top-navigation span.label {
	display: none !important;
}

.highlighted-testimonial-image {

	top: 18px;
}



#slideshow .views-field-field-caption {
	width: 100%;
	text-align: center;
	position: absolute !important;
	z-index: 999 !important;
	bottom: 32%;
}

#slideshow .views-field-field-caption h1 {
	font-size: 2.4em !important;
	font-weight: 700;
	color: #ffffff;
	 text-shadow: 0 0 20px rgba(0,0,0,0.9);
	 margin-bottom: 15px;
	 padding-left: 40px;
	 padding-right: 40px;
	 line-height: 0.9em;
}

#slideshow .views-field-field-caption h2 {
	font-size: 1.2em !important;
	font-weight: 400;
	color: #ffffff;
	 text-shadow: 0 0 20px rgba(0,0,0,0.9);
	 	 padding-left: 40px;
	 padding-right: 40px;
}








}



@media screen and (max-width: 768px) {
  html{
    font-size: 85%;
  }

  h1#site-title{
    text-align: center;
  }


  select.mnav{
    width: 100%;
    margin-bottom: 20px;
  }




.node-1 #main-content {
	text-align: center !important;
	 padding-bottom: 25px;
	 padding-left: 20px;
	 padding-right: 20px;
}


 #main-content p {
	font-size: 1.2em;
	line-height: 1.6em;
}

.preface-block.col-sm-12 {
	padding: 0px !important;
}

.node-1 #preface-area {
	margin-top: 330px;
	background-size: 100% !important;
	clear: both;
	 background: linear-gradient(180deg, #036eb6 50%, #1999d8 50%);
}

#preface-area .feature-image {
	position: absolute;
	margin-top: -560px;
	min-width: 100%;
	text-align: center;
	margin-left:0;
} 

#preface-area .feature-image img {
	width: 330px;
	margin-left: auto;
	margin-right: auto;
}

#block-views-block-home-page-banner-block-1 .hire-buy-box.first {
	padding-bottom: 35px;
}

#block-views-block-home-page-banner-block-1 .hire-buy-box {
	padding-top: 8px;
	padding-bottom: 18px;
	padding-right: 20px;
	padding-left: 15px;
}

#block-featured-products-block .views-row {
	width: 50%;
	float:left;
	min-height: 380px;
}

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



#block-exposedformproductspage-1 fieldset {
	font-size: 1em;
	padding-right: 23px;
	width:50%;
	height: 310px;
}


#search-region {
display: none;
}

#site-logo {
	width: 160px;
	float: left;
	text-align: left;
	padding-top: 6px;
}

#site-logo img {
	padding-top: 0px;
	height: 40px;
}

#masthead {
	height:53px !important;
}

#outer-masthead.stickynav-active #site-logo {
	width: 160px;
	float: left;
	padding-top: 6px;
}




#outer-masthead #site-logo img {
	padding-top: 0px !important;
	height: 40px !important;
	width: auto !important;
}

#outer-masthead .top-contact  {
	margin-top: -7px;
}

#outer-masthead.stickynav-active .top-contact  {
	margin-top: -0px;
}


.top-contact {
	float: right;
	width: 110px;
	margin-right: 50px;
}


#outer-masthead .top-contact a {
	padding: 15px 10px 16px 10px !important;
}

.top-telephone {
	display: none;
}

.slicknav_menu {
	padding: 0px;
}

#masthead {
	padding: 0px;
	border-bottom: 1px solid #EEE;
}

.slicknav_menu ul li {
	z-index: 999;
}

.slicknav_menu .slicknav_menutxt {
	display: none;
}


.slicknav_menu a.slicknav_btn {
position: fixed;
	top: -4px;
	z-index: 999;
	right: 0px;
	background-color: #036eb6;
	height: 51px;
	right: -4px;
	padding: 15px 14px 14px 10px;
	border-radius:0px;
}


.slicknav_menu ul.slicknav_nav {
	background-color: #036eb6;
	top: 49px !important;
	margin: 0px !important;
	position: fixed;
	padding-top: 10px;
	padding-bottom: 10px;
	min-width: 100%;
	z-index: 999;
	
}

 .slicknav_menu ul.slicknav_nav li a {
	font-size: 1.1em;
	font-weight: 300;
	padding: 10px 10px 10px 10px;
	color: #FFF;
	text-align: center;
}

 .slicknav_menu ul.slicknav_nav li a:hover {
	background-color: #036eb6;
	color: #FFF;
	border-radius: 0px;
}

.slicknav_menu ul.slicknav_nav li.menuparent a {
	color: #FFF;
	font-size: 1.05em;
}

 .slicknav_menu ul ul {
	padding-left: 0px;
	margin: 0px;
}




.views-ef-fieldset-container-6 {
	padding-left: 0px;
	padding-right: 0px;
}






.page #preface-area-two {
	height: 200px !important;
	background-size: 200% !important;
	top: -55px !important;
	position: relative;
	background-position: center top !important;
	margin-bottom: 0px !important;
}
	


.product-container {
	border: 1px solid #DDD;
	padding: 15px;
	margin-bottom: 30px;
	text-align: center;
	background-color: #FFF;
	height: 600px;
	
}

.product-container .more-link a {
	position: relative;
	margin: 0px;
	top: 520px;

}


#block-tgs-content .col-xs-6,
#block-recently-viewed .col-xs-6 {
	
	width: 50%;
	float: left;
}

#prefooterone-block .product-container {
	min-height: 380px;
}

#prefooterone-block .product-container .more-link {
	position: relative;
	bottom: -30px;
}

#block-tgs-content .product-container {
	min-height: 380px;
}

#block-tgs-content .product-container .more-link {
	position: relative;
	bottom: -30px;
}

.node-3090 #main-content .col-sm-5,
.node-3090 #main-content .group-header {
	padding-left: 15px;
	padding-right: 15px;
}

.search-row-container .col-xs-2 {
	width: 30%;
	float: left;
}

.search-row-container .col-xs-10 {
	width: 70%;
	float: right;
}

.case_study .group-left,
.case_study .group-right  {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.case_study .container.case-study-container {
	padding: 35px 15px 75px 15px !important;

}


.view-case-study-container .more-link a {
	bottom: -270px;
}


.view-case-study-container {
	font-size: 1.1em;
	line-height: 1.6em;
}



#sidebar button {
	display: block;
	background-color: #036eb6;
	background-image: none;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-shadow: none;
	width: 100%;
	margin-bottom: 15px;
	border-radius:0px;
	box-shadow:none;
	padding: 10px 10px 10px 10px;
	font-size: 1.1em;
	border: none;
}


.brand #preface-area-two {
	height: 320px;
	width: 100%;
	background-size:100% !important;
	margin-top: -7px;
	background-position: center center !important;
	background-attachment: scroll !important;
}

.node--type-product .alternative-products .col-lg-3 {
	padding-right: 5px;
}


.field--name-field-blog-posts .col-lg-3,
.field--name-field-relevant-blog-posts .col-lg-3,
.field--name-field-relevant-case-study .col-lg-3 {
	width: 35%;
	float: left;
}


.field--name-field-blog-posts .col-lg-9,
.field--name-field-relevant-blog-posts .col-lg-9,
.field--name-field-relevant-case-study .col-lg-9 {
	width: 65%;
	float: left;
}

.node--type-product .alternative-products h5.related-products a {
	margin-top: 20px !important;
	display: block;
}

.field--name-field-relevant-blog-posts .field--name-field-blog-url,
.field--name-field-relevant-case-study .field--name-field-case {
	font-weight: bold;
	letter-spacing: 0.1em;
	font-size: 1em;
	line-height: 1.3em;
	margin-top: 20px;
}

#block-views-block-featured-on-home-page-block-1  .views-field-title a {
	height: auto !important;
}

 

.slicknav_menu {
	display: none !important;
}

#block-tgs-views-block-highlighted-testimonial-block-1,
#block-highlighted-testimonial-information {
	max-width: 100%;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
}

#block-tgs-views-block-highlighted-testimonial-block-1 .tns-nav,
#block-highlighted-testimonial-information .tns-nav {
	padding-right:80px;
	margin-top: -20px;
}

.highlighted-testimonial-text {
	background-color: #026db3;
	padding: 75px 30px 25px 30px;
	color: #FFF;
	line-height: 1.5em;
	font-style: italic;
	min-height: 220px;
	top: -50px;
	text-align: center;
}

.highlighted-testimonial-text .views-field-field-citation {
	font-weight: bold;
	padding-top: 10px;
	font-style: normal;
}

.highlighted-testimonial-image {
	left: 0px;

	text-align: center;
}

.highlighted-testimonial-image img {
	border-radius: 180px;
	width: 160px;
	height: 160px;

}



#slideshow .views-field-field-caption {
	width: 100%;
	text-align: center;
	position: absolute !important;
	z-index: 999 !important;
	bottom: 4%;
}

#slideshow .views-field-field-caption h1 {
	font-size: 1.4em !important;
	font-weight: 700;
	color: #ffffff;
	 text-shadow: 0 0 20px rgba(0,0,0,0.9);
	 margin-bottom: 15px;
	 padding-left: 40px;
	 padding-right: 40px;
	 line-height: 1.0em;
}

#slideshow .views-field-field-caption h2 {
	display: none !important;
}



}

@media (max-width: 640px) {
  .flex-direction-nav a {
    width: 40px;
    height: 50px;
    /*margin: -50px 0 0;*/
    display: block;
    background-image: url(../images/bg_direction_nav.png);
    position: absolute;
    top: 50%;
    z-index: 110;
    cursor: pointer;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: top -24px left -6px;
    margin-top: -30px;
  }
  .flex-direction-nav .flex-next {
    background-position: top -24px left -53px;
  }
  .flexslider:hover .flex-next:hover,
  .flexslider:hover .flex-prev:hover {background-position-y: -124px;}
  .flex-caption {
    margin-top: -66px;
    padding: 0 210px;
    line-height: normal;
  }
  .flex-caption h2 {
    font-size: 26px;
  }
  
  #block-featured-products-block .views-row {
	width: 50%;
	float:left;
	min-height: 340px;
}

#block-brandlogos-2 img {
	height: 50px;
}

#masthead {
	padding-top: 0px;
	margin-bottom: 34px;
}

#search-region {
position: absolute;
top: 44px;
width: 100%;
padding-right: 31px;
}

#search-region input.form-search {
	width: 100% !important;
	margin-left: -4px;
	border-radius: 0px !important;
}


#search-region input.form-submit {
float: right;
	position:static !important;
	margin-top: 1px;
	margin-right: -30px;
	z-index: 999 !important;
}

#block-views-block-client-logos-block-1 img {
	width: 32%;
	padding: 6px;
}



.brand #preface-area-two {
	height: 240px;
	width: 100%;
	background-size:100% !important;
	margin-top: 0px;
	background-position: center center !important;
	background-attachment: scroll !important;
}



.node--type-product .group-left .field--name-field-brand,
.node--type-product .group-left .field--name-field-listen-or-interactive,
.node--type-product .group-left .field--name-field-application-group {
	width: 100%;
	float: none;
	padding-top: 17px;
	padding-bottom:0px;
	clear: none;

}

.node--type-product .group-left .field-label-above {
	margin-top: 20px !important;
	clear: both;
}

.node--type-product .alternative-products h5.related-products a {
	margin-top: 10px !important;
	display: block;
}

.node--type-product .alternative-products h5.related-products a {
	margin-top: 20px !important;
	display: block;
}

.field--name-field-relevant-blog-posts .field--name-field-blog-url {
	font-weight: bold;
	letter-spacing: 0.1em;
	font-size: 1em;
	line-height: 1.3em;
	margin-top: 5px;
}



#preface-area .feature-image {
	margin-top: -610px;
}  


#block-exposedformproductspage-1 legend {
	padding-top: 20px;
}

#block-exposedformproductspage-1 {
	height:auto !important;
}


#block-exposedformproductspage-1 fieldset {
	font-size: 1em;
	padding-right: 0px;
	width:100%;
	height: auto !important;
	float: none;
	padding-left: 0px;
	padding-bottom: 0px !important;
}

.page #preface-area-two {
	height: 300px;
	background-size: 200% !important;
	top: 20px !important;
	position: relative;
	background-position: center top !important;
	margin-bottom: -80px;
}

#top-navigation {
	margin-top: -34px;
}

}




@media (max-width: 480px) {


#preface-area .feature-image {
	position: absolute;
	margin-top: -580px;
	min-width: 100%;
	text-align: center;
	margin-left:0;

} 

  #block-featured-products-block .views-row {
	width: 50%;
	float:left;
}


.page #preface-area-two {
	height: 250px;
	background-size: 200% !important;
	top: 0px;
	position: relative;
	background-position: center top !important;
	margin-bottom: -10px;
}


#block-tgs-content .col-sm-6,
#block-featured-products-block .col-sm-6,
#block-recently-viewed .col-sm-6 {
	padding: 5px !important;
}




.product-listings .product-container {
	max-height: 280px !important;

}


.product-listings  .product-container .more-link {
	position: relative;
	bottom: 200px !important;
}

#prefooterone-block .product-container {
	min-height: 360px !important;
}

#prefooterone-block .product-container .more-link {
	position: relative;
	bottom: 10px;
}


.brand #preface-area-two {
	height: 180px;
	width: 100%;
	background-size:100% !important;
	margin-top: 0px;
	background-position: center center !important;
	background-attachment: scroll !important;
}


.field--name-field-relevant-blog-posts .field--name-field-blog-url {
	font-weight: bold;
	letter-spacing: 0.1em;
	font-size: 1em;
	line-height: 1.3em;
	margin-top: 0px;
}

#slideshow .views-field-field-caption h2 {
	font-size: 1.8em !important;
	font-weight: 700;
	color: #ffffff;
	 text-shadow: 0 0 20px rgba(0,0,0,0.5);
}

}

@media (max-width: 380px) {
  .flex-caption {
    padding: 0px 272px;
  }
  
}




@media (min-width: 500px) {
  .node--view-mode-teaser .field--type-image {
    float: left;
    margin: 0 20px 20px 0;
  }
}
.slicknav_menu {
  display: none;
}
}

@media screen and (max-width: 768px) {
  /* #menu is the original menu */
  .js #menu {
    display: none;
  }
  .js .slicknav_menu {
    display: block;
  }
}