/*
Color Scheme 
	Sensotech Blue:#1c396b
	Sensotech Red: #d52729
	Footer BG Light Grey: #f2f2f2
	Footer Text Dark Grey: #5a5a5a
	Header Faded Grey Text: #9b9999
	Header Line for Nav when Scrolled: #e9e9e9
	Body Text: #777777
	Typography
		Main Nav
			Arial Bold 12pt=1em #d52729
		Body
			h1 {Arial Bold 20pt=1.6em Black;}	
			p {Arial Bold 16pt=1.4em #777777;}
		Footer
			h2 {Arial Bold 14pt=1.2em #5a5a5a;}
			li {14pt=1.2em}

Points	Pixels	Ems		Percent
6pt		8px		0.5em	50%
7pt		9px		0.55em	55%
7.5pt	10px	0.625em	62.5%
8pt		11px	0.7em	70%
9pt		12px	0.75em	75%
10pt	13px	0.80em	80%
10.5pt	14px	0.875em	87.5%
11pt	15px	0.95em	95%
12pt	16px	1.00em	100%
13pt	17px	1.05em	105%
13.5pt	18px	1.125em	112.5%
14pt	19px	1.20em	120%
14.5pt	20px	1.25em	125%
15pt	21px	1.30em	130%
16pt	22px	1.40em	140%
17pt	23px	1.45em	145%
18pt	24px	1.50em	150%
20pt	26px	1.60em	160%
22pt	29px	1.80em	180%
24pt	32px	2.00em	200%
26pt	35px	2.20em	220%
27pt	36px	2.25em	225%
28pt	37px	2.30em	230%
29pt	38px	2.35em	235%
30pt	40px	2.45em	245%
32pt	42px	2.55em	255%
34pt	45px	2.75em	275%
36pt	48px	3.00em	300%
*/
/*Typography*/
body {
  font-size: 62.5%;
  /*the default 'medium' font size in most browsers is 16px; therefore, 16px * 100% = 16px*/
  /*1 em = 16px*/
  /*line-height:1.125em;*/ /* 16 (1 em) × 1.125 = 18 */
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
li {
  font-family: arial, helvetica, sans-serif;
}

.menu_bg a {
  /*font-size: .9em;*/

  color: #d52729;
  /*reddish color*/
  text-transform: uppercase;
}
.h01 {
  font-size: 2em;
  font-weight: bold;
  color: black;
  margin: 20px 0px 10px 0px;
}
.h02 {
  font-size: 1.8em;
  font-style: italic;
  color: #777;
  margin-bottom: 10px;
}
.h03 {
  font-size: 1.8em;
  font-style: normal;
  color: #d52729; /*sensotech red*/
  margin-bottom: 10px;
  font-weight: bold;
}
.p01 {
  font-size: 1.6em;
  color: #777777;
  /*grey color*/
  margin-bottom: 10px;
}
.download01 {
  font-size: 1.6em;
  color: #777777;
  /*grey color*/
  margin-bottom: 10px;
}
.style01 {
  font-weight: bold;
}
.small {
  font-size: 0.6em;
}
footer {
  font-size: 1.4em;
  color: #5a5a5a;
  padding: 20px 20px 10px 20px;
}
footer h3 {
  font-weight: bold;
  font-size: 1em;
  color: #5a5a5a;
  margin-bottom: 10px;
}
footer li {
  font-size: 1em;
  line-height: 1.5em;
  color: #5a5a5a;
}

footer a:link {
  color: #5a5a5a;
}
footer a:visited {
  color: #5a5a5a;
}
footer a:hover {
  color: #000;
  text-decoration: underline;
} /*no hover color yet*/
footer a:active {
  color: #5a5a5a;
}

li {
  font-size: 1.6em;
}
.menu_bg li {
  font-size: 1.4em;
  font-weight: bold;
  display: inline;
}
.body_list {
  color: #777777;
  list-style-type: disc;
  /*margin-left:     40px; */
  margin-bottom: 18px;
  margin-top: 18px;
}
.body_list li {
  color: #d52729;
  /*Sensotech Red (the list item is the color of the bullet, then there's a span tag around the text itself which is the desired color of the text*/
  margin: 5px;
}
.body_list span {
  color: #777777;
}
.body_list span a:link {
  color: #777777;
}
.body_list span a:visited {
  color: #777777;
}
.body_list span a:hover {
  color: #777777;
} /*no hover color yet*/
.body_list span a:active {
  color: #777777;
}

/*Structure*/
#content {
  position: relative;
  width: 100%;
  z-index: 3;
}
header {
  background-color: #fff;
  position: relative;
  height: 92px;
  z-index: 6000;
}
.logo {
  margin-left: 20px;
  margin-top: 22px;
}
.site {
  margin: 0 auto;
  position: relative;
  width: 980px;
}
.menu_bg {
  height: 112px;
}
/*Insert typography styling of nav hover + links*/
.menu_bg ul {
  margin-left: 0px;
}
.menu_bg li {
  margin-top: 50px;
}
.menu_bg li:first-child {
  margin-top: 0px;
  margin-right: 165px;
}

