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


@font-face {
    font-family:Verdana, Geneva, sans-serif;
    src: url('../font/aller_rg.eot');
    src: url('../font/aller_rg.eot') format('embedded-opentype'),
         url('../font/aller_rg.woff') format('woff'),
         url('../font/aller_rg.ttf') format('truetype'),
         url('../font/aller_rg.svg#AllerRegular') format('svg');
}







div, img{border:none; font-family:Verdana, Geneva, sans-serif}


body{margin:0px; padding:0px;}

.header{width:1000px; height:auto; margin:0 auto;}
.headerr{width:100%; height:auto; background:#fcfcfc; padding:0;}


.clear{clear:both;}


.logo{width:250px; height:75px; padding:5px 0 0 0; float:left;}
.logo img{height:70px; float:left;}

.menu{width:700px; height:55px;  margin:20px 0 0 0; float:right;}
.menu ul{margin:0px; padding:0px;}
.menu ul li{float:left; list-style:none; border-right: solid 1px #e2e2e2;   }
.menu ul li a{font-family:Verdana, Geneva, sans-serif; font-size:17px; line-height:45px; text-align:center; text-decoration:none; text-transform:none; color:#808080; display:block; padding:0 16px;}
.menu ul li a:hover{color:#808080; text-decoration:underline;}

#menuactv{color:#fff; background:#5573ac;}
#menuactv:hover{text-decoration:none;}


.banner{width:100%; height:auto; padding:0; overflow:hidden;}



.main{width:1000px; height:auto; margin:0 auto;}
.main h1{font-family:'Roboto', sans-serif; font-size:35px; padding:50px 0 0 0; text-align:center; color:#000; line-height:15px; font-weight:300;}

.product{width:320px; height:150px; background:#5573ac; margin:12px 0 0 10px; float:left;}
.product a{text-decoration:none; color:#FFF;}
.producttext{width:300px; height:15px; font-family:Verdana, Geneva, sans-serif; font-size:28px; color:#fffcfa; padding:12px 0 0 0; text-align:left; text-shadow:2px 1px 2px #333;}
.productmidtab{width:310px; height:60px; background:#b4c2db; font-family:Verdana, Geneva, sans-serif; font-size:16px; color:#00358c; text-align:left; padding:12px 0 0 10px; margin:30px 0 0 0; line-height:25px;}




.clientlogin{width:320px; height:150px; background:#d4d4d4; margin:12px 0 0 10px; float:left;}
.clientlogintext{width:300px; height:15px; font-family:Verdana, Geneva, sans-serif; font-size:28px; color:#fffcfa; padding:12px 0 0 0; text-align:left; text-shadow:2px 1px 3px #666; position:relative;}

.clientlogintext input{position:absolute; right:-18px; top:3px;}
.clientloginmidtab{width:320px; height:65px; font-family:Verdana, Geneva, sans-serif; font-size:17px; color:#305aa1; font-weight:bold; text-align:left; padding:0 0 0 10px; margin:30px 0 0 0; line-height:25px;}

.reseinqfield{width:280px !important; height:30px; padding:0 8px; border-radius:0px; border:solid 1px #ccc; outline:none; color:#666; outline:none; margin:0 0 10px 0;}

.subbtn{width:27px; height:27px; background:url(../images/subbtn.png) no-repeat; float:right; margin:14px 17px 0 0; outline:none; cursor:pointer; border:none;}


.footer{width:1000px; height:auto; margin:0 auto;}
.footerleft{width:450px; height:auto; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#868789; float:left; line-height:25px; padding:3px 0 0 0;}
.footerleft img{height:25px; padding:0 0 0 0px; float:left;}


.footerright{width:340px; height:auto; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#868789; line-height:15px; float:right; text-align:right; padding:0 8px 0 0;}
.footerright a{text-decoration:none; color:#868789; text-align:right;}
.footerright i{margin:0 8px 0 0; padding:0; line-height:28px; font-size:1.5em !important;}
.footerright img{ float:right;}




.contactmain{width:100%; height:70px; background:#7d7e7f; margin-top:-5px;}
.contacttext{width:990px; height:auto; font-family:Verdana, Geneva, sans-serif; font-size:40px; font-weight:bold; color:#ffffff; text-align:left; padding:15px 0 0 8px;}
.productstext{width:990px; height:auto; font-family:Verdana, Geneva, sans-serif; font-size:30px; color:#fff; text-align:left; padding:15px 0 0 8px; margin:0 auto;}

.contacttsimpletext{width:995px; height:40px; font-family:Verdana, Geneva, sans-serif; font-size:17px; color:#646464; text-align:left; padding:0 0 0 5px; border-bottom:solid 3px #e8e8e8; margin:5px auto 0 auto; line-height:40px;}

.contactfildmain{width:1000px; height:auto; margin:5px auto 0 auto; border:none;}
.contactfild{font-family:Verdana, Geneva, sans-serif; font-size:16px; color:#646464; text-align:right; border:none;}



.officename{width:170px; line-height:35px; height:35px; background:#f0f0f0; font-family:Verdana, Geneva, sans-serif; font-size:18px; color:#656565; text-align:left; padding:0 0 0 10px; margin:10px 0 0 20px;}
.officedtails{width:170px; height:55px; font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#010101; line-height:22px; text-align:left; padding:10px 0 60px 25px;}
.officedtails a{text-decoration:none; color:#010101; font-size:13px; line-height:35px;}


.productsmain{width:1000px; height:auto; margin:15px auto 0 auto; font-family:Verdana, Geneva, sans-serif;}
.productsmidtab{width:300px; height:auto; float:left; margin:0 23px 0 10px;}
.productsmidtab img{width:290px}
.productsmidtab h1{ font-size:24px; font-weight:normal; color:#868f98; text-align:left; padding:0 0 0 5px; margin:10px 0 0 0; height:32px;}
.productsmidtab ul{margin:0; padding:0;}
.productsmidtab ul li{float:left; width:140px; text-align:left; list-style:none; color:#646464; font-size:15px; margin:4px 0; padding:0 0 0 10px;}


.footbg{width:100%; height:auto; background:#f8f8f8; padding:1px 0; margin:20px 0 0 0; position:fixed; left:0; bottom:0;}


.marginbtn{width:100%; height:1px; margin:60px 0 0 0;}



.about{width:970px; height:auto; margin:15px auto 0 auto;font-family:Verdana, Geneva, sans-serif; text-align:justify; line-height:20px; font-size:13px; padding:0 20px 0 10px}
.about strong{color:#014c80;}


.abboxmain{width:950px; height:100px; position:relative; margin:25px 0;}
.leftabox{width:100px; height:100px; position:absolute; left:0; z-index:999;}
.leftabox img{width:100px;}
.rghtabox{width:820px; height:100px; position:absolute; right:0; box-shadow:0 0 4px #CCC; background:#FFF; padding:5px 15px 5px 50px}


.leftabox1{width:820px; height:100px; position:absolute; left:10px; box-shadow:0 0 4px #CCC; background:#FFF; padding:5px 50px 5px 15px}
.leftabox1 img{width:100px;}
.rghtabox1{width:100px; height:100px; position:absolute; right:-10px; z-index:999;}


#slider{position:absolute;width:1400px;left:50%;margin-left:-700px;overflow:hidden;}
#slider .slider {width:1400px;}
#slider .items {display:none}

#slider .slider .prev, #slider .slider .next{display:block;position:absolute;width:59px;height:112px;top:202px;z-index:999;}
#slider .slider .prev{background: url('../images/prev.png') no-repeat;left:49px;}
#slider .slider .next{background: url('../images/next.png') no-repeat;right:51px;}
#slider .slider .prev:hover, #slider .slider .next:hover{background-position:0 -112px;}

.pag{width:455px;height:50px;position:absolute;left:37.7%;top:330px; margin-left:-349px;z-index:99999999; padding: 8px 10px;}
.pag img{height:42px; border:2px solid #fff; }

.img-pags li{margin-right:5px;}
.img-pags ul{margin:0px; padding:0;}

.pagination li a{display:inline-block;position:relative;}
.pagination li a span span{display:block;position:absolute;left:0;top:0;right:0;bottom:0;border:0px solid transparent;content:"";background-color: rgba(1, 1, 1, 0.4); height:46px !important;}
.pagination li a:hover span span, .pagination li.current a span span{background-color: rgba(1, 1, 1, 0.0);}

.resbar{display:none;}


.cntctfrm{width:40%; height:auto; float:left;}
.cntctaddrs{width:60%; height:auto; float:left;}

.cntctinpt label{float:left; height-height:30px;}
.contactform{width:265px; height:28px; border:solid 1px #e5e5e5; outline:none; outline:none; margin:0; padding:0 5px; float:right;}
.contactarea{width:265px; height:100px; border:solid 1px #e5e5e5; outline:none; outline:none; margin:10px 0 0 10px; padding:5px; resize:none; float:right;}
.cntctinpt{margin:10px 0;}
.capthcainpt{float:left; margin-left:0px; width:70px; margin-right:10px; height:28px; border:solid 1px #e5e5e5; outline:none; padding:0 5px;}
.contactform#nobrdr{border:none;}

.contactsubbtn{width:80px; height:30px; background:#68a570; font-family:Verdana, Geneva, sans-serif; font-size:17px; font-weight:bold; color:#fff; outline:none; cursor:pointer; float:left; margin:0 0 0 8px; border:none;}

.cntctdrlfltlft{float:left;}



@media only screen and (max-width : 767px) {

.header{width:100%; height:auto;}
.menu{display:none;}
.main{width:100%; height:auto;}
.cntermain{width:100%;}

.product{width:90%; height:auto; margin:12px auto 0 auto; float:none; padding:0 5% 10px 5%;}
.producttext{width:100%; padding:12px 0 0 0;}
.productmidtab{width:90%; height:auto; font-size:12px; margin:20px auto 0 auto; line-height:20px; padding:10px 5%;}
.productmidtab#officetab{margin-bottom:60px;}

.clientlogin{width:90%; height:auto; margin:12px auto 0 auto; float:none; padding:0 5% 10px 5%;}
.clientlogintext{width:100%; padding:12px 0 0 0;}

.clientlogintext input{position:absolute; right:-18px; top:3px;}
.clientloginmidtab{width:100%; height:auto; font-size:14px; padding:0; margin:20px 0 0 0;}

.logo {width: 100%; height: auto; padding: 5px 0 0 0; float: none; text-align: center; margin: 0 auto;}
.logo img {float:none;}

.reseinqfield{width:94% !important; padding:0 3%;}
.footer{width:100%;}
.footerleft {width: 100%; float: none; line-height: normal; padding: 3px 0 0 0;}
.footerright{width:100%; line-height:normal; float:none; text-align:left; padding:0 0 0 5px;}
.footerright a{text-align:left;}
.footerright img{ float:none;}
.resbar{display:block; font-size:30px; color:#000 !important; z-index:9999; position:absolute; top:15px; left:10px;}
.resbar img{width:30px; border:solid 2px #5573ac; border-radius:4px; padding:4px;}

.contactmain{height:auto; margin-top:0;}
.productstext{width:95%; font-size:24px; padding:10px 0 10px 5%; margin:0 auto;}
.about{width:90%; padding:0 5%;}
.productsmain{width:100%;}
.productsmidtab{width:100%; height:auto; float:none; margin:0;}
.productsmidtab img{width:100%;}

.contacttsimpletext{width:98%; height:auto; padding:0 0 0 2%; margin:5px auto 0 auto; line-height:normal;}
.contactfildmain{width:100%;}
.cntctfrm{width:100%; float:none;}

.cntctinpt label{float:none; margin-left:5%;}
.contactform{width:86%; padding:0 2%; float:none; margin:2px 15px;}
.contactarea{width:86%; padding:0 2%; float:none; margin:2px 15px;}
.cntctinpt{margin:5px 0;}
.contactsubbtn{width:auto; line-height:20px;}
.officedtails{width:170px; height:auto; font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#010101; line-height:22px; text-align:left; padding:10px 0 10px 25px;}
.officedtails#cntctbtmpdng{padding-bottom:60px;}

}