header{
  padding-top: 24px; background-color: #fff;
}
.fstHdr{
  width: 100%; margin: 0px auto; background-color: #fff; padding-bottom: 18px;
}
.logo{
  float: left;
}
.rgtHdr{
  float: right;
}
.rgtHdr ul{
  padding-top: 20px;
}
.rgtHdr ul li{
  float: left;  margin-left: 45px;
}
.rgtHdr ul li a{
  font-size: 16px; line-height: 26px; font-weight: 600; color: #009fe3; text-decoration: none;padding-left: 34px; padding-bottom: 2px;
}
.rgtHdr ul li a:hover{
  opacity: 0.5;
}
.phone a{
  background: url(../images/phone-icon.png) no-repeat left;
}
.email a{
  background: url(../images/email-icon.png) no-repeat left;
}
.hdMn{
  background-color: #009fe3;
}
.banner .item{
  padding-top: 200px; padding-bottom: 90px; background-size: cover;
}
.banner .owl-nav{
  display: none;
}
.arlg{
  float: right; padding-left: 30px;
}
.arlg a{
  display: inline-block;
}
.banner .owl-dots{
  position: absolute; left: 0px; right: 0px; bottom: 18px; 
}
.banner .owl-dots button.owl-dot{
  width: 25px; height:12px; border: 4px solid #009fe3;border-radius: 0px; background-color: transparent;
}
.banner .owl-dots button.owl-dot.active{
  border-color: #fff; background-color: transparent;
}
.bnrBx{
  background-color: rgba(255, 255, 255, 0.6); max-width: 630px;
}
.bxW{
  padding: 36px;
}
.bnrBx .tt{
  font-size: 38px; line-height: 40px; color: #009fe3; font-weight: bold; text-transform: uppercase; margin-bottom: 14px;
}
.bnrBx p{
  font-size: 20px; color: #000; line-height: 26px; margin-bottom: 0px
}
.bnrBx a{
  display: block; color: #fff; text-decoration: none; background-color: #009fe3;padding: 13px 36px; font-size: 17px; font-weight: 500; text-transform: uppercase; background-image: url(../images/right-arrow-small.png); background-repeat: no-repeat; background-position: 160px center;
}
.bnrBx a:hover{
  background-color: #3d3d3d;
}
.about{
  width: 100%; margin: 0px auto; display: inline-block;
}
.about .lft{
  float: left; width: 50%; background: url(../images/about-bg.jpg) no-repeat center; background-size: cover;
  padding: 87px 0px;
}
.abtbx{
  width: 70%; float:right; padding: 60px 45px; background-color: rgba(0, 159, 227, 0.5)
}
.abtbx h1{
  font-size: 38px; line-height: 48px; color: #fff; text-transform: uppercase; font-weight: 700; margin-bottom: 0px;
}
.about .rgt{
  float: left; width: 50%; background-color: #f2f2f2;
}
.abtcnt{
  width: 84%; float: left; padding: 80px 0px 90px 60px;
}
.abtcnt p{
  color: #3d3d3d; font-size: 18px; line-height: 32px;
}
.abtcnt a{
  display: inline-block; padding: 8px 30px; background-color: #009fe3; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 16px;
}
.abtcnt a:hover{
  background-color: #3d3d3d;
}
.pdtSc{
  padding-top: 100px; width: 100%; margin: 0px auto; padding-bottom: 120px; background-color: #fff;
}
.pdtSc .tt{
  font-size: 40px; line-height: 48px; color: #009fe3; font-weight: 700; display: block; text-align: center; margin-bottom: 22px;
}
.pdtSc .item a{
  text-decoration: none;
}
.pdtim{
  width: 100%;
}
.pdtim img{
  width: 100%;
}
.pdtnm{
  width: 100%; display: inline-block; margin-top: 6px; padding: 12px 30px; text-align: center; background-color: #009fe3; color: #fff; text-transform: uppercase; font-weight: 600; font-size: 20px;
}
.pdtSc .owl-nav{
  display: none;
}
.pdtSc .owl-dots{
  bottom: -30px; position: absolute; left: 0px; right: 0px;
}
.pdtSc .owl-dots button.owl-dot{
  width: 25px; height:12px; border: 4px solid #009fe3;border-radius: 0px; background-color: transparent;
}
.pdtSc .owl-dots button.owl-dot.active{
  background-color: #009fe3;
}
.clnt{
  width: 100%; margin: 0px auto; padding-top: 60px; padding-bottom: 60px; background-color:ffffff;
}
.clnt .owl-nav{
  display: none;
}
.clnt .owl-dots{
  display: none;
}
footer{
  width: 100%; margin: 0px auto; display: inline-block; padding-top: 80px; background-color: #009fe3;
}
.Ftfrt{
  width: 100%; margin: 0px auto; padding-bottom: 40px;
}
.Ftfrt .fsrt{
  width: 33.33%; float: left;
}
.Ftfrt .fsrt a{
  text-decoration: none; color: #fff; font-size: 16px; line-height: 30px; font-weight: 600;
}
ul.adrS a{
  text-decoration: none; color: #fff; font-size: 16px; line-height: 30px; font-weight: 600;
}
.Ftfrt .scnd{
  width: 33.33%; float: left;
}
.Ftfrt .trd{
  width: 33.33%; float: left;
}
.Ftfrt .trd iframe{
  width: 100%; height: 200px;
}
ul.adrS li{
  margin-bottom: 8px;
}
ul.sclM{
  margin-top: 14px;
}
ul.sclM li{
  float: left; padding-right: 10px; color: #fff; font-size: 16px; line-height: 30px; font-weight: 600; float: left; text-transform: uppercase;
}
ul.adrS li a:hover{
  color: #3d3d3d;
}
ul.adrS .ml a{
  padding-left: 40px; background: url(../images/email-icon_wt.png) no-repeat left;
}
ul.adrS .phn a{
  padding-left: 40px; background: url(../images/phone-icon_wt.png) no-repeat left;
}
ul.adrS .adr{
  padding-left: 40px; background: url(../images/adr_icon.png) no-repeat left 7px;
}
ul.adrS .adr span{
  text-decoration: none; color: #fff; font-size: 16px; line-height: 30px; font-weight: 600; float: left;
}
.Ftfrt .fsrt li{
  margin-bottom: 10px;
}
.Ftfrt .fsrt a:hover{
  color: #3d3d3d;
}
ul.sclM li a:hover{
  opacity: 0.5;
}
.scdFtr{
  width: 100%; margin: 0px auto; border-top: 1px solid #fff;
}
.scdFtr p{
  margin-bottom: 0px; padding: 13px 0px; color: #fff;
}
.rgtHdr ul li.downlb a{
  color: #fff; background-color: #009fe3; padding: 8px 20px;
}
.rgtHdr ul li{
  margin-left: 32px;
}
.inrBnr{
  padding: 78px 0px;
}
.inrBnr h2{
  margin-bottom: 0px; font-size: 40px; color: #3d3d3d; line-height: 50px;
}
section.inrPdt.Innr ul li img{
  border:2px solid #009fe3;
}
.vsms{
  width: 100%; margin: 0px auto; display: inline-block; padding: 90px 0px;
}
.vsms .lft{
  width: 50%; float: left; background-color: #3d3d3d; padding: 28px 34px; min-height:432px;
}
.vsms .tt{
  font-size: 32px; font-weight: 600; line-height: 50px; color: #fff; text-transform: uppercase; margin-bottom: 12px
}
.vsms p{
  margin-bottom: 0px; font-size: 16px; color: #fff; line-height: 28px; font-weight: 300;}
.vsms .rgt{
  width: 50%; float: left; background-color: #009fe3; padding: 28px 34px; min-height: 432px;
}
section.about.innR .lft{
  padding: 124px 0px;

}
.abtcnt ul li{
  position: relative; padding-left: 24px;;
}
.abtcnt ul li::after{
  position: absolute; content: ''; width: 7px; height: 7px; border-radius: 40px; background-color: #009fe3; left: 0px; top: 12px;
}
.inrPdt{
  width:100%; margin: 0px auto; padding: 100px 0px;
}
.inrPdt ul li{
  width: 33.33%; float: left; padding-right: 30px; margin-bottom: 40px;
}
.inrDwn{
  width:100%; margin: 0px auto; padding: 100px 0px;
}
.inrDwn ul li{
  width: 50%; padding-right: 40px; float: left; margin-bottom: 20px;
}
.inrDwn .dnnm{
  float: left;
}
.inrDwn a{
  float: right;
}
.inrDwn .bx{
  border: 1px solid #3d3d3d; display: inline-block; width: 100%; padding: 10px 15px;
}
.cnTsec{
	padding: 90px 0px;
}
.cnTsec h2{
	font-size: 40px; margin-bottom: 30px; line-height: 52px; color: #000; font-weight: 700; text-transform: inherit;
}
.lftSec{
	width: 50%; float: left; padding-right: 50px;
}
.rgtSec{
	width: 50%; float: left; padding-left:35px;
}

.lftCon{
    width:75%; float: left; padding-right: 50px;
  }
.Sidebr{
    width:25%; float: left; padding-left:35px;
}

li.adSl img{
	margin-bottom: 20px; float: left;
}
section.cnTsec ul li{
	line-height: 24px; font-size: 18px; font-weight: 600; padding-bottom: 19px;
}
section.cnTsec ul li a{
	text-decoration: none; color: #3d3d3d;line-height: 24px; font-size: 18px; font-weight: 600;
}
section.cnTsec ul li span{
  line-height: 24px; font-size: 18px; font-weight: 600; padding-bottom: 14px; color: #3d3d3d;
}
section.cnTsec ul li a:hover{
	color: #009fe3;
}
section.cnTsec ul li img{
	padding-right: 13px;
}
.mapSc{
	padding-top: 24px;
}
.mapSc iframe{
	width: 100%; height: 250px;
}
.rgtSec form{
	padding: 40px; background-color: #009fe3;
}
.cntfrm input[type="text"], input[type="tel"], input[type="phone"], input[type="email"], select{
	background-color: transparent; height: 45px;
}
.cntfrm textarea{
	background-color: transparent; height: 75px;
}
.rgtSec label{
	font-size: 16px; color: #fff; padding-bottom: 2px;
}
.rgtSec small{
	color: #fff;
}
.rgtSec input[type="text"], input[type="email"], textarea, select{
	border-radius: 0px !important; color: #fff; font-size: 16px;
}
.rgtSec button{
	padding: 13px 35px; transition: all 0.4s; border: 2px solid #fff; background-color: transparent; text-transform: uppercase; margin-top: 12px; font-size: 16px; color:#fff; font-weight: 600;
}
.rgtSec button:hover{
	background-color: #fff; color:#000; transition: all 0.4s;
}
.lftSec li.ml a{
  padding-left: 40px; background: url(../images/email-icon.png) no-repeat left;
}
.lftSec li.phn a{
  padding-left: 40px; background: url(../images/phone-icon.png) no-repeat left;
}
.lftSec li.adr{
  padding-left: 40px; background: url(../images/adr_icon_bl.png) no-repeat left 4px;
}
.lftSec li.adr span{
  float: left;
}
@media only screen and (max-width:1024px){
  .arlg{
    max-width: 170px;
  }
  .logo{
    max-width: 170px;
  }
  .rgtHdr ul {
    padding-top: 12px;
  }
  .banner .item {
    padding-top: 118px;
    padding-bottom: 80px;
  }
  .bnrBx .tt {
    font-size: 32px;
    line-height: 36px;
  }
  .bnrBx{
    max-width: 566px;
  }
  .abtbx {
    width: 100%;
  }
  .abtcnt{
    width: 100%; padding:50px 32px;
  }
  .abtcnt p {
    line-height: 30px;
  }
  .vsms .lft{
    width: 100%; min-height: auto;
  }
  .vsms .rgt{
    width: 100%;min-height: auto;
  }
  .inrPdt ul li{
    width: 50%;
  }
}
@media only screen and (max-width:874px){
  .arlg{
    display: none;
  }
  .menu-wrapper{
    position: relative;
  }
  .menu{
    float: right; padding-bottom: 8px;
  }
  .menu > ul > li{
    padding: 0px;
  }
  .menu > ul > li a{
    padding: 19px 22px;
  }
  .hamburger-menu.animate{
    background-color: transparent;
  }
  .about .lft{
    width: 100%;padding: 100px 0px;
  }
  .about .rgt{
    width: 100%;
  }
  .Ftfrt .fsrt, .Ftfrt .scnd, .Ftfrt .trd{
    width: 100%; margin-bottom: 24px;
  }
  .pdtnm{
    padding: 12px 14px;
  }
  .inrDwn ul li{
    width: 100%; padding-right: 0px;
  }
  .lftSec{
    width: 100%; padding-right: 0px;
  }
  .rgtSec{
    width: 100%; padding-left: 0px; margin-top: 40px; display: inline-block;
  }

  .lftCon{
    width: 100%; padding-right: 0px;
  }
  .Sidebr{
    width: 100%; padding-left: 0px; margin-top: 40px; display: inline-block;
  }
}
@media only screen and (max-width:640px){
  .rgtHdr{
    width: 100%; display: inline-block; padding-top: 10px;
  }
  .rgtHdr ul li{
    margin-left: 0px; 
  }
  .rgtHdr ul li.email{
    float: right;
  }
  .banner .item {
    padding-top: 76px;
    padding-bottom: 60px;
  }
  header {
    padding-top: 12px;
  }
  .bnrBx .tt {
    font-size: 26px;
    line-height: 30px;
  }
  .bxW {
    padding: 25px;
  }
  .inrPdt ul li{
    width: 100%; padding-right: 0px;
  }
  .inrBnr {
    padding: 50px 0px;
  }
  .inrBnr h2 {
    font-size: 32px;
    line-height: 40px;
  }
  .menu .show-on-mobile{
    top: 183px;
  }
  .abtbx{
    padding: 38px 32px;
  }
  .about .lft {
    padding: 70px 0px;
  }
  .pdtSc {
    padding-top: 60px;
    padding-bottom: 96px;
  }
  .abtbx h1, .pdtSc .tt {
    font-size: 32px;
    line-height: 32px;
  }
  .abtcnt {
    padding: 38px 16px;
  }
  .vsms {
    padding: 58px 0px;
  }
  .vsms .lft, .vsms .rgt {
    padding: 24px 20px;
  }
  .vsms .tt {
    font-size: 26px;
    line-height: 34px;
  }
  .inrPdt {
    padding: 70px 0px;
  }
  .inrDwn {
    padding: 70px 0px;
  }
  .cnTsec {
    padding: 60px 0px;
  }
  .rgtSec form {
    padding: 12px;
  }
}
@media only screen and (max-width:480px){
  .rgtHdr {
    display: none;
  }
  .bnrBx .tt {
    font-size: 22px;
    line-height: 26px;
  }
  .bnrBx p {
    font-size: 18px;
    line-height: 24px;
  }
  .bxW {
    padding: 10px;
  }
  .menu .show-on-mobile {
    top: 130px;
  }
}
.pdtttl{ text-decoration:none !important; font-weight:bold; text-align:center; }
.product_a{ box-shadow:0px 2px 2px 2px #c1b7b7; display:block; padding-top:10px; }
.Sidebr ul{ list-style:circle; margin-left:15px;}
.Sidebr ul li{ float:left; width:100%; padding:5px 0px; margin:0px; font-weight:bold; }
.Sidebr ul li a{ font-weight:bold; text-decoration:none; }
.Sidebr ul li a:hover{ text-decoration:underline; }
.product_img{ max-width:100%; width:auto; margin-bottom:10px; border:solid 1px #ccc; padding:10px; }