.menu_bg li:last-child {
  margin-right: 0px;
}
.menu_bg li li {
  font-size: 1em;
}
/*Main Nav Hovers*/
/*.dropdown {
		position: relative;
	}
	.dropdown-menu {}
	.porto-nav {}
	.sub-menu {}*/
.blue_bg {
  background-color: #1c396b;
  position: relative;
  height: 424px;
  z-index: 5000;
}
#img_slider {
  margin: 4px auto;
  width: 1184px;
}
#img_slider ul {
  margin-left: 0px;
}
.left {
  width: 600px;
  margin-right: 20px;
  float: left;
}
.general {
  margin: 20px 0px 20px 0px;
}
.blue {
  color: #0000ff;
}
/*Legend*/
.my-legend .legend-scale ul {
  margin: 0;
  margin-bottom: 5px;
  padding: 0;
  float: left;
  list-style: none;
}
.my-legend .legend-scale ul li {
  list-style: none;
  margin-left: 0;
  line-height: 18px;
  margin-bottom: 6px;
}
.my-legend ul.legend-labels li span {
  display: block;
  float: left;
  height: 16px;
  width: 16px;
  margin-right: 5px;
  margin-left: 0;
  border: 1.5px solid #000;
  /*Legend bullets are circles instead of squares*/
  -moz-border-radius: 8px; /*half of the width, half of height for a perfect circle*/
  -webkit-border-radius: 8px; /*half of the width, half of height for a perfect circle*/
  border-radius: 8px; /*half of the width, half of height for a perfect circle*/
}
/*Legend end*/
footer {
  background-color: #f2f2f2;
  position: relative;
}
footer ul {
  margin-left: 0px;
}
footer li {
  display: block;
}
.footerblock {
  float: left;
  width: 236px;
  margin-bottom: 20px;
}
.fullwidth {
  clear: both;
  margin: 20px auto 0px;
}
.fullwidth ul {
  width: 368px;
  margin: 0 auto;
}
.fullwidth li {
  display: inline;
  padding: 0 8px;
}
.fullwidth li:last-child {
  margin-left: 112px;
}
.fullwidth li span {
  margin-top: 10px;
}

hr {
  background: #5a5a5a;
  clear: both;
  float: none;
  width: 100%;
  height: 1px;
  margin: 0 0 1.4em;
  border: none;
}
.copyright {
  text-align: center;
  margin-top: 10px;
}
/*Clearfix in order to fix float clearing issues*/
/*See http://www.impressivewebs.com/clearing-floats-why-necessary/*/
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
/* For IE 6/7 only */
.clearfix {
  *zoom: 1;
}
.clear {
  clear: both;
}
.img600px {
  margin-left: 190px;
}
.middle > * {
  vertical-align: middle;
}
.clock {
  margin-right: 20px;
}

/****************CONTACT INFO***********************/
#contactInfo {
  width: 289px;
  float: left;
  /*background-color: #ccc;*/
  /*border: 1px #333; */
  /*padding: 5px;*/
  margin: 20px 0px 0px;
}

div.row {
  clear: both;
  padding-top: 5px;
}

div.row span.label {
  float: left;
  width: 120px;
  text-align: right;
  font-weight: bold;
  color: #b20c12;
}

div.row span.form {
  float: right;
  width: 148px;
  text-align: left;
}

#shippingAddress {
  width: 650px;
  float: right;
  margin: 20px 0px 0px;
}
#shippingAddress ul {
  list-style: none;
}

#shippingAddress li {
  padding-top: 5px;
}

