body{font-family: 'Open Sans', Arial, sans-serif;
  font-size: 14px;
  line-height: 1.6em; margin:0px; padding:0px;}
  *{ margin:0; padding:0;}
header, footer, article, aside, figure{display:block;}

h1, h2, h3, h4, h5, h6, p, ul{margin:0; padding:0}
*{transition:all .5s ease-in-out;}
li{list-style:none}
a{padding: 0;
  -webkit-transition: color 0.1s ease-in-out, border 0.1s ease-in-out;
  -moz-transition: color 0.1s ease-in-out, border 0.1s ease-in-out;
  -ms-transition: color 0.1s ease-in-out, border 0.1s ease-in-out;
  -o-transition: color 0.1s ease-in-out, border 0.1s ease-in-out;
  transition: color 0.1s ease-in-out, border 0.1s ease-in-out;
  text-decoration: none; color:
  #600;}
a:hover{color:#3a3a3a; text-decoration: none;}
a img{border:none}
.clr{ clear:both;}
.top{ margin-top:15px !important;}
.boder_butttom{ width:100%; border-bottom: dotted 1px #c60;}
.left{ margin-left:20px; color:#C60; font-size:13px !important; text-decoration:underline;}

h1{ font-size:25px; color:#FFF; font-weight:normal;}
h2{ font-size:18px; font-weight:bold; color:#376585;}

p{ margin-top: 5px; color:#646361; font-size:14px;}
.flr{ float:right!important;}
strong{ font-weight:bold; font-size:13px; color:#1f1f21 !important;}
.italic{ font-style:italic; font-size:20px !important; color:#3c4446; margin-top:20px !important; line-height:30px;}

/*****************************start coding **********************/
.heading1{  font-size:20px; color:#000; font-weight:700; background: width:100%; margin-bottom:17px; text-align:center; border-bottom: solid 1px #0098dc; line-height:50px;}
.heading2{ float:left; font-size:20px; color:#000; font-weight:700;  width:100%; margin-bottom:17px; text-align:center; border-bottom: solid 1px #0098dc; line-height:50px;}
.heading3{  font-size:20px; color:#000; font-weight:700;  width:100%; margin-bottom:25px !important; margin-top:9px; padding:8px;}
.heading3:after{ border-bottom:3px solid #000; width:50px; padding-top:10px; margin-left:47%; content:""; display:block; text-align:center;}

.heading4{  font-size:20px; color:#000; font-weight:700;  width:97%; margin-bottom:25px !important; margin-top:9px; padding:8px;}
.heading4:after{ border-bottom:3px solid #000; width:50px; padding-top:10px; margin-left:47%; content:""; display:block; text-align:center;}
#container{ width:100%; height: auto; background:#21252b;}
.hrd_top{ max-width:1050px; margin:auto;}
.container_right{ float:right; padding:10px; background:url(../images/ads.png) no-repeat; color:#fff;}
.container_right{ padding-left:20px; float:right;}

.container_right li:first-child{ padding-right:5px;}
.container_right ul li{ float:left; font-size:13px; font-weight:bold; height:21px; line-height:21px; display:block; margin-left:3px;}
.container_right ul li a{ padding-left:5px;}

.container_left{ float:left; padding:10px;}
.phone{color:#fff; font-size:13px; padding:0 20px 0 7px; float:left; height:35px; line-height:35px;}
.phone ul{ width:60%; display:inline;}
.phone ul li{ float:left; font-size:15px; color:#ffffff; line-height:20px; padding:5px; display:block; font-weight:400;}
.phone ul li a{ color:#ffffff; font-size:14px; font-weight:bold; line-height:25px; padding:0px 4px 0px 6px;}
.phone ul li a:hover{ color:#600;}
.phone ul li.active { color:#ffffff; background:#0089dc; border-radius:6px; border: dotted 1px #FC0;}
#header{ width:100%; background:#fff; padding:0px; background:cover;}
.header_section{ max-width:1050px; background:#FFF; margin:auto;}
.logo{ float: left;}

/*.hdr-buttom nav{ float:right; margin-top:30px; overflow:hidden;  margin-top:20px;}
.hdr-buttom nav li{ height:60px; line-height:60px; float:left; }
.hdr-buttom nav li:first-child{ background:none;}
.hdr-buttom nav li a{ color:#000; font-size:14px; padding:0 15px; display:block;}
.hdr-buttom nav li a:hover{  color:#a2d8ff;}
.hdr-buttom nav li.active a{ color:#a2d8ff;}*/
.banner{ max-width:1350px; text-align:center;height:380px; margin:0px; padding:0px;}
.banner img{ width:100%; text-align:center; height:380px;}
/*.banner1{ max-width:1350px; text-align:center; display:block;  min-height:306px;}
.banner2{ max-width:1350px; text-align:center; display:block; min-height:306px;}
.banner3{ max-width:1350px; text-align:center; display:block; min-height:306px;}*/

.banner_buttom{ width:100%; background:#23272d;}
.banner_buttom_mid{ max-width:1050px; margin:auto; padding:10px;}
.banner_buttom_mid p{ padding:20px; margin-bottom:20px;}
.banner2_buttom_mid p{ padding:20px; margin-bottom:20px; text-align:center !important;}
.h1{ float:left; color:#FFF; font-size:23px; margin-bottom:20px; width:100%; margin-top:30px;}



.get-btn{ background:#0098dc; border:1px solid #FFF; border-radius:3px; color:#fff; padding:7px 25px; font-size:18px; float:right;}
.get-btn:hover{ background:#8463a8; border:1px solid #154b71;}

.recent_work{ width:100%; background:#ffffff;}
.recent_work_mid{ max-width:1050px; margin:auto; margin-top:40px; margin-bottom:20px;}

ul.recent_work1{ margin-bottom:10px;}
ul.recent_work1 li{ float:left; width:31.8%; border:1px solid #e1dfdf; margin-right:15px; background:#ffffff; margin-bottom:20px;}
ul.recent_work1 li:hover{  box-shadow:0px 0px 7px #09F;}
ul.recent_work1 li:last-child{ margin-right:0px;}
.recent_work1 img{ width:100%;}
.recent-name{ padding:10px; font-size:13px; color:#000; text-align:center; font-weight:400;}

.weexpectmid{ max-width:1050px; margin-bottom:30px !important;}
ul.weexpectmid li{ float:left; width:30.8%; margin-right:15px; margin-bottom:20px;-webkit-box-shadow:3px 1px 5px 0 rgba(0, 0, 0, 0.75);
-moz-box-shadow: 3px 1px 5px 0 rgba(0, 0, 0, 0.75) ;box-shadow: 3px 1px 5px 0 rgba(0, 0, 0, 0.75);}
ul.weexpectmid li h4{ margin-left:40px; margin-top:3px; font-size:18px;}
ul.weexpectmid li p{  color:#000 !important; float:left; margin-left:36px; margin-bottom:27px;}

.weexpe-btn{ color:#ffffff; padding:6px 10px; font-size:13px; float:right; background:#0098dc; border-radius:5px; margin-bottom:5px; margin-right:10px;}
.weexpe-btn:hover{ color:#300;}

.whowearemid{ max-width:1050px; margin-bottom:15px; border-bottom: 1px  dotted #CCC; padding:10px;}
.whowearemid img{ width:100%; text-align:center;}

.hightlightmid{ max-width:1050px; margin:auto; text-align:center;}
.hightlightmid_box{ width:22.8%; float:left; margin-right:22px;}

ul.hightlightmid_box li{ float:left; width:99.1%; margin-right:30px; margin-bottom:20px;}
ul.hightlightmid_box li i{ margin-right:7px; font-size:13px;}
ul.hightlightmid_box li h5{  margin-top:-4px; font-size:14px; text-align:left; margin-left:-10px;}
ul.hightlightmid_box li p{  color:#000 !important;text-align:left; font-size:13px; margin-left:8px; margin-top:0px !important;}
.date-img{background: url(../images/date_img.jpg) no-repeat;color: #2e343c;float: left;font-size: 14px;height:65px;line-height: 26px;margin: 0 23px 10px 0;padding: 3px 0 0;position: relative;text-align: center;width: 50px;text-shadow: 0 1px 0 #f5f8f8;}

.timerwork{ width:100%; display:block;}
.timerworkmid{ max-width:1050px; margin:auto; padding:20px; margin-bottom:0px;}
.contantdes{ width:99%; margin-left:10px; float:left; display:inline; }
ul.contantdes li{ width:24%; color:#FFF; text-align:center; display:inline-block;}
ul.contantdes li p{ text-align:center; font-size:42px; color:#ffffff; margin-top:20px; letter-spacing:5px !important; margin-bottom:10px;}
ul.contantdes li h4{ margin-top:28px;}

footer{ background:#4e4e4e; border-top:3px solid #404040; clear:both; width:100%; }
footer article{ max-width:1050px; margin:auto; text-align:center; font-size:12px; color:#ebebeb; margin-bottom:1%; margin-top:20px;}
.footer_blog{ width:100%; float:left; margin-top:15px; margin-bottom:12px;}
ul.footer_blog li{ display:inline-block; width:30.8%; float:left;}
footer article a{ text-align:center; color:#ebebeb; padding:10px 20px; font-size:13px;}

footer article a:hover{ text-decoration:underline; color:#ebebeb;}
.footer_section{max-width:1050px; margin:auto; padding-top:5px; padding-bottom:10px; border-top:1px solid #666666;}
.footer_section a{ color:#ebebeb; font-size:12px;}
footer_section a:hover{ text-decoration:underline; color:#ebebeb;}
footer_article a:last-child{ border-right:0px;}
.left-copyright{ float:left; font-size:12px; color:#ebebeb; }
.right-by{ font-size:12px; color:#ebebeb; float:right;}
.right-by a{ font-weight:bold;}

.tweetblog{ width:97%; float:left; height:180px; overflow:auto; display:block;}
.tweetblog .articleblog{ border:1px solid #dddddd; margin:0px 5px 20px 0; padding-right:10px; clear:both;}
.tweetblog .articleblog .tweet_logo{ float:left; padding:30px 10px 30px 5px; height:100%; border-right:1px solid #ddd; margin-right:10px;}
.tweetblog .articleblog p{ font-size:13px; padding:30px 0px 10px 0px; text-align:justify; margin:0; }
.footer_twiter{ width:31%; background:#ffffff; border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px; border: solid 1px #CCC;}
.footer_contact{ background: #ffffff; margin-left:45px; text-align:left; width:30.8% !important;border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px; border: solid 1px #CCC;}
.footer_contact p{ text-align:left; color:#333; margin-left:10px; margin-top:15px; margin-bottom:20px;}
.social_icon{ float:left; margin-left:160px; width:25.8% !important; margin-bottom:10px;}


/*********************************ennerpage***********************************************************/
.about_heading{ font-size:50px; color:#ffffff; margin-top:21px; text-decoration:blink;}
.about_heading:after{ border-bottom:3px solid #F30; width:60px; padding-top:24px; margin-left:48%; content:""; display:block; text-align:center;}
.banner1 p{ text-align:center; width:50%; margin:auto; font-size:14px; margin-top:10px;}
.banner1_buttom{ width:100%; background:#f4f6f6;}
.banner1_buttom_mid{ max-width:1050px; margin:auto; }
ul.banner1_buttom_mid li{  display:inline-block; margin-left:10px;  background:url(../images/_next.png) no-repeat left; margin-top:10px; margin-bottom:10px;}
ul.banner1_buttom_mid li a{ color:#9ca5ab !important; padding:0px 0px 0px 19px; font-size:12px;}
ul.banner1_buttom_mid li:first-child{ background:none;}
.banner1_buttom_mid li a:hover{ color:#63C;}
.banner1_buttom_mid li.active1 a{ color:#63C !important;}
.about_banner{ width:100%; margin-top:15px;}
ul.about_banner li{ float:left; width:47.8%; display:inline-block;}
.about_banner li p{ color:#3c4446; font-size:14px; margin-top:30px;}
.histry_tab{ width:50%; margin-bottom:-1px; margin-top:20px; margin-bottom:20px; float:left;}
.histry_tab li { float:left; display:table-cell; width:32.7%; border: solid 1px #CCC; border-radius:3px; text-align:center; margin-left:1px; font-size:13px !important;}
ul.histry_tab li a{ color:#70757a; cursor:pointer !important; line-height:50px; height:50px;}
.tab_div{ width:100% !important; border: solid 1px #CCC; border-radius:3px; float:left;}


/****************************************************************hbvbvhg*****************************/
.wrapper-welcome{max-width:1050px; margin:auto; padding-top:25px; overflow:hidden;}
.left-section{width:30%; float:right;}
.left-section aside{ border:1px solid #23272d; border-bottom:4px solid #ffa103; margin-bottom:25px; border-radius:5px;}

.left-section aside ul li{ border-bottom:1px solid #23272d;  }
.left-section aside ul li a{ padding:8px 0 9px 30px; font-size:14px; display:block; background:url(../images/list-i.gif) 15px 12px no-repeat;}
.left-section aside ul li a:hover{background:url(../images/list-i.gif) 15px 12px no-repeat #f3f3f3;}

.headin-1{ background: url(../images/star.png) no-repeat 15px 12px #0098dc; padding:10px 20px 10px 40px; color:#ffffff;}
.headin1-2{ background: url(../images/cont-i.png) no-repeat 15px 12px #0098dc; padding:10px 20px 10px 40px; color:#ffffff;}
.headin1-3{ background: url(../images/about.png) no-repeat 15px 12px #0098dc;  padding:10px 20px 10px 40px; color:#ffffff;}
.headin1-4{ background: url(../images/product.png) no-repeat 15px 12px #0098dc;  padding:10px 20px 10px 40px; color:#ffffff;}


 .contact-add{ padding:15px; font-size:15px; color:#4e4d4d;}
 .contact-add span{ font-size:16px; font-weight:bold;}
 .contact-add p{ padding-bottom:15px;}
 .send-in{ background:#0098dc; color:#fff; font-size:16px; font-weight:normal; display:block; text-align:center; height:40px; line-height:40px;}
 .send-in:hover{ background:#900; color:#fff;}
 
.right-section{width:67%; float:left;}
.banner-section{ border:1px solid #e6e5e5; padding:5px; margin-bottom:25px;}
.banner-section img{ width:100%;}

.welcome-content{ border:1px solid #23272d; border-bottom:4px solid #ffa103; margin-bottom:25px;border-radius:5px;}
.welcome-content aside{ padding:15px;}
.welcome-content aside span{ font-size:16px; font-weight:bold;}

.peratext{ padding:10px 5px 5px 10px; color:#333; font-size:13.5px;}
.peratext_strong{  color:#000000; font-size:16px; font-weight:bold;}
.left-icon{ margin-left:5px !important; padding:0px;}
.heading_index{ color:#0095d5 !important; font-size:18px; font-weight:bold; padding:0px 10px 0px 0px !important;}
/******************************************nav*****************************************************/

.submenu{ visibility:hidden;width:740px; background:#ffffff; border:4px solid #93d056; padding-top:20px; position: absolute; left:-360px!important; top:45px !important;   border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -ms-border-radius:8px; opacity:1; z-index:999; box-shadow: 0 5px 4px #262626; -moz-box-shadow: 0 5px 4px #262626; -webkit-box-shadow: 0 5px 4px #262626; -ms-box-shadow: 0 5px 4px #262626;  -webkit-transition: height 0.3s ease-in;
 -moz-transition: height 0.3s ease-in;
-o-transition: height 0.3s ease-in;
-ms-transition: height 0.3s ease-in;
transition: height 0.3s ease-in;}
nav ul li .submenu li{ padding:0; width:198px; margin-left:15px; float:left; text-transform:capitalize}
nav ul li .submenu li ol{ padding:0; margin:0; height:250px; float:left;}
nav ul li .submenu li ol li{font:13px/20px 'proxima_nova_rgregular'; color:#fff; margin:0; padding:3px 0;}
nav ul li .submenu li ol li span{font: 13px/20px 'open sans'; color:#1f2325; text-transform:uppercase; border-bottom:1px solid #dbdcdd; padding-bottom:5px; margin-bottom:5px; display:inline-block }
nav ul li .submenu li ol li a{ color:#3e3f47; margin:0; padding:0; }
nav ul li .submenu li ol li a:hover{ color:#049dde}
nav ul li .submenu li.tech-row{ width:100%; background:#f8f8f8; border-top:1px solid #e7e7e7; margin:35px 0 0 0; border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; -ms-border-radius: 0 0 8px 8px; padding:8px 0 20px}
nav ul li .submenu li.tech-row ol{ margin:0 18px;}
nav ul li .submenu li.tech-row ol li{ width:auto; padding:0 15px; position:relative;}
/*nav ul li .submenu li.tech-row ol li:first-child{ width:100%;}*/
nav ul li .submenu li.tech-row ol li a{ padding:0; background:none !important}
.downarrowclass{position: absolute; top: 12px; right: 13px;}
.rightarrowclass{position: absolute; top: 6px; right: 5px;}
/***** tooltip css *****/nav{ float:right; margin-top:30px;}
nav ul{ float:left;}
nav ul li{ display:inline-block; font: 14px/42px 'clanotbold'; color:#bcbdbe; text-transform:uppercase;  padding:0 19px; position: relative;}
nav ul li a{ color:#323e49; padding-bottom:15px; display: block; transition:none; font-family:"open Sans";}
nav ul li a:hover, nav ul li a.active{ color:#0682d5;}
.rgt{ float:right;}
.rgt span  {display: inline-block; font: 14px/46px 'clanotbold';  position: relative;    text-transform: uppercase;}
.rgt span a img{ display:none;}
.request-proposal{ background:url(../images/new-divder.jpg) left 10px no-repeat; padding:0 17px}
.request-proposal a{ color:#74b831;}
nav ul li.request-proposal span{ font: 700 15px/32px 'Open Sans'; color:#323e49;}

nav ul li.services{ padding:0;}
nav ul li.services a{ padding:0 26px 3px 11px; border:4px solid #fff; border-bottom:none}
nav ul li.services a:after{background:url(..images/dropdown-arrow.png) 0 0px no-repeat;  content: "";    display: block;    height: 15px;    position: absolute; right: 13px; top: 22px; width: 10px;}
nav ul li:hover.services a:after{ top:18px; right:9px}
nav ul li.services a img{ padding-top:8px}
nav ul li.services:hover a{ background:#fff; border:4px solid #93d056; border-bottom:none; z-index:9999; position:relative; border-radius:7px 7px 0 0; -moz-border-radius:7px 7px 0 0; -webkit-border-radius:7px 7px 0 0; -ms-border-radius:7px 7px 0 0; color:#3e3f47}
nav ul li.services ul.submenu li a{ border:none}
header nav ul li:hover ul.submenu{height:auto; visibility:inherit;}
nav ul li.services ul.submenu li a:after{ background:none;}
/***** submenu css start here *****/
header nav ul li 
nav ul li .submenu li.tech-row ol li a .tooltip { top:-20px; left:-16%; background-color:#2c3034; padding:0px 10px; color:#fff; font:11px/25px 'proxima_nova_rgregular'; text-transform:none; border-radius:3px; opacity:0;
  position:absolute;
  -webkit-transition: opacity 0.5s;
  -moz-transition:  opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition:  opacity 0.5s;
  transition:  opacity 0.5s;
}
nav ul li .submenu li.tech-row ol li:hover .tooltip { opacity:1;}

.Consulting_heading{ background:#39F; min-height:90px; width:100%;}
.Consulting_left{ width:70% !important; float:left; margin-bottom:20px !important;}
.Consulting_right{ width:27% !important; float:right !important;}
.text{ margin:0px !important; padding:0px !important; font-size:13px !important;}

/******************************************heading*****************************************************/
.servic_heading{ font-size:30px; color:#103e3a !important; margin-top:20px; margin-bottom:20px;text-align:center; border-bottom: solid 1px #0098dc; line-height:50px;}
.service_p{}
.subcrib-box{ width:100%; text-align:center; background: #0CF;}
.heading_top{  font-size:30px; color:#ffffff; text-align:center; padding:30px;}



.formbox1{ float:left;  display:block;  width:96%;}
.formbox1 ul{margin:0; clear:both; margin-left:0%;width:100%;}
.formbox1 ul li{ display:block; margin:0; clear:both;  width:100%; margin-top:5px; margin-left:6px;}
.formbox1 ul li input[type=text]{ background:url(../images/form-bg.png) repeat-x top left; height:35px; padding:0 3px; line-height:35px; width:97%; border:solid 1px #dedcdc; border-radius:4px;}
.formbox1 ul li textarea[type=text]{
 background:url(../images/form-textarea.png) repeat-x top left;padding:0 5px; width:100%; text-align:left; border:solid 1px #dedcdc; border-radius:4px;
}
.formbox1 ul li input[type=submit]{ background:#e66405; height:30px; width:120px; float:right; cursor:pointer; font-size:15px; text-align:center; line-height:30px; color:#fff; border-radius:5px; border:1px solid #930;}
.formbox1 ul li select{ background:url(../images/form-bg.png) repeat-x top left; height:35px; padding:0 5px; line-height:35px!important; width:97%; border:solid 1px #dedcdc; border-radius:4px; color:#6d6d87!important; font-size:14px!important;}

	  
/*---------------------------end------------------------------------------*/
   
.mbl-icn{ display:none;}
@media screen and (max-width:900px){
	
	ul.recent_work1 li{ width:46%; margin-left:5px; margin-top:20px; float:left; }
	ul.weexpectmid li{ width:45.5%; margin-left:5px; margin-top:20px; float:left; }
	.hightlightmid_box{ width:30.8%; float:left; margin-left:7px;}
	ul.footer_blog li{ width:47%; float:left;}
	
	}
@media screen and (max-width:800px){
	.hightlightmid_box{ width:44.8%; float:left;}
	}
@media screen and (max-width:700px){
	
	.container_right{ float:left; margin-top:140px;}
	.phone ul li{ width:90%; float:left;}
	.logo{ width:100%; text-align:center; margin:0px; padding:0px;}
.get-btn{ float:left; padding:10px; margin-top:30px; text-align:center;}
.h1{ float:left; width:100%;}
ul.recent_work1 li{ width:80%; margin:auto; margin-left:30px; margin-top:20px; }
ul.weexpectmid li{ width:80%; margin:auto; margin-left:40px; margin-top:20px;}
.hightlightmid_box{ width:100% !important; float:left;}
ul.hightlightmid_box li{ width:100%;}
ul.contantdes li{ width:98%; margin:auto;}
ul.footer_blog li{ width:97%; float:left;}
.footer_contact{ float:left; margin:0px !important; width:98% !important;}
.left-copyright{ margin-left:40px;}
.right-by{ margin-right:40px;}
.social_icon img{  width:100% !important; text-align:center; margin-top:20px;}
.Consulting_left{ width:97% !important; text-align:center !important; float:left;}
.Consulting_right{ width:97% !important; float:left;}
.formbox{ float:left;  display:block;  width:100%; float:left;}
.left{ margin-right:0px !important;}
.flr{ float:none;}
ul.about_banner li{ width:97%; float:left; margin-left:7px;}
.histry_tab{ width:98%; margin:0px; padding:0px;}
.goparfarmance{ float:left; margin:0px; padding:0px; width:98%; margin-left:10px;}
.left-section{ width:98%; float:left; margin-left:3px;}
.right-section{ width:98%; float:left;margin-left:3px; }
	}

@media screen and (max-width:320px){
	.social_icon {  !important; float: left; min-width:100%; margin:0px; margin-bottom:30px; margin-left:10px;}
	ul.footer_blog li{ width:96%; float:left;}
	}