* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
body, html { height: 100%;margin: 0px; padding: 0px; font-weight:400;  font-size:13px;color:#000000;font-family: 'Quicksand Condensed', sans-serif;}
a img { border:none; text-decoration:none; outline:none;color:#0065d1;}
a { -moz-transition: all 0.6s ease-in;   -webkit-transition: all 0.6s ease-in;   -o-transition: all 0.6s ease-in;   transition: all 0.6s ease-in;}
p {font-size: 15px;line-height: 30px; font-weight:300; color:#666666;}
.clear {clear:both;height: 0px;}
img {max-width:100%; height:auto;}
.over-f{ overflow:hidden;}
.brdr{ border:#f00 1px solid; min-height:50px;}

#preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: #fff;z-index: 999999;height: 100%;}
#status {position: absolute;left: 50%;top: 50%;width: 64px;height: 64px;margin: -32px 0 0 -32px;padding: 0;}
.wrapper{width:90%; max-width:1400px; height:auto;  margin:0 auto;}
header { width:100%; top:80px; position:absolute; left:0px; z-index:999;}
.top_fix { padding-bottom:5px; padding-top:0px; width: 100%; position:fixed; z-index:99999; background: #fff; top:0px;box-shadow: 0px 0px 6px 1px #CFCFCF;-webkit-box-shadow: 0px 0px 6px 1px #CFCFCF;
-moz-box-shadow: 0px 0px 6px 1px #CFCFCF;-o-box-shadow: 0px 0px 6px 1px #CFCFCF;}
.top_fix .logo img { width:75px; margin-top:0px;}
.top_fix .menu-left{margin-top:38px;}
.top_fix nav { margin-top:5px;}
.top_fix .right_menu {margin-top:38px;}
nav { width:40%; float:left; margin-top:60px;}
nav ul  { float:right;}
nav ul li { float:left; margin-left:50px;}
nav ul li a { color:#000; font-weight:600; font-size:17px; text-decoration:none; overflow:hidden;}
nav .logo-a{ height:auto;  display:inline-block; width:120px; margin:0 50px 0 65px; position:relative; z-index:999999999;}
header .logo { width:20%; float:left; text-align:center;}
header .logo img{ width:100%;}
header .right_menu { width:42%; float:left;margin-top:60px;}
header .right_menu ul li { float:left; margin-right:50px;}
header .right_menu ul li a {color:#318fce; font-weight:600; font-size:17px; text-decoration:none;}
header .right_menu ul li .fa { margin-top:4px; margin-right:5px;}
header .right_menu p { color:inherit; display:inline-block;font-weight:600;}

.banner{ width:100%; height:auto; position:relative; overflow:hidden;}
.banner .bnr-img{ min-width:800px;}
.banner img { width:100%; height:auto;  }
.banner .banner_txt { position:absolute; width:100%; top:38%; z-index:999; text-align:center; font-size:60px; color:#333333;}
.banner h2 {font-weight:300; font-size:60px; color:#333333; line-height:60px; margin-bottom:0px;}
.banner h2 span { display:block;}
.banner h2 .f1 { color:#f00000; text-shadow:1px 1px #fff; font-size:1.1em}
.banner .icon_bx { display:inline-block; margin:0px 3%;}
.banner .icon_bx img { width:auto; display:inline-block;}
.banner .icon_bx span { color:#444444; font-weight:300; font-size:24px; margin-top:12px; margin-left:10px; display:inline-block;}
.banner::after0 { width:100%; height:62px; background:url(../images/shape1.png) no-repeat center top;position:absolute; left:0; bottom:0px; z-index:9990; content: " "; }

.block1 {width:100%; float:left; height:auto; margin-top:-61px; position:relative; z-index:999; background:#ebebeb; padding-bottom:85px}
.block1 .about { width:50%; float:left;}
.block1 .testimo { width:50%; float:left;}
.block1 .testimo p { font-style:italic;}
.block1 .testimo .clent { color:#0065d1; display:inline-block; margin-top:20px;font-weight:600;}
.block1 .wrap1 { float:right; width:90%; max-width:700px;padding-top:120px; padding-right:5%;}
.block1 .wrap2 { float:left; width:90%; max-width:700px;padding-top:120px;  padding-left:7%;}
.block1 .title { font-size:48px; font-weight:400; color:#444444; margin-bottom:10px;}
.block1 .title span { line-height:35px; margin-left:6px; display:inline-block;}
.block1  a { display:inline-block; color:#0065d1; font-weight:600; margin-top:15px; font-style:italic; font-size:16px; text-decoration:none;}
.block1  a:hover { text-decoration:underline;}
.bnrsbtxt{ color:#000; padding:15px 25px; font-size:0.6em;text-shadow: 1px 1px #fff;}

.service_blk {width:100%; float:left; padding:115px 0px;}
.service_blk .service_box { width:100%; float:left;}
.service_blk .service_box .ser_img { width:32%; float:left;overflow: hidden; border:solid 1px #0065d1; }
.service_blk .service_box .ser_info { width:52%; float:left; margin-left:5%;}
.service_blk .service_box h4 { color:#0065d1; font-weight:600; font-size:24px; margin-bottom:10px; margin-top:5px;}
.service_blk .service_box h4 span {color:#c81c5e;}
.service_blk .service_box p { font-size:15px; line-height:25px;}
.service_blk .service_box p a{ text-align:left; color:#c81c5e; display:block; text-decoration:none; margin-top:10px;}

.contact {width:100%; float:left; background-color:#fff; padding-top:80px; position:relative;  }
.contact .wrapper { position:relative;padding-bottom:50px;min-height:450px;}
.contact h2 { font-size:48px; font-weight:400; color:#333333; line-height:26px; margin-bottom:60px; text-align:center;}
.contact .contact_address { width:34%; float:left; }
.contact .contact_address h4 {color:#333333; font-weight:600; font-size:18px; margin-bottom:15px;}
.contact .contact_address p {color:#666666;}
.contact .contact_form { width:34%; position:absolute; left:0px; right:0px; margin-left:auto; margin-right:auto;}
.contact .contact_form .txtbox1 { width:98%; height:50px; border:solid 1px #c0babc; font-size:16px; color:#666666; margin-bottom:15px; background-color:transparent; padding-left:15px;}
.contact .contact_form .btn_blk { text-align:center; margin-top:25px;}
.contact .contact_form .btn { padding:15px 30px; color:#FFF; background-color:#0065d1; font-size:16px; font-weight:600;-webkit-border-radius: 30px;  -moz-border-radius: 30px;  border-radius: 30px; cursor:pointer;}
.contact .contact_info { float:right; color:#666666; line-height:18px;  font-size:16px; color:#666666; }
.contact .contact_info .phone { margin-bottom:15px;}
.contact .contact_info .fax {margin-bottom:15px;}
.contact .contact_info .mail { color:#0065d1;}
.contact .contact_info .fa {color:#0065d1; margin-right:10px;}
.contact .ico_phone { position:absolute; left:-700px; bottom:0px;}
.contact::after { width:100%; height:107px;}
#map {width: 100%; height:250px; float:left;}

footer {width:100%; float:left; background-color:#fff; padding:8px 0px; border-top:solid 4px #0065d1}
footer .footer_logo { float:left; }
footer .footer_menu { float:left; width:280px; margin-left:70px; }
footer .footer_menu li { width:50%; float:left; margin-top:10px;}
footer .footer_menu a { font-size:13px; color:#6d6d6d; text-decoration:none; }
footer .footer_menu a:hover { color:#0065d1;}
footer .footer_right { float:right; text-align:right;}
footer .copyright { font-size:13px; color:#999999; margin-bottom:25px;}
footer .social a { width:32px; height:32px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; border:solid 2px #444444; display:inline-block; margin-left:6px; text-align:center;
 padding-top:3px; color:#444444; font-size:15px;}
footer .social a:hover { background-color:#0065d1; color:#FFF; border:solid 2px #0065d1;}

.projects { width:100%; float:left; position:relative;}
.projects img { width:100%; height:auto;}
.projects .row { position:relative;width:100%; float:left; overflow:hidden;}
.projects .col1 { width:50%; float:left; position:relative; overflow:hidden;}
.projects .col2 { width:25%; float:left;position:relative;overflow:hidden;}
.projects .col3 { width:37.5%; float:left;position:relative;overflow:hidden;}
.projects .ml37 { margin-left:25%;}
.projects .col{ overflow:hidden;}
.projects .col i{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:9; overflow:hidden;}
.projects .col img{ width:100%; display:block; float:left;}
.projects .col_fl { width:25%; float:left;position:absolute;overflow:hidden; top:0px; left:37.5%;}
.projects h4 { color: #333333; font-weight: 600; font-size: 18px;  margin-bottom: 10px;  margin-top: 10%;}
.projects p{color: #666; font-weight: 400; font-size: 14px; line-height:normal; }
.projects .cont_box { padding:40px;}
.projects .cont_box .btn { padding:15px 30px; color:#FFF; background-color:#0065d1; font-size:15px; font-weight:600;-webkit-border-radius: 30px;  -moz-border-radius: 30px;  border-radius: 30px; text-decoration:none; margin-top:30px; display:inline-block;}
.projects .over_box {width:90%; margin:0px auto; padding-bottom:20px; left:0px; right:0px; background: rgba(0, 0, 0, .5);  position: absolute;  display: none; bottom: 50px;  color: #FFF; cursor: pointer; z-index:9999;}
.projects .over_box p { color:#FFF; padding:25px; border-bottom:solid 1px #FFF;}
.projects .col1:hover .over_box, 
.projects .col2:hover .over_box, 
.projects .col3:hover .over_box {display:block; -webkit-animation: fadeInUp 400ms; animation: fadeInUp 400ms;}
.page_bar { width:100%; height:1px; position:absolute; top:-110px; left:0px;}


.srvs-d header{ padding:20px 0 20px 0; top:0; background:rgba(255,255,255,0.7);}
.srvs-d header nav{ margin:0;}
.srvs-d .top_fix{ background:#fff; z-index:999;}

.container-fluid{ width:100%; height: auto; float:left;}
.srvs-d .section-1{ background:url(../images/srvs-s1-bg.jpg) center top no-repeat; background-size:cover; padding:50px 0;}
.srvs-d .section-1 .wrapper{ background:#fff; padding:30px}
.srvs-d .section-1 .tab{ width:100%;}
.srvs-d .section-1 .content h1{ font-size:36px; font-weight:500; color:#333333; margin-bottom:20px;}
.srvs-d .section-1 .content h1 span{ color:#c81c5e; border-bottom:#c81c5e 2px solid; padding-bottom:10px; }
.srvs-d .section-1 .content .image-box{ width:100%; height:auto; margin:20px 0 30px 0; overflow:hidden; float:left;}
.srvs-d .section-1 .content p{ float:left;}
.prdsrvchd{text-align:center; margin-bottom:50px; font-size:2.2em; font-weight:600}
.ftrbt{text-align:center; }