/*
Theme Name: Genfotech
*/


@charset "utf-8";
@import "https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700";
@import "https://fonts.googleapis.com/css?family=Montserrat:400,700";

*{margin:0;padding:0;outline:none}
html, body{height: 100%; overflow-scrolling: touch; -webkit-overflow-scrolling: touch;}

body{width:100%;background-color:#f0f0f0;color:#000;font-family:'Roboto',Arial,Helvetica,sans-serif;font-weight:300;font-size:15px}

h1,h2,h3{line-height:normal}
tbody{border:none}
.content{padding-top:110px}
.wrapper{width:970px;margin:0 auto;padding:0 15px}
header .wrapper{position:relative}
.h-top{width:100%;background-color:#004152}
.menu{float:left}
.menu ul{list-style-type:none}
.menu ul li{float:left;display:inline}
.menu ul li a{display:block;text-decoration:none;color:#fff;font-size:14px;margin:5px 25px 4px 0}
.menu ul li a:hover{color:#63dcfc}
a{color:#22a9cc;text-decoration:none;-webkit-transition:color 2s;transition:color 2s;-o-transition:color 2s;-moz-transition:color 2s}
a:hover{color:#004152}
.cl{clear:both}
.fl{float:left}
.fr{float:right}
.rlign{text-align:right}
.social{float:right;margin-top:4px}
.social a{margin-left:15px}
.logo{margin-top:17px;float:left;font-size:11px;font-style:italic;text-align:right;letter-spacing:.6px}
.logo a{text-align:right;text-decoration:none;color:#004152}
.logo img{display:block}
.we{float:right;border-left:1px solid #ececec}
.we li{list-style-type:none;display:inline-block}
.we a{height:60px;font-size:15px;border-right:1px solid #ececec;padding:24px 20px 0;transition:none;display:inline-block}
.we a img{vertical-align:middle;margin-right:5px;float:left}
.we a img.weimg{display:inline-block}
.we a img.weimg1{display:none}
.we a:hover img.weimg{display:none}
.we a:hover img.weimg1{display:inline-block}
.we a span{line-height:normal;display:inline-block}
header{background-color:#fff;position:fixed;width:100%;z-index:200;box-shadow:0 1px 3px rgba(0,0,0,0.42);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.42);-o-box-shadow:0 1px 3px rgba(0,0,0,0.42);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.42)}
.f-top{background-color:#00262f;padding:12px 0}
.f-top h2{float:left;font-weight:700;font-size:28px;font-family:"Montserrat",sans-serif;color:#FFF;line-height:50px;letter-spacing:-1px}
.f-main{background-color:#004152}
.fm-col1{width:65%;float:left;padding-top:32px;margin-bottom:20px}
.fm-col2{width:26.7%;float:right;padding-top:32px;margin-bottom:20px}
.fm-col3{width:31%;float:left}
.ftr_row{margin:0 -25px;padding:35px 0 25px}
.ftr_col1{float:left;padding:0 25px;box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;width:24%}
.ftr_col2{float:left;padding:0 25px;box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;width:46.5%}
.ftr_col3{float:left;padding:0 25px;box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;width:29.5%}



.group1{margin-bottom:20px}
.ico-circle{width:73px;height:73px;background-color:#22a9cc;text-align:center;border-radius:37px;-moz-border-radius:37px;-o-border-radius:37px;-webkit-border-radius:37px}
.ico-circle img{vertical-align:middle}
.ic-cir{line-height:69px;float:left;margin-right:8px}
.group1-txt{font-size:20px;color:#22a9cc;line-height:33px;font-weight:500}
.group1-txt big{font-size:42px;color:#65d8f6}
.group1-txt1{font-size:15px;color:#22a9cc;line-height:20px;overflow:hidden}
.group1-txt2{font-size:15px;color:#22a9cc;line-height:22px;font-weight:500}
.group1-txt2 big{font-size:40px;color:#65d8f6}
.socialink{float:left;line-height:82px}
.htnews{background-color:#00262f;color:#c5c5c5;float:right;font-size:14px;padding:11px 15px; margin:10px 0 0; line-height:20px}
.w-map{width:100%;margin-bottom:10px}
.w-map img{width:100%}
.lis1{list-style-type:none}
.lis1 li{color:#d9d9d9;margin-bottom:8px}
.lis1 li a{color:#d9d9d9;}
.lis1 li img.icon{margin-right:5px;vertical-align:middle; float:left}
.lis1 li span{overflow:hidden; display:block; line-height:24px;font-size:14px}
.lis1 li br{height:2px}
.foot{border-top:1px solid #005369;height:47px;line-height:47px;font-size:12px;color:#b3b3b3}
.foot .fr a{color:#b3b3b3;margin-left:20px}
.heading-3{font-size:30px;color:#004152;text-align:center;margin-bottom:5px}
.heading-4{font-size:24px;color:#1298bb;text-align:left;margin-bottom:5px}
.heading-5{font-size:24px;color:#1298bb;text-align:left;margin-bottom:5px}
.heading-7{font-size:28px;font-family:"Montserrat",sans-serif;font-weight:500;color:#0177b7; text-transform:none; border-bottom:1px solid #ececec;padding:0 0 10px;margin-bottom:18px;overflow:hidden;letter-spacing:-2px;line-height:normal}
.heading-8{font-size:22px;font-family:"Montserrat",sans-serif;font-weight:500; text-transform:none; color:#fff;border-bottom:1px solid #005369;padding:0 0 13px;margin-bottom:15px;letter-spacing:-1px}
.heading-9{font-size:34px;font-family:'Montserrat',sans-serif;font-weight:400;color:#fff;border-bottom:1px solid #0d87a7;padding-bottom:7px;margin-bottom:14px;line-height:40px;letter-spacing:-2px;}
.heading-10{font-size:24px;color:#004152;text-align:center;margin-bottom:6px}
.heading-11{font-size:18px;color:#0177b7;margin-bottom:5px}
.heading-12{font-size:18px;color:#000;text-align:left;margin-bottom:10px}
.heading-13{font-size:24px;color:#004152;border-bottom:1px solid #004152;padding:0 0 5px 17px;margin-bottom:5px}
.heading-14{font-family:"Montserrat",sans-serif;font-size:24px;font-weight:400;color:#0177b7;padding:0 0 5px;margin-bottom:7px;letter-spacing:-2px}
.heading-15{border-bottom:1px inset #666;padding-bottom:10px;font-size:18px;color:#000;margin-bottom:15px}
.heading-16{background-color:#63dcfc;color:#fff;height:42px;position:relative;font-size:24px;padding-left:15px;line-height:42px;margin-bottom:20px}
.heading-17{background-color:#22a9cc;color:#fff;height:42px;position:relative;font-size:24px;padding-left:15px;line-height:42px;margin-bottom:20px}
.heading-18{background-color:#004152;color:#fff;height:42px;position:relative;font-size:24px;padding-left:15px;line-height:42px;margin-bottom:20px}
.heading-19{color:#0177b7;padding:14px 0 5px;text-align:center;border-bottom:1px solid #ccc;font-size:34px;font-family:'Montserrat',sans-serif;font-weight:400;text-transform:none;margin-bottom:30px;letter-spacing:-2px}
.heading-20{font-size:22px;color:#0177b7;border-bottom:1px solid #ececec;padding:0 0 5px;margin-bottom:20px;font-family:'Montserrat',sans-serif;font-weight:400;letter-spacing:-2px}
.most-popular{position:absolute;right:4px;top:-19px}
p{padding-bottom:10px;line-height:24px}
.capt-1{font-size:20px;color:#63dcfc;text-align:center;font-family:'Montserrat',sans-serif}
.para-1{color:#464646;text-align:center;margin-bottom:10px;line-height:20px}
.para-2{color:#22a9cc;text-align:left;margin-bottom:10px;line-height:20px}
.para-2a{color:#81e1fa;text-align:left;margin-bottom:10px;line-height:20px}
.para-5{font-size:13px;color:#777;text-align:left;margin-bottom:10px;line-height:19px;text-align:justify;margin-bottom:5px}
.para-5 span{color:#004152;font-size:14px}
.para-6{color:#fff;text-align:left;font-size:13px;line-height:20px;overflow:hidden}
.para-7{font-size:16px;text-align:center;color:#004152;margin-bottom:10px}
.para-8{font-size:18px;text-align:center;color:#000;margin-bottom:10px}
.para-9{font-size:17px;text-align:left;color:#5c5d5d;margin-bottom:5px}
.para-10{text-align:left;color:#5c5d5d;margin-bottom:10px}
.para-11{text-align:left;color:#5c5d5d;margin:18px 0 10px 21px;line-height:26px}
.para-12{text-align:left;margin-bottom:10px;line-height:22px;text-align:justify;margin-right:15px}
.para-13{font-size:16px;text-align:right;color:#004152;margin-bottom:10px}
.lis2{list-style-type:none}
.lis2 li{margin-bottom:36px}
.lis2 p{overflow:hidden;font-size:12px;color:#717171}
.num-bul{display:block;width:32px;height:32px;background-color:#22a9cc;text-align:center;line-height:32px;font-size:18px;color:#fff;float:left;margin-right:12px}
.lis3{list-style-type:none}
.lis3 li{margin-bottom:30px}
.lis3 p{overflow:hidden;font-size:14px;color:#004152;padding-top:5px}
.ico-circle1{display:block;float:left;width:61px;height:61px;background-color:#004152;text-align:center;border-radius:31px;-moz-border-radius:31px;-o-border-radius:31px;-webkit-border-radius:31px;line-height:60px;margin-right:14px}
.ico-circle1 img{vertical-align:middle}
.ico-circle2{display:block;float:left;width:54px;height:54px;background-color:#22a9cc;text-align:center;border-radius:31px;-moz-border-radius:31px;-o-border-radius:31px;-webkit-border-radius:31px;line-height:54px;margin-right:14px;color:#fff;font-size:24px}
.lis4 li{width:45%;float:left}
.lis5{list-style-type:square;color:#22a9cc;margin-left:5%;margin-top:5px;margin-bottom:25px;font-size:14px}
.lis5 li{padding-left:1%;line-height:30px}
.lis6{list-style-type:none}
.lis6 li{display:inline}
.lis7{list-style-type:square;list-style-position:inside;color:#22a9cc}
.lis7 li{border-bottom:1px solid #ececec;padding:5px 0 5px 20px}
.lis7 li a{padding-left:6px}
.lis8{list-style-type:none}
.lis8 li{margin-bottom:30px}
.lis8 li:last-child{margin-bottom:0}
.lis8 p{overflow:hidden;font-size:12px;color:#4e4e4e;padding-top:5px;line-height:18px}
.lis8 h4{color:#303030;font-size:15px}
.lis9{list-style-type:none;margin:15px 0 0;padding-bottom:10px;line-height:25px}
.lis9 li{margin-bottom:10px;background:url(images/tick.png) no-repeat left 7px;padding-left:24px}
.lis10{list-style-type:none;padding-bottom:10px}
.lis10 li{background:url(images/tick.png) no-repeat left 3px;padding-left:24px;padding-bottom:3px}
.lis10 div{margin-left:24px;color:#4e4e4e;margin-bottom:8px}
.hire-us-btn{background:#f57f17 url(images/btn-arr.png) no-repeat 96% center;color:#fff;display:block;text-align:center;text-decoration:none;font-size:20px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;-o-border-radius:20px;line-height:40px;margin:0 15px;margin-top:5px;padding:2px 20px}
.hire-us-btn img{float:right;margin-right:15px;margin-top:5px}
.hire-us-btn:hover{color:#fff}
.red-btn1{font-size:22px;font-weight:300;color:#fff;display:inline-block;background-color:#f57f17;text-align:center;text-decoration:none;text-transform:none;height:50px;line-height:50px;padding:0 22px}
.red-btn1:hover{background-color:#e6730e;text-decoration:none;color:#fff}

.red-btn1-rad { background-color: #000 !important; border: 2px solid #f57f17 !important; }

.btn2{background:#f57f17 url(images/btn-arr.png) no-repeat 96% center;color:#fff;display:inline-block;text-align:center;text-decoration:none;font-size:20px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;-o-border-radius:20px;height:35px;line-height:32px;width:250px;padding:4px 0}
.btn2 img{float:right;margin-right:15px;margin-top:5px}
.btn2:hover{color:#fff;background-color:#e6730e}
.btn3{font-size:16px;color:#fff;text-align:center;margin-right:12px;background-color:#c1c1c1;padding:3px 20px;border-radius:13px;-moz-border-radius:13px;-o-border-radius:13px;-webkit-border-radius:13px}
.btn3:hover{background-color:#004152;color:#fff}
#filters li.active a{background-color:#004152}
.btn4{font-size:18px;font-weight:300;font-family:'Roboto',Arial,Helvetica,sans-serif;text-align:center;display:inline-block;color:#fff;background-color:#004152;padding:7px 20px;text-decoration:none;text-transform:none;margin:10px 0 0;border:none;cursor:pointer;height:auto;line-height:normal;border-radius:0}
input.btn4{padding-top:6px;padding-bottom:6px}
.btn4:hover{background-color:#005368;color:#fff}
.btn6{font-size:20px;text-align:center;display:block;color:#fff;background-color:#004152;padding:5px 20px;text-decoration:none;margin:10px auto;border:none;cursor:pointer}
.btn6:hover{background-color:#005368;color:#fff}
.home-web-application{padding:40px 25px 20px;box-shadow:0 0 5px rgba(190,190,190,0.5);-moz-box-shadow:0 0 5px rgba(190,190,190,0.5);-o-box-shadow:0 0 5px rgba(190,190,190,0.5);-webkit-box-shadow:0 0 5px rgba(190,190,190,0.5);background-color:#fff;margin-bottom:20px;height:300px;display:block}
.home-web-application .title{font-size:30px;color:#004152;text-align:center;margin-bottom:5px}

.home-web-application .txt{color:#464646;text-align:center;margin-bottom:10px;line-height:20px}
.home-cloud-application{padding:40px 25px 20px;box-shadow:0 0 5px rgba(190,190,190,0.5);-moz-box-shadow:0 0 5px rgba(190,190,190,0.5);-o-box-shadow:0 0 5px rgba(190,190,190,0.5);-webkit-box-shadow:0 0 5px rgba(190,190,190,0.5);background:#fff url(images/cloud-application-ico.png) top right no-repeat;margin-bottom:15px;height:116px;display:block}
.home-cloud-application .title{font-size:24px;color:#1298bb;text-align:left;margin-bottom:5px}
.home-cloud-application .txt{color:#22a9cc;text-align:left;margin-bottom:10px;line-height:20px}
.home-mobile-application{padding:35px 25px 17px;box-shadow:0 0 5px rgba(190,190,190,0.5);-moz-box-shadow:0 0 5px rgba(190,190,190,0.5);-o-box-shadow:0 0 5px rgba(190,190,190,0.5);-webkit-box-shadow:0 0 5px rgba(190,190,190,0.5);background-color:#004152;margin-bottom:20px;height:116px;display:block}
.home-mobile-application .title{font-size:24px;color:#63dcfc;text-align:left;margin-bottom:5px}
.home-mobile-application .txt{color:#22a9cc;text-align:left;margin-bottom:10px;line-height:20px}
.home-enterprise-mobility{box-shadow:0 0 5px rgba(190,190,190,0.5);-moz-box-shadow:0 0 5px rgba(190,190,190,0.5);-o-box-shadow:0 0 5px rgba(190,190,190,0.5);-webkit-box-shadow:0 0 5px rgba(190,190,190,0.5);height:150px;display:block;background:#22a9cc url(images/enterprise-mobility.jpg) no-repeat top center;background-size:100%;padding:208px 25px 0}
.home-enterprise-mobility .title{font-size:24px;color:#fff;text-align:left;margin-bottom:5px}
.home-enterprise-mobility .txt{color:#fff;text-align:left;margin-bottom:10px;line-height:20px}
.center-pic{display:block;margin:0 auto 10px;width:53%}
.b-rt-pic{background:url(images/cloud-application-ico.png) top right no-repeat}
.img-box1{float:left;margin-right:15px}
.img1{width:100%;height:auto}
.{width:100%}
.img-box2 { height:344px; background-size:cover}
.img-box2 img{width:100%;max-width:947px; /*height:344px;*/}
.img-box2 img.img-how-it-works{width:100%; height:auto;}
.img-box3{text-align:center;margin:0 auto;margin-bottom:10px;height:80px;line-height:80px}
.img-box3 img{vertical-align:middle}
.img-box4{width:100%;margin-top:10%}
.img-box4 img{width:90%}
.img-box5{width:100%}
.img-box5 img{width:90%}
.img-box6{width:150px;height:130px;float:left;margin-right:20px;line-height:130px;text-align:center;margin-bottom:10px}
.img-box6 img{vertical-align:middle}
.img-box7{width:100%;margin-top:6px;position:relative}
.img-box7 img{width:90%}
.img-box8{width:100%;position:relative; background:#004152; text-align:center; padding:25px 0 18px;}
.img-box8 img{width:auto;display:inline-block; vertical-align:middle;}
.img-box9{width:100%;margin-top:6px;position:relative;text-align:center}
.img-box9 img{width:80%}
.img-box10{width:100%;height:342px;overflow:hidden}
.img-box10 img{height:100%;display:block}
.img-box11{width:100%;height:185px;overflow:hidden;text-align:center}
.img-box11 img{height:100%;display:block}
.img-box12 {width:100%;}
.img-box12 img{width:100%;max-width:947px; /*height:344px;*/}
.image1{float:left;margin-right:22px;margin-bottom:20px}
.image2{float:left;margin-right:16px;vertical-align:text-top;margin-top:24px}
.image3{display:block;width:100%; max-height:162px}
#banner-fade{margin-bottom:40px}
.mar-r2p{margin-right:2%}
.mar-r1p{margin-right:1%}
.mar-b10{margin-bottom:10px}
.mar-b5{margin-bottom:5px}
.mar-b15{margin-bottom:15px}
.mar-b20{margin-bottom:20px}
.mar-b25{margin-bottom:25px}
.mar-b40{margin-bottom:40px}
.mar-r4p{margin-right:4%}
.mar-r5p{margin-right:3%}
.mar-t20{padding-top:20px}
.mar-l25{margin-left:0}
.ht0{height:70px}
.ht1{height:120px;overflow:hidden}
.ht2{height:160px;overflow:hidden;}
.ht3n{height:116px;overflow:hidden}
h2.mar-b5{color:#0177b7;font-family:"Montserrat",sans-serif;font-size:30px;font-weight:400;letter-spacing:-2px;margin-bottom:10px}
h3.heading-10{color:#0177b7;font-size:24px;font-family:"Montserrat",sans-serif;font-size:36px;font-weight:400;letter-spacing:-2px;margin-bottom:6px;text-align:center}
.inner-banner .txt{color:#fff;font-size:14px;font-weight:400;line-height:20px}
.inner-banner .txt p{line-height:22px}
.ht4{height:160px;overflow:hidden}
.ht5{height:163px;overflow:hidden}
.ht4 img,.ht5 img{width:100%;height:100%}
.ht6{height:437px}
.ht7{height:437px}
.col-3{width:32%;float:left}
.col-d3{width:66%;float:left}
.col-4{width:23.5%;float:left}
.col-2{width:49%;float:left}
.col-2x{width:47.959183673469%;float:left}
.col-2m{margin-right:4.0816326530612%}
.ml-spe{margin-right:2%}
.col-2ex{width:46%;padding-right:4%;float:left}
.col-5{width:48%;float:left}
.col-6{width:50%;float:left}
.col-7{width:24.25%;float:left}
.col-8{width:30.3%;float:left;margin-right:3%;margin-bottom:15px}
.col-8 img{width:100%}
.col-d3br{width:64.8%;float:left; border-right:1px solid #ececec; min-height:386px;padding-right:3%}
.col-9{width:36%}
.col-10{float:left;width:53%}
.col-11{float:right;width:45%}
.wht-box{padding:40px 25px 20px;box-shadow:0 0 5px rgba(190,190,190,0.5);-moz-box-shadow:0 0 5px rgba(190,190,190,0.5);-o-box-shadow:0 0 5px rgba(190,190,190,0.5);-webkit-box-shadow:0 0 5px rgba(190,190,190,0.5);background-color:#fff}
.wht-box1{padding:25px 25px 20px;background-color:#fff;line-height:24px}
.green-box{padding:35px 25px 17px;box-shadow:0 0 5px rgba(190,190,190,0.5);-moz-box-shadow:0 0 5px rgba(190,190,190,0.5);-o-box-shadow:0 0 5px rgba(190,190,190,0.5);-webkit-box-shadow:0 0 5px rgba(190,190,190,0.5);background-color:#004152}
.cyan-box{background-color:#22a9cc;box-shadow:0 0 5px rgba(190,190,190,0.5);-moz-box-shadow:0 0 5px rgba(190,190,190,0.5);-o-box-shadow:0 0 5px rgba(190,190,190,0.5);-webkit-box-shadow:0 0 5px rgba(190,190,190,0.5)}
.cyan-box1{padding:23px 25px 20px;box-shadow:0 0 5px rgba(190,190,190,0.5);-moz-box-shadow:0 0 5px rgba(190,190,190,0.5);-o-box-shadow:0 0 5px rgba(190,190,190,0.5);-webkit-box-shadow:0 0 5px rgba(190,190,190,0.5);background-color:#22a9cc;height:301px}
.wht-box2{box-shadow:0 0 5px rgba(190,190,190,0.5);-moz-box-shadow:0 0 5px rgba(190,190,190,0.5);-o-box-shadow:0 0 5px rgba(190,190,190,0.5);-webkit-box-shadow:0 0 5px rgba(190,190,190,0.5);background-color:#fff}
.green-box1{background-color:#004152;color:#fff;padding:27px 14px;text-align:center;width:41.95%;display:table-cell;vertical-align:middle;box-shadow:0 0 5px rgba(190,190,190,0.5);-moz-box-shadow:0 0 5px rgba(190,190,190,0.5);-o-box-shadow:0 0 5px rgba(190,190,190,0.5);-webkit-box-shadow:0 0 5px rgba(190,190,190,0.5);max-height:75px}
.green-box1:nth-child(1){border-right:#f0f0f0 4px solid}
.green-box1:nth-child(2){border-left:#f0f0f0 4px solid}
.bdr-btn-bx{border-bottom:1px solid #ececec;margin:0 0 18px}
.bdr-btn-bx1{border-bottom:1px solid #ececec;margin:18px 0 30px}
.bdr-btn-bx2{border-bottom:1px inset #666;margin:0 0 18px;padding-bottom:10px;min-height:230px;-webkit-flex:1;-ms-flex:1;flex:1}
.f-blue{background-color:#005970}
.f-green{background-color:#004152}
.expg{text-align:center;height:111px;line-height:111px}
.expg img{vertical-align:middle}
.box3{color:#fff;width:47.95%;float:left;box-shadow:0 0 5px rgba(190,190,190,0.5);-moz-box-shadow:0 0 5px rgba(190,190,190,0.5);-o-box-shadow:0 0 5px rgba(190,190,190,0.5);-webkit-box-shadow:0 0 5px rgba(190,190,190,0.5);position:relative}
.box3 img{width:100%;display:block}
.link-box{padding:25px 0}
.link-box1{position:absolute;top:9px;left:9px}
.link-box2{position:absolute;top:9px;right:9px}
.link-box1 span,.link-box2 span{background-color:rgba(255,255,255,0.9);color:#004152;padding:4px 5px;border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-webkiy-border-radius:3px;font-size:12px}
.link-box3{margin-bottom:14px}
.link-box3 span{background-color:#22a9cc;color:#fff;padding:4px 5px;border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-webkiy-border-radius:3px;font-size:12px}
.gray-box{background-color:#f5f5f5;padding:22px 20px;margin-bottom:20px}
.green-box3{background-color:#004152;color:#fff;box-shadow:0 0 5px rgba(190,190,190,0.5);-moz-box-shadow:0 0 5px rgba(190,190,190,0.5);-o-box-shadow:0 0 5px rgba(190,190,190,0.5);-webkit-box-shadow:0 0 5px rgba(190,190,190,0.5)}
.green-box2{background-color:#004152;color:#fff;padding:30px 3%;width:41.95%;display:block;float:left;box-shadow:0 0 5px rgba(190,190,190,0.5);-moz-box-shadow:0 0 5px rgba(190,190,190,0.5);-o-box-shadow:0 0 5px rgba(190,190,190,0.5);-webkit-box-shadow:0 0 5px rgba(190,190,190,0.5)}
.box-services{background-color:#004152;color:#fff;padding:0 3%;width:41.95%;display:block;box-shadow:0 0 5px rgba(190,190,190,0.5);-moz-box-shadow:0 0 5px rgba(190,190,190,0.5);-o-box-shadow:0 0 5px rgba(190,190,190,0.5);-webkit-box-shadow:0 0 5px rgba(190,190,190,0.5);text-align:center;padding-top:111px;height:50px}
.box-services.web-app{background-image:url(images/icon-6.png);background-repeat:no-repeat;background-position:center 37px}
.box-services.cloud-app{background-image:url(images/icon-7.png);background-repeat:no-repeat;background-position:center 30px}
.box-services.mobile-app{background-image:url(images/icon-8.png);background-repeat:no-repeat;background-position:center 24px}
.box-services.digital-app{background-image:url(images/icon-9.png);background-repeat:no-repeat;background-position:center 20px}
.box-services.active{background-color:#fff;box-shadow:none;height:75px}
.box-services.active .capt-1,.box-services.active:hover .capt-1{color:#004152}
.box-services:hover .capt-1{color:#fff}
.box-services.web-app:hover{background-image:url(images/icon-6-hover.png);background-repeat:no-repeat;background-position:center 37px}
.box-services.cloud-app:hover{background-image:url(images/icon-7-hover.png);background-repeat:no-repeat;background-position:center 30px}
.box-services.mobile-app:hover{background-image:url(images/icon-8-hover.png);background-repeat:no-repeat;background-position:center 24px}
.box-services.digital-app:hover{background-image:url(images/icon-9-hover.png);background-repeat:no-repeat;background-position:center 20px}
.box-services.web-app.active{background-image:url(images/icon-6-active.png);background-repeat:no-repeat;background-position:center 37px}
.box-services.cloud-app.active{background-image:url(images/icon-7-active.png);background-repeat:no-repeat;background-position:center 30px}
.box-services.mobile-app.active{background-image:url(images/icon-8-active.png);background-repeat:no-repeat;background-position:center 24px}
.box-services.digital-app.active{background-image:url(images/icon-9-active.png);background-repeat:no-repeat;background-position:center 20px}
.web-applications:hover .img-box3{background:url(images/icon-6-hover.png) no-repeat center center}
.cloud-applications:hover .img-box3{background:url(images/icon-7-hover.png) no-repeat center center}
.mobile-applications:hover .img-box3{background:url(images/icon-8-hover.png) no-repeat center center}
.digital-marketing:hover .img-box3{background:url(images/icon-9-hover.png) no-repeat center center}
.digital-marketing:hover .capt-1,.cloud-applications:hover .capt-1,.mobile-applications:hover .capt-1,.web-applications:hover .capt-1{color:#fff}
.inner-banner{height:365px}
.play{color:#fff;position:absolute;right:15%;bottom:6%;padding:5px 9px 5px 30px;border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-webkiy-border-radius:3px;font-size:13px;text-decoration:none;background:#22a9cc url(images/play-ico.png) 8px center no-repeat}
.play:hover{background-color:#1e94b6}
.play1{color:#fff;position:absolute;left:90px;bottom:12px;padding:5px 9px 5px 30px;border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-webkiy-border-radius:3px;font-size:13px;text-decoration:none;background:#22a9cc url(images/play-ico.png) 8px center no-repeat}
.play1:hover{background-color:#1e94b6}
.tbl1{width:100%;border-collapse:collapse;border:1px solid #fff;font-size:13px;margin-bottom:20px}
.tbl1 tr td{border:1px dashed #ececec;padding:20px;line-height:20px}
.tbl2{width:100%;border-collapse:collapse;border:none;font-size:14px;margin-bottom:20px;text-align:center}
.tbl2 tr td{padding:20px 30px;line-height:22px;text-align:center}
.tbl3{width:100%;border-collapse:collapse;border:none;font-size:14px;margin-bottom:10px;margin-top:5px;color:#777;font-size:13px;text-align:left}
.tbl3 p{line-height:normal}
.tbl3 tr{border-bottom:1px solid #ececec}
.tbl3 tr td{padding-top:10px}
.tbl3 tr td:first-child{padding-left:10px}
.tbl3 tr td big{font-size:14px;font-size:13px;font-style:italic}
.tbl3 tr td big span{color:#004152}
.bdr-right{border-right:1px solid #ececec}
.txt-holder{overflow:hidden}
.txt-holder1{padding:15px 25px}
.txt-holder2{padding:15px 25px}
.quote{background:url(images/open-quote.png) no-repeat left top;padding-left:35px;color:#004152;font-size:17px;line-height:21px;text-align:left}
.quote img{float:right;margin-left:5px;vertical-align:text-bottom}
.quote1{background:url(images/open-quote.png) no-repeat left top;padding-left:35px;color:#fff;font-size:13px;text-align:left}
.quote1 img{float:right;margin-left:5px;vertical-align:text-bottom}
.quote1 span{color:#22a9cc;margin-bottom:5px;display:inline-block}
.quote1 p{line-height:20px}
.quote2{background:url(images/open-quote-gray.png) no-repeat left top;padding-top:16px;padding-left:50px}
.quote2-in{background:url(images/close-quote-gray.png) no-repeat right bottom;padding-right:60px}
.quote2 span{color:#22a9cc}
.technologies{width:100%;background-color:#004152;padding:10px 0;text-align:center;margin-bottom:30px}
.technologies span,.technologies a{display:inline-block;margin:14px 1.5%}
.technologies a img,.technologies span img{vertical-align:middle;width:80%}
.techbox-cyan{background-color:#22a9cc;box-shadow:0 0 5px rgba(190,190,190,0.5);-moz-box-shadow:0 0 5px rgba(190,190,190,0.5);-o-box-shadow:0 0 5px rgba(190,190,190,0.5);-webkit-box-shadow:0 0 5px rgba(190,190,190,0.5);width:100%;color:#fff;margin-bottom:20px}
.techbox-white{background-color:#fff;box-shadow:0 0 5px rgba(190,190,190,0.5);-moz-box-shadow:0 0 5px rgba(190,190,190,0.5);-o-box-shadow:0 0 5px rgba(190,190,190,0.5);-webkit-box-shadow:0 0 5px rgba(190,190,190,0.5);width:100%;color:#004152;margin-bottom:20px}
.techbox-gre{background-color:#004152;box-shadow:0 0 5px rgba(190,190,190,0.5);-moz-box-shadow:0 0 5px rgba(190,190,190,0.5);-o-box-shadow:0 0 5px rgba(190,190,190,0.5);-webkit-box-shadow:0 0 5px rgba(190,190,190,0.5);width:100%;color:#fff;margin-bottom:20px}
.techbox-cyan .txt,.techbox-white .txt,.techbox-gre .txt{font-size:13px;line-height:22px;text-align:center}
.tpic-box{width:100%;position:relative}
.tpic-box img{display:block;width:100%}
.ttitle-box{width:100%;position:absolute;background:url(images/cyan-tran-bg.png) no-repeat;background-size:100% 51px;height:51px;bottom:0;text-align:center;z-index:100}
.ttitle-box-wht{width:100%;position:absolute;background:url(images/white-tran-bg.png) no-repeat;background-size:100% 51px;height:51px;bottom:0;text-align:center;z-index:100}
.ttitle-box-gre{width:100%;position:absolute;background:url(images/green-tran-bg.png) no-repeat;background-size:100% 51px;height:51px;bottom:0;text-align:center;z-index:100}
.ttitle-box h3{background-color:rgba(34,169,204,0.8);border-radius:8px;width:77%;margin:0 auto;height:42px;line-height:42px;font-size:18px;color:#fff;letter-spacing:1px}
.ttitle-box-wht h3{background-color:rgba(255,255,255,0.8);border-radius:8px;width:77%;margin:0 auto;height:42px;line-height:42px;font-size:18px;color:#004152;letter-spacing:1px}
.ttitle-box-gre h3{background-color:rgba(0,65,82,0.8);border-radius:8px;width:77%;margin:0 auto;height:42px;line-height:42px;font-size:18px;color:#fff;letter-spacing:1px}
.ttxt-box{padding:20px}
.ttxt-box h5{font-size:14px;margin-bottom:4px;text-align:center}
.dthumb{width:31%;float:left;text-align:center;margin:5px 1% 15px}
.dthumb img{margin-bottom:6px;vertical-align:middle}
.dthumb p{font-size:14px;font-weight:400;color:#22a9cc;text-align:center;height:33px;line-height:17px}
.prtnr{margin-top:30px;text-align:center;margin-bottom:20px}
.l-box{display:inline-block;vertical-align:middle}
.l-box img{width:100%}
.bearing{width:14.2%}
.codeplus{width:16.5%}
.raymond{width:9.9%}
.standard{width:10.7%}
.premiers{width:10.4%}
.michelin{width:13.6%}
.banner-slide1 img{display:block;width:100%}
.statics{margin-top:40px;margin-bottom:10px}
.ic-cir1{margin:0 auto;height:73px;line-height:73px;display:inline-block;margin-bottom:15px}
.accor{list-style-type:none}
.accor li{overflow:hidden}
.accor-head{background:url(images/accor-btn-close.jpg) right bottom no-repeat;cursor:pointer}
.accor .active{background:url(images/accor-btn-open.jpg) right bottom no-repeat;cursor:pointer}
.accor-content{display:none}
.lbl1{font-size:16px;color:#909090;display:block;margin-bottom:3px}
.lbl1 span{color:red}
.inpu-1{height:30px;width:60%;min-width:190px;margin-bottom:1px;border:1px inset #aeaeae;height:30px;padding-left:4px;color:#5f6063}
.slc{height:30px;width:61%;min-width:190px;margin-bottom:1px;height:30px;padding:5px;color:#5f6063}
.slc option{border-right:1px solid #aeaeae;padding:5px}
.txtera{width:60%;min-width:190px;margin-bottom:1px;border:1px inset #aeaeae;height:30px;padding:4px 0 0 4px;color:#5f6063;min-height:150px}
.inpu-4{height:30px;width:80%;min-width:190px;margin-bottom:1px;height:30px;padding-left:4px;color:#5f6063}
.slc4{height:30px;width:81%;min-width:190px;margin-bottom:1px;border:1px inset #aeaeae;height:30px;padding:5px;color:#5f6063}
.slc4 option{border-right:1px solid #aeaeae;padding:5px}
.txtera3{width:80%;min-width:190px;margin-bottom:1px;height:30px;padding:4px 0 0 4px;color:#5f6063;min-height:108px}
.req-qoute{position:fixed;right:0;top:120px;z-index:200}
.rq-tab{width:73px;height:223px;float:left;cursor:pointer;box-shadow:-3px 0 3px rgba(0,0,0,.36);-webkit-box-shadow:-3px 0 3px rgba(0,0,0,.36);-o-box-shadow:-3px 0 3px rgba(0,0,0,.36);-moz-box-shadow:-3px 0 3px rgba(0,0,0,.36);z-index:150;position:relative;background:#f18f0a url(images/request-quote-tab.jpg) no-repeat}
.rq-tab:hover{background:#f18f0a url(images/request-quote-tab-hover.jpg) no-repeat}
.rq-tab img{display:block}
.rq-content{background-color:#fff;width:400px;float:left;display:none;box-shadow:-3px 0 3px rgba(0,0,0,.36);position:relative;z-index:100}
.rq-form{padding:20px 20px 5px;overflow:auto}
.rq-formin{overflow:auto}
.inpu-2{width:90%;padding-left:5px;color:#5c5d5d}
.slc1{height:33px;width:94%;padding:2px;color:#333;background:#f6f6f6;border:#ddd 1px solid}
.slc1 option{padding:2px}
.txtera1{width:92%;height:100px;color:#5c5d5d}
.slc3{width:100%;border:1px inset #898a8c;height:30px;padding:5px}
.slc3 option{padding:5px}
.m-menu{display:none}
.inpu-3{height:30px;width:94%;min-width:190px;height:30px;padding-left:4px;margin-left:5%;color:#5f6063}
.slc2{height:30px;width:95.5%;min-width:190px;margin-bottom:1px;height:30px;padding:5px;margin-left:5%;color:#656565}
.slc2 select{border:none}
.slc2 option{border-right:1px solid #aeaeae;padding:5px;color:#000}
.txtera2{width:94%;min-width:190px;margin-bottom:1px;height:30px;padding:4px 0 0 4px;min-height:150px;margin-left:5%;color:#5f6063}
.btn5{font-size:20px;text-align:center;display:inline-block;color:#fff;background-color:#004152;padding:5px 20px;text-decoration:none;border:none;cursor:pointer;width:95%;margin-left:5%}
.btn5:hover{background-color:#005368;color:#fff}
.cms h3{font-size:18px;color:#000;text-align:left;margin-bottom:10px}
.cms ul{color:#000;margin:0;list-style-type:none;font-size:13px}
.cms p{font-size:14px;text-align:left;margin-bottom:10px;line-height:22px;text-align:justify;margin-right:15px}
ol,.cms ul{padding:5px 0 5px 35px}
ul li{letter-spacing:normal}
.cms{word-wrap:break-word}
.cms li{padding-bottom:15px}
.cms ul li{list-style:none;background:url(images/bullet-arrow.png) no-repeat 0 4px;padding:0 0 15px 25px}
.hire-tab-box{text-align:center;border-bottom:1px solid #ececec;padding-bottom:10px;margin-bottom:20px}
.hire-tab{display:inline-block;background:url(images/bigrt-arr.png) no-repeat top right;height:69px;text-align:center;padding:5px 5.3% 0 2.2%;color:#c2c2c2;font-size:18px}
.hire-tab span{width:34px;height:34px;border-radius:17px;-moz-border-radius:17px;-o-border-radius:17px;-webkit-border-radius:17px;background-color:#c2c2c2;color:#fff;text-align:center;line-height:34px;display:block;margin:5px auto 7px;-webkit-transition:background-color 2s;transition:background-color 2s;-o-transition:background-color 2s;-moz-transition:background-color 2s}
.hire-tab:hover span,.hire-tab.active span{background-color:#004152}
.hire-tab.active{color:#004152}
.slct-box{border-bottom:4px solid #0177b7}
.red-tround-box{background-color:#0177b7;border-top-right-radius:5px;-moz-border-top-right-radius:5px;-o-border-top-right-radius:5px;-webkit-border-top-right-radius:5px;border-top-left-radius:5px;-moz-border-top-left-radius:5px;-o-border-top-left-radius:5px;-webkit-border-top-left-radius:5px;padding:8px 11px 4px}
.price-box{text-align:center;color:#dc1f26;font-size:32px;border-bottom:1px solid #CCC;border-top:1px solid #CCC;padding:10px 0;margin-bottom:30px}
.price-box span{font-size:18px;color:#848484}
.dm-box{width:21%;float:left;text-align:center;padding:15px 2%}
.round{height:150px;position:relative}
.dm-box:hover{background-color:#f2f2f2;transition:background-color .3s ease 0;-moz-transition:background-color .3s ease 0;-webkit-transition:background-color .3s ease 0;-o-transition:background-color .3s ease 0}
.dm-box .title{color:#0177b7;font-size:22px;font-weight:500;margin-bottom:9px}
.dm-box p{color:#464646;font-size:14px;min-height:120px}
.dm-box span{font-size:14px;text-align:center;background-color:#22a9cc;display:inline-block;padding:10px 15px;color:#fff;margin:10px auto}
.dm-box span:hover{background-color:#1798ba}
.dm-box .pic-circle{border:7px solid #22a9cc;width:106px;height:106px;border-radius:60px;-moz-border-radius:60px;-o-border-radius:60px;-webit-border-radius:60px;margin:0 auto;margin-bottom:20px;background-color:#004152;text-align:center;line-height:106px;overflow:hidden;transition:all .3s ease 0;position:absolute;top:50%;left:50%;margin:-60px auto 20px -60px}
.dm-box .pic-circle img{vertical-align:middle;position:relative;left:10px;top:10px}
.dm-box:hover .pic-circle{width:130px;height:130px;line-height:130px;border-radius:70px;margin:-72px auto 20px -72px}
.prtflo-bx{border:6px solid #f0f0f0;background-color:#e6e6e6;height:170px;overflow:hidden;display:inline-block;width:30%;margin:0 1.5% 1.5% 0}
.prtflo-bx img{display:inline-block}
.prtflo-cnt .col-3{margin-right:2%;margin-bottom:25px}
.prtflo-cnt .col-3:nth-child(3n+3){margin-right:0}
.hire-experts{background-color:#fff;width:19.5%;float:left;margin-right:2%;padding:15px 2%;text-align:center;margin-bottom:20px}
.hire-experts:hover{box-shadow:0 0 5px rgba(190,190,190,0.5);-moz-box-shadow:0 0 5px rgba(190,190,190,0.5);-o-box-shadow:0 0 5px rgba(190,190,190,0.5);-webkit-box-shadow:0 0 5px rgba(190,190,190,0.5)}
.hire-experts .pic-box{width:100%;height:91px;margin:0 auto;line-height:91px;display:block}
.hire-experts .pic-box img{vertical-align:middle;height:100%;transition:all .3s ease 0;-moz-transition:all .3s ease 0}
.hire-experts:hover .pic-box img{height:101px;margin-top:-5px}
.hire-experts .title{font-size:18px;color:#0177b7;margin-bottom:14px;line-height:18px}
.hire-experts .txt{font-size:13px;color:#6c6c6c}
.hire-experts span.btn{font-size:18px;font-weight:400;text-align:center;background:#f18f0a;display:inline-block;color:#fff;margin:10px auto;width:93px;height:32px;line-height:32px}
.hire-experts span.btn:hover{background:#db8003}
.mar-r0{margin-right:0}
.share{margin-top:-2px}
.share img{vertical-align:middle}
.breadcrumb{color:#414141}
.gray-box1{background-color:#ededed;padding:20px}
.gray-box1 form{margin-left:-5%}
.lis11{list-style-type:none;color:#333;margin-left:2%;margin-top:5px;font-size:14px;list-style-color:red}
.lis11 li:before{content:"";background-color:#bbb;width:6px;position:relative;height:6px;top:-2px;left:-7px;display:inline-block}
.lis11 li{padding-left:1%;line-height:30px}
.service-offered{width:100%;display:table;border:1px solid #fff;border-collapse:collapse}
.block-row{display:table-row}
.service-offered .block{border:1px dashed #ececec;width:50%;padding:10px 15px;box-sizing:border-box;display:table-cell}
.fo-lis1{list-style-type:none;padding:0}
.fo-lis1 li{border-bottom:1px solid #005369;padding:10px 0}
.fo-lis1 li a{font-size:14px;color:#d9d9d9}
.fo-lis1 li a:hover{color:#fff}
.fo-lis2{list-style-type:none;margin:0 0 20px;padding:0}
.fo-lis2 li{border-bottom:1px solid #005369;padding:10px 0}
.fo-lis2 li a{font-size:14px;color:#d9d9d9}
.fo-lis2 li a:hover{color:#fff}
.f-main .wrapper{overflow:hidden}
.row{margin:0 -12px;text-align:center}
.row .col3{padding:0 12px;box-sizing:border-box;width:33%;display:inline-block;text-align:left;vertical-align:top}
.slc5{height:30px;width:60%;min-width:190px;margin-bottom:1px;border:1px inset #aeaeae;height:30px;padding:5px;color:#5f6063}
.slc5 option{border-right:1px solid #aeaeae;padding:5px}
.latbl{display:table;margin-left:25px}
.latbl .group1{display:table-row}
.latbl .group1 .latbl-vm{display:table-cell;float:none;vertical-align:middle;height:120px}
.latbl .group1 .group1-txt,.latbl .group1 .group1-txt2{display:table-cell;vertical-align:middle;line-height:normal;height:120px}
.wht-box3{background:#fff;padding:20px;margin-bottom:28px}
.idealogy{background:#22a9cc;padding:25px 22px;color:#fff}
.idealogy .title{border-bottom:1px solid #ececec;color:#fff;font-size:28px;margin-bottom:15px;padding:0 0 5px;font-weight:400;font-family:'Montserrat',sans-serif;letter-spacing:-2px;text-transform:none}
.idealogy .list{list-style-type:none}
.idealogy .list li{font-size:16px;font-weight:400;background:rgba(0,0,0,0) url(images/idealogy-li-bg.png) no-repeat scroll left center;box-sizing:border-box;display:inline-block;padding:10px 0 7px 25px;width:49%;vertical-align:top}
.rowb{margin:0 -9px}
.rowb .col2{padding:0 9px;width:50%;box-sizing:border-box;float:left}
.breadcrumbs{background-color:#fff!important}
.heading-21{color:#0177b7;padding:0 0 5px;text-align:center;border-bottom:1px solid #ccc;font-size:34px;font-family:'Montserrat',sans-serif;font-weight:400;text-transform:none;margin-top:22px;margin-bottom:23px;letter-spacing:-2px}
.testimony-wrap{display:flex}
.testimony-box{background:#fff;padding:16px 16px 35px;margin:0 20px 0 0}
.testimony-box1{background:#fff;padding:16px 16px 25px;margin:0}
.testimony-pic{display:block}
.testimony-pic img{width:100%}
.testimony-pic iframe{height:247px}
.testimony-box p,.testimony-box1 p{font-size:14px;color:#000;text-align:left;margin:10px 0 0;padding:10px 37px 20px 4px;line-height:24px;position:relative}
.testimony-box p::before,.testimony-box1 p::before{content:url(images/t-comma1.png);padding-right:9px}
.testimony-box p::after,.testimony-box1 p::after{content:url(images/t-comma2.png);position:absolute;right:0;bottom:0}
.testimony-name{display:block;text-align:left;font-size:14px;font-weight:400;color:#22a9cc;padding:14px 0 0 4px;margin:34px 0 0;border-top:#dcdcdc 1px solid}
.testimony-name span{font-size:20px;display:block;line-height:35px}
.expertise-wrap{width:100%}
.col-d4{width:85%;float:left}
.heading-icon{width:10%;float:left;margin:0 20px 0 0}
.heading-icon img{width:100%}
.work-box{width:98%;float:left;position:relative;text-align:center;padding:50px 0 10px;margin:30px 0 40px;border:#22a9cc 6px solid}
.work-box h3{position:absolute;left:41%;top:-19px;text-transform:none;background:#fff;color:#004152;font-size:24px;padding:0 6px}
.work-list{width:17%;display:inline-block;vertical-align:top;padding:0 3% 0 2%}
.work-listsml{width:14%;padding-left:1%;padding-right:2%}
.work-icon{display:block;margin-bottom:10px}
.work-icon img{width:32px;height:32px}
.work-icon img.assemble{width:63px}
.work-list p{color:#004152;font-size:13px;line-height:20px}
.work-list p span{display:block}
.work-arrowicon{width:13px;height:22px;margin-top:4%;display:inline-block}
.work-arrowicon img{width:100px}
.col-d5{width:100%;float:left}
.col-d5 h3{font-size:24px;color:#000;margin:0 0 14px}
.col-d5 ul{display:block;list-style-type:none;margin:0 0 29px;padding:10px 0 0}
.col-d5 li{font-size:14px;color:#000;background:url(images/na-listbg.png) left 5px no-repeat;padding:0 0 0 19px;margin:0 0 17px}
.ft-logonew{width:49.5%;display:inline-block}
.bronze{display:inline-block;vertical-align:middle;margin:0 40px 0 0}
.cl-logotxt{display:inline-block;vertical-align:middle;color:#9c9c9b;font-size:18px;font-weight:400;border-left:#9c9c9b 1px solid;padding:0 0 0 15px;margin:0 19px 0 0;background:url(../images/client-arrow.png) left top 18px no-repeat}
.cl-logotxt span{display:block}
.we li .submenu{display:none;position:absolute;padding:15px 15px 0; border-top:5px solid #22a9cc;background:#fff url(images/submenu-bg.png) left 62% top no-repeat;left:0;box-sizing:border-box;width:100%;top:100%;z-index:9999}
.we li:hover .submenu{display:block}
.we li:hover a{background-color:#22a9cc;color:#fff}
.we li:hover .submenu a{background-color:transparent;color:#004152}
.we li:hover .submenu .gry-bx h3 a{color:#22a9cc}
.we li:hover .submenu .gry-bx h4 a{color:#22a9cc}
.we li:hover .submenu .gray-list h5 a{color:#22a9cc}
.we li .submenu a:hover{color:#004152}
.we li:hover a img.weimg1{display:inline-block}
.we li:hover a img.weimg{display:none}
.gry-bx{background:#f0f0f0;display:block;overflow:hidden;padding:14px;margin:0 0 18px;text-align:left}
.gry-bx h3{width:100%;font-size:22px;color:#004152}
.gry-bx p{width:47%;display:inline-block;vertical-align:top;padding:0 0 0 2% !important;line-height:normal}
.gry-bx p img{width:24px;display:inline-block;margin-right:8px;vertical-align:middle!important}
.gry-bx p a{height:auto!important;text-align:left;font-size:12px;color:#22a9cc;line-height:normal;padding:16px 0 15px 34px !important;margin:0!important}
.gry-bx p span{display:inline-block;vertical-align:middle}
.gry-bx p:hover{background:#e8e5e5}
.gry-bx h4{font-size:22px;color:#004152;margin:0;padding:0;margin:0}
.gry-bx h3 a{width:100%;height:auto!important;color:#004152!important;border-bottom:#c5c5c5 1px solid;margin:0;padding:0 0 10px;margin:0 0 9px;text-align:left}
.gry-bx h4 a{width:100%;height:auto!important;color:#004152!important;margin:0;padding:0 0 7px;margin:0;text-align:left}
.gry-bx h3 a:hover,.gry-bx h4 a:hover{background:none;color:#0491b6!important}
.gray-list{width:49%;display:inline-block;vertical-align:top}
.gray-list h5{width:100%;height:auto;display:block}
.gray-list h5 a{width:100%;height:auto;display:block;text-align:left;color:#22a9cc;margin:0;padding:5px 0 0!important;background:none!important}
.gry-bx .gray-list h5 a:hover{color:#1283a0!important}
.gray-list ul{width:100%;display:block;margin:0;padding:10px 0 0;list-style-type:none}
.gray-list ul li{width:90%;display:block;font-size:12px;color:#333;background:url(images/gray-listbg.png) left 4px no-repeat;padding:0 0 12px 16px}
.gray-list ul li:hover{background:none;color:#333!important;color:#333;background:url(images/gray-listbg.png) left 4px no-repeat!important}
a.gry-icon{width:19%;display:table-cell;vertical-align:middle;padding:14px 0;text-align:center}
a.gry-icon:hover{background:#e9e9e9!important}
a.gry-icon img{float:none}
.rev_slider_wrapper{float:none!important}
.tp-caption{top:140px!important}
.rev_slider_wrapper .title{background:url(images/newbanner-bg.png) repeat;font-size:28px;font-weight:500;color:#fff;padding:17px;border-bottom:#0477b7 6px solid}
.rev_slider_wrapper .desc{background:url(images/newbanner-bg.png) repeat;padding:22px}
.rev_slider_wrapper .sub-title{font-size:18px;font-weight:300;color:#fff;text-transform:none}
.rev_slider_wrapper .txt{color:#fff;font-size:14px;margin:10px 0 0;line-height:20px}
.wrap-pos{position:relative}
.menu1{display:none}
.m-menu1{display:block;position:fixed;top:34px;left:28px;z-index:200}
.m-tab1{width:33px;height:18px;display:none}
.m-tab1 img{display:block}
.m-list1{list-style-type:none;background:#0078ba;border:1px solid #036ca6;border-bottom:none;display:none}
.m-list1 li{padding:5px;border-bottom:1px solid #CCC}
.m-list1 li:hover{background-color:#999}
.m-list1 li:hover a{color:#fff}
.m-list1 li a{color:#fff;font-size:16px}
.m-menu{display:none;position:fixed;top:26px;right:15px;z-index:999}
.m-tab{width:33px;height:18px}
.m-tab img{display:block}
.m-list{list-style-type:none;background:#22a9cc;border:1px solid #179ec1;border-bottom:none;width:250px;height:100%;position:fixed;overflow:auto;left:0;top:0;z-index:1000;display:none;box-shadow:1px 0 10px 0 rgba(0,0,0,0.40);-webkit-box-shadow:1px 0 10px 0 rgba(0,0,0,0.40);-moz-box-shadow:1px 0 10px 0 rgba(0,0,0,0.40)}
.m-list li{padding:13px 0 13px 13px;border-bottom:1px solid #179ec1}
.m-list li:hover{background-color:#179ec1}
.m-list li:hover a{color:#fff}
.m-list li a{color:#fff;font-size:16px}
.banner_1{width:100%;height:500px}
.banner_2{width:100%;height:500px}
.banner_3{width:100%;height:500px}
.banner_4{width:100%;height:500px}
.banner_5{width:100%;height:500px}
.banner_6{width:100%;height:500px}
.banner_7{width:100%;height:500px}
.banner_txtbox{display:inline-block;padding:0;margin:100px 0 0}
#demo1 li .banner_txtbox h2{display:inline-block;font-family:"Montserrat",sans-serif;font-size:32px;color:#fff;border-bottom:#0577b4 5px solid;padding:20px 30px;background:rgba(0,0,0,0.8);letter-spacing:-2px}
#demo1 li .banner_txtboxmid{width:60%;background:rgba(0,0,0,0.8);padding:25px 30px}
#demo1 li .banner_txtboxmid h3{font-size:18px;font-weight:400;color:#fff;text-transform:none;padding-bottom:9px}
#demo1 li .banner_txtboxmid p{font-size:15px;font-weight:300;color:#fff;line-height:22px;padding:0}
.bann_btn{display:inline-block;background:#f57f17;font-size:18px;color:#fff;margin:15px 0 0;padding:11px 20px;text-transform:none}
.bann_btn:hover{color:#fff;background-color:#e6730e}
.wpcf7{float:none!important}
.skill-list{display:flex;display:-webkit-flex}
.skill-list .mar-r2p{background:#f5f5f5}
.flx{ display:flex}

@media only screen and (min-width : 1011px) and (max-width : 1024px){
.red-btn1{padding:0 15px;font-size:18px}
}

@media only screen and (min-width : 750px) and (max-width : 1010px){
.wrapper{width:720px;margin:0 auto;padding:0 15px}
.content{padding-top:0}
header{position:relative}
.logo{width:24%; margin-top:25px}
.logo img{width:160px}
.we a{font-size:14px}
.we a img.weimg{width:33px}
.we a img.weimg1{width:33px}
.f-top h2,.red-btn1{font-size:20px}
.we li .submenu{background:#fff url(images/submenu-bg.png) left 56% top no-repeat}
.fm-col1{float:none;width:100%}
.fm-col2{float:none;width:100%;padding-top:0}
.lis1{overflow:hidden}
.prtnr{margin-top:20px;margin-bottom:20px}
.lis4 li{width:49%}
.expg img{width:60%}
.link-box1 span,.link-box2 span{padding:1px 3px;font-size:10px}
.inner-banner{height:365px}
.box-services{height:58px;padding-top:103px}
.box-services.active{height:85px}
.capt-1{font-size:15px}
.cms ul li{width:70%}
.txt-holder2{padding:15px 15px 25px}
.quote1 span{margin-right:27px;margin-bottom:0}
.quote1 img{margin-top:-21px}
.hire-tab{padding:5px 6.4% 0 1.3%;font-size:13px;background:url(images/bigrt-arr2.png) no-repeat center right}
.quote1 p{line-height:16px}
.ht6{height:550px}
.ht7{height:506px}
.home-web-application{padding:40px 25px 20px;margin-bottom:20px;height:350px;display:block}
.home-web-application .title{font-size:30px;color:#004152;text-align:center;margin-bottom:5px}
.home-web-application .txt{color:#464646;text-align:center;margin-bottom:10px;line-height:20px}
.home-cloud-application{padding:20px 25px;background:#fff url(images/cloud-application-ico.png) top right no-repeat;margin-bottom:15px;height:156px;display:block}
.home-cloud-application .title{font-size:24px;color:#1298bb;text-align:left;margin-bottom:5px;width:124px}
.home-cloud-application .txt{color:#22a9cc;text-align:left;margin-bottom:10px;line-height:20px}
.home-mobile-application{padding:35px 25px 17px;margin-bottom:20px;height:147px;display:block}
.home-mobile-application .title{font-size:24px;color:#63dcfc;text-align:left;margin-bottom:5px;width:102px;float:right}
.home-mobile-application .txt{color:#22a9cc;text-align:left;margin-bottom:10px;line-height:20px}
.home-enterprise-mobility{background-color:#22a9cc;height:188px;display:block;background-size:130% 195px;background-position:left top;padding:223px 25px 0}
.home-enterprise-mobility .title{font-size:24px;color:#fff;text-align:left;margin-bottom:5px}
.home-enterprise-mobility .txt{color:#fff;text-align:left;margin-bottom:10px;line-height:20px}
.dthumb{width:47%;margin:5px 1% -4px}
.service-offered .block{width:100%;display:inline-block}
.bdr-btn-bx2{min-height:310px}
.row{text-align:left}
.row .col3{width:49%}
.heading-9{font-size:25px;line-height:35px}
.cyan-box1 p{line-height:18px;font-size:12px}
.gry-bx{margin-bottom:8px}
.heading-19{font-size:30px}
.red-btn1{font-size:18px;padding:0 8px}
#demo1 li .banner_txtboxmid{width:75%}
.green-box1{padding:20px 15px 8px;text-align:center}
.image2{display:block;float:none;margin:0 auto}
.para-6{text-align:center;font-size:12px;line-height:17px;margin-top:7px}
.col-2ex{width:90%}
.lis3{text-align:center}
.ico-circle1{float:none;display:block;margin:0 auto}
.lis3 li{margin-bottom:18px}
.mar-l25{margin-left:0}
.latbl{margin-left:0!important}
.group1-txt big{font-size:26px}
.prtflo-bx{width:29%}
.inner-banner .txt p{line-height:18px}
.ht2{min-height:160px}
.img-box2 { height:344px;}
.heading-8 { font-size:18px;}
}

@media only screen and (max-width : 749px) and (min-width: 240px){
.h-top, we, .work-arrowicon img, .req-qoute { display:none;}
}

@media only screen and (max-width : 749px){
html, body{overflow-x: hidden}
.wrapper{width:90%;margin:0 auto}
header{height:auto;position:fixed}
.h-top{min-height:26px;position:relative;/*display:none*/}
.menu{margin-bottom:4px}
.menu ul li a{margin:4px 10px}
.social{float:none;position:absolute;top:5px;right:5%;margin:0 auto;text-align:center}
.logo{float:none;margin:20px 0;width:182px}
.logo img{display:block;width:182px}
.we{float:none;width:100%;border-top:1px solid #ececec;display:none}
.we a{width:20.623781%;height:88px;padding:12px 1% 0;text-align:center}
.we a img{float:none;margin-right:0;vertical-align:baseline}
.we a img.weimg{width:auto}
.we a img.weimg1{width:auto}
.content{padding-top:75px}
.col-3{float:none;width:100%;margin-bottom:20px}
.col-d3{float:none;width:100%;margin-top:20px}
.col-4{float:none;width:100%}
.col-2{float:none;width:100%}
.col-d3br{float:none;width:100%;min-height:0;margin-bottom:20px;border-right:none}
.f-top{padding-bottom:23px}
.f-top h2{font-size:18px;width:100%;line-height:40px}
.red-btn1{font-size:16px;padding:0 16px;height:40px;line-height:40px;float:none}
.f-top .red-btn1:first-child{margin-right:20px}
.fm-col1{float:none;width:100%}
.fm-col2{float:none;width:100%;padding-top:12px}
.fm-col3{float:none;width:100%;padding-bottom:20px}
.group1{margin-bottom:20px}
.ico-circle{margin-right:20px}
.group1-txt2{padding-top:10px}
.socialink{float:none;text-align:center;line-height:32px;margin-bottom:20px}
.htnews{float:none;width:auto}
.foot{height:auto;padding:5px 0}
.foot > div{float:none;margin-bottom:10px;line-height:18px;font-size:11px}
.foot .fr a{margin-right:8px;margin-left:0}
.prtnr{margin-top:20px;margin-bottom:5px}
.prtnr > div{margin-bottom:5px}
.bearing{width:21.3%}
.codeplus{width:24.75%}
.raymond{width:14.85%}
.standard{width:16.05%}
.premiers{width:15.6%}
.michelin{width:20.4%}
.banner-slide{margin-bottom:20px}
.col-stats{float:left;margin-right:10%;width:40%}
.lis4 li{width:49%}
.tbl1 tr td{display:inline-block}
.tbl2 tr td{display:inline-block}
.col-9{width:50%}
.col-5{width:100%;float:none}
.col-6{width:100%}
.col-7{width:24.25%;float:left}
.ht2,.ht3{margin-bottom:20px}
.link-box1 span,.link-box2 span{padding:1px 3px;font-size:12px}
.rq-tab{width:40px;height:122px;background:url(images/request-quote-tab-small.jpg) no-repeat left top}
.inner-banner{height:auto}
.box-services{height:90px}
.box-services.active{height:115px}
.img-box10{width:100%;height:auto}
.img-box10 img{height:auto;width:100%}
.cyan-box1{height:auto}
.cyan-box1 p{line-height:20px;font-size:14px}
.img-box11{width:100%;height:auto}
.img-box11 img{height:100%;width:100%}
.green-box1{height:41px}
.img-box8 img{height:120%}
.ht4{height:auto}
.ht5{height:auto}
.ht6{height:auto}
.hire-tab{display:block;background:url(images/bigrt-arr1.png) no-repeat bottom left 46%;height:auto;text-align:center;padding:4px 5.9% 8% 2.2%;color:#c2c2c2;font-size:20px;width:210px;vertical-align:top;margin:0 auto 32px}
.hire-tab span{width:40px;height:40px;border-radius:24px;-moz-border-radius:24px;-o-border-radius:24px;-webkit-border-radius:24px;background-color:#c2c2c2;color:#fff;text-align:center;line-height:37px;display:block;margin:0 auto;font-size:36px}
.home-web-application{height:auto}
.home-cloud-application{height:auto}
.home-mobile-application{height:auto}
.home-enterprise-mobility{height:auto;background-size:100% 181px;padding:200px 25px 10px}
.dm-box{width:42%;padding:20px 4%}
.hire-experts{width:42%;margin:0 2% 20px}
.col-10{width:100%;float:none}
.col-11{width:100%;float:none}
.service-offered{margin:20px 0}
.service-offered .block{width:100%;display:inline-block}
.sy-pager{top:-7px!important}
.ftr_col1{float:none;width:100%}
.ftr_col2{float:none;width:100%}
.ftr_col3{float:none;width:100%}
.fo-lis1,.htnews{margin-bottom:20px}
.latbl .group1 .latbl-vm{height:100px}
.latbl .group1 .group1-txt,.latbl .group1 .group1-txt2{height:100px}
.row{text-align:left}
.row .col3{width:49%}
.col-d4{width:83%}
.work-box h3{left:35%}
.work-list{width:90%;padding-bottom:15px}
.work-arrowicon{width:100%;margin-bottom:10px;padding-bottom:10px;background:url(images/work-arrow-bottom.png) center top no-repeat;background-size:33px 19px}
/*.work-arrowicon img{display:none}*/
.testimony-pic iframe{height:250px}
.rowb .col2{width:100%!important;z-index:999}
.we li .submenu{background-position:left 35% top}
.gry-icon{width:100%;display:block}
.gry-bx p img{margin-right:7px}
.we .gry-icon a{width:20%;float:left}
.m-tab1{display:block}
.m-menu{display:block}
.heading-19,.heading-21{font-size:28px}
.red-btn1{font-size:20px;padding:0 22px}
.banner_1{height:450px}
.banner_txtbox{margin-top:74px}
#demo1 li .banner_txtbox h2{font-size:22px}
#demo1 li .banner_txtboxmid{width:80%}
#demo1 li .banner_txtboxmid h3{font-size:18px}
#demo1 li .banner_txtboxmid p{font-size:14px}
.image2{margin-top:8px}
.para-6{margin-top:10px}
.col-3{width:100%;float:left}
.red-btn1{font-size:18px;padding:0 8px;margin-right:8px}
.col-2ex{width:95%}
.lis3{width:97%}
.ico-circle1{margin-top:10px}
.group1{margin-left:40px}
.prtflo-bx{width:45%;height:250px;margin-right:2%}
.f-top h2{margin-bottom:0}
/*.req-qoute{display:none}*/
#demo1 li .banner_txtbox h2{letter-spacing:-1px}
.ht3n { height:350px; margin-bottom:20px;}
.image3 { min-height:350px}
.img-box2 { width:100%; background-size:100% 100%; margin-bottom:20px }
.flx{ display:block}
}

@media only screen and (max-width : 580px){
header{height:auto;position:fixed}
.col-stats{float:none;margin-right:0;width:100%}
.col-2ex{float:none;width:96%}
.lis4 li{width:99%;float:none}
.col-7{width:24.25%;float:left}
.expg img{width:60%}
.ht2{height:140px}
.btn2{width:198px;font-size:17px;margin:5px 0}
.link-box1 span,.link-box2 span{padding:1px 3px;font-size:10px}
.lis6 li{display:inline-block;margin-bottom:10px}
.col-d3br{border-right:none}
.col-9{width:60%}
.rq-content{width:240px;height:310px}
.rq-form{height:380px}
.rq-formin{height:280px}
.cms ul li{width:88%}
.green-box1{height:60px}
.dm-box{width:90%;padding:20px 5%}
.hire-experts{width:92%;margin:0 2% 20px}
.service-offered .block{width:100%;display:inline-block}
.heading-19{margin-bottom:20px}
.dm-box{padding-top:9px;padding-bottom:9px}
.dm-box p{min-height:50px}
.dm-box span{margin:5px auto}
.testimony-wrap{display:block}
.testimony-box,.testimony-box1{width:89%;display:block;margin-bottom:30px}
.col-d4{width:100%}
.work-box h3{position:relative;background:none;left:0}
.heading-icon{width:20%}
.gray-list{width:90%}
.gry-bx p{width:90%}
.gry-bx p a{margin-top:4px;margin-bottom:4px}
.we a{padding:24px 1% 1px}
/*.dsl-none{display:none}*/
.share{margin-top:10px;float:left}
.expertise-wrap .col3{width:99%!important}
.banner_1,.banner_2,.banner_3,.banner_4,.banner_5,.banner_6,.banner_7{height:450px}
.banner_txtbox{margin-top:40px}
#demo1 li .banner_txtboxmid{width:82%}
#demo1 li .banner_txtbox h2{font-size:18px}
.green-box1{width:94%;display:block;border:none;margin:0 0 2%;padding-top:14px;padding-bottom:16px}
.green-box1:nth-child(1),.green-box1:nth-child(2){border:none}
.para-6{font-size:16px;line-height:23px;margin-top:7px}
.col-3{width:100%;margin-bottom:20px}
.group1-txt big{font-size:54px}
.group1-txt1{font-size:20px;line-height:normal}
.prtflo-bx{width:43%;height:170px}
.prtnr{margin-bottom:30px}
.bronze{margin-right:15px}
.ht3n { height:200px}
.image3 { min-height:200px}
}

@media only screen and (max-width : 580px) and (min-width: 240px){
.dsl-none{display:none}
}

@media only screen and (max-width : 380px){
.col-2x{width:100%;float:none}
.col-2m{margin-right:0}
.ml-spe{margin-right:0}
.f-top h2{width:auto;font-size:18px}
.link-box1 span,.link-box2 span{padding:1px 2px;font-size:9px}
.bearing{width:31.95%}
.codeplus{width:37.125%}
.raymond{width:22.275%}
.standard{width:24.075%}
.premiers{width:23.4%}
.michelin{width:30.6%}
.green-box1{height:120px}
.dthumb{width:47%;margin:5px 1% -4px}
.row .col3{width:100%}
.idealogy .list li{width:100%}
.banner_txtbox{margin-top:20px}
#demo1 li .banner_txtbox h2{font-size:18px}
#demo1 li .banner_txtboxmid h3{font-size:15px}
#demo1 li .banner_txtboxmid p{font-size:13px;line-height:19px}
.green-box1{padding-bottom:26px}
.image2{margin-top:21px}
 .prtflo-bx{width:96%;height:260px;margin-bottom:3%}
 .red-btn1{margin-bottom:15px}
 .f-top{padding-bottom:3px}
 .f-top h2{line-height:normal;margin-bottom:15px}
 .error{color:red;float:left;font-size:14px;line-height:18px;margin-bottom:6px}
 .req-qoute .btn4{margin:0}}
 
 .gdprc-class{line-height:47px; font-size:14px;color:#000; }
 .gdprc-class span {margin-left:0px !important}
 .gdprc-class input {height:12px; margin-right:5px; }