@charset "utf-8";
/* CSS Document */

/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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;
}
/* HTML5 display-role reset for older browsers */
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 { background-color:#f8f8f8;}

.header { float:right; width:100%;   background:url(../images/top-ptrn.png) top repeat-x #f8f8f8; margin-bottom:10px;}

.slider { float:left; width:100%; position:relative; background-color:#fff;}

 .container { max-width:980px; margin:0 auto;  }
 
 .body { float:right; width:100%;  float:right; width:100%;   background:url(../images/top-ptrn.png) top repeat-x #f8f8f8; margin-bottom:10px;}
 .header  .top-head {
	float:right;
	max-width:490px;
	margin-top:10px;
	background-color: rgba(255,255,255,0.8);
	height:42px;
}
  .header  .top-head  .search{ float:right; height:24px; margin-top:9px; margin-bottom:9px; position:relative; margin-right:10px;}
  
  .search .form-control { color:#294a68; border:1px solid #c3a662; height:24px; line-height:24px; padding:0 5px; padding-left:20px; }
  
    .search span { position:absolute; top:4px; left:4px; color:#0e3455;}
	
	 .top-head  ul { float:right; height:32px; line-height:32px; margin-top:5px; margin-bottom:5px; margin-right:10px; }
	 .top-head  ul li { float:left; height:32px; border-right:1px solid #c3a662; }
	 
	 
	 .top-head  ul li:last-child { border-right: none;}
	 .top-head  ul li a { display:block; float:left; height:32px; line-height:32px; padding:0 10px; font-family:tahoma; font-size:11pt;}
	 .top-head  ul li a span { color:#c3a662; margin-right:5px;}
	 .top-head  ul li a:hover { text-decoration:none; background-color:#c3a662;}
	 .top-head  ul li a:hover span {color:#0e3455;}
	 .top-head  .lang { float: left; display:block; width:52px; height:42px; line-height:42px; text-align:center; font-size:16px; font-weight:bold; border-right:3px solid #dcdcdc; }
	 .top-head  .lang:hover { background-color:#c3a662;}
	  
	  
	  
	   .header .logo { float:left; display:block; width:217px; height:156px; background: url(../../logo1.png) no-repeat 0 0; margin-top:10px;}
	   
      .header .nav {
	float:right;
	width:470px;
	margin-top:80px;
}
	  .header .nav li { float:left;  padding:0 ;  border-right:1px solid #c3a662;}
	  .header .nav  li:last-child { border-right: none;}
	  .header .nav li a { display:block; height:32px; float:left; width:100%; line-height:32px; font-size:11pt; padding:0 10px; text-align:center; font-family:tahoma;}
	  .header .nav li a:hover , li.active a { text-decoration:none; background-color:#c3a662; color:#fff;}
	  
	  
	 
		
		
		.slider a.right, .slider a.left  { z-index:1000;}
  
  
  #owl-demo .item{
  background: #000;
   height:350px;
  margin: 10px 5px;
  color: #FFF;
   text-align: center;
  transform: skew(-15deg, 0deg) ;
-webkit-transform: skew(-15deg, 0deg) ;
-moz-transform: skew(-15deg, 0deg) ;
-o-transform: skew(-15deg, 0deg) ;
-ms-transform: skew(-15deg, 0deg) ; 
overflow:hidden;
position:relative;
 
 -webkit-transition-property: all;
         -webkit-transition-duration:.35s;
	-webkit-transition-timing-function: ease-out;

}


.slider-top {float:right; width:100%; height:10px;   background:url(../images/ptrn.png) top repeat-x ;}
#owl-demo .item  img { min-height:510px; left:-25%; opacity:0.8;   transform: skew(15deg, 0deg) ;
-webkit-transform: skew(15deg, 0deg) ;
-moz-transform: skew(15deg, 0deg) ;
-o-transform: skew(15deg, 0deg) ;
-ms-transform: skew(15deg, 0deg) ;
position:absolute;
 -webkit-transition-property: all;
         -webkit-transition-duration:.35s;
	-webkit-transition-timing-function: ease-out;


  }
  
  
  #owl-demo .item .cat {
	position:absolute;
	top:222px;
	left:0;
	width:180px;
	height:95px;
	color:#0e3455;
	line-height:24px;
	background-color:rgba(255,255,255,0.8);
	z-index:100;
	text-align:left;
	-webkit-transition-property: all;



         -webkit-transition-duration:.35s;
	-webkit-transition-timing-function: ease-out;
}
  
    #owl-demo .item .cat .it {-webkit-transform: skew(15deg, 0deg) ;
-moz-transform: skew(15deg, 0deg) ;
-o-transform: skew(15deg, 0deg) ;
-ms-transform: skew(15deg, 0deg) ; margin-left:20px; font-size:16px; padding-top:10px;}

  #owl-demo .item .cat .it h2 { margin-top:0;}
    
 
#owl-demo .owl-item:hover   img { opacity:1; left:-35%;}
.customNavigation{
  text-align: center;
}
 #owl-demo .owl-item { -webkit-transition-property: all;
         -webkit-transition-duration:.35s;
	-webkit-transition-timing-function: ease-out;}
 #owl-demo .owl-item:hover { width:420px !important; }
 
  #owl-demo .owl-item:hover  .cat { background-color:rgba(255,255,255,0.8); color:#0e3455; top: 222px;}
  
  
  
 .customNavigation a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
		
		
		
		
		.block { width:100%; background-color:#fff;  border-left: 10px solid #c3a662; padding:10px; margin-bottom:10px; }
		
		.block>img { float:left; margin:0 5px;}
		
		
		.block-sm { float:left; margin-bottom:10px; padding: 5px !important; padding-left:0;      }
.block-sm>img { float:left; margin:0 5px;}
.block-sm p  span {
	color:#c3a662;
	font-size:16pt;
}
.block-sm img { margin-right:10px;}
		.block-sm  h2, .block-sm h4{ color:#c3a662;  }
		.block-sm  p {
	color:#0e3455;
	font-size:16px;
	overflow:hidden;
}
		.block-sm .cont  { float:left; background-color:#fff; width:100%;  padding:10px; }
		
		.block-sm a { display:block; float:right; padding:5px 5px; background-color:#0e3455; color:#c4d280; margin-top: 5px;
margin-bottom: 5px;}
.block-sm a:hover { text-decoration:none; background-color:#c3a662; color:#0e3455;}
		
		.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom:10px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.prod { float:left; padding:15px; margin:15px; background-color:#f4f4f4;}
.prod:hover { background-color:#c3a662;} 
.prod a:last-child { display:block; width:115px; height:120px; text-align:center; border:2px solid #fff;}

.footer  { float:left; width:100%; background:url(../images/btm-ptrn.png) repeat-x bottom; min-height:140px;}

.footer .logo  { float:left; display:block; width:225px; height:78px; background:url(../images/sprite.png) no-repeat 0 -194px; margin-top:10px;}  


.footer  .nav { float:right;  margin-top: 34px;}
	.footer .nav li { float:left;    border-right:1px solid #0e3455;}
	 .footer .nav  li:last-child { border-right: none;}
	 .footer .nav li a { display:block; height:24px; float:left; width:100%; line-height:24px; font-size:9pt; padding:0 10px; text-align:center; font-family:verdana; color:#0e3455;}
	.footer .nav li a:hover , li.active a { text-decoration:none; background-color:#c3a662; color:#fff;}
	
	.footer  .copy{ float:right;   margin-top:10px; background-color: rgba(255,255,255,0.8); height:42px; line-height:42px; padding:0 10px;}
	  
	  
	  .folw-bar  { float:left; width:100%; min-height:74px;}
	  .folow { height:44px; line-height:44px; margin-top:15px;  }
	   .folw-bar  .nws { float:left; background-color:rgba(255,255,255,0.8); height:44px; margin-top:15px;}
	   .folw-bar  .nws .form-control { float:left; width:200px; padding:0 5px; height:26px; margin-top:9px; border-color:#c3a662;}
	   .folw-bar  .nws span,  .folw-bar .folow>span{ float:left; display:block; color:#c3a662; height:44px; line-height:44px; font-size:14pt; font-weight:bold; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; margin-right:5px;}
	   .folw-bar  .nws .btn { background-color:#0e3455; color:#fff; padding:0 5px; height:26px; margin-top:9px; border:none; margin-left:5px;}
	  .folw-bar .folow  a { float:left; display:block; width:38px; height:24px; text-align:center; color:#636363;}
	   .folw-bar .folow  a:hover { color:#c3a662;}
	   
	  @media screen and (max-width: 480px) {
		     .header .nav { width:100%; margin-top:10px; margin-left:10px; }
			 .header .logo { float:left; margin: 10px 20%;}
			 .header .nav li {padding:0;  }
			 .header .nav li a { font-size:10pt; padding:0 5px;}
			 
			 .footer .copy { width:100%; text-align:center;}
			 .footer .logo {  margin-left:150px; margin-bottom:10px;}
			 .footer  .nav { width:100%; text-align:center; margin-top:0;}
			 .footer  .nav li { margin-bottom:5px;}
 			 		    .top-head  .lang { width:42px;}

 		 
		  }
		  
		   @media screen and (max-width: 742px) { 
		   			 .footer .logo {  margin-left:35%; margin-bottom:10px;}
					 			 .header .logo { float:left; margin: 10px 24%;}
.search .form-control  { width:100px;}
		     .header .nav {  margin-top:10px; margin-left:5px; width:102%; }
.header .nav li { padding:0;} .header .nav li a { padding:0 5px;}
		    .footer .copy { width:100%; text-align:center;}
			 .footer  .nav  { float:left; width:100%; margin-top:10px;}
		   
		   .folw-bar .nws span { font-size:14px;} 
		   
		    .top-head  .lang { width:42px;}
		   }
     @media screen and (min-width: 768px) {
		   
  .container {width: 752px; }
  .header .nav li {padding: 0  ; min-width: 13%;}
 			 
 
			 .footer  .nav { margin-top:0 ;}
	    }
		
		
		
		.block p { font-size:14pt; color:#0e3455;   }
		.block p  span { color:#c3a662; font-size:22pt; }
		.block img { margin-right:10px;}
		.carousel-control { cursor:pointer;}
		
		
		@media screen and (max-width: 364px) {
.header .logo {
float: left;
margin: 50px 24%;
} 


}



.inner .img-responsive { width:100%; margin-bottom:20px;}

.inner h1 { color:#003556;}


.tabs { float:left; width:100%; height:90px; background-color:#003556; border-bottom:3px solid #c3a662;}

.tabs li { float:left; width:50%; height:90px; text-align:center;}
.tabs li a { float:left; display:block; width:100%; height:90px; line-height:80px; text-decoration:none; color:#fff; font-size: 1.4em; overflow-y:hidden;}

.tabs li a img { width:24%; height:auto;} 


.panel-body p { font-size:14px;} 


#industrial .panel { float: left; width:100%;
 }

#industrial .pull-right { } 

 
.inner p {
	font-size:16px;
}


#map { float: left;
height: 200px;
width: 100%;}


.prodli { float:left;}
.prodli li { float:left;  -webkit-transition-property: all;
         -webkit-transition-duration:.35s;
	-webkit-transition-timing-function: ease-out; border-bottom: 1px solid #f3f3f3; }
	.prodli li a { float:left; display:block;}
	
	.prodli li:hover { background-color:#dcdcdc;}
.prodli li h3 { color:#3f8b13;}

.prodli li:last-child { border-bottom:0;}