table { 
    border-spacing: 0;
    border-collapse: collapse; margin:0; padding:0;
}
td    {padding: 0px;}
.alignLeft { float:left}
.alignRight { float:right;}
.cf:before, .cf:after {content: "";display: table;}
.cf:after {clear: both;}
/* For IE 6/7 (trigger hasLayout) */
.cf {zoom: 1;}

img, a {

	border: none; 
}
body {
	margin: 0;
	padding: 0;
}
.wrapper {
	width: 976px;
	margin: 0 auto;
	padding: 0;
}
.header {
	background: #000;
	/*min-height: 545px;*/
}
.logo {
	float: left;
	width:514px;
	margin-top: 7px;
	margin-bottom: 5px;
}
.social {
	float: right;
	width:264px;
	margin-top: 10px; text-align:right;
}
.menu {
	clear: both;
	background: url(images/menubg.jpg) repeat-x top left;
	height: 51px;
}
.whitebg {
	background: #f5f5f5;
	height: 303px;
	clear: both;
}
.whitebg span {
	width: 976px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	display: block;
}
.blue {
	background:#a1a1a1;
	height: 277px;
	color: #000;
}
.blue h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	margin: 15px 0 0 0;
	padding: 0;
	font-weight: bold;
}
.blue p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: justify;
	line-height: 25px;
}
.grid1 {
	width: 690px;
	min-height: 277px;
	float: left;
	background: url(images/seplong.png) no-repeat center right;
	padding-right: 15px;
}
.read {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #000;
	display: block;
	float: right;
	margin-top: 15px;
}
.grid2 {
	float: left;
	min-height: 277px;
	width: 252px;
	background: url(images/seplong.png) no-repeat center right;
	padding-right: 15px;
	text-align: center;
}
.grid3 {
	float: left;
	width: 236px;
	margin-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.grid3 ul {
	margin: 15px 0 0 0;
	padding: 0;
	width: 240px;
}
.grid3 ul li {
	list-style-type: none;
	display: block;
	background: url(images/blt.png) no-repeat left 5px;
	padding-left: 15px;
	margin-bottom: 10px;
	font-weight: bold;
}
.grid3 ul li a{ text-decoration: none; color:#000;}
.grid3 ul li a:hover{ text-decoration:underline;}
.grid4 {
	float: left;
	width: 400px;
	margin-left: 60px;
	display: block;
	margin-top: 20px;
}
.grid4 h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: #074584;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}
.grid4 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #175b9f;
	text-align: justify;
}
.box {
	width: 225px;
	float: left;
	border: 1px solid #000;
	margin-top: 20px;
	min-height: 276px;
	border-radius: 5px;
}
.box h2 {
	margin: 0;
	padding: 0;
	
background: rgba(64,67,71,1);
background: -moz-linear-gradient(top, rgba(64,67,71,1) 0%, rgba(41,43,46,1) 48%, rgba(2,2,2,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(64,67,71,1)), color-stop(48%, rgba(41,43,46,1)), color-stop(100%, rgba(2,2,2,1)));
background: -webkit-linear-gradient(top, rgba(64,67,71,1) 0%, rgba(41,43,46,1) 48%, rgba(2,2,2,1) 100%);
background: -o-linear-gradient(top, rgba(64,67,71,1) 0%, rgba(41,43,46,1) 48%, rgba(2,2,2,1) 100%);
background: -ms-linear-gradient(top, rgba(64,67,71,1) 0%, rgba(41,43,46,1) 48%, rgba(2,2,2,1) 100%);
background: linear-gradient(to bottom, rgba(64,67,71,1) 0%, rgba(41,43,46,1) 48%, rgba(2,2,2,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404347', endColorstr='#020202', GradientType=0 );

	line-height: 41px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: #FFF;
	text-transform: uppercase;
	padding-left: 14px;
}
.box input {
	border: 1px solid #04417f;
    display: block;
    float:none;
    height: 26px;
    margin: 11px 0 0 9px;
    padding: 0;
    width: 191px;
}
.box textarea {
	width: 191px; float:left;

	padding: 0;
	height: 82px;
	border: 1px solid #04417f;
	display: block;
	 margin: 11px 0 0 9px;
}
.second {
	margin-left: 22px;
}
.second img {
	float: left;
	display: block;
	margin-top: 70px;
	margin-left: 18px;
}
.footer {
	background: url(images/ftrbg.png) repeat-x top left;
	min-height: 262px;
}
.footer h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	display: block;
	background: url(images/border.png) repeat-x left bottom;
	height: 31px;
	line-height: 29px;
}
.grid6 {
	width: 309px;
	float: left;
	margin-top: 20px;
}
.grid6 p {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
}
.grid7 {
	width: 195px;
	float: left;
	margin-top: 20px;
	margin-left: 80px;
}
.grid7 ul {
	color: #145799;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	margin: 15px 0 0 7px;
	padding: 0;
}
.grid7 ul li {
	background: url(images/blt2.png) no-repeat left center;
	list-style-type: none;
	padding-left: 10px;
}
.grid7 ul li a {
	text-decoration: none;
	color: #000;
	line-height: 22px;
}
.grid8 {
	width: 312px;
	float: left;
	margin-top: 20px;
	margin-left: 80px;
}
.grid8 p {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
}
.grid8 p a {
	text-decoration: none;
	color: #595e62;
}
.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 21px;
	min-height: 600px;
}
.content h1 {
	font-size: 26px;
	color: #000;
}
.imgLeft {
	float: left;
	 
}
.imgRight {
	float: right;
	padding-left: 15px;
}
.bgblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	text-transform: uppercase;
	color: #FFF;
	background: #000;
	display: block;
	line-height: 50px;
	padding: 0 0 0 10px;
}
.box input {
	padding: 0 0 0 10px;
}
.box textarea {
	padding: 0 0 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
#gallery img {
	border: 1px solid #999;
}
#gallery2 img {
	border: 1px solid #999;
}
.contentinn {width:650px; float:left; height:100%; text-align:justify;}
.product{ width:300px; float:right; border:1px solid #000; padding:0; margin:20px 0 0 0;}
.product h2{ margin:0;  }
.product ul li a { text-decoration:none; color:#000;}
.product ul li a:hover{ text-decoration:underline;}
.contentinn ul{ margin:0 0 0 15px; padding:0;}
.contentinn ul li{ margin:0; padding:0;}
.cms-page table { float:left; border-collapse: collapse; background-color:#fff; text-align:center; margin-top:20px; font-family:Arial, Helvetica, sans-serif; margin-left:0px; }
.cms-page th {  border: 1px solid #add4fc; color: #fff; font-size: 13px; padding: 4px; background-color:#175b9f; font-weight:bold; text-transform:uppercase; line-height:25px; }
.cms-page td {  border: 1px solid #add4fc;  color: #444;  font-size: 12px;  padding: 4px; vertical-align:top;   }
.cms-page tr{ -moz-transition:background 0.5s ease 0s; background:#fff;}
.cms-page tr a{ text-decoration:none; color:#4c4c4c; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:18px;}
.cms-page tr:hover{background:#eee; -moz-transition:background 0.5s ease 0s;  }
.product1{ display:block; clear:both; margin-bottom:30px; padding-bottom:30px;   width:960px; padding-left:15px;}
.border{ border:none; margin:0 15px 0 0; padding:0; }
 h1{ float:left; display:block; width:90%;}
.pdf{ width:49px; float:right; display:block;}
.contentinn p{ clear:both;}
.group{  float:left; width:101px; margin:14px 0 0 77px; }
.phone{background: url(images/phone.png) no-repeat left center; line-height:32px; font-family:Arial, Helvetica, sans-serif; font-size:25px; color:#fff;  padding-left: 20px;
    width: 189px; float:right; font-weight:bold;}
.email{background: url(images/email.png) no-repeat left center; line-height:32px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff;   font-weight:bold; margin-bottom:15px; float:right; width: 237px;}

@media only screen and (max-width:480px){
	.imgLeft{ width:100%;}
	.phone{ clear:both; width:90%;}
	
.video{ display:block; float: none; width:80%;   margin:15px 0 0 0; padding:0;}
	 .content h1{ text-align:center;}
.wrapper {
	width: 95%;
	margin: 0 auto;
	padding: 0;
}
.second{ display:none;}
.logo{ float:left; width:90%; text-align:center;} 
.logo img{ width:95%;}
.social{ display: block; float:none; margin:0 auto; padding:0;   }
.header{ height:auto !important;}
.whitebg{ display:none;}
.grid1,.grid2,.grid3,.grid6,.grid7,.grid8{ width:100%; background:none; margin:0 0 10px 0; padding:0;}
.blue{ background:#04417f; height:auto !important; }
.footer{ background:#e6f1f7;}
.box{ width:100%;  }
.box input{ width:90%;}
.grid8 p,.grid6 p{ text-align:center;}
.footer h4{ text-align:center;}
.grid7 ul li{ float:left; margin:5px;}
.contentinn{ width:100%;  float:none}
.product{ clear:both; width:95%; float:none;}
}

@media only screen and (max-width:640px){ .wrapper {
	width: 96%;
	margin: 0 auto;
	padding: 0;
	
}
 .logo{ width:auto !important;	
 }
.second{ display:none;}
.grid2 img{ width:80%;} 
.box input{ width:90%;}
.whitebg{ display:none;}
.grid1{ width:100%; background:none; min-height:auto;}
.blue{ background:#04417f; height:auto !important; }
.footer{ background:#e6f1f7;}
.box{ width:82%;  }
.grid8 p,.grid6 p{ text-align:center;}
.footer h4{ text-align:center;}
.grid7 ul li{ float:left; margin:5px;}
.product{ clear:both; width:95%; float:none;}
}
@media only screen and (max-width:799px){.wrapper {
	width: 95%;
	margin: 0 auto;
	padding: 0;
}
 .logo{ width:500px;	
 
}

.second{ display:none;}

.whitebg{ display:none;}
 
.blue{ background:#a1a1a1; height:auto !important; }
.footer{ background:#a1a1a1;}
.box{ width:82%;  }
.grid8 p,.grid6 p{ text-align:center;}
.footer h4{ text-align:center;}
.grid7 ul li{ float:left; margin:5px;}
 .product{ clear:both; width:95%; float:none;} 
}

@media only screen and (max-width:960px) {.wrapper {
	width: 95%;
	margin: 0 auto;
	padding: 0;
}
 .logo{ width:500px;	
 
}
}

@media only screen and (max-width:980px) {.wrapper {
	width: 95%;
	margin: 0 auto;
	padding: 0;
}
	
	
	}
	
	
	
/* menu csss */	
#cssmenu {
  position: relative;
  height: 44px;
 
  width: auto;
}
#cssmenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1; background: url(images/menubg.jpg) repeat-x top left;
}
#cssmenu > ul {
  position: relative;
  display: block;
  
  width: 100%;
  z-index: 500;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu.align-right > ul > li { 
  float: right; 
}
#cssmenu.align-center ul {
  text-align: center;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu > ul > li { background:rgba(0, 0, 0, 0) url("images/sepretor.jpg") no-repeat scroll right center;
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
}
#cssmenu > ul > #menu-button {
  display: none;
}
#cssmenu ul li a {
  display: block;
  font-family: Verdana, Geneva, sans-serif;
  text-decoration: none;
}
#cssmenu > ul > li > a {
  font-size: 13px;
  font-weight: bold;
  padding: 19px 20px;
  color: #000;
  text-transform: uppercase;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 32px;
}
#cssmenu > ul > li:hover > a { background:url(images/hover.jpg) repeat-x top left;
  color: #fff;
}
#cssmenu li.has-sub::after {
  display: block;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}
 
#cssmenu > ul > li.has-sub::after {
  right: 10px;
  top: 20px;
  border: 5px solid transparent;
  border-top-color: #fff;
}
#cssmenu > ul > li:hover::after {
  border-top-color: #ffffff;
}
#indicatorContainer {
  position: absolute;
  height: 12px;
  width: 100%;
  bottom: 0px;
  overflow: hidden;
  z-index: -1;
}
#pIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  z-index: -2;
  -webkit-transition: left .25s ease;
  -moz-transition: left .25s ease;
  -ms-transition: left .25s ease;
  -o-transition: left .25s ease;
  transition: left .25s ease;
}
#cIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  top: -12px;
  right: 100%;
  z-index: -2;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top: 70px;
  opacity: 0;
  -webkit-transition: opacity .3s ease, top .25s ease;
  -moz-transition: opacity .3s ease, top .25s ease;
  -ms-transition: opacity .3s ease, top .25s ease;
  -o-transition: opacity .3s ease, top .25s ease;
  transition: opacity .3s ease, top .25s ease;
  z-index: 1000;
}
#cssmenu ul ul ul {
  top: 37px;
  padding-left: 5px;
}
#cssmenu ul ul li {
  position: relative;
}
#cssmenu > ul > li:hover > ul {
  left: auto;
  top: 44px;
  opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
  opacity: 1;
}
#cssmenu ul ul li:hover > ul {
  left: 170px;
  top: 0;
  opacity: 1;
}
#cssmenu.align-right ul ul li:hover > ul {
  left: auto;
  right: 170px;
  top: 0;
  opacity: 1;
  padding-right: 5px;
}
#cssmenu ul ul li a {
  width: 207px; font-family:Verdana, Geneva, sans-serif;
  border-bottom: 1px solid #eeeeee;  
  padding: 10px 20px;
  font-size: 13px;
  color: #fff;
  background: #0093dd;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}
