@charset "utf-8";
/* CSS Document 
    font-family: 'Roboto Condensed', sans-serif;
    font-family: 'Roboto', sans-serif;
*/
@font-face { font-family: 'Roboto Condensed'; src: url('../fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoCondensed-Regular.woff') format('woff'), url('../fonts/RobotoCondensed-Regular.ttf') format('truetype'), url('../fonts/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Roboto'; src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Roboto-Light'; src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Light.woff') format('woff'), url('../fonts/Roboto-Light.ttf') format('truetype'), url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'RobotoCondensed-Light'; src: url('../fonts/RobotoCondensed-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoCondensed-Light.woff') format('woff'), url('../fonts/RobotoCondensed-Light.ttf') format('truetype'), url('../fonts/RobotoCondensed-Light.svg#RobotoCondensed-Light') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'titillium_webregular'; src: url('../fonts/titilliumweb-regular-webfont.eot'); src: url('../fonts/titilliumweb-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/titilliumweb-regular-webfont.woff2') format('woff2'), url('../fonts/titilliumweb-regular-webfont.woff') format('woff'), url('../fonts/titilliumweb-regular-webfont.ttf') format('truetype'), url('../fonts/titilliumweb-regular-webfont.svg#titillium_webregular') format('svg'); font-weight: normal; font-style: normal; }
html { font-size: 100% }
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary,
title { display: block }
body { background: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 15px; -webkit-font-smoothing: antialiased; margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Roboto', sans-serif; }
body a { transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td { margin: 0; padding: 0 }
img { max-width: 100%; }
table { border-collapse: collapse; border-spacing: 0 }
fieldset,
img { border: 0 }
ol,
ul { list-style: none }
sub,
sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline }
sup { top: -0.5em }
sub { bottom: -0.25em }
a img { border: 0; display: inline-block }
a:active,
a:focus,
input[type="image"],
select:focus,
input,
input[type="button"]:focus,
:focus { outline: 0 }
h1,
h2,
h3,
h4,
h5,
h6 { font-family: 'RobotoCondensed-Light'; }
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong { font-family: 'Roboto Condensed'; }
.clearfix { *zoom:1
}
.clearfix:before,
.clearfix:after { display: block; content: ""; line-height: 0 }
.clearfix:after { clear: both }
.clear { clear: both }
 .get_quote_dv_home ::-webkit-input-placeholder {
 color: #fff;
opacity:1;
}
.get_quote_dv_home ::-webkit-placeholder {
 color: #fff;
opacity:1;
}
.get_quote_dv_home :-moz-placeholder { /* Firefox 18- */
 color: #fff;
opacity:1;
}
 .get_quote_dv_home ::-moz-placeholder {  /* Firefox 19+ */
 color: #fff;
opacity:1;
}
 .get_quote_dv_home :-ms-input-placeholder {
 color: #fff;
opacity:1;
}
/* Sprite */
/*.sprite { background: url(../images/sprite.png) no-repeat; line-height: 0; font-size: 1px; display: inline-block; *display:inline;
vertical-align: middle; zoom: 1; }*/
/* Owl Carousel CSS*/
.main { padding-top: 100px; overflow: hidden; }
.social_icons ul li { color: #666; display: inline-block; }
.social_icons li i { color: #0967c2; }
.social_icons { float: right; }
.top_bat_cont { background-color: #ececec; border-bottom: 1px solid #d9d7d7; padding: 8px 0; }
.usa_mrg { margin-left: 10px; }
.logo_sec { min-height: 70px; }
.logo { float: left; padding: 6px 0 0; position: absolute; z-index: 1; }
.logo_sec nav { display: inline-block; width: 100%; }
.logo_sec nav ul li.com a::before { background-color: #1266ba; }
.logo_sec nav ul li.ser a::before { background-color: #1266ba; }
.logo_sec nav ul li.hir a::before { background-color: #1266ba; }
.logo_sec nav ul li.por a::before { background-color: #1266ba; }
.logo_sec nav ul li.rea a::before { background-color: #1266ba; }
.logo_sec nav ul li.qut a::before { background-color: #1266ba; }
.cd-primary-nav .quote_text a { background: #0967c2; border-radius: 25px; color: #fff; margin: 15px 0 0 10px; padding: 13px 25px; position: relative; float: right; height: auto; }
.cd-primary-nav .quote_text a:hover { background: #282828; }
.navbar-fixed-top { background: #fff; left: 0; position: fixed; right: 0; z-index: 1030; }
/***************************HOMEPAGE*******************************/

  
/***********************************/
 
.btm_btn { margin: .4em; padding: 15px; position: relative; cursor: pointer; text-decoration: none; color: #fff; /* Prevent highlight colour when element is tapped */ -webkit-tap-highlight-color: rgba(0,0,0,0); }
.btm_btn { background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0; border: 1px solid #fff; margin-top: -40px; color: #fff; cursor: pointer; float: left; font-size: 20px; left: 21%; outline: 0 none; position: relative; transition: all 0.8s ease 0s; }
.btm_btn a { color: #fff; }
.btm_btn:before,
.btm_btn:after { content: ""; position: absolute; height: 0; width: 0; border: 0px solid tomato; }
.btm_btn:before { top: 0px; right: 0px; }
.btm_btn:after { bottom: 0px; left: 0px; }
.btm_btn:hover:before,
.btm_btn:hover:after { width: 100%; height: 100%; border: 2px solid #fff; }
.btm_btn:hover:before { border-bottom-color: transparent; border-right-color: transparent; transition: width 0.4s 0s, height 0.4s 0.4s; }
.btm_btn:hover:after { border-top-color: transparent; border-left-color: transparent; transition: width 0.4s 0.8s, height 0.4s 1.2s, border 0s 0.8s; }
.btm_btn:hover { background: transparent; }
/********************Products section************************/

.Lovely_Parterns_menu { display: block; margin-top: 15px; }
.Lovely_Parterns_menu h3 { color: #fff; font-family: titillium_webregular; font-size: 24px; font-weight: bold; margin: 0; padding: 10px 0; }
.Parterns_menu { background: #fff none repeat scroll 0 0; display: table-row; text-align: center; width: 100%; }
.Parterns_menu span { display: table-cell; margin-right: 15px; vertical-align: middle; }
.Parterns_menu span:last-child { margin-right: 0; }
.products_bg { padding: 40px 0px; }
.content_heading { display: block; text-align: center; padding: 20px 0 30px 0; }
.content_heading h2 { color: #000; font-family: titillium_webregular; font-size: 45px; font-weight: normal; line-height: 35px; margin: 0; }
.content_heading h5 { font-family: titillium_webregular; font-size: 20px; margin: 10px 0 5px; }
#blog-landing { position: relative; max-width: 100%; width: 100%; margin-top: 10px; }
 
.white-panel h1 { margin: 5px 0; text-align: center; }
.white-panel h1 a { color: #a92733; font-size: 20px; }
.white-panel p { font-size: 13px; padding: 0 5px; line-height: 18px; color: #FFF; }
.white-panel:hover { margin-top: -5px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 20px; }
.dna_lofoo { float: left; margin-top: 10px; }
.copy_right a { color: rgb(168, 168, 168); }
.site_map_img { margin-left: -6px !important; margin-right: 16px !important; }
.resp-tabs-list li { margin: 0 3px 0 40px; padding: 20px 21px; position: relative; text-align: center; }
.resp-tabs-list li { background: rgba(255, 255, 255, 0.39) none repeat scroll 0 0 !important; cursor: pointer; display: inline-block; float: left; font-size: 13px; font-weight: 600; list-style: outside none none; }
.resp-tabs-list li img { background: rgb(255, 255, 255) none repeat scroll 0 0; border-radius: 50%; }
.resp-tab-item.hor_1 > span { bottom: -30px; color: rgb(255, 255, 255); left: 0; margin: 0 auto; position: absolute; right: 0; }
.mobile_img { float: left; width: 188px; }
.mobile_img .mobile-anim-block { float: left; width: 100%; padding: 0px; }
.mobile_img .mobile-anim-block .phone-block { margin: 0; padding: 0; width: 100%; }
.tb_desc { overflow: hidden; padding-left: 30px; }
.title_bx { color: rgb(255, 255, 255); }
.title_bx > h3 { color: rgb(255, 255, 255); font-family: titillium_webregular; font-size: 48px; font-weight: normal; line-height: 42px; margin: 0; display: inline; }
.title_bx > span { font-size: 16px; }
.tb_desc > p { color: rgb(255, 255, 255); font-family: titillium_webregular; font-size: 18px; margin: 20px 0; line-height: 30px; max-height: 90px; min-height: 90px; text-align: justify; }
.icon_list { display: inline-block; margin: 10px 0; max-height: 90px; min-height: 90px; }
.icon_bx { color: rgb(255, 255, 255); display: inline-block; font-size: 18px; height: 80px; position: relative; text-align: center; vertical-align: top; width: 108px; vertical-align: middle; margin-bottom: 10px; }
.icon_bx > span { bottom: 0; display: block; font-size: 13px; left: 0; margin-top: 10px; position: absolute; right: 0; text-align: center; width: 100%; }
.resp-tabs-container { clear: left; padding: 40px 0; }
.mobile_img .mobile-anim-block .main-phone svg { height: auto; width: 100%; }
.products_bg { padding: 20px 0; }
.hover_tag b { color: #FFF; display: block; font-size: 22px; font-weight: 400; padding: 25px 0 30px; text-transform: uppercase; font-family: Roboto; position: relative; }
.hover_tag b::before { background: #1266ba none repeat scroll 0 0; border-radius: 10px; bottom: 10px; content: ""; height: 7px; left: -78px; margin: 0 auto; position: absolute; right: 0; width: 7px; }
.hover_tag b::after { background: #1266ba none repeat scroll 0 0; border-radius: 3px; bottom: 10px; content: ""; height: 6px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 60px; }
.white-panel { overflow: hidden; }
.white-panel:hover .hover_tag { opacity: 1; pointer-events: auto; }
.hover_tag { background-color: rgba(0, 0, 0, 0.8); left: 0; padding: 0 20px 20px; position: absolute; right: 0; text-align: center; bottom: 0px; transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; opacity: 0; pointer-events: none; border-radius: 10px 10px; }
.heading > h5 {
  margin: 0 0 50px;
  padding: 40px 0 0;
  position: relative;
  text-align: center;
}
.hover_tag > span { color: #FFF; display: block; font-family: Roboto; padding-top: 10px; text-transform: uppercase; font-family: 'Roboto Condensed'; }
.heading span { color: #1266BA; font-family: Roboto-Light; font-size: 40px; font-weight: 100; }
.heading span b { font-style: normal; }
.heading i { display: block; font-family: Roboto-Light; font-size: 25px; color: #333333; font-style: normal; font-weight: 300; padding: 10px 0 0; }
.heading p { color: #666666; font-size: 16px; line-height: 32px; overflow: hidden; padding: 0 0 10px; text-align: center; font-family: Roboto-Light; }
.searviceS_bx { cursor: pointer; display: block; padding: 20px 5px; text-align: center; }
.searviceS_bx:hover { background: #f3f3f3 none repeat scroll 0 0; }
.s_name { color: #464646; font-size: 22px; padding: 15px 0; }
.searviceS_bx > p { color: #696969; font-size: 15px; line-height: 24px; }
.iconS { height: 70px; vertical-align: middle; }
.readMore { display: block; font-size: 16px; padding: 10px 0; }
.readMore > a { color: #0088cc; }
.clinet { text-align: center; }
.ranu { text-align: center; padding: 20px 0 10px; margin: 0px 0 0px; }
.ranu .rnk_tx > b { display: block; font-size: 40px; font-weight: 600; padding-bottom: 15px; font-family: Lato; color: #fff; font-weight: bold; }
.ranu p { padding: 10px 0 0 0; text-align: center; font-weight: 300; font-size: 18px; color: #b9912f; }
.ranu p a { color: #f4cc6a }
.news.textimonial { background-attachment: fixed; background-color: #f1f1f1; background-image: url("../images/textimonial_bg.jpg"); background-position: center top; background-repeat: no-repeat; background-size: cover; padding: 20px 0 60px 0; }
.clint { text-align: center; }
.text_cli { display: inline-block; margin: 0; padding: 30px 50px 8px; position: relative; width: 80%; }
.text_cli > a { color: #e92323; font-size: 16px; }
.heading .text_cli p { line-height: 25px; font-weight: 300; color: #585757; }
.texti_mon .carousel-indicators li { border: 2px solid #a3a3a3; height: 14px; width: 14px; margin: 0 2px; }
.texti_mon .carousel-indicators { bottom: -35px; }
.texti_mon .carousel-indicators .active { border: 2px solid #e92323; height: 16px; width: 16px; }
/*****************KP***********************************/
 
.boldH1 { font-size: 55px; }
.dasktop { width: 540px; padding: 0px; }
.dasktop .mobile-anim-block .phone-block { }
.sldie_img .carousel { height: 500px; }
.sldie_img .carousel-caption { position: relative; z-index: 100; top: 0; left: 0; }
.sldie_img .carousel .item,
.sldie_img .carousel .item.active,
.sldie_img .carousel .carousel-inner { height: 100%; }
.dasktop.mobile-anim-block .phone-block { padding: 0 5px; }
.sldie_img .carousel .fill { background-position: center center; background-size: cover; height: 100%; width: 100%; position: absolute; }
.contant_img { padding-top: 50%; }
.heading cl_img { display: block; text-align: center; }
#mobile_tb path { stroke-width: 1; stroke-dasharray: 1025, 5; }
#Application_Development_tb path { stroke-width: 2; stroke-dasharray: 1025, 15; }
#Hire_tb path { stroke-width: 1; stroke-dasharray: 1025, 15; }
#game_tb path { stroke-dasharray: 1000, 15; stroke-dashoffset: 1000; stroke-width: 1; }
#Open_Source_tb path { stroke-dasharray: 1000, 15; stroke-dashoffset: 1000; stroke-width: 1; }
#it_consultancy_tb path { stroke-dasharray: 1000, 15; stroke-dashoffset: 1000; stroke-width: 1; }
#Embedded_tb path { stroke-dasharray: 1000, 15; stroke-dashoffset: 1000; stroke-width: 1; }
#API_Services_tb path { stroke-dasharray: 1000, 15; stroke-dashoffset: 1000; stroke-width: 1; }
.sml_to_sm { display: block; padding: 20px 0 0; text-align: center; }
.sml_to_sm img { display: inline-block; }
.imgholder { border-radius: 100px; height: 120px; margin: 33px auto 0; position: relative; width: 120px; }
/* thumbnails style */
.imgholder img { position: absolute; left: 0; top: 0; z-index: 5; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; opacity: 0.9; filter: alpha(opacity = 30); box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; /*transform: scale(0.5,0.5);
	-ms-transform: scale(0.5,0.5);
	-moz-transform: scale(0.5,0.5);
	-webkit-transform: scale(0.5,0.5);*/ transition: opacity 1s, transform 1s ease-in-out 0.3s; -moz-transition: opacity 1s, -moz-transform 1s ease-in-out 0.3s; -webkit-transition: opacity 1s, -webkit-transform 1s ease-in-out 0.3s; }
.imgholder:hover img { opacity: 1; filter: alpha(opacity = 100); transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); }
.imgholder figcaption { position: absolute; left: -5px; top: 40%; width: 130px; color: #004E87; font-weight: bold; text-shadow: -1px -1px 0 #fff; z-index: 4; transition: top 0.5s ease-out; -moz-transition: top 0.5s ease-out; -webkit-transition: top 0.5s ease-out; }
.imgholder:hover figcaption { top: 120%; }
/* decorations style */
.imgholder .circle { position: absolute; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
.imgholder .outer1 { top: -8px; left: -8px; width: 135px; height: 135px; z-index: 2; border: 8px solid; border-color: #DEEBFC; box-shadow: 0 0 3px #AFD3FF; -moz-ox-shadow: 0 0 3px #AFD3FF; -webkit-box-shadow: 0 0 3px #AFD3FF; background: #ffffff; background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #e2efff 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #ffffff), color-stop(100%, #e2efff)); background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%, #e2efff 100%); background: -o-radial-gradient(center, ellipse cover, #ffffff 0%, #e2efff 100%); background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%, #e2efff 100%); background: radial-gradient(center, ellipse cover, #ffffff 0%, #e2efff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2efff', GradientType=1 );
transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transition: transform 1.8s ease-in-out, box-shadow 1s ease-out, border-color 1.5s; -moz-transition: -moz-transform 1.8s ease-in-out, -moz-box-shadow 1s ease-out, border-color 1.5s; -webkit-transition: -webkit-transform 1.8s ease-in-out, -webkit-box-shadow 1s ease-out, border-color 1.5s; }
.imgholder:hover .outer1 { border-color: #0088EA #7FC9FF #0088EA #7FC9FF; box-shadow: 0 0 10px #0285E2; -moz-box-shadow: 0 0 10px #0285E2; -webkit-box-shadow: 0 0 10px #0285E2; transform: rotate(-10deg); -ms-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); }
.imgholder .outer2 { top: -19px; left: -19px; width: 155px; height: 155px; z-index: 1; border: 10px solid; border-color: #D6E5FC #9BC8FF #D6E5FC #9BC8FF; box-shadow: 0 0 20px #8EB9FF; -moz-box-shadow: 0 0 20px #8EB9FF; -webkit-box-shadow: 0 0 20px #8EB9FF; opacity: 0; filter: alpha(opacity = 0); transform: scale(1.3, 1.3) rotate(180deg); -ms-transform: scale(1.3, 1.3) rotate(180deg); -moz-transform: scale(1.3, 1.3) rotate(180deg); -webkit-transform: scale(1.3, 1.3) rotate(180deg); transition: opacity 0.5s, transform 0.7s ease-out; -moz-transition: opacity 0.5s, -moz-transform 0.7s ease-out; -webkit-transition: opacity 0.5s, -webkit-transform 0.7s ease-out; }
.imgholder:hover .outer2 { opacity: 0.9; filter: alpha(opacity = 90); transform: scale(1, 1) rotate(-10deg); -ms-transform: scale(1, 1) rotate(-10deg); -moz-transform: scale(1, 1) rotate(-10deg); -webkit-transform: scale(1, 1) rotate(-10deg); }
.cap_txt { text-align: right; }
.cap_txt h3 { font-size: 40px; margin: 0; font-weight: 300; font-family: "Roboto Condensed", sans-serif; position: relative; }
.cap_txt p { font-family: 'Roboto-Light'; font-size: 16px; line-height: 25px; margin: 0; padding: 0; color: #fff; font-weight: 300; }
.boldH1 span { color: #3bbcf2; }
.welcome > h2 {
  font-family: "RobotoCondensed-Light";
  font-size: 35px;
  font-weight: 300;
  margin-bottom: 40px;
  margin-top: 25px;
  padding: 0 0 30px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
.welcome > p { color: #333; font-family: "Roboto-Light"; font-size: 16px; font-weight: 300; line-height: 25px; margin-bottom: 30px; padding: 0; text-align: center; }
.searviceS_bx { margin-top: 20px; }
.cap_txt { padding: 90px 0; text-align: left; }
.boldH1 { font-family: "Roboto Condensed", sans-serif; font-size: 40px; text-transform: uppercase; font-weight: 700; color: #fff; line-height: 50px; }
.cap_img_gm { position: absolute; padding: 50px; }
.btns a.overView_btn { background: #0d61b4 none repeat scroll 0 0; border: 1px solid #2478cb; }
.btns a { border: 1px solid #cccccc; border-radius: 2px; color: #ffffff; font-family: 'RobotoCondensed-Light'; font-size: 20px; font-weight: 300; margin-right: 20px; padding: 10px 40px; text-transform: uppercase; }
.btns a:hover { background: #282828; }
.resnp_txt h3 { font-size: 45px; font-weight: 300; color: #df3d21; }
.resnp_txt span { color: #df3d21; font-size: 56px; font-weight: 300; letter-spacing: -4px; }
.products_bg svg { height: 40px; }
.products_bg svg text { font-family: "Lato", sans-serif; font-size: 40px; font-weight: bold; }
#homeCarousel .carousel-control { width: 10%; }
.game { background-image: url("../images/game_img1.png"); background-position: 18px 140px; background-repeat: no-repeat; }
.service_bg01.Consulting .icon_list .icon_bx { width: 145px; }
#responsive_slide_web { padding-top: 140px; }
.mobile-anim-block .phone-block.mobile_sl { margin-top: 80px; }
.get_quote_dv_home { float: left; padding: 20px; width: 100%; background: rgba(255,255,255,0.2); border-radius: 5px; margin-top: 7px; }
.first_in { float: left; margin-right: 5px; }
.first_in .txt { border: 1px solid #ffffff; padding: 8px; font-size: 14px; background: none; color: #fff; height: 45px; width: 241px; }
.txt.plu { width: 55px; }
.send_btn { background-color: rgba(255, 255, 255, 0.5); border: 1px solid #fff; border-radius: 2px; color: #000; font-size: 16px; padding: 5px 30px; height: 45px; text-transform: uppercase; }
.msg_txt { transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; border: 1px solid #ffffff; padding: 8px; resize: none; height: 45px; background: none; font-size: 14px; color: #fff; }
.msg_txt:focus { height: 80px; position: relative; }
.first_in.fmw.lefta { float: right; }
.ranking_bg { background-color: #101010; background-image: url("../images/rank_bg.png"); background-position: center top; background-repeat: no-repeat; }
.get_quote_dv_home { display: none; }
.get_quote_dv_home.active { display: block; }
.clients_say span { display: block; font-family: "Roboto-Light"; font-size: 30px; text-transform: uppercase; }
.clients_say span strong { font-style: normal; }
.about_projct_panel { margin-top: 15px; }
.rnk_img { display: block; }
.rnk_tx { display: inline-block; vertical-align: middle; padding-top: 15px; }
#rankCarousel { height: 220px; }
.t_name { color: #1266ba; font-size: 17px; text-align: center; font-family: "Roboto-Light"; margin-top: 20px; }
.t_name span { display: block; color: #ea8501; font-size: 17px; padding: 20px 0; }
.lates_blog span { color: #09aad0; display: block; padding-bottom: 10px; }
.i_p { background: #070c11 none repeat scroll 0 0; border-radius: 50%; float: left; height: 50px; line-height: 50px; margin-right: 10px; text-align: center; width: 50px; }
.p_txt0 { font-size: 15px; line-height: 20px; padding-left: 10px; padding-top: 5px; vertical-align: top; }
.p_txt0 > span { color: #ffffff; display: block; }
.p_txt0 > a { color: #09aad0; }
.n_list { display: block; overflow: hidden; padding-top: 10px; }
.newsletter_bx { position: relative; }
.n_input { background: #1e272f none repeat scroll 0 0; border: 1px solid #1e272f; color: #ffffff; height: 45px; padding: 10px; width: 100%; }
.n_sb_btn { background: url("../images/email_icon.png") no-repeat scroll center center #070c11; border: 0 solid; display: inline-block; height: 45px; position: absolute; right: 0; top: 0; width: 55px; }
.n_sb_btn:hover { background: #003e7e url("../images/email_icon.png") no-repeat scroll center center; }
.s_links { background: #1e272f none repeat scroll 0 0; clear: both; color: #a3a3a3; font-size: 33px; height: 45px; line-height: 40px; margin-bottom: 2px; text-align: center; }
.s_links span { background: #070c11 none repeat scroll 0 0; color: #a3a3a3; float: left; font-size: 34px; height: 45px; line-height: 46px; text-align: center; width: 60px; }
.footer_holder h3 { color: #fbfbfb; display: block; font-family: "RobotoCondensed-Light"; font-size: 25px; margin: 13px 0; padding-bottom: 10px; position: relative; }
.products_bg h2 { display: block; color: #1367bb; font-family: Roboto-Light; font-size: 40px; font-weight: 300; margin: 13px 0; padding-bottom: 10px; position: relative; }
.footer_holder h3::after { background: #09aad0 none repeat scroll 0 0; bottom: 0; content: ""; height: 2px; left: 0; position: absolute; width: 60px; }
.fw.pd_top { padding-top: 10px; }
.welcome > h2::before,
.heading > h5::before { background: #1266ba none repeat scroll 0 0; border-radius: 10px; bottom: -25px; content: ""; height: 7px; left: -78px; margin: 0 auto; position: absolute; right: 0; width: 7px; }
.welcome > h2::after,
.heading > h5::after { background: #1266ba none repeat scroll 0 0; border-radius: 3px; bottom: -25px; content: ""; height: 6px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 60px; }
.md_l_bg { display: none; text-align: center; width: 100%; margin-top: 40px; border-top: 4px solid #e9e9e9; border-bottom: 4px solid #e9e9e9; }
.md_l_bg img { display: inline-block; }
.social_connect .fb_like,
.social_connect .in_connect,
.social_connect .tw_follow { clear: both; display: block; font-size: 22px; height: 60px; line-height: 60px; margin-bottom: 1px; text-align: center; transition: background 300ms ease-out 0s; width: 249px; }
.social_connect a:hover span { display: none; }
.tw_follow { background: rgba(0, 0, 0, 0) url("../images/btn_social.png") no-repeat scroll 0 0; }
.tw_follow:hover { background-position: -258px 0; }
.fb_like { background: rgba(0, 0, 0, 0) url("../images/btn_social.png") no-repeat scroll 0 -71px; }
.fb_like:hover { background-position: -258px -71px; }
.in_connect { background: rgba(0, 0, 0, 0) url("../images/btn_social.png") no-repeat scroll 0 -141px; }
.in_connect:hover { background-position: -258px -141px; }
.social_connect a span { color: #6e6e6e; display: block; font-family: oswaldbold; font-size: 34px; text-indent: 25px; }
.social_connect a span em { font-family: "Open Sans", sans-serif; }
/***************************END HOME********************************/
/*****************************************Mega_menu*****************************************/
/***********************************CSs Icon*********************************/

.sf_mega_menu_sub_item h5 { color: rgb(255, 255, 255); font-size: 14px; font-weight: bold; margin-bottom: 10px; margin-top: 20px; padding-left: 0; text-transform: uppercase; }
.maga_menu.blue_col { background-color: #08B5EF; border-color: #10A5DF!important; }
.nav-submenu-item .nav-submenu-item a:hover { opacity: .5; }
.maga_menu.purpl { background-color: #5c49b0; border-color: rgb(77, 61, 149) !important; }
.purple_icon .nav-submenu-item.sf_mega_menu_sub_item { float: left; width: 25%; }
.maga_menu.purpl { background-image: url("../images/bg-menu.png"); background-repeat: repeat-x; background-position: center bottom; }
.purpl .right_sid { overflow: visible; padding: 50px 0 0 0; }
.logo_sec nav ul li:hover .maga_menu { opacity: 1; top: 101px; pointer-events: auto; }
#welcome_contant { padding: 30px 0; }
.resp-tab-content { display: none; padding: 15px; }
h2.resp-accordion { cursor: pointer; display: none; padding: 5px; }
.footer_background { background: #131c24; min-height: 311px; }
.footer_fist { }
.ftr_padding_top { padding-top: 15px; }
.lates_blog ul { padding-top: 10px; }
.lates_blog ul li { font-size: 15px; line-height: 14px; margin-bottom: 15px; padding-bottom: 15px; }
.lates_blog ul li a { color: rgb(219, 219, 219); position: relative; display: block; padding: 0 10px 0 0; }
.lates_blog ul li a:hover,
.p_txt0 > a:hover,
.quick_links_section ul li a:hover { color: #ea8501; }
.lates_blog ul li a i { color: rgb(96, 96, 96); font-size: 24px; position: absolute; right: 0; top: 0; }
.footer_cont { }
.quick_links_section { padding-left: 23px; }
.quick_links_section ul { display: inline-block; margin-bottom: 10px; }
.quick_links_section ul li { display: block; float: left; font-size: 15px; line-height: 24px; padding-bottom: 4px; width: 100%; }
.hvr-wobble-horizontal { backface-visibility: hidden; box-shadow: 0 0 1px rgba(0, 0, 0, 0); display: inline-block; transform: translateZ(0px); vertical-align: middle; }
.quick_links_section ul li a { color: rgb(255, 255, 255); display: block; }
.quick_links_section ul li img { }
.quick_links_section ul li a i { width: 25px; margin-right: 8px; float: left; }
 @keyframes hvr-wobble-horizontal { 16.65% {
 -webkit-transform: translateX(8px);
 transform: translateX(8px);
}
 33.3% {
 -webkit-transform: translateX(-6px);
 transform: translateX(-6px);
}
 49.95% {
 -webkit-transform: translateX(4px);
 transform: translateX(4px);
}
 66.6% {
 -webkit-transform: translateX(-2px);
 transform: translateX(-2px);
}
 83.25% {
 -webkit-transform: translateX(1px);
 transform: translateX(1px);
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
.hvr-wobble-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; }
.hvr-wobble-horizontal:hover,
.hvr-wobble-horizontal:focus,
.hvr-wobble-horizontal:active { -webkit-animation-name: hvr-wobble-horizontal; animation-name: hvr-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }
.footer_last { }
.lst_ftr_bg { background: #070c11 none repeat scroll 0 0; padding: 10px 0; position: relative; width: 100%; }
.copy_right { float: left; font-size: 15px; color: #b7b7b7; }
.conta_sock > b { color: rgb(255, 255, 255); float: left; font-size: 20px; font-weight: normal; padding: 10px 10px 0 16px; text-transform: uppercase; }
.conta_sock { margin-top: 10px; }
.social { display: inline-block; float: right; }
.social a { width: 20px; height: 20px; background-color: #363535; width: 40px; height: 40px; display: inline-block; border-radius: 50%; text-align: center; line-height: 40px; font-size: 18px; margin: 0 0 0 10px; border: solid 1px #494b4b; color: #a5a5a5; vertical-align: middle; box-shadow: 0 2px 15px #0b0b0b; transition: all 2s ease 0s; }
.social a:hover { background-color: #fff; color: #fff; }
.social a.co1:hover { background-color: #3B5998; }
.social a.co2:hover { background-color: #CB2028; }
.social a.co3:hover { background-color: #7DC6F9; }
.social a.co4:hover { background-color: #EE1C1B; }
.social a.co5:hover { background-color: #007BB6; }
.social a.co6:hover { background-color: #E33E2B; }
.social a:hover,
.social a:focus,
.social a:active { background: #fff none repeat scroll 0 0; border: solid 1px #fff; color: #fff; border: 1px solid rgb(11, 11, 11); box-shadow: 0 2px 15px rgb(255, 255, 255); }
.social a.co1:hover { box-shadow: 0 2px 15px #3b5998; }
.social a.co2:hover { box-shadow: 0 2px 15px #CB2028; }
.social a.co3:hover { box-shadow: 0 2px 15px #7DC6F9; }
.social a.co4:hover { box-shadow: 0 2px 15px #EE1C1B; }
.social a.co5:hover { box-shadow: 0 2px 15px #007BB6; }
.social a.co6:hover { box-shadow: 0 2px 15px #E33E2B; }
/****************SPRITE ICONS****************************/
 
.logo_sec nav ul#myTabs li { border-top: 0px; background: rgba(0, 0, 0, 0) url("../images/small_sep.png") no-repeat scroll 100% 29px; cursor: pointer; float: left; width: 191px; }
.logo_sec nav ul#myTabs li.active { background-color: #e88100; position: relative; }
.logo_sec nav ul#myTabs li a { display: block; font-size: 17px; border: 0px; padding: 16px 0 13px; text-align: center; border-radius: 0; }
.logo_sec nav ul#myTabs li a i { display: block; font-size: 22px; margin-bottom: 11px; }
.logo_sec nav ul#myTabs li a:after { background: none; }
.logo_sec nav ul#myTabs li a:before { background: none; }
.logo_sec nav ul#myTabs li.active::after { border-left: 12px solid rgba(0, 0, 0, 0); border-right: 12px solid rgba(0, 0, 0, 0); border-top: 12px solid #E88100; bottom: -12px; content: ""; height: 0; left: 0; margin: auto; position: absolute; right: 0; width: 0; }
.logo_sec nav ul#myTabs li.active a { background-color: #e88100; color: #fff; }
.logo_sec nav ul#myTabs li:hover a { background-color: #e88100; color: #fff; }
#enquire_box { background-image: url("../images/enuire_box.jpg"); background-position: left center; background-repeat: no-repeat; background-size: cover; float: left; padding: 10px 0; width: 100%; }
.enquire_box_left h2 { color: rgb(255, 255, 255); font-size: 22px; font-weight: 500; line-height: 90px; margin: 0; text-transform: uppercase; }
.enquire_box_left p { color: rgb(255, 255, 255); font-size: 18px; font-weight: 300; padding-bottom: 10px; }
.enquire_box_left p strong { font-size: 20px; }
.enquire_box_left span { color: rgb(255, 255, 255); font-size: 17px; font-weight: 300; margin-right: 15px; }
.enquire_box_right { float: right; text-align: center; }
.inner_banner { display: block; width: 100%; position: relative; }
.inner_banner img { width: 100%; }
.page_h1 { color: #ffffff; font-size: 46px; font-weight: bold; left: 0; line-height: 50px; margin: auto; position: absolute; right: 0; text-align: center; text-transform: uppercase; top: 45%; width: 50%; display: none; }
.page_h1 strong { color: #3bbcf2; font-family: Roboto Condensed; font-weight: 600; }
.page_title { background: #0967c2 none repeat scroll 0 0; padding: 10px 0; }
.page_title h1 { color: #fff; font-family: RobotoCondensed-Light; font-size: 22px; text-transform: uppercase; }
.company_box { background-image: url("../images/callUs_bg.jpg"); background-position: left center; background-repeat: no-repeat; background-size: cover; }
.circle_bx li h4::after { background: #ffffff none repeat scroll 0 0; bottom: 15px; content: ""; height: 5px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 70px; }
.plan_bx { padding: 50px 0; text-align: center; }
.circle_bx { }
.circle_bx li { border: 5px solid rgba(255, 255, 255, 0.6); border-radius: 50%; display: block; float: left; height: 310px; margin-left: -20px; margin-right: -10px; padding-top: 80px; width: 310px; cursor: pointer; }
.circle_bx li h4 { color: #ffffff; font-family: Roboto Condensed; font-size: 48px; padding-bottom: 30px; position: relative; }
.circle_bx li .p_desc { color: #ffffff; font-family: RobotoCondensed-Light; font-size: 20px; line-height: 30px; padding: 0 65px; }
.circle_bx li .p_desc p { }
.circle_bx li.color1 { background: rgba(221, 74, 62, 0.7) none repeat scroll 0 0; }
.circle_bx li.color2 { background: rgba(253, 156, 17, 0.7) none repeat scroll 0 0; }
.circle_bx li.color3 { background: rgba(165, 193, 12, 0.7) none repeat scroll 0 0; }
.circle_bx li.color4 { background: rgba(10, 184, 210, 0.7) none repeat scroll 0 0; }
.hvr-grow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; }
.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active { -webkit-transform: scale(1.1); transform: scale(1.1); }
/* Shrink */
.hvr-shrink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; }
.hvr-shrink:hover,
.hvr-shrink:focus,
.hvr-shrink:active { -webkit-transform: scale(0.9); transform: scale(0.9); }
.contact_call_bx { display: none; background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0; border-radius: 10px; margin: 50px auto 0; padding: 10px 40px; width: 50%; }
.dis_tx { color: #ffffff; font-family: Roboto; font-size: 23px; line-height: 34px; }
.contact_b { padding-bottom: 5px; padding-top: 15px; }
.contact_b a { background: #382653 none repeat scroll 0 0; border: 2px solid #ffffff; color: #ffffff; font-family: RobotoCondensed-Light; font-size: 18px; padding: 5px 30px; }
.call_us_bx { display: none; color: #ffffff; font-family: Roboto-Light; font-size: 20px; padding: 50px 0 0; }
.gray_box { background: #f9f8fd; }
.port_bx { margin-bottom: 20px; padding: 20px 0; text-align: center; }
.port_bx h2 { color: #01e7e4; font-family: "RobotoCondensed-Light"; font-size: 30pt; padding-bottom: 25px; position: relative; }
.port_bx > h2::after { background: #1269bb none repeat scroll 0 0; border-radius: 3px; bottom: 12px; content: ""; height: 4px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 60px; }
.port_bx p { font-size: 16px; line-height: 25px; }
.port_bx1 { padding-bottom: 60px; text-align: center; }
.port_bx1 .box1 { position: relative; }
.port_bx1 .box1 span { bottom: -1px; position: absolute; right: 0; }
.port_bx1 h3 { color: #0a9fcd; padding: 20px 10px 25px; position: relative; }
.port_bx1 > h3::after { background: #1269bb none repeat scroll 0 0; bottom: 13px; content: ""; height: 3px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 40px; }
.port_bx1 p { color: #555555; font-size: 16px; }
/* / Blog */

.blog-part img { width: 100%; height: 100%; }
.blog_detail_page img {
  height: auto;
  width: auto;
}
.blog-contant h2 { color: #0967c2; font-family: 'Roboto Condensed'; font-size: 24px; font-weight: normal; margin-bottom: 15px; }
.blog-contant li { border-left: 1px solid #999; display: inline-block; padding: 0 10px; margin-bottom: 15px; }
.blog-contant ul li:first-child { border-left: 0 !important; padding-left: 0; }
.first_li_child { border-left: 0; padding-left: 0; }
.blog-contant li a { color: #666; display: block; }
.blog-contant li a:hover { color: #0967c2; }
.blog-contant p { color: #666; font-size: 16px; font-weight: 300; line-height: 24px; margin-bottom: 20px; }

.blog_detail_page p { color: #666; font-size: 16px; font-weight: 300; line-height: 24px; margin-bottom: 20px; }
.blog_detail_page { color: #666; font-size: 16px; font-weight: 300; line-height: 24px; margin-bottom: 20px; }
.blog_detail_page li {
  border-left: 1px solid #999 !important;
  display: inline-block;
  margin-bottom: 15px;
  padding: 0 10px !important;
}
.blog_detail_page ul li:first-child{
  border-left: 0px solid #999 !important;
}
.blog_detail_page > strong {
  line-height: 55px;
}

.blog-row { margin-bottom: 25px; padding: 15px; border: 1px solid #eee; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.blog-row:hover { border: 1px solid #1266BA; }
.blog-row.blog-detail { border: 0; padding: 0 0 25px; border-bottom: 1px solid #ccc; }
.blog-row.blog-detail .blog-contant { padding-top: 25px; }
.fb-blog,
.twit-blog { margin-bottom: 25px; }
a.blog-read-more,
a.apply-btn { background-color: #0967c2; color: #fff; display: inline-block; line-height: 45px; margin-bottom: 25px; padding: 0 20px; text-transform: uppercase; text-decoration: none; }
a.blog-read-more:hover,
a.apply-btn:hover { background-color: #131C24; color: #fff; }
.blog-bottom { background-image: url(../images/blog/blog-bg.jpg); background-repeat: no-repeat; background-size: cover; padding: 35px 0; }
.bl-box { color: #fff; }
.bl-box h3 { margin: 15px 0; }
/*career*/

.career1 h2,
.career2 h2 { background-color: #f3f3f3; border-left: 4px solid; color: #0967c2; font-size: 18px; font-weight: normal; line-height: 60px; margin-bottom: 25px; padding-left: 40px; }
.career1 h3 { color: #0967c2; font-size: 20px; font-weight: 300; margin-bottom: 0; text-align: left; }
.marg75 { margin-bottom: 75px; }
.career-section .panel-title { position: relative; }
.career-section .panel-group .panel { border-radius: 0; margin-bottom: 0; box-shadow: none; border: 0; }
.blue-dot-text { margin-bottom: 40px; }
.blue-dot-text li { background-image: url("../images/career/blue-dot.png"); background-position: 0 9px; background-repeat: no-repeat; color: #454545; font-size: 16px; font-weight: 300; line-height: 31px; margin-bottom: 15px; padding-left: 25px; }
.career2-text { margin-bottom: 15px; }
.career2-text li { background-image: url("../images/career/green-check.png"); background-repeat: no-repeat; color: #454545; display: inline-block; font-size: 16px; line-height: 25px; margin-bottom: 20px; padding-left: 35px; vertical-align: top; width: 49%; padding-bottom: 5px; }
/* / 8 Feb css */

.cnt-box { border: 1px solid #ccc; line-height: 25px; margin-bottom: 55px; min-height: 250px; padding: 25px 15px; text-align: center; width: 100%; }
.cnt-box h2 { color: #0967c2; font-size: 22px; font-weight: normal; margin: 20px 0; text-transform: uppercase; font-family: 'Roboto Condensed'; }
.cnt-box p { font-size: 16px; }
.cnt-form { background-image: url(../images/contact/cnt-form-bg.jpg); background-repeat: no-repeat; background-size: cover; padding: 50px 0; font-family: 'Roboto Condensed'; }
.cnt-form h2 { color: #fff; margin-bottom: 35px; padding-bottom: 20px; position: relative; text-align: center; text-transform: uppercase; font-family: 'RobotoCondensed-Light'; }
.cnt-form h2 span { font-family: 'Roboto Condensed'; }
.cnt-form h2:before { background-color: #0967c2; border-radius: 2px; bottom: 0; content: ""; height: 4px; left: 0; margin: auto; position: absolute; right: 0; width: 50px; }
.cnt-form .form-group input,
.cnt-form .form-group textarea { background: transparent; border: 1px solid #536470; width: 100%; border-radius: 5px; line-height: 65px; padding: 0 20px; font-size: 20px; color: #FFF; font-family: 'RobotoCondensed-Light'; }
.cnt-form .form-group textarea { height: 150px; line-height: 45px; }
.cnt-submit { background-color: #0967c2; border: 0 none; border-radius: 3px; color: #fff; display: inline-block; font-size: 22px; line-height: 50px; margin-top: 19px; width: 200px; font-family: 'RobotoCondensed-Light'; border: 1px solid #0967c2; }
.cnt-submit:hover { background-color: #131C24; border: 1px solid #536470; }
/* / enquiry-form */

.enquiry-form { padding: 20px 0 50px; }
.enquiry-form .form-group input,
.enquiry-form .form-group textarea,
.enquiry-form .form-group select { background: transparent; border: 1px solid #d6d6d6; width: 100%; border-radius: 5px; line-height: 65px; height: 65px; padding: 0 20px; font-size: 20px; color: #666; font-family: 'RobotoCondensed-Light'; }
.enquiry-form .form-group textarea { height: 150px; line-height: 45px; }
/* / Partnarship Part */

.partnership-part { padding: 10px 0 50px; }
.nor-text { margin: 25px 0; }
.part-img { margin-bottom: 35px; }
.part-img img { width: 100%; }
.part-contant h2 { font-size: 25px; margin-bottom: 20px; color: #0967C2; }
.part-contant p { color: #333; font-family: "Roboto-Light"; font-size: 16px; font-weight: 300; line-height: 25px; text-align: justify; }
.margin20 { margin-bottom: 20px; }
/* / portfolio-part */


.portfolio-part { padding: 10px 0 50px; }
/* / eCommerce-part */

.eCommerce-part { background-color: #17b5b6; }
.eCo-img img { width: 100%; }
.eCo-text { margin: 15px 0; }
.eCo-text li { background-image: url("../images/ecommerce/white-arrow-check.png"); background-position: 0 10px; background-repeat: no-repeat; color: #fff; font-size: 16px; line-height: 38px; padding-left: 30px; vertical-align: top; }
.blue-part { background-color: #0967c2; padding: 40px 0; text-align: center; }
.blue-part h2 { color: #fff; font-weight: 500; margin-bottom: 20px; }
.blue-part p { color: #fff; font-size: 16px; margin-bottom: 30px; }
a.req-btn { border: 1px solid #fff; border-radius: 5px; color: #fff; display: inline-block; line-height: 50px; vertical-align: top; width: 200px; }
/* / Hybrid App Development */

.hybrid-service { background-color: #f8f8f8; padding: 50px 0; text-align: center; }
.serv-box i { background-color: #0967C2; border-radius: 5px; display: inline-block; line-height: 70px; width: 70px; }
.serv-box h2 { color: #0967c2; font-size: 22px; font-weight: 400; margin: 20px 0 15px; text-transform: uppercase; font-family: 'Roboto Condensed'; }
.serv-box h2 a { color: #0967c2; }
.serv-box p { color: #666; font-family: 'Roboto-Light'; font-size: 16px; font-weight: 300; line-height: 25px; padding: 0 20px; }
.hybrid-service-part { padding: 50px 0; }
.hybrid-service-img img { width: 100%; }
.hybrid-service-box h2 { font-family: 'Roboto Condensed'; margin-bottom: 25px; color: #0967C2; }
.hybrid-service-box p { color: #666; font-family: 'Roboto-Light'; font-size: 16px; font-weight: 300; line-height: 30px; }
/*********************KUSHAL*************************/

.timelineBx { background: #f8f8f8 none repeat scroll 0 0; border: 1px solid #f3f3f3; border-radius: 6px; box-shadow: 4px 3px 6px #e2e2e2; font-family: Roboto; margin-bottom: 15px; padding: 20px 20px 40px; position: relative; width: 43%; }
.title_timeline { color: #ff693b; font-size: 26px; padding-bottom: 25px; }
.timelineBx.right_b { float: right; }
.timline_sort { color: #373737; font-size: 16px; line-height: 20px; }
.timeline_panel::after { border-left: 2px dotted #cccccc; bottom: 0; content: ""; height: 100%; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; top: 0; width: 1px; }
.timeline_panel { display: block; width: 100%; }
.timelineBx::after { border-bottom: 25px solid rgba(0, 0, 0, 0); border-left: 25px solid #f8f8f8; border-top: 25px solid rgba(0, 0, 0, 0); content: ""; position: absolute; right: -25px; top: 25px; width: 10px; }
.timelineBx.right_b::after { border-bottom: 25px solid rgba(0, 0, 0, 0); border-right: 25px solid #f8f8f8; border-top: 25px solid rgba(0, 0, 0, 0); content: ""; position: absolute; left: -25px; right: auto; border-left: none; top: 25px; width: 10px; }
.timeline_panel > li { display: block; float: left; width: 100%; position: relative; z-index: 1; }
.timelineBx > span { background: none repeat scroll 0 0 #ff693b; border-radius: 50%; display: inline-block; font-size: 25px; height: 60px; line-height: 60px; position: absolute; right: -110px; text-align: center; width: 60px; z-index: 10; color: #FFF; }
.timelineBx.right_b > span { background: #ff693b none repeat scroll 0 0; border-radius: 50%; display: inline-block; height: 60px; position: absolute; left: -110px; width: 60px; z-index: 10; }
.timeline_panel > li:nth-child(2) span { background: #2570cc; }
.timeline_panel > li:nth-child(2) .title_timeline { color: #2570cc; }
.timeline_panel > li:nth-child(3) span { background: #60c234; }
.timeline_panel > li:nth-child(3) .title_timeline { color: #60c234; }
.timeline_panel > li:nth-child(4) span { background: #340061; }
.timeline_panel > li:nth-child(4) .title_timeline { color: #340061; }
.timeline_panel > li:nth-child(5) span { background: #ff4b4b; }
.timeline_panel > li:nth-child(5) .title_timeline { color: #ff4b4b; }
.timeline_panel > li:nth-child(6) span { background: #5fd7e9; }
.timeline_panel > li:nth-child(6) .title_timeline { color: #5fd7e9; }
.services_box > li {
  background: rgb(228, 242, 248) url("../images/patern-bg2.png") repeat scroll right bottom;
  border-radius: 50%;
  float: left;
  height: 360px;
  margin: 0 1% 30px;
  padding: 20px;
  text-align: center;
  transition: all 0.5s ease 0s;
  width: 31.333%;
}
.services_box > li:hover { background: #0967c2; }
.s_name_tx::after { background: #0967c2 none repeat scroll 0 0; bottom: 0; content: ""; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 50px; }
.s_bx { font-family: Roboto-Light; padding-top: 30px; }
.sIcon1 { border: 1px solid #0967c2; border-radius: 6px; display: inline-block; height: 35px; padding: 6px 7px; width: 40px; }
.s_name_tx { color: #0967c2; display: inline-block; font-size: 20px; margin-bottom: 10px; padding: 20px 0; width: 100%; position: relative; }
.s_bx > p { font-size: 15px; line-height: 25px; }
.s_bx > a { background: #0967c2 none repeat scroll 0 0; border-radius: 25px; color: #ffffff; display: inline-block; font-size: 13px; margin-top: 15px; padding: 8px 20px; text-transform: uppercase; }
.services_box > li:hover .s_name_tx,
.services_box > li:hover > .s_bx p,
.services_box > li:hover > .s_bx a { color: #fff; }
.services_box > li:hover > .s_bx a { color: #0967c2; background: #fff; }
.responsive-Sec { background: #3a3937 none repeat scroll 0 0; }
.services_box { padding-bottom: 50px; display: inline-block; }
.rsp_li { padding: 20px 0; }
.rsp_he { color: #ffffff; padding-top: 35px; }
.rsp_he h4 { font-family: RobotoCondensed-Light; font-size: 30px; width: 180px; }
.rsp_li > li span { font-size: 20px; left: 0; position: absolute; text-align: center; top: 12px; width: 25px; }
.rsp_li > li { font-size: 15px; line-height: 20px; margin-bottom: 30px; padding: 10px 11px 8px 55px; position: relative; }
.portfolio_bx { background: #0967c2 none repeat scroll 0 0; padding: 40px; text-align: center; }
.port_btm_txt { color: #ffffff; font-family: Roboto-Light; padding: 0 25px; }
.port_btm_txt h4 { font-family: Roboto; font-size: 28px; }
.port_btm_txt p { font-size: 18px; padding: 15px 0; }
.port_btm_txt a { border: 1px solid #ffffff; border-radius: 5px; color: #ffffff; display: inline-block; font-size: 15px; margin-top: 15px; padding: 10px 24px; }
.sm_service_b { display: inline-block; margin: 0 auto 90px; padding: 0 50px; text-align: center; }
.pndBx { margin: 0 auto; width: 65%; }
.pndBx > p { font-size: 18px; line-height: 30px; }
.pndBx > h3 { font-size: 30px; padding: 20px 0; }
.pndBx > span { display: inline-block; text-align: center; }
.whatWeOfferSec { }
.whatWeOfferSec .eCo-text { }
.whatWeOfferSec .eCo-text li { background-image: url("../images/blue-arrow-check.png"); background-position: 0 7px; background-repeat: no-repeat; color: #000000; display: inline-block; line-height: 30px; margin-bottom: 20px; min-height: 51px; padding: 0 30px; width: 49%; }
.h3Title { font-family: "RobotoCondensed-Light"; font-size: 30px; padding: 25px; text-align: center; text-transform: uppercase; }
.h3Title strong { }
.ourProcessSec { background: #f6f8f9; }
.aboutservice { height: 1169px; }
.aboutPge { background-image: url("../images/about_img.jpg"); background-position: 0 top; background-repeat: no-repeat; }
.tbx1 {
  position: absolute;
  right: 150px;
  top: 112px;
  width: 480px;
}
.tbx2 { left: 125px; position: absolute; top: 150px; width: 370px; }
.tbx3 { position: absolute; right: -4px; top: 336px; width: 410px; }
.tbx3 .tSortB { padding-top: 15px; width: 285px; }
.tbx4 { left: 52px; position: absolute; top: 399px; width: 370px; }
.tbx4 .tSortB { width: 335px; }
.img-t1.b4 { float: right; margin-top: -44px; }
.tbx5 { position: absolute; right: 9px; top: 527px; width: 260px; }
.tbx5 .tSortB { padding-top: 21px; width: 250px; }
.tbx6 { left: 115px; position: absolute; top: 609px; width: 370px; }
.img-t1.b6 { margin-left: 50px; }
.tbx7 { position: absolute; right: 157px; top: 670px; width: 285px; }
.tbx7 .tSortB { margin-left: 40px; width: 270px; }
.tbx8 { background: url("../images/b8.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); bottom: 102px; color: #fff; height: 280px; left: 469px; position: absolute; text-align: center; width: 275px; }
.img-t1.b8 { display: inline-block; float: none; font-size: 60px; margin: 0 auto; padding-top: 28px; text-align: center; }
.tbx8 .tSortB { padding-right: 15px; padding-top: 4px; width: 100%; }
.img-t1 { float: left; width: 122px; }
.tSortB {
  overflow: hidden;
  padding-left: 20px;
  padding-top: 27px;
}
.tSortB > h3 { font-size: 25px; padding-bottom: 10px; text-transform: capitalize; }
.tSortB p { line-height: 21px; width: 270px; }
.tbx8 .tSortB p { font-size: 16px; line-height: 22px; width: 220px; }
.tbx2 { left: 125px; position: absolute; top: 150px; width: 370px; }
.img-t1.b2 { margin-left: 145px; }
.clr1 { color: #f0607b; }
.clr2 { color: #ec2b98; }
.clr3 { color: #f68026; }
.clr4 { color: #a0bab7; }
.clr5 { color: #ad4a9c; }
.clr6 { color: #eb539e; }
.clr7 { color: #b63e97; }
/* # Buy process
	================================================== */
.processPanel { margin-bottom: 50px; padding: 30px 0; text-align: center; }
.buy-process-items {
  max-width: 100%;
  overflow-x: auto;
  width: 1186px;
}
.buy-process-wrap { background: #f6f8f9; position: relative; padding-bottom: 100px; }
.buy-process-wrap:before { content: ''; position: absolute; top: 202px; left: 0; width: 100%; height: 39px; background-color: #0967c2; color: #fff; }
.buy-process-items { display: flex; margin: auto; overflow: visible; }
.buy-process-item { flex-grow: 1; flex-basis: 0; position: relative; text-align: center; height: 456px; margin: 0 6px; }
.buy-process-item:nth-child(odd) .text-wrap,
.buy-process-item:nth-child(even) .icon-wrapper { position: absolute; top: 52px; left: 0; right: 0; height: 150px; text-align: center; }
.buy-process-item:nth-child(even) .icon-wrapper { top: 0; height: 202px; }
.buy-process-item h4 { font-size: 17px; color: #0967c2; text-transform: uppercase; position: absolute; width: 100%; margin-bottom: 0; }
.buy-process-item:nth-child(odd) h4 { bottom: 22px; }
.buy-process-item:nth-child(even) h4 { top: 22px; }
.buy-process-item p { position: absolute; font-size: 13px; color: #616161; margin-bottom: 0; width: 100%; line-height: 1.6; }
.buy-process-item:nth-child(odd) p { bottom: 56px; }
.buy-process-item:nth-child(even) p { top: 56px; }
.buy-process-item span { position: absolute; top: 211px; left: 50%; transform: translate(-50%); -webkit-transform: translate(-50%); font-size: 25px; color: rgba(255,255,255,0.65); font-weight: 600; }
.buy-process-item.featured span { color: #fff; }
.buy-process-item:nth-child(odd) .icon-wrapper,
.buy-process-item:nth-child(even) .text-wrap { position: absolute; bottom: 49px; left: 0; right: 0; height: 166px; }
.buy-process-item.featured:nth-child(odd) .icon-wrapper { height: 215px; bottom: 0; }
.buy-process-item .icon-wrapper:before { content: ''; position: absolute; top: 0; bottom: 0; left: 50%; width: 6px; background-color: #0967c2; transform: translate(-50%, 0 ); -webkit-transform: translate(-50%, 0 ); }
.buy-process-item i { position: absolute; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); width: 90px; height: 90px; font-size: 40px; color: #fff; border-radius: 50%; background-color: #0967c2; }
.buy-process-item.featured i { background-color: #fff !important; color: #0967c2; border: 4px solid; }
.buy-process-item:nth-child(odd) i { bottom: 0; }
.buy-process-item:nth-child(even) i { top: 0; }
.buy-process-item i:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.buy-process-item.featured:nth-child(odd) .text-wrap:before,
.buy-process-item.featured:nth-child(even) .text-wrap:before { content: ''; position: absolute; width: 180%; height: 133%; background-color: #fff; }
.buy-process-item.featured:nth-child(odd) .text-wrap:before { top: -33%; left: -40%; -moz-border-radius: 1000px 1000px 0 0; -webkit-border-radius: 1000px 1000px 0 0; border-radius: 1000px 1000px 0 0; }
.buy-process-item.featured:nth-child(even) .text-wrap:before { bottom: -33%; left: -40%; -moz-border-radius: 0 0 1000px 1000px; -webkit-border-radius: 0 0 1000px 1000px; border-radius: 0 0 1000px 1000px; }
/************Technology Expertise******************/
.services_bg { background: #f5f5f5 none repeat scroll 0 0; margin-top: 63px; padding-bottom: 30px; }
.heading_caption { padding: 26px 0 0; text-align: center; }
.heading_caption h2 { color: #363839; font-size: 35px; padding: 15px 0; }
.heading_caption p { color: #5e5e5e; font-size: 17px; margin: 0 0 25px; padding: 0 15px; }
.stechnology_slack_wrapper { border-bottom: 1px solid #cccccc; float: left; margin-bottom: 15px; padding-bottom: 10px; width: 100%; }
.tectnology_stack2 { color: #0967c2; float: left; font-size: 20px; padding: 10px 0; text-align: center; text-transform: uppercase; width: 100%; }
.stechnology_slack_wrapper .img { float: left; }
.stechnology_slack_wrapper .heading { float: left; font-size: 18px; margin-left: 16px; margin-top: 25px; }
ul.technlogy_list { margin-top: 25px; }
ul.technlogy_list li { background: rgba(0, 0, 0, 0) url("../images/bullet.jpg") no-repeat scroll left center; color: #262626; font-size: 13px; margin-top: 10px; padding-left: 15px; }
.border-bottom-none { border-bottom: medium none; }
.mar-bott { margin-bottom: 10px; }
.snip1535 { background-color: #fff; border: medium none; color: #0967c2; cursor: pointer; display: inline-block; font-size: 18px; font-weight: 500; line-height: 60px; margin: 15px 0; outline: medium none; padding: 0 40px; position: relative; text-transform: uppercase; float: right; }
.snip1535:before,
.snip1535:after { border-color: transparent; -webkit-transition: all 0.25s; transition: all 0.25s; border-style: solid; border-width: 0; content: ""; height: 24px; position: absolute; width: 24px; }
.snip1535:before { border-color: #FFF; border-right-width: 2px; border-top-width: 2px; right: -5px; top: -5px; }
.snip1535:after { border-bottom-width: 2px; border-color: #FFF; border-left-width: 2px; bottom: -5px; left: -5px; }
.snip1535:hover,
.snip1535.hover { background-color: #131C24; color: #FFF; }
.snip1535:hover:before,
.snip1535.hover:before,
.snip1535:hover:after,
.snip1535.hover:after { height: 100%; width: 100%; }
/* / digital-marketing-services */

.digital-marketing { padding: 0 0 60px; }
.deg-box i { display: inline-block; margin-bottom: 40px; }
.digital-marketing h2,
.digital-marketing-services h2,
.social-marketing h2 { font-weight: 400; margin-bottom: 35px; font-size: 40px; }
.digital-marketing-services h2 { color: #FFF; margin-bottom: 60px; }
.deg-box p { color: #333; font-size: 18px; font-weight: 300; }
.digital-marketing-services { background-image: url(../images/digital-marketing/following-services-bg.png); background-repeat: no-repeat; background-size: cover; padding: 50px 0; }
.deg-serv-box { margin-bottom: 30px; }
.deg-serv-box i { display: inline-block; margin-bottom: 20px; }
.deg-serv-box p { color: #FFF; font-size: 18px; font-weight: 300; }
.social-marketing { padding: 35px 0; }
.social-marketing h2 { font-size: 30px; }
.social-marketing p { color: #333; font-size: 18px; font-weight: 300; line-height: 30px; margin-bottom: 30px; }
.sm-marketing-part a { display: inline-block; margin: 0 15px; vertical-align: top; }
.software-development-services { background-image: url(../images/software-development/software-development-bg.jpg); background-repeat: no-repeat; background-size: cover; padding: 50px 0 20px; }
.software-development-services h2 { font-size: 40px; font-weight: 300; color: #FFF; margin-bottom: 50px; text-align: center; }
.soft-dev-box i { display: inline-block; margin-bottom: 20px; vertical-align: middle; margin-right: 20px; }
.soft-dev-box p { color: #fff; display: inline-block; font-size: 22px; font-weight: 300; vertical-align: middle; line-height: 32px; }
.soft-dev-box { margin-bottom: 25px; }
.welcome.vm-text { padding-bottom: 20px; text-align: left; }
.welcome.vm-text.our-valur { background-color: #eee; border: 2px dotted #ccc; border-radius: 20px; display: block; margin: 50px auto 30px; width: 320px; }
.welcome.vm-text h3 { font-family: 'Roboto-Light'; font-size: 29px; font-weight: 600; margin-bottom: 0; padding: 0 0 15px; position: relative; text-transform: uppercase; border-bottom: 2px solid #0967c2; display: inline-block; margin-bottom: 15px; }
.welcome.vm-text h2 { font-family: 'Roboto-Light'; font-size: 29px; font-weight: 600; margin-bottom: 0; padding: 20px 0; position: relative; text-transform: uppercase; }
.welcome.vm-text p { padding: 0; text-align: left !important; }
ul.service_list li { padding-bottom: 50px; }
.list-text-icon { float: left; line-height: 27px; width: 8%; }
.list-text-icon i { color: #898989; font-size: 20px; line-height: 0; }
.service_block-list { float: left; margin-left: 5%; width: 85%; }
.service_block-list h2 { color: #333; font-size: 14px; line-height: 25px; margin-top: 0; padding-top: 0; font-family: 'Roboto-Light'; }
.career-section .panel-default .panel-heading { background-color: transparent; border-color: transparent; color: #0967C2; padding: 0; }
.more-less { font-weight: 100; left: 15px; position: absolute; top: 22px; }
.text-box { margin-bottom: 20px; margin-top: 15px; text-align: center; }
.text-box p { font-size: 16px; line-height: 20px; padding: 15px 0; text-transform: capitalize; }
.buy-process-item i:hover { transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.buy-process-item i:hover { background: #FFF; color: #0967C2; box-shadow: inset 0 0 0 3px #0967C2; }
.map-area { width: 100%; height: 500px; }
.gm-err-container { display: none; }
#lightbox .modal-content { display: inline-block; text-align: center; }
#lightbox .close { opacity: 1; color: rgb(255, 255, 255); background-color: rgb(25, 25, 25); padding: 5px 8px; border-radius: 30px; border: 2px solid rgb(255, 255, 255); position: absolute; top: -15px; right: -55px; z-index: 1032; }
.carrer_frm_container { }
.carrer_frm_container input.txt { background: #fff; border: 1px solid #dfdfdf; width: 100%; height: 50px; padding: 11px; }
.carrer_frm_container input.txt.file { height: auto; padding: 12px 11px; }
.carrer_frm_container select.txt { background: #fff; border: 1px solid #dfdfdf; width: 100%; height: 50px; padding: 11px; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; -ms-appearance: none; background: #fff url("../images/slect_caret_2.png") no-repeat scroll 89% 20px; }
.carrer_frm_container .row { margin-bottom: 6px; }
.carrer_frm_container .col-xs-1,
.carrer_frm_container .col-sm-1,
.carrer_frm_container .col-md-1,
.carrer_frm_container .col-lg-1,
.carrer_frm_container .col-xs-2,
.carrer_frm_container .col-sm-2,
.carrer_frm_container .col-md-2,
.carrer_frm_container .col-lg-2,
.carrer_frm_container .col-xs-3,
.carrer_frm_container .col-sm-3,
.carrer_frm_container .col-md-3,
.carrer_frm_container .col-lg-3,
.carrer_frm_container .col-xs-4,
.carrer_frm_container .col-sm-4,
.carrer_frm_container .col-md-4,
.carrer_frm_container .col-lg-4,
.carrer_frm_container .col-xs-5,
.carrer_frm_container .col-sm-5,
.carrer_frm_container .col-md-5,
.carrer_frm_container .col-lg-5,
.carrer_frm_container .col-xs-6,
.carrer_frm_container .col-sm-6,
.carrer_frm_container .col-md-6,
.carrer_frm_container .col-lg-6,
.carrer_frm_container .col-xs-7,
.carrer_frm_container .col-sm-7,
.carrer_frm_container .col-md-7,
.carrer_frm_container .col-lg-7,
.carrer_frm_container .col-xs-8,
.carrer_frm_container .col-sm-8,
.carrer_frm_container .col-md-8,
.carrer_frm_container .col-lg-8,
.carrer_frm_container .col-xs-9,
.carrer_frm_container .col-sm-9,
.carrer_frm_container .col-md-9,
.carrer_frm_container .col-lg-9,
.carrer_frm_container .col-xs-10,
.carrer_frm_container .col-sm-10,
.carrer_frm_container .col-md-10,
.carrer_frm_container .col-lg-10,
.carrer_frm_container .col-xs-11,
.col-sm-11,
.carrer_frm_container .col-md-11,
.carrer_frm_container .col-lg-11,
.carrer_frm_container .col-xs-12,
.carrer_frm_container .col-sm-12,
.carrer_frm_container .col-md-12,
.carrer_frm_container .col-lg-12 { min-height: 1px; padding-left: 2px; padding-right: 2px; position: relative; }
.pop_container { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }
.icon_row i { color: #c8c8c8; font-size: 20px; left: 18px; position: absolute; top: 15px; }
.icon_row.mo i { font-size: 31px; top: 9px; }
.icon_row input.txt { padding-left: 49px; }
p.experience { color: #686868; line-height: 48px; margin: 0; padding: 0; }
.icon_row label { font-weight: normal; margin-top: 10px; }
.pop_close_btn { float: right; margin-bottom: 32px; margin-top: 12px; }
.pop_close_btn_2 { float: right; margin-top: 12px; }
.text_demo { }
.carrere_model .modal-content { background: url(../images/new_inner-page/career/pop_image_abstract.jpg) no-repeat top left #e8e8e8; }
.best_wishes_column { }
.best_wishes_column .logo_pop { float: left; margin-top: 0; }
.best_wishes_column .heading_text { float: left; width: 78%; margin-left: 40px; }
.best_wishes_column .heading_text h4 { font-size: 40px; color: #e74416; }
.best_wishes_column .heading_text p { text-align: justify; }
.mrg_tp { margin-top: 48px; }
.carrer_frm_container ul li { margin-bottom: 5px; }
.resp-tab-content .career1 h3 { font-size: 25px; font-weight: 500; margin-bottom: 20px; }
.apply_btn { background-color: #0967c2; color: #fff; display: inline-block; line-height: 45px; margin-bottom: 25px; padding: 0 20px; text-transform: uppercase; text-decoration: none; border: 0; margin-top: 25px; }
.apply_btn:hover { background-color: #131C24; color: #fff; }
.banner-icon { display: inline-block; text-align: center; margin: 35px 15px 40px 0; font-weight: 500; }
.banner-icon img { width: 50px; margin-bottom: 10px; }
.b-text { margin-top: 15px !important; }
.b-text2 { margin-top: 15px !important; margin-bottom: 35px !important; }
ul.blog-nav { list-style: circle !important; }
.blog-nav li { width: 100%; display: block; list-style: circle !important; padding: 0; border: 0; }
.white-panel { border: 1px solid #eee; margin-bottom: 15px; }
.thumbnail { background-color: #fff; border: 1px solid #ddd; border-radius: 0; display: block; line-height: 1.42857; margin-bottom: 0; padding: 0; transition: border 0.2s ease-in-out 0s; }
.company-menu-img .get-quote-btna div { display: inline-block; margin-top: 25px; width: 50%; }
.company-menu-img { display: inline-block; width: 50%; }
.company-menu-img .get-quote-btna img { width: 100%; }
.processPanel h3 { font-size: 35px; }
.welcome.about-text p { margin: 30px 0 0; }
.welcome > h2::before { bottom: 9px; }
.welcome > h2::after { bottom: 10px; }


/************************/
.logo img {
  margin: -1px 0 0;
  width: 96px;
}