.bold {
  font-weight: bold;
  color: #b20c12;
}
#contactInfo .row {
  font-size: 1.6em;
}
#contactInfo .row a:link {
  color: #b20c12;
}
#contactInfo .row a:visited {
  color: #b20c12;
}
#contactInfo .row a:hover {
  color: #b20c12;
}
#contactInfo .row a:active {
  color: #b20c12;
}
/****************CONTACT INFO*******************/

/****************CONTACT FORM*******************/
#contact-form h1,
#contact-form h2,
#contact-form h3,
#contact-form p {
  margin-bottom: 18px;
}
#contact-form h1 {
  font-size: 1.5em;
}
#contact-form h1,
h2,
h3 {
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
}

#container {
  position: relative;
  float: left;
}

#contact-form {
  background-color: #eeeeee;
  width: 400px;
  padding: 20px;
  margin-right: 20px;
  border: 6px solid #454546;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  position: relative;
  display: inline;
  float: left;
}

/*#contact-form h1 {
  font-size:42px;
}*/

/*#contact-form h2 {
  margin-bottom:15px;
  font-style:italic;
  font-weight:normal;
}*/

#contact-form h3 {
  padding-bottom: 5px;
}
#contact-form h1,
h3 {
  color: #b20c12;
}
#contact-form input,
#contact-form select,
#contact-form textarea,
#contact-form label {
  font-size: 15px;
  margin-bottom: 2px;
}

#contact-form input,
#contact-form select,
#contact-form textarea {
  width: 390px;
  border: 1px solid #808082;
  margin-bottom: 20px;
  padding: 4px;
}

#contact-form input:focus,
#contact-form select:focus,
#contact-form textarea:focus {
  border: 1px solid #808082;
  background-color: #d6d6d9;
}

#contact-form textarea {
  height: 150px;
  resize: none;
}

#contact-form label {
  display: block;
}

#contact-form .required {
  font-weight: bold;
  color: #f00;
}

#contact-form #submit-button {
  width: 100px;
  background-color: #454546;
  color: #fff;
  border: none;
  display: block;
  float: right;
  margin-bottom: 0px;
  margin-right: 6px;
  -moz-border-radius: 8px;
  border-radius: 6px;
  transition: all 0.2s ease-in-out 0s;
}

#contact-form #submit-button:hover {
  background-color: #777778;
}

#contact-form #submit-button:active {
  position: relative;
  top: 1px;
}

#contact-form #loading {
  width: 32px;
  height: 32px;
  background-image: url(../img/loading.gif);
  display: block;
  position: absolute;
  right: 130px;
  bottom: 16px;
  display: none;
}

#errors {
  border: solid 1px #e58e8e;
  padding: 10px;
  margin: 25px 0px;
  display: block;
  width: 437px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #ffe6e6 url(../img/cancel_48.png) no-repeat 405px center;
  display: none;
}

#errors li {
  padding: 2px;
  list-style: none;
}

#errors li:before {
  content: " - ";
}

#errors #info {
  font-weight: bold;
}

#errors #info:before {
  content: "";
}

#success {
  border: solid 1px #83d186;
  padding: 25px 10px;
  margin: 25px 0px;
  display: block;
  width: 437px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #d3edd3 url(../img/accepted_48.png) no-repeat 405px center;
  font-weight: bold;
  display: none;
}

#errors.visible,
#success.visible {
  display: block;
}

#req-field-desc {
  font-style: italic;
}

/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */
input:required,
textarea:required {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

/* Normalize placeholder styles */

/* chrome, safari */
::-webkit-input-placeholder {
  color: #ccc;
  font-style: italic;
}

/* mozilla */
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #ccc;
  font-style: italic;
}

/* ie (faux placeholder) */
input.placeholder-text,
textarea.placeholder-text {
  color: #ccc;
  font-style: italic;
}

.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}
.hidden {
  display: none;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}