#cssmenu.align-right ul ul li a {
  text-align: right;
}
#cssmenu ul ul li:hover > a {
  background: #18579a;
  color: #fff;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last > a {
  border-bottom: 0;
}
#cssmenu > ul > li > ul::after {
  content: '';
  border: 6px solid transparent;
  width: 0;
  height: 0;
  border-bottom-color: #0093dd;
  position: absolute;
  top: -12px;
  left: 30px;
}
#cssmenu.align-right > ul > li > ul::after {
  left: auto;
  right: 30px;
}
#cssmenu ul ul li.has-sub::after {
  border: 4px solid transparent;
  border-left-color: #9ea2a5;
  right: 10px;
  top: 12px;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub::after {
  border-left-color: transparent;
  border-right-color: #9ea2a5;
  right: auto;
  left: 10px;
}
#cssmenu ul ul li.has-sub:hover::after {
  border-left-color: #ffffff;
  right: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#cssmenu.align-right ul ul li.has-sub:hover::after {
  border-right-color: #ffffff;
  border-left-color: transparent;
  left: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    width: auto;
  }
  #cssmenu.align-center ul {
    text-align: left;
  }
  #cssmenu.align-right > ul > li {
    float: none;
  }
  #cssmenu ul {
    width: auto;
  }
  #cssmenu .submenuArrow,
  #cssmenu #indicatorContainer {
    display: none;
  }
  #cssmenu > ul {
    height: auto;
    display: block;
  }
  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu li,
  #cssmenu > ul > li {
    display: none;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu ul > li:hover > ul,
  #cssmenu ul ul > li:hover > ul,
  #cssmenu.align-right ul ul,
  #cssmenu.align-right ul ul ul,
  #cssmenu.align-right ul > li:hover > ul,
  #cssmenu.align-right ul ul > li:hover > ul {
    position: relative;
    left: auto;
    top: auto;
    opacity: 1;
    padding-left: 0;
    padding-right: 0;
    right: auto;
  }
  #cssmenu ul .has-sub::after {
    display: none;
  }
  #cssmenu ul li a {
    padding: 12px 20px;
  }
  #cssmenu ul ul li a {
    border: 0;
    background:#0093dd;
    width: auto;
    padding: 8px 35px;
  }
  #cssmenu.align-right ul ul li a {
    text-align: left;
  }
  #cssmenu ul ul li:hover > a {
    background: #124f90;
    color: #fff;
  }
  #cssmenu ul ul ul a {
    padding: 8px 50px;
  }
  #cssmenu ul ul ul ul a {
    padding: 8px 65px;
  }
  #cssmenu ul ul ul ul ul a {
    padding: 8px 80px;
  }
  #cssmenu ul ul ul ul ul ul a {
    padding: 8px 95px;
  }
  #cssmenu > ul > #menu-button {
    display: block;
    cursor: pointer;
  }
  #cssmenu #menu-button > a {
    padding: 19px 20px;
  }
    #cssmenu #menu-button > a:hover{ background:none; color:#fff;}
  #cssmenu ul.open li,
  #cssmenu > ul.open > li {
    display: block; background:#fbb838; 
  }
  #cssmenu > ul.open > li#menu-button > a {
    color: #fff;
    border-bottom: 1px solid rgba(150, 150, 150, 0.1);
  }
  #cssmenu ul ul::after {
    display: none;
  }
  #cssmenu #menu-button::after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    right: 20px;
    top: 15px;
  }
  #cssmenu #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #fff;
    right: 20px;
    top: 25px;
  }
  #cssmenu ul.open #menu-button::after,
  #cssmenu ul.open #menu-button::before {
    border-color: #fff;
  }
}

.video{ display:block; float:left; width:300px; height:200px; margin:15px 0 0 15px; padding:0;}

.language{ float:right; width:225px;}

.language ul{ margin:20px 0 0 0; padding:0; list-style-type:none;}

.language ul li{ display:block; float:left; margin-left:10px; margin-top:10px;}

.language ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#100987; text-align:center; text-decoration:none; display:block;}

.language ul li a:hover{ text-decoration:underline;}
.slider{ background:#000; padding:10px 0 10px 0;}
#test2{ top:-30px !important;}