Body {background:url(images/main-bg2.jpg) top center repeat-x;margin:0px;font-family:'Calibri', Arial, Helvetica, sans-serif;font-size:12px;color:#333333; background-color:#dddddd;}

@font-face {
	font-family: 'Calibri';
	src: url('fonts/Calibri.woff2') format('woff2'),
		url('fonts/Calibri.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Dosis';
	src: url('fonts/Dosis-Regular.woff2') format('woff2'),
		url('fonts/Dosis-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

h1 {font-family:'Dosis', Verdana, Geneva, sans-serif;color:#202020;font-size:20px; padding:0; margin:0;font-weight:normal;}
h2 {font-family:'Dosis', Verdana, Geneva, sans-serif;color:#4e4e4e;font-size:26px;font-weight:normal;text-transform:uppercase; text-shadow: 1px 1px 0px rgba(255, 255, 255, 1); padding:0px; margin:0px;}
h3 {font-family:'Dosis', Verdana, Geneva, sans-serif;color:#0087c4;font-size:30px;font-weight:normal;text-transform:uppercase; text-shadow: 0px 2px 0px rgba(255, 255, 255, 1); padding:0px; margin:0px;}
h4 {font-family:'Dosis', Verdana, Geneva, sans-serif; font-size:26px; font-weight:normal; padding:0; margin:0;}
h5 {font-family:'Dosis', Verdana, Geneva, sans-serif; font-size:18px; font-weight:normal; padding:0px; margin:0px;}
h6 {font-family:'Dosis', Verdana, Geneva, sans-serif;color:#FFFFFF;font-size:24px;font-weight:bold;text-transform:uppercase}

.small-block { border:1px solid #999999; padding:10px; line-height:16px; background-color:#f8f8f8;}	
.separator   { border-right:#666666 1px dotted;}

.news_block   { border:1px solid #999999; padding:10px; background-color:#eeeeee;}	
.news_author  { font-size:10px; color:#333333; font-weight:normal; padding:2px; margin:10px 0px; display:block; background-color:#dddddd;}
.news_picture { padding:10px; margin:0px 20px 0px 0px; background-color:#FFFFFF; 
				-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
				-moz-box-shadow:    1px 1px 2px 0px rgba(0, 0, 0, 0.75);
				box-shadow:         1px 1px 2px 0px rgba(0, 0, 0, 0.75);}

.imageborder  { padding:10px; background-color:#FFFFFF;
				-moz-box-shadow: 0px 0px 5px #000000;
				-webkit-box-shadow: 0px 0px 5px #000000;
				box-shadow: 0px 0px 5px #000000;
}

.imageborder0  { -moz-box-shadow: 0px 0px 5px #000000;
				-webkit-box-shadow: 0px 0px 5px #000000;
				box-shadow: 0px 0px 5px #000000;
}

a:link    {font-family:'Calibri', Arial, Helvetica, sans-serif;font-size:12px;color: #0094da;text-decoration:none;font-weight:normal;}
a:visited {font-family:'Calibri', Arial, Helvetica, sans-serif;font-size:12px;color: #0094da;text-decoration:none;font-weight:normal;}
a:hover   {font-family:'Calibri', Arial, Helvetica, sans-serif;font-size:12px;color: #0094da;text-decoration:underline;font-weight:normal;}
a:active  {font-family:'Calibri', Arial, Helvetica, sans-serif;font-size:12px;color: #0094da;text-decoration:underline;font-weight:normal;}

a.alt:link 		 {font-family:'Calibri', Arial, Helvetica, sans-serif;font-size:12px;color: #00bbff;text-decoration:none;font-weight:normal;}
a.alt:visited	 {font-family:'Calibri', Arial, Helvetica, sans-serif;font-size:12px;color: #00bbff;text-decoration:none;font-weight:normal;}
a.alt:hover		 {font-family:'Calibri', Arial, Helvetica, sans-serif;font-size:12px;color: #000000;text-decoration:underline;font-weight:normal;}
a.alt:active	 {font-family:'Calibri', Arial, Helvetica, sans-serif;font-size:12px;color: #000000;text-decoration:underline;font-weight:normal;}

.copyright { font-family:'Calibri', Arial, Helvetica, sans-serif; font-size:10px; color:#333333;}
.base { height:50px; background:#dddddd; margin:0; padding:0;}

/*----Menu----*/
ul#nav {margin:0px;}
ul.drop a { display:block; font-family:'Calibri', Arial, Helvetica, sans-serif; font-size: 18px; text-decoration: none; color:#666666;}
ul.drop, ul.drop li, ul.drop ul { list-style: none; margin: 0; padding: 0; border-left: 1px dashed #dddddd; }
ul.drop { position: relative; z-index: 960; float: right;}
ul.drop li { float: left; line-height: 10px; vertical-align: middle; zoom: 1; padding: 5px 24px;}
ul.drop li.hover, ul.drop li:hover > a { position: relative; z-index: 960; color:#0087c4;}
ul.drop ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 960; width: 190px;  background:url(images/button.jpg) repeat;border-left: 0px solid #000000;border-bottom: 1px solid #000000;border-right: 1px solid #000000;}
ul.drop ul li { float: none; padding: 5px 11px; }
ul.drop ul ul { top: -2px; left: 100%; }
ul.drop li:hover > ul { visibility: visible; color:#000000;}

/* Social */
.twitter-social-slide {background-image: url(images/twitter-hover.png);height: 30px;width: 30px;margin: 10px;float: left;-webkit-transition: all ease 0.2s;-moz-transition: all ease 0.2s;-o-transition: all ease 0.2s;-ms-transition: all ease 0.2s;transition: all ease 0.2s;}
.twitter-social-slide:hover {background-position: 0px -30px;box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);}

.linkedin-social-slide {background-image: url(images/linkedin-hover.png);height: 30px;width: 30px;margin: 10px;float: left;-webkit-transition: all ease 0.2s;-moz-transition: all ease 0.2s;-o-transition: all ease 0.2s;-ms-transition: all ease 0.2s;transition: all ease 0.2s;}
.linkedin-social-slide:hover {background-position: 0px -30px;box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);}

/* Rollover Buttons */
.container {
  position: relative;
  width: 400px;
  height: 314px;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #FFF;
  background: rgba(0, 0, 0, 0.3);
  transition: background 0.5s ease;
}

.container:hover .overlay {
  display: block;
  background: rgba(0, 0, 0, 0.6);
}

.title {
  font-family:'Dosis', Verdana, Geneva, sans-serif;
  position: absolute;
  width: 400px;
  left: 0;
  top: 115px;
  font-weight: normal;
  font-size: 24px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  z-index: 1;
  transition: top .5s ease;
}

.container:hover .title {
  top: 105px;
}

.button {
  position: absolute;
  width: 400px;
  left:0;
  top: 180px;
  text-align: center;
  opacity: 0;
  transition: opacity .35s ease;
}

.button a {
  font-family:'Calibri', Arial, Helvetica, sans-serif;
  width: 200px;
  padding: 10px 20px;
  text-align: center;
  color: #FFFFFF;
  border: solid 1px #FFFFFF;
  z-index: 1;
}

.container:hover .button {
  opacity: 1;
}


/*----V2----*/
.container2 {
  position: relative;
  width: 200px;
  height: 150px;
}

.overlay2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #FFF;
  background: rgba(0, 0, 0, 0.3);
  transition: background 0.5s ease;
}

.container2:hover .overlay2 {
  display: block;
  background: rgba(0, 0, 0, 0.6);
}

.title2 {
  font-family:'Dosis', Verdana, Geneva, sans-serif;
  position: absolute;
  width: 200px;
  left: 0;
  top: 34px;
  font-weight: normal;
  font-size: 24px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  z-index: 1;
  transition: top .5s ease;
}

.container2:hover .title2 {
  top: 24px;
}

.button2 {
  position: absolute;
  width: 200px;
  left:0;
  top: 100px;
  text-align: center;
  opacity: 0;
  transition: opacity .35s ease;
}

.button2 a {
  font-family:'Calibri', Arial, Helvetica, sans-serif;
  width: 100px;
  padding: 10px 20px;
  text-align: center;
  color: #FFFFFF;
  border: solid 1px #FFFFFF;
  z-index: 1;
}

.container2:hover .button2 {
  opacity: 1;
}

/*---- FORM ----*/
input{float:left;font-size:12px;padding:4px;border:solid 1px #001c51;width:200px;margin:0; background-color:#ffffff; color:#202020;}
select{float:left;font-size:12px;padding:4px;border:solid 1px #001c51;width:200px;margin:0; background-color:#ffffff; color:#202020;}
textarea{float:right;font-size:12px;padding:4px;border:solid 1px #001c51;width:280px;margin:0; background-color:#ffffff; color:#202020; height:80px;}
.formbtn {color: rgb(104, 104, 104);
font-size: 12px;
padding: 5px 10px;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.8);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: rgb(178, 178, 178);
background: -moz-linear-gradient(90deg, rgb(178, 178, 178) 45%, rgb(216, 216, 216) 55%);
background: -webkit-linear-gradient(90deg, rgb(178, 178, 178) 45%, rgb(216, 216, 216) 55%);
background: -o-linear-gradient(90deg, rgb(178, 178, 178) 45%, rgb(216, 216, 216) 55%);
background: -ms-linear-gradient(90deg, rgb(178, 178, 178) 45%, rgb(216, 216, 216) 55%);
background: linear-gradient(0deg, rgb(178, 178, 178) 45%, rgb(216, 216, 216) 55%);
-webkit-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 2px 2px rgba(50, 50, 50, 0.75);
box-shadow:         0px 2px 2px rgba(50, 50, 50, 0.75);
float:right;} 
.formbtn:hover {color: rgb(35, 128, 174);
font-size: 12px;
padding: 5px 10px;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.8);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: rgb(127, 196, 230);
background: -moz-linear-gradient(90deg, rgb(127, 196, 230) 45%, rgb(190, 225, 242) 55%);
background: -webkit-linear-gradient(90deg, rgb(127, 196, 230) 45%, rgb(190, 225, 242) 55%);
background: -o-linear-gradient(90deg, rgb(127, 196, 230) 45%, rgb(190, 225, 242) 55%);
background: -ms-linear-gradient(90deg, rgb(127, 196, 230) 45%, rgb(190, 225, 242) 55%);
background: linear-gradient(0deg, rgb(127, 196, 230) 45%, rgb(190, 225, 242) 55%);
-webkit-box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 0px rgba(50, 50, 50, 0.75);}

/*--Accordian 1--*/
.accordion1 {
  width: 100%;
  max-width: 942px;
  height: 300px;
  overflow: hidden;
  margin: 10px 0px;
  padding:10px; background-color:#FFFFFF;
				-moz-box-shadow: 0px 0px 5px #000000;
				-webkit-box-shadow: 0px 0px 5px #000000;
				box-shadow: 0px 0px 5px #000000;}

.accordion1 ul {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin: 0;
  padding: 0;}

.accordion1 ul li {
  display: table-cell;
  vertical-align: bottom;
  position: relative;
  width: 16.666%;
  height: 300px;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 500ms ease;}

.accordion1 ul li div {
  display: block;
  overflow: hidden;
  width: 100%;}

.accordion1 ul li div a {
  display: block;
  height: 300px;
  width: 100%;
  position: relative;
  z-index: 3;
  vertical-align: bottom;
  padding: 15px 20px;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none;
  font-family: Verdana, Geneva, sans-serif;
  transition: all 200ms ease;}

.accordion1 ul li div a * {
  opacity: 0;
  margin: 0;
  width: 100%;
  text-overflow: initial;
  position: relative;
  z-index: 5;
  white-space: normal;
  overflow: hidden;
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px);
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;}

.accordion1 ul li div a h6 {
  font-family: 'Dosis', Verdana, Geneva, sans-serif;
  text-overflow: clip;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 2px;
  top: 60px;}

.accordion1 ul li div a p {
  top: 60px;
  font-size: 12px;}

.accordion1 ul li:nth-child(1) { background-image: url(images/acc/industrial1.jpg)}
.accordion1 ul li:nth-child(2) { background-image: url(images/acc/industrial2.jpg)}
.accordion1 ul li:nth-child(3) { background-image: url(images/acc/industrial3.jpg)}
.accordion1 ul li:nth-child(4) { background-image: url(images/acc/industrial4.jpg)}
.accordion1 ul:hover li { width: 10%; }

.accordion1 ul:hover li:hover { width: 53%; }

.accordion1 ul:hover li:hover a { background: rgba(0, 0, 0, 0.4); }

.accordion1 ul:hover li:hover a * {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);}
  
  /*--Accordian 2--*/
.accordion2 {
  width: 100%;
  max-width: 942px;
  height: 300px;
  overflow: hidden;
  margin: 10px 0px;
  padding:10px; background-color:#FFFFFF;
				-moz-box-shadow: 0px 0px 5px #000000;
				-webkit-box-shadow: 0px 0px 5px #000000;
				box-shadow: 0px 0px 5px #000000;}

.accordion2 ul {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin: 0;
  padding: 0;}

.accordion2 ul li {
  display: table-cell;
  vertical-align: bottom;
  position: relative;
  width: 16.666%;
  height: 300px;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 500ms ease;}

.accordion1 ul li div {
  display: block;
  overflow: hidden;
  width: 100%;}

.accordion2 ul li div a {
  display: block;
  height: 300px;
  width: 100%;
  position: relative;
  z-index: 3;
  vertical-align: bottom;
  padding: 15px 20px;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none;
  font-family: Verdana, Geneva, sans-serif;
  transition: all 200ms ease;}

.accordion2 ul li div a * {
  opacity: 0;
  margin: 0;
  width: 100%;
  text-overflow: initial;
  position: relative;
  z-index: 5;
  white-space: normal;
  overflow: hidden;
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px);
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;}

.accordion2 ul li div a h6 {
  font-family: 'Dosis', Verdana, Geneva, sans-serif;
  text-overflow: clip;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 2px;
  top: 60px;}

.accordion2 ul li div a p {
  top: 60px;
  font-size: 12px;}

.accordion2 ul li:nth-child(1) { background-image: url(images/acc/about1.jpg)}
.accordion2 ul li:nth-child(2) { background-image: url(images/acc/about2.jpg)}
.accordion2 ul li:nth-child(3) { background-image: url(images/acc/about3.jpg)}
.accordion2 ul li:nth-child(4) { background-image: url(images/acc/about4.jpg)}
.accordion2 ul:hover li { width: 10%; }

.accordion2 ul:hover li:hover { width: 53%; }

.accordion2 ul:hover li:hover a { background: rgba(0, 0, 0, 0.4); }

.accordion2 ul:hover li:hover a * {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);}