@media all and (orientation: portrait) {
}
@media all and (orientation: landscape) {
}
@media screen and (max-device-width: 480px) {
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/****************CONTACT FORM*******************/
.list_indent {
  margin-left: 40px;
}
#sitemap li a:hover {
  color: #d52729;
}
#fuel {
  margin-bottom: 20px;
  margin-left: 83px;
}
h3.position {
  font-size: 1.6em;
}
.posish {
  margin-bottom: 0px;
}
.social_pic01 {
  background-image: url("../img/silhouette2.jpg");
  float: left;
  clear: both;
  margin-top: 10px;
  margin-right: 20px;
  background-position: 0px 0px;
  border-radius: 50%;
  /*margin: 0 auto;*/
  width: 120px;
  height: 120px;
  -moz-box-shadow: 0px 0px 1px 5px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0px 0px 1px 5px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 1px 5px rgba(0, 0, 0, 0.6);
  /*box-shadow: 0px 0px 1px 5px rgba (0,0,0,0.6);*/
}
.social_pic02 {
  background-image: url("../img/silhouette3.jpg");
  float: left;
  clear: both;
  margin-top: 10px;
  margin-right: 20px;
  background-position: 0px 0px;
  border-radius: 50%;
  /*margin: 0 auto;*/
  width: 120px;
  height: 120px;
  -moz-box-shadow: 0px 0px 1px 5px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0px 0px 1px 5px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 1px 5px rgba(0, 0, 0, 0.6);
  /*box-shadow: 0px 0px 1px 5px rgba (0,0,0,0.6);*/
}
.social_pic03 {
  background-image: url("../img/silhouette4.jpg");
  float: left;
  clear: both;
  margin-top: 10px;
  margin-right: 20px;
  background-position: 0px 0px;
  border-radius: 50%;
  /*margin: 0 auto;*/
  width: 120px;
  height: 120px;
  -moz-box-shadow: 0px 0px 1px 5px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0px 0px 1px 5px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 1px 5px rgba(0, 0, 0, 0.6);
  /*box-shadow: 0px 0px 1px 5px rgba (0,0,0,0.6);*/
}
.social_profile {
  clear: both;
  margin-bottom: 40px;
}
.mapform {
  margin: 158px auto 30px;
  /*position: relative;*/
  width: 980px;
}
span.underline {
  color: #d52729;
  text-decoration: underline;
}
/*SLIDESHOW*/
#slideshow {
  width: 1000px;
  clear: both;
  position: relative;
  display: block;
  /*overflow: hidden;*/
  float: left;
  padding: 0px 10px;
}

#slideshow img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
  opacity: 0;
}

#slideshow img.active {
  z-index: 10;
  opacity: 1;
}

#slideshow img.last-active {
  z-index: 9;
}
/*END SLIDESHOW*/
.mid560 {
  width: 560px;
  margin-left: 20px;
  margin-top: 20px;
  float: left;
}

.dl_brochure_button {
  width: 100px;
  background-color: red;
  /*#454546*/
  color: #fff;
  border: none;
  display: block;
  float: right;
  margin-bottom: 0px;
  margin-right: 6px;
  -moz-border-radius: 8px;
  border-radius: 6px;
  transition: all 0.2s ease-in-out 0s;
}
/* General button style (reset) */
.btn {
  border: none;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background: none;
  cursor: pointer;
  padding: 10px;
  display: inline-block;
  margin: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  outline: none;
  position: relative;
  -moz-border-radius: 12px;
  border-radius: 15px;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;
}

.btn:after {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;
}
/* Button 1 */
.btn-1 {
  /*Sensotech Red*/
  border: 3px solid #d52729;
  color: #d52729;
  /*Sensotech Blue*/
  /*border: 3px solid #1c396b;
	color: #1c396b;*/
  /*Sensotech Blue:#1c396b*/
  /*Sensotech Red: #d52729*/
}

/* Button 1a */
.btn-1a:hover,
.btn-1a:active {
  color: #fff;
  /*Sensotech Red*/
  background: #d52729;
  /*Sensotech Blue*/
  /*background: #1c396b;*/
}

ul.lang {
  position: absolute;
  top: 23px;
  right: 0px;
  /*color: #000;*/
}
.lang li:first-child {
  margin-right: 0px;
  /*text-align: baseline;*/
}
.lang li:first-child:after {
  content: " | ";
}
.lang li {
  font-weight: normal !important;
}
.lang li a {
  color: #000;
}
.lang li a:hover {
  /*color: #1c396b;*/
  font-weight: bold;
}

.link a:link {
  text-decoration: underline;
  color: #d52729;
}
.link a:visited {
  text-decoration: underline;
  color: #d52729;
}
.link a:hover {
  text-decoration: underline;
  color: #d52729;
}
.link a:active {
  text-decoration: underline;
  color: #d52729;
}

* {
  /*border: 1px solid red !important;*